Katagori yang ada di template asli blogger tidak ada animasi karena itu saya mau berbagi dengan teman sekalian tentang cara membuat dan memasang KATEGORI Dengan Background Animasi.
Langkahnya adalah sebagai berikut :
Langkahnya adalah sebagai berikut :
- Login : Login to BloGGer (Login ke BloGGeR).
- Dasboard (Dasbor) : KLIK link "Layout (Tata Letak)".
- Layot (Tata letak) (Dasbor) : KLIK link "Edit HTML".
- CSS code (Kode CSS) : Cari kode "]]></b:skin>" (di atas tag <head>. Gunakan Ctrl +F untuk mevari kode tersebut. Bila blom tahu caranya silahkan KLIK .
- Copy Paste : copy dan simpan kode css berikut dan letakkan di atas kode ]]></b:skin>.
- SAVE Template (Simpan Template) : KLIK SAVE Template (Simpan Template).
CSS Code (KODE CSS) :
#Label1 h2{color:transparent;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvTijfPG4MKKl6R3X3ngVcl46Gy8SloH-DadLxESbDjyK_xpg-5FOdCAkYB413upXyh-F0SnsImNGubAAupucI1EqAYzDMjvN-SayUvK8AtWBcdd7Rb4lTWghJoQYWS2g-dAOAtu6EUtg/s104/animacategories.gif) no-repeat 10px 50%;}
#Label1 .widget-content li{list-style:none;padding-left:40px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGYf2lScBn5U1WNh4H_vmR2Qy51Rn-J8Kz8ACSuvxwfbhWGdpfMdhkFHn9BMA_VB-w4UuAseSqKlOWlvcd2gjtkP1T9JdMyaK-vU7xrADEAUA3mUbhFXZ7syU-IyJzoWp3lYSNsULAbZE/s1600/Arrow_animacategories.gif) no-repeat 0 6px;}
Catatan :
Biar pasangnya gampang:- Bagi yang mempunyai widget label lebih dari satu, sebaiknya dihapus dulu semua. Setelah hapus lakukan penambahan widget label yang dari blogger, baru kemudian pasang kode css tadi.
- Untuk sobat blogger yang hanya mempunyai satu widget label kepunyaan blogspot (seperti punya gubhugreyot yang sudah terpasang animasi di atas), silahkan langsung lakukan prosedur yang sudah tersedia di atas.
Tidak ada komentar:
Posting Komentar