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 360o . 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 :
- Header Preview -
- Footer Preview -
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/AVvXsEgfv9VBeMNhqA1NNyZfN38jLVLfe09w3tMKMK9njUQ-7_wqx-HTrB8T0MfSvdmIhyphenhyphenJUB5X3Vs61o8kRq8z8LrPfU0Wd7ptpnVpkmJMFiZet-zzQpzh7KssyXrF3EXwNvRQOQvjF9o21kS9-/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/AVvXsEgOf1sYnbZDA0ztve_aXyhwxdtXDBzw-qVrADLWPuF-qjZE6l638FOgXmVIPl9QAyGsPOeSmppIPO05b9yHMYnbrwjwUnECviMnJORHkt9Yqu1HEMTy397F1SawDy5Tc7PJcUGx1TsH1CwL/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&boxtag=jla9cj&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&boxtag=jla9cj&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 :
Lalu Saya Menambahkan Bonus . Yaitu Lagu Fairy Tails Opening 3.mp3
Baik Banget kan ane ? :-P
______________________________________________________________________
Sip , Akhirnya Selesai Juga Jelasin Tentang Fairy Tails Templatenya ~XD
Bila tertarik dengan templatenya , Silahkan Agan Coba ~XP
Oke deh , saya Pamit Dulu . Kalau ada yang mau ditanyakan Silahkan Koment di Komentar yang disediakan dibawah atau Contact Me lewat twitter @Yandim_MBS
Akhir Penutupan Kata, Minoritme Zougodzaimate~
Akhir Penutupan Kata, Minoritme Zougodzaimate~
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
0 komentar:
Posting Komentar
Catatan: (memasukan item pada komentar)
Untuk menyisipkan video, gunakan tag <i rel="youtube">URL YOUTUBE ANDA</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>