Search here

Type a word related to the post, then click the search button !

Memuat...
English
Bru masuk angin!

Arsip...

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

Cara Membuat dan Memasang Scroller Kolom Komentar: Panduan BloGGeR Scroller

Pembuatan box kolom komentar dimaksudkan untuk membuatnya menjadi terlihat lebih rapi, lebih sedikit memakan ruang dan tentunya lebih mempermanis halaman blog. Agar ruang untuk menuliskan komentar lebih longgar kita akan perlebar kolomnya hingga menjadi lebih seimbang dengan halaman blog. Diakhir perombakan kolom komentar, cobalah untuk melihat penampilan baru halaman blog anda. Akan tampak bentuk wajah baru yang lebih elegan dan membuat pengunjung blog menjadi lebih tertarik untuk memberikan komentar terhadap hasil jerih payah kita yang telah dituangkan dalam bentuk posting. Setelah pembuatan box kolom posting terselesaikan, untuk meningkatkan kepedulian pengunjung dalam memberikan komentar, di posting berikutnya kita akan coba merubah beberapa teks dalam kolom komentar supaya terasa lebih ramah dan bersahabat.

Cara Membuat Box Kolom Komentar dilengkapi Scroller:


  1. Login ke Blogger (Login to Blogger).
  2. Dasbor (Dasboard).
  3. KLIK Tata Letak (Layout).
  4. KLIK Edit HTML.
  5. Amankan Template (Backup Template). Lihat cara mengamankan template di di sini !.
  6. Tetap di Edit HTML.
  7. Cari KODE ]]></b:skin>. KODE ini terletak di atas KODE </head> dan <body>
    Gunakan Ctrl + F (pada keyboard) untuk memudahkan pencarian KODE.. Silahkan ikuti Panduan cari kode html dg Ctrl + F.
  8. Copy paste KODE CSS dan letakkan persis di atas kode ]]></b:skin>.
  9. KODE CSS :

    #comments{
            height:450px;
            overflow:auto;
            border:4px solid #666;
            padding:15px 5px;
    }
    .comment-form{
            border:2px solid #666;
            padding:2px;
            background:#666;
    }
    #comments iframe{
           margin-left:2px;
           height:253px;
           width:375px;
    }
    #comments-block .comment-body p{
           margin:0 0 .75em;
           font-family:Comic Sans MS;
           font-size:10px;
           color:#bdfcfb;
           line-height:14px;
           background:#333;
           border-top:1px dotted #888;
           border-bottom:1px dotted #888;
           padding:1px 6px;
    }
    #comments-block img{
           border:1px solid #888;
           background:#333;
           padding:8px 1px;
    }
  10. Hapus KODE CSS dari template (asli) yang sama dengan KODE CSS di atas.
  11. Untuk syntax :#comments-block .comment-body p biasanya ada yang menggunakan KODE :
    .comment-body p { ....}
    Hapus juga syntax tersebut.
  12. KLIK Simpan Template (SAVE Template).
  13. Lihat hasilnya dengan membuka blog !

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



update » January, 10, 2012

» Happy Blogging - gubhugreyot «

5 komentar:

 
GR | Edited by | gubhug reyot