Fairy Tails Template

Hallo Sobat Mafia . Kali ini saya Akan Memposting tentang Fairy Tails Template . Template Ini Hasil Re-Design Template Bang Johanes yang bernama Sword Art Online Template . Fitur - Fitur Apakah Yang Di Re-Design Oleh saya ?? Hmm , Ada lumayan yang saya Tambahkan fitur - fiturnya . Bahkan Otak - Atik Templatenya . 

Seperti Yang Saya Ganti Yaitu :

Headernya Dulu Bang Jo seperti Header Yang Saya Pakai Di Template ini . Tapi saya rubah menjadi bentuk seperti itu dengan penambahan Fitur yaitu Banner Slider yang saya dapat kodenya di Blog Bang Johanes. Lalu Bagian Postingan nya dahulu ia menggunakan 3 Columns Tapi sekarang saya menggunakannya dengan 2 Columns . Lalu Penambahan Navbar yang saya edit menggunakan Menu Navbar + Kotak Search agar memudahkan kita dalam pencarian . Lalu ada lagi Fitur Profile yang membuat gambar Profil kita berputar 360^o . Lalu ada juga fitur Followers Seperti saat kita tidak menyentuh nya dengan cursor maka yang terlihat hanya Tulisan " Join This Site " tapi bila sudah disorot oleh Mouse maka akan terlihat siapa yang sudah mem-follow blog kita. Lalu yang terakhir ada penambahan kode Radius di sidebar yang fungsinya untuk memperkeren blog kita.

Sudah cukup yah penjelasan tentang Fairy Tails Template nya . Mari kita memulai kode kode Javascript yang ada di Template itu .

Ini Hasil Re-Design Saya :


______________________________________________________________________

Untuk Penambahan Slider :

kalian Klik EDIT HTML Lalu kalian cari kode dibawah dengan menakan CTRL + F atau F3 .


<li><a href='#' title='View my third image link'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh71rKK3oeNZOdv2NJeGLKsxcf87L1QsBx0SZXA3avf_eXunpicQkOO4idxT2wjaABBuT241-9B_QKjvQbBsehEM-NNlfFiIykxpEnqhpB1E1laOb8s6VVmDaYgQD3ONYetFJ4n_50x6XdP/s1600/468x60.JPG'/></a></li>
<li><a href='http://Mafiasitez.blogspot.com' title='View my third image link'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirDZA00j0GKyITeBMLoIOoi4lpOzc4n292xvXI9VntL1nV6QvN-KxLDp_49KOuGio3YQTVccBVX5W87pWpj_4kkJfevWIN-Q4LSeKWLr8OTBLoJ3WrIoQytCEsOOwsbKU3Uov6-1A0xB4x/s1600/Mafia+Blogger+Template.png'/></a></li>
<li><a href='http://deezsign.blogspot.com' title='Deezsign'><img src='http://2.bp.blogspot.com/-qTz1wd83mGs/UIuwpxQvlOI/AAAAAAAADYM/pFkwxfswerg/s1600/Untitled-1.jpg'/></a></li>
<li><a href='http://www.swordart-online.net/?id=bn03' title='Sword Art Online'><img src='http://www.swordart-online.net/special/img/bn480.jpg'/></a></li>

Kode # Bisa kalian ganti dengan URL Tujuan yang kalian inginkan . lalu kode yang mempunyai akhiran .JPG bisa diganti dengan gambar yang anda inginkan .

Untuk Penggantian Navigasi Menu Di Navbar :


<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://www.facebook.com/Yandidoetha'>My Facebook</a></li>
<li><a href='http://www.twitter.com/Yandim_MBS'>My Twitter</a></li>
<li><a href='#bukumbs' id='link-bukumbs'><span style='color:#ffffff !important;text-shadow:0 0 2px #A50000;'>Guest Book</span></a></li>
<li><a href='http://www.Mafiasitez.blogspot.com'>Author Blog</a></li>

Kodenya Bisa kalian Sesuaikan Sendiri ya , tapi Untuk Author Blognya jangan diganti yah :)

Untuk Pengganti Navigasi Menu Di bawah Header :


<li><a href='#'>About</a></li>
<li><a href='#'>Comments</a></li>
<li><a href='#'>Template</a></li>

Kodenya bisa disesuaikan dengan kemauan Sendiri ya .

Untuk Floating Comments :


<div id='cboxdiv' style='text-align:center;line-height:0'>
<div><iframe allowtransparency='yes' frameborder='0' height='298' id='cboxmain3-3281561' marginheight='2' marginwidth='2' name='cboxmain3-3281561' scrolling='auto' src='http://www3.cbox.ws/box/?boxid=3281561&amp;boxtag=jla9cj&amp;sec=main' style='border: #000000 1px solid;' width='720'/></div>
<div><iframe allowtransparency='yes' frameborder='0' height='82' id='cboxform3-3281561' marginheight='2' marginwidth='2' name='cboxform3-3281561' scrolling='no' src='http://www3.cbox.ws/box/?boxid=3281561&amp;boxtag=jla9cj&amp;sec=form' style='border-top: 0px; border: #000000 1px solid;' width='720'/></div>

Kalian Ganti Kode tersebut dengan kode CHAT FORM anda , seperti yang saya gunakan adalah CBOX yang saya ambil dari Cbox

Kalo Penasaran Dengan Kodenya Lihat Gambar Berikut Ini :





______________________________________________________________________









Note:

-Saya tidak bertanggung jawab atas kerusakan/crash karena pengeditan template yang anda lakukan. Gunakanlah Template Kami Dengan Bijak !

Sebelum mencoba template ini,ada baiknya anda membaca kebijakan menggunakan template disini.
http://mafiasitez.blogspot.com/2012/07/privacy-policy-kebijakan-privasi.html