if (window.jstiming) window.jstiming.load.tick('headEnd');
Minal 'Aidin wal Faizin
Mampukah setiap tahun bertambah baik?
Sebuah tantangan bagi siapapun. Jadikan Idul fitri sebagai mement yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama.
Home »Tutorial Blog pemula »Cara Mengganti Background Kategory dengan Background Animasi

Cara Mengganti Background Kategory dengan Background Animasi

Posted byTeacher's Message
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 :
  1. D E M O : Arahkan mata sobat blogger mania ke kanan-atas blog ini pada kategori. Itulah live D E M Onya
  2. Login : Login to BloGGer (Login ke BloGGeR).
  3. Dasboard (Dasbor) : KLIK link "Layout (Tata Letak)".
  4. Layot (Tata letak) (Dasbor) : KLIK link "Edit HTML".
  5. CSS code (Kode CSS) : Cari kode "]]></b:skin> (di atas tag <head>. Gunakan Ctrl +F untuk mencari kode tersebut. .
  6. Copy Paste : copy dan simpan kode css berikut dan letakkan di atas kode ]]></b:skin>
  7. 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...........

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :





» Selamat Berkreasi - E F A «


2comments:

Terimakasih Atas Komentar Anda dan EFA akan segera menuju Blog anda...

NextPrev
Subscribe to:Post Comments (RSS)