Background animasi yang dipadukan dengan judul posting akan mampu menciptakan sebuah penampilan baru yang memberi nuansa baru pada blog. Background animasi ini akan membuat judul posting mempunyai latar belakang baru yang sangat jauh berbeda dari bentuk semula. Variasi animasi background yang dapat digunakan sebenarnya amatlah banyak, tergantung selera sajalah.
Langkah untuk membuat Background Animasi Pelangi pada Judul Posting adalah :1. Login ke Blogger.
2. Amankan Template. (save)
3. Tetap di Edit HTML.
4. Cari KODE
.post h3 a{
margin: ...px;
font-size: ...%/px;
...
...
}
Setelah itu ganti dengan code dibawah ini
.post h3 a{
background:transparent url(http://photoserver.ws/images/X9me4bbcc4c5d90ab.gif);
display:block;
padding:2px 4px;
text-align:center;
margin: ...px;
font-size: ...%/px;
...
...
}
Bila KODE pada template kamu hanya berupa :
.post h3 {
margin: ...px;
...
...
}
Ganti dengan KODE seperti di atas (ada penambahan "a").
Bila ingin menambahkan border di atas dan di bawah judul posting seperti contoh gambar di atas, tambahkan CODE :
border-top:2px dotted red;
border-bottom:2px dotted red;
Sehingga bentuk KODE baru-nya menjadi seperti ini :
.post h3 a{
background:transparent url(http://photoserver.ws/images/X9me4bbcc4c5d90ab.gif);
display:block;
padding:2px 4px;
text-align:center;
border-top:2px dotted red;
border-bottom:2px dotted red;
margin: ...px;
font-size: ...%/px;
...
...
}
Save Dan lihat template anda. Semoga berhasil...
4 komentar:
ok di coba sob.
thans infonya.
Oke sob, silahkan mencoba.. gratis kog ^^
wah, keren mas postingannya, tapi saya coba gak berhasil2, :(
apanya yah mas,
mungkin ada yang kurang... coba kamu ulangi step by step mulai dari awal ^_^
Posting Komentar
Tulis komentar anda dengan sopan dan enak dibaca oleh pengunjung lain... Terima Kasih