Cara membuat dan memasang KATEGORI BlogSPOT dengan Background Animasi

How to Create and Install the category with animated background?
Kepriben carane nggawe kategori nganggo backgroun animasi kuwek?
を作成する方法およびインストールアニメーションの背景と種類を

Panduan BloGGeR dan Tutorial BloGGeR Modifikasi Blog dan othak-athik Template :

He .... bener nggak bahasa planet yang aku buat di atas? Sial bener! Masa mo nulis pakai bahasa Inggris saja musti stress duluan. Biar saja ...! Salah juga "ndableg" saja. Niru gaya Thukul Arwana kadang penting juga. "Biar salah asal pede. Paling-paling orang tersenyum sendiri atau ketawa sampai terkentut-kentut. He ..... Nih..., semua gara-gara waktu pelajaran bahasa Inggris malahan ngacir ngerokok di kantin atau malahan nongkrong di "alun-alun". Menyesal sekarang! Mo nulis pakai bahasa Inggris saja musti buka kamus, google translate plus tambah bingung, he ....! Buat sobat-sobat blogger yang masih sekolah aku cuma pesan satu hal saja : Pelajari dengan sungguh2 MaPel bahasa Inggis kalian. Biar nggak menyesal kaya' si gubhug reyot. Bener-bener nyesel, dah! (Percaya, nggak?! Aku lagi nangis ,nich! menyesali goblognya aku berbahasa Inggris. tapi anehnya ... knapa mata malahan melotot sebesar jengkol? airmata nggak keluar, lagi! huh ... heran aku. Takutnya mata malahan melesat keluar, .. he ....)

Cara membuat dan memasang kategori dengan background animasi :

Contoh : Arahkan mata sampeyan ke kanan-atas blog ini pada kategori. Ya, seperti itu contohnya. Nyentrik, khan?!
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
di sini
.
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://i964.photobucket.com/albums/ae124/gubhugreyot/anima/animacategories.gif) no-repeat 10px 50%;}
#Label1 .widget-content li{list-style:none;padding-left:40px;
        background:url(http://i964.photobucket.com/albums/ae124/gubhugreyot/Arrow/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.

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :