Membuat bentuk seperti apa yang tersampaikan di atas cukup muda dilakukan, karena hanya perlu menambah kode CSS di atas ]]></b:skin>, kemudian klik "SAVE Templates" dan ... selesai sudah!
Kode CSS
.comments { opacity:0.6; filter:alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; height: 260px; overflow:hidden; -o-transition: opacity 1s 1s, height 1s 0.2s; -moz-transition: opacity 1s 1s, height 1s 0.2s; -webkit-transition: opacity 1s 1s, height 1s 0.2s; } .comments:hover{ opacity:1.0; filter:alpha(opacity=100); -ms-filter:"progid.DXImageTransform.Microsoft.Alpha(opacity=100)"; height:400px; overflow:auto; overflow-x:hidden; -o-transition: opacity 1s 0.1s, height 0.6s 1s; -moz-transition: opacity 1s 0.1s, height 0.6s 1s; -webkit-transition: opacity 1s 0.1s, height 0.6s 1s; }
Cara Membuat
- Login ke Blogger.
- KLIK "Design/Rancangan".
- KLIK "Edit HTML".
- Cari kode ]]></b:skin>.
- Copy dan pastekan kode CSS di atasnya.
- KLIK "SAVE Templates/Simpan Templates".
- Buka Blog dan Lihat hasilnya!
Catatan/Keterangan
- Bila dari langkah di atas belum jelas, baik dalam mencari kode atau yang lain, silahkan buka Special Tutorials yang terletak di sidebar kiri. Sampeyan bisa mempelajari tentang "Cara Cepat Cari Kode HTML", "Cara Back-up Templates", "Cara Menyimpan Kode CSS, Javascript dan xHTML" serta beberapa tutorial penting lainnya.
- Untuk merubah tinggi kolom komentar saat halaman blog mulai terbuka (sebelum tersentuh cursor), silahkan rubah pada height:260px;.
- Untuk merubah tinggi kolom komentar setelah tersentuh cursor, rubah nilai pada height:400px;. Semakin bertambah nilainya maka kolom akan semakin tinggi.
0 komentar:
Posting Komentar
Please comment to this blog could be better.