Shabrun's Blog

1. Setting Menu

<ul class='dark_menu'>
<li><a class='selected' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a href='#'>Contact</a><ul>
<li><a href='#'>Google+</a></li>
<li><a href='#'>Blogger</a></li>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Email</a></li>
</ul></li><li><a href='#'>Categories</a><ul>
<li><a href='#'>Lorem ipsum</a></li>
<li><a href='#'>Lorem ipsum</a></li>
<li><a href='#'>Lorem ipsum</a></li>
<li><a href='#'>Lorem ipsum</a></li>
<li><a href='#'>Download</a></li>
<li><a href='#'>Lorem ipsum</a></li></ul></li>
<li><a href='#'>Backlink</a></li>
<li><a href='#'>Guest book</a></li>
<li><a href='#'>Download Templat</a></li>
<li><a href='#'>Submit</a></li>
<li><a href='#'>Privacy Policy</a></li>
</ul>

2. Setting SEO
Setting Manual oleh pengguna mengenai deskripsi dan keyword blog anda.
*ganti text yang berwarna merah

Skarang Abang Shabrun mau nge Posting Template Naruto Shippuden . Lets go ;)



Pengaturan Menu

buka blogger=>template=>edit HTML lalu cari kode html seperti dibawah ini.

<div id='nav'>
<ul>
<li><a href='http://#'>Home</a></li>
<li><a href='http://#'>Contact</a></li>
<li><a href='http://#'>About</a></li>
<li><a href='http://#'>Download</a></li>
<li><a href='http://#'>Email</a></li>
<li><a href='http://#'>RSS</a></li>
<li><a href='http://#'>Portfolio</a></li>
<li><a href='http://#'>Anime</a></li>
</ul>
</div>


ganti tanda pagar '#' dengan url web yang kamu inginkan. Ingat Gantinya tanpa tanda kutip, Harus Ada Tanda Kutipnya , yg Diganti # saja

Untuk mengganti pesan/deskripsi ,cari kode html dibawah ini,lalu ganti pesannya.

<div id='headerbg1'><p>Naruto VS Sasuke,who is the strongest? </p></div>

Note: Cara Downloadnya dngan memilih menu file ==> Download atau melalui Keyboard CTRL+S

Moga Bermanfaat Templatenya ;)

Skarang saya mau berbagi tentang Template blog Fairy Tail , mau tau bagaimana ?? Cekidot ;)

Untuk pengaturan menu: Buka blogger=>templates=>Edit HTML lalu cari HTML seperti dibawah ini,lalu ganti tanda pagar '#' dengan URL linknya

Pengaturan Menu 1

<div id='nav'>
<ul><!--menu1 -->
<li><a href='#'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Guestbook</a></li>
</ul>
</div>

Pengaturan Menu 2

<div id='nav'>
<ul><!--menu2 -->
<li><a href='#'>Exchange link</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Download</a></li>
<li><a href='#'>Email</a></li>
</ul>
</div>

Pengaturan Slide

 Untuk pengaturan slide,kamu bisa mengganti judul deskripsi dan gambar background
perhatikan kode HTML dibawah ini

<section class='jms-slideshow' id='jms-slideshow'>

<div class='step' data-color='color-2'>
<div class='jms-content'>
<h3>Fairy tail.</h3><!--judul -->
<p>From fairest creatures we desire increase, that thereby beauty&#39;s rose might never die</p><!--deskripsi -->
</div><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3XSaJBaB4-5GcxCS6XqMFkKK3Gj-IqWtGn-j5TTlAxXK5-Rlp5gktZVFmwQ2VlOkkL56qvw6vUZWud5uSWiN-aUkbKL8LTCV3alTAe4IXpj5wdRtwNttViiNAPdqTOER6NAer4PttBg0/s1600/Konachan.jpg'/><!--background -->
</div>

<div class='step' data-color='color-3' data-rotate-x='80' data-y='900'>
<div class='jms-content'>
<h3>Lucy</h3><!--judul -->
<p>But as the riper should by time decease, his tender heir might bear his memory</p><!--deskripsi -->
</div>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM92WEs_hhzUbLcCkoKgQRIDmr-83kIX4L8v2FMovdhsYX5Klqr9unnStRYqA5rWdt8-yb5jFFc4MxcCgr8zcP-Cr1TREjnmjls_UoRRzIlGxlHAYW8_gtqdZt9KSaqceslzuuA2AqC6o/s1600/Untitled-1.jpg'/>
</div><!--background -->

<div class='step' data-color='color-4' data-rotate='170' data-x='-100' data-z='1500'>
<div class='jms-content'>
<h3>Natsu</h3><!--judul -->
<p>Within thine own bud buriest thy content and, tender churl, makest waste in niggarding</p><!--deskripsi -->
</div>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQlmYOE3WyOjyAeL2-J-WYzQ-CZj71IshDO-9fK1oS7xECfKFHDugu8nnuiZniuBbJUYF-Kd2dt-TPIUHTcmbZSSYIA1BoEedih8uko6l-MYJ3972QakCBhTMCaDNXeLfFOdys0Q_xsag/s1600/Untitled-1.jpg'/>
</div><!--background -->

<div class='step' data-color='color-5' data-x='3000'>
<div class='jms-content'>
<h3>Erza Scarlet</h3><!--judul -->
<p>Making a famine where abundance lies, thyself thy foe, to thy sweet self too cruel</p><!--deskripsi -->
</div>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbRmDYzb4e70CNJpdWxDxPGprQdBPeBTZ96sIeq8MXfzuaMBQmJgGA5jl2gS-NYabj24vgwJKBij2Am_-EdnBqG4tTziCA9SXMFqxKE4-bTEWJCypwG4LYq_Mm7fYPB4ILH3DGk1SRnXo/s1600/Untitled-1.jpg'/>
</div><!--background -->

<div class='step' data-color='color-1' data-rotate-y='45' data-x='4500' data-z='1000'>
<div class='jms-content'>
<h3>Happy</h3><!--judul -->
<p>Thou that art now the world&#39;s fresh ornament and only herald to the gaudy spring</p><!--deskripsi -->
</div>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs-yg2exLvJEDqqWrdQrrWaSIifYaUhiBZAxUY_ofsnavwFT51bUsWYS_4CFur1tOgv-BmMragOx9l0uZHPYpugMJ7G6SgdVoaIdC9mrJ7GWAY42Q0-HFohXDJ3-_QrP63Gr6ruht-Wjc/s1600/Untitled-1.jpg'/>
</div><!--background -->

</section>

saya sudah menandai tiap html'a sperti
<!--judul -->  warna merah
<!--Deskripsi --> warna orange
<!--background --> warna biru

kamu tinggal mengganti judul dan deskripsi slide'a.
Untuk background'a sendiri,kamu tinggal mengganti url gambar seperti yang ada diatas dengan gambar yang kamu inginkan.
Ukuran gambar tepat'a 602 × 262

Kalo Mau Download template ini , klik disini
Demo : Demo

Bagaimana ?? Simplekan ,
Moga bermanfaat Sobat :)