Membuat Genre List
1. Buka Blog, Template ,Edit HTML
2. Tambahkan CSS berikut sempurna diatas kode ]]></b:skin> .
.genrelist{list-style:none;overflow:auto;border-radius:3px;padding:4px 0;max-height:197px}.genrelist li a{font-size:12px;font-weight:700;width:46%;float:left;margin:3px 4px;border-radius:3px;background:#fff;color:#333;padding:9px;box-shadow:1px 1px 1px 1px rgba(0,0,0,.28);border-left:5px rgba(0,0,0,.23) solid;transition:all .3s ease 0s}.genrelist li a:hover{background:#333;text-decoration:none;color:#fff;transform:rotate(-5deg)} 3. Simpan template
4. Sekarang ke TATA LETAK ,pilih tambahkan gadget, Pilih HTML / Javascript, dan isi dengan HTML berikut
<div class='genrelimit'><ul class='genrelist'><li><a href="/search/label/Action?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Action</span></a></li> <li><a href="/search/label/Adventure?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Adventure</span></a></li> <li><a href="/search/label/Comedy?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Comedy</span></a></li> <li><a href="/search/label/Drama?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Drama</span></a></li> <li><a href="/search/label/Demons?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Demons</span></a></li> <li><a href="/search/label/Ecchi?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Ecchi</span></a></li> <li><a href="/search/label/Fantasy?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Fantasy</span></a></li> <li><a href="/search/label/Game?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Game</span></a></li> <li><a href="/search/label/Harem?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Hareem</span></a></li> <li><a href="/search/label/Historical?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Historical</span></a></li> <li><a href="/search/label/Horror?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Horror</span></a></li> <li><a href="/search/label/Magic?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Magic</span></a></li> <li><a href="/search/label/Martial%20Arts?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Martial Arts</span></a></li><li><a href="/search/label/Mecha?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Mecha</span></a></li> <li><a href="/search/label/Military?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Military</span></a></li> <li><a href="/search/label/Music?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Music</span></a></li> <li><a href="/search/label/Mystery?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Mystery</span></a></li> <li><a href="/search/label/Parody?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Parody</span></a></li> <li><a href="/search/label/Police?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Police</span></a></li> <li><a href="/search/label/Psychological?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Psychological</span></a></li><li><a href="/search/label/Romance?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Romance</span></a></li> <li><a href="/search/label/School?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>School</span></a></li> <li><a href="/search/label/Sci-Fi?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Sci-Fi</span></a></li> <li><a href="/search/label/Seinen?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Seinen</span></a></li> <li><a href="/search/label/Shoujo?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Shoujo</span></a></li> <li><a href="/search/label/Slice%20of%20Life?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Slice of Life</span></a></li><li><a href="/search/label/Space?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Space</span></a></li> <li><a href="/search/label/Sports?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Sports</span></a></li> <li><a href="/search/label/Supernatural?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Supernatural</span></a></li><li><a href="/search/label/Super%20Power?&max-results=6" title="√ Membuat Genre List Responsive Dijamin 2 Cingire"><span>Super Power</span></a></li></ul></div> Sekian dari tutorial kali ini , hingga jumpa ditutorial berikutnya ^^;
Sumber http://idalponse.blogspot.com
EmoticonEmoticon