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;
----------------------------------------------- */
#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;
}
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;
----------------------------------------------- */
#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:
dapet ilmu baru lagi nihh sobb dari sini...
mksi infonya..
Mkasih Kang langsung dicoba neeh :)
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
wahhhhhh...
thanks berat yah informasinya..
Posting Komentar