hari ini malam yang sunyi saya mau share template blog bagi para blogger khususnya pencinta anime lebih tepatnya lagi ke fairy tail...haha
khan sudah tuh banyak template mengenai hacker kali ini template anime...
template ini design-nya dibuat simple dan bersih tidak menggunakan shadow.pada template iniada beberapa fitur Slideshow jmpress dengan Jquery yang saya temukan dari codrops, tapi sudah saya edit dan modifikasi jquery,css dan HTML'a.kalau aslinya ukuran slide besar,dan text dengan gambar terpisah.
Di template sudah ada background full dan text ada diatas gambar,sehingga mempunyai style yang sama dengan posting, sehingga agar terlihat menarik effect transisinya dan pergerakannya halus.
~ Screenshot ~
Untuk pengaturan menu: Buka blogger=>templates=>Edit HTML lalu cari HTML seperti dibawah ini,lalu ganti tanda pagar '#' dengan URL link yang kamu inginkan.
Pengaturan Menu 1
Pengaturan 2
Pengaturan Slide
<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>
<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 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>
<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='step' data-color='color-2'>
<div class='jms-content'>
<h3>Fairy tail.</h3><!--judul -->
<p>From fairest creatures we desire increase, that thereby beauty's rose might never die</p><!--deskripsi -->
</div><img src='http://1.bp.blogspot.com/-cUTj3II-RLU/T8VwP3NsP3I/AAAAAAAACFk/LubIeKeC73c/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='http://3.bp.blogspot.com/-QEaahlh_3Is/T8X5iJvn8KI/AAAAAAAACF4/jJWyLGD5O0c/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='http://2.bp.blogspot.com/--CGd44RWfoo/T8X78syIpHI/AAAAAAAACGA/qk7wPwKREMY/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='http://4.bp.blogspot.com/-JYz7PVA8ak0/T8X9bwECMtI/AAAAAAAACGI/GRneOuwP1ck/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's fresh ornament and only herald to the gaudy spring</p><!--deskripsi -->
</div>
<img src='http://2.bp.blogspot.com/-FcU2OCnIvUI/T8YAXLnzZSI/AAAAAAAACGU/46J9OtzWliw/s1600/Untitled-1.jpg'/>
</div><!--background -->
</section>
<!--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
Simple bukan? bila tertarik silahkan download templatenya pada link dibawah ini..
Link Download :
Selamat mencoba, semoga bermanfaat...
Posted by : Keiruchan Agatha ~ / Portal Media Informasi Pilihan
Anda telah membaca artikel Template Fairy Tail Ditulis oleh Keiruchan Agatha pada Minggu, 03 Juni 2012. Kritik dan saran dapat disampaikan via kotak komentar. Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link yang ada di bawah sebagai sumbernya. Atas perhatiannya saya ucapkan terimakasih. Salam blogger and Happy blogging.
{ 0 komentar... read them below or add one }
Posting Komentar
Silahkan tinggalkan komentar anda dengan tidak meninggalkan link. Jika ada kesalahan dalam artikel ini dan jika ada saran dan kritik silahkan tulis komentar anda dibawah dengan baik dan sopan... ;)
Dan jika kedapatan link yang mati dalam penempatan software atau game harap beritahukan agar segera diperbaiki...