Cara Membuat Scroll Pada Komentar di Blog

Kali ini saya akan berbagi bagaimana membuat scroll pada kolom komentar agar kelihatan lebih rapi dan menghemat halaman pada Blog shobat sekalian.

Langsung saja silahkan shobat sekalian ikuti cara dibawah ini :
1. Masuk ke akun Blog shobat masing-masing
2. Klik Rancangan >>> Edit HTML
3. Biarkan atau jangan centang Expand Widget
4. Silahkan Cari Kode Dibawah ini (Untuk memudahkan silahkan klik CTRL + F)

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
font-size:12px;

Silahkan sisipkan code berikut tiatas code  #comment h4 {


#comments {
height:500px;
overflow:auto;
}

Maka Hasilnya Akan Seperti ini :

/* Comments
----------------------------------------------- */
#comments {
height:500px;
overflow:auto;
}

#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
font-size:12px;

5. Klik Save/Simpan

Shobat bisa mengganti angka 500 sesuai dengan selera Shobat sekalian. Dengan menggunakan Scroll pada Komentar maka blog shobat akan kelihatan lebih rapi. Selamat Mendoba.

4 komentar:

Download Software Terbaru mengatakan...

dapet ilmu baru lagi nihh sobb dari sini...
mksi infonya..

Tembang Lawas mengatakan...

Mkasih Kang langsung dicoba neeh :)

Tembang Lawas mengatakan...

Mau tanya neeh kang kalo yang di scrool cma komentarnya saja gimana tetapi kolom untuk menulis komentar tidak ikut di scrool ? mkasih Kang maaf banyak bertanya

xden's mengatakan...

wahhhhhh...

thanks berat yah informasinya..

Posting Komentar

Pengikut