Template sederhana ini saya buat terpikir dari template kang ismet yang sederhana namun menarik dan tidak membosankan dan semoga template ini berguna untuk sobat.
Fitur dan tool yang saya pasang di templat ini adalah berikut:
- Dua Menu Horizontal header + kotak pencari
- Satu kolom banner space 468x60
- Tiga Kolom di atas footer
- Recent Post dan Recent Comments Otomatis
- Menu navigasi bhreadcrum
- Related post + Sosial Bookmark
- Kolom Komentar Thread Comments
Cara install di blogger:
1. Login ke akun blogger sobat
2. Klik Template
3. Buka template Defan Duo Gaper yang tadi sobat download dengan notepad
4. Copy semua dan pastekan di editor template blogger anda.
5. Save atau simpan.
Cara Setting:
01Menu horizontal atas dan bawah:
untuk menu horizontal atas cari kode berikut ini:
<div class='menupic'>
<div class='menu'>
<ul>
<li><a href='/'> Home</a></li>
<li><a href='#'>Link 1</a></li>
<li> <a href='#'> Link 2</a></li>
<li> <a href='#'> Link 3 </a> </li>
<li> <a href='#'> Link 4</a></li>
<li><a href='#'> Link 5 </a> </li>
<li><a href='#' target='_blank'>Link 6</a></li>
</ul>
Ganti tulisan warna merah degan link anda.
untuk menu horizontal kedua cari kode:
<div id='navbarleft'>
<ul id='nav'>
<li><a href='/'> Home</a> </li>
<li> <a href='#'>Link 1</a></li>
<li> <a href='#' target='_blank'> Link 2</a> </li>
<li><a href='#'> Link 3</a> </li>
<li><a href='#'> Link 4 </a> </li>
<li><a href='#' target='_blank'>Link 5 </a></li>
</ul>
</div>
lakukan hal sama ganti tulisan warna merah dengan link anda lalu klik save atau simpan.
02untuk logo dan banner.
Login ke akun blogger pilih tata letak dan atur logo yang sobat suka.
banner tentunya ini mudah tidak perlu saya jelaskan silahkan di isi sesuka anda.
03Sosial bookmark.
Untuk sosial bookmark ini agar semua sesuai dengan link akun sobat, cari kode di bawah ini menggunakan ctrl + f di editor template:
<div class='sub-box'>
<div id='socialbookmark'>
<ul>
<li><a href='http://www.facebook.com/pages/Yuuhuinfo/246407652109263' rel='nofollow' target='_new'><img alt='Defri Facebook' src='http://2.bp.blogspot.com/-g3-LDmUu7hI/T2X3d3k7cYI/AAAAAAAABMY/oBM9HzXfyRw/s1600/facebook.png'/></a><br/>Facebook</li>
<li><a href='https://twitter.com/yuuhuinfo' rel='nofollow' target='_new'><img alt='Defri Twitter' src='http://1.bp.blogspot.com/-LrgUE4P20cs/T2X3fbQWOqI/AAAAAAAABMo/4OHiU4aunbc/s1600/twitter.png'/></a><br/>Twitter</li>
<li><a href='https://plus.google.com/117231767337384475251' rel='nofollow' target='_new'><img alt='Defri Google+' src='http://3.bp.blogspot.com/-iSYFrJgyTJo/T2X20L-32xI/AAAAAAAABMQ/bcFXbl5vYx4/s1600/google+.png'/></a><br/>Google+</li>
<li class='last'><a href='http://feeds.feedburner.com/defandaky' rel='nofollow' target='_new'><img alt='Defri RSS' src='http://3.bp.blogspot.com/-lXWmbWyrFF4/T2X3esEPFfI/AAAAAAAABMc/7gPWA9scsxA/s1600/rss.png'/></a><br/>RSS</li>
</ul>
<br/><div class='clear'/>
<div id='socialbookmarkbottom'>
</div>
</div>
Ganti tulisan warna merah dengan akun anda jangan sampai salah, untuk form feedburrner cari kode berikut:
<form action='http://feedburner.google.com/fb/a/mailverify' id='feedform' method='post' onsubmit='window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=defandaky', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input class='emailtext' id='email' name='email' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' style='width: 150px; font-size: 12px;' type='text' value='Ketik alamat email disini'/>
<input name='uri' type='hidden' value='defandaky'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='ebutton' type='submit' value='Subscribe'/>
</form>
Ganti tulisan warna biru denfan nama feedburner sobat.
04Meta tag.
Cari kode berikut:
<meta content='Your Blog Description Here' name='description'/>
<meta content='Your Blog Keyword Here' name='keywords'/>
lalu ganti tulisan warna merah dengan deskripsi blog anda dan warna biru kata kunci sobat.
Setelah semua selesai jangan lupa di save atau simpan perubahan.
Template ini saya berikan gratis untuk sobat jadi mohon untuk tidak menghilangkan credit linknya ya. semoga berguna.
2 komentar
tidak bisa gimana gan, nnti saya bantu
BalasHapusSudah saya perbaiki gan, silahkan ce :)
BalasHapusLink aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>