Home » » Cara membuat background komentar dengan gambar animasi

Posted: 07 Feb 2011 07:23 AM PST

Agar blog kita tampak lebih cool ada baiknya kita memberi sedikit pernak-pernik di dalamnya, salah satunya adalah memberi background pada kotak komentar. Saat melihat komentar di blog saya, ada sobat yang bertanya begini :

oiya bagaimana cara mengganti background form komentar kayak jadi bintang kerlap-kerlip begini sob??

Langsung saja saya membuat postingan ini.

Langkah-langkah membuat backgroundnya sebagai berikut :
1. Login ke Blogger
2. Klik Rancangan > Edit HTML
3. Jangan lupa klik tulisan Download Template Lengkap ( untuk menghindari hal-hal yang tidak diinginkan )
4. Beri tanda centang pada tulisan Expand Template Widget
5. Lalu cari kode ]]></b:skin> gunakan tombol Ctrl + F atau (F3) untuk mempercepat pencarian
6. Jika sudah ketemu, Copy kode berikut dan Letakkan di atas kode tersebut

#kotak_komentar{
background: url(http://i1013.photobucket.com/albums/af256/iroelst/green_plants.jpg) ;
padding:20px;
width:530px;
height:250px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-webkit-box-shadow: 2px 2px 4px #8bd268;
-moz-box-shadow: 2px 2px 4px #8bd268;
}

#kotak_komentar:hover{
background: url(http://i1013.photobucket.com/albums/af256/iroelst/background_hover.gif);
-webkit-box-shadow: 2px 2px 20px #cc40fb;
-moz-box-shadow: 2px 2px 20px #cc40fb;
}

7. Kemudian scroll ke bawah dan cari kode seperti berikut :

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display:inline'/>
<iframe class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='490'/> <data:post.iframeColorizer/></div>

Jika sudah ketemu letakkan kode berikut diatasnya

<div id='kotak_komentar'>

Dan kode berikut dibawahnya

</div>

Keterangan : ganti kode yang berwarna biru sesuai dengan Template sobat.
Kemudian SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba....!!!

Cara membuat tulisan penutup saat halaman blog di tutup

Posted: 07 Feb 2011 03:47 AM PST

Tutorial ini pasti sudah banyak yang tahu, tapi untuk sekedar mengisi waktu luang dan untuk menambah artikel di dalam blog ini untuk itu saya tulis. Langsung nylonong aja ya.....

Cara membuat kata penutup saat halaman blog kita ditutup :

1. Login blogger
2. Pilih Rancangan > Edit HTML

3. Centang tanda Expand Template Widget

4. Lalu letakkan kode di bawah ini di bawah kode </head> (Tekan Ctrl+F untuk mempermudah pencarian)

// goodbye alert

function goodbye(){

alert('Terima kasih telah berkunjung !! Silahkan Kembali dan Beri Komentar Anda! Terimah Kasih');

}

parent.window.onunload=goodbye;

</script>

Teks berwarna biru silahkan ganti sesuai keinginan anda..........dan jangan lupa klik Simpan Template

Selesai!!!

Selamat mencoba.............

Jangan Lupa Jempolnya :

Cara membuat background komentar dengan gambar animasi

Gogonity Blog

Kategori :

Daftar Isi

tutorial blogger indonesia

Kategori :

Pengikut

Tentang Kami

Dibutuhkan Bulan ini :

Paling Dibutuhkan :

Dibutuhkan Minggu Ini