Hello, Sobat blogger mania, menanggapi pertanyaan dari salah satu sahabat pembaca blog education for all, yang telah membaca artikel tentang cara membuat label, dan memberikan komen diblog education for all, dia komen seperti ini " Kok nggak sama seperti gambar diatas ya...mas begitu kira kira komenya" ,bertolak dari komen tersebut maka pada postingan kali ini EFA akan posting artikel tentang Cara Mengganti Background Kategory dengan Background Animasi. Hal ini sangat mudah dibuat diblog sobat blogger mania, Nah apa bila sobat blogger mania pemula yang masih seperti EFA ini ingin menerapkanya coba saja ikuti langkah langkah berikut ini:
Cara membuat dan memasang kategori dengan background animasi :
- D E M O : Arahkan mata sobat blogger mania ke kanan-atas blog ini pada kategori. Itulah live D E M Onya
- 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 mencari kode tersebut. .
- 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(http://i1128.photobucket.com/albums/m493/wonglampung1/efaanimacategories.gif) no-repeat 10px 50%;} #Label1 .widget-content li{list-style:none;padding-left:40px; background:url(http://i1128.photobucket.com/albums/m493/wonglampung1/efaArrow_animacategories.gif) no-repeat 0 6px;}
NOTE :
Agar Memasangnya Mudah:Bagi sobat Blogger mania 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 Education For All yang sudah terpasang animasi di atas), silahkan langsung lakukan prosedur yang sudah tersedia di atas.
Semoga Bermanfaat...........
thanks bang...sukses....
ReplyDelete