beda dengan merubah background kotak komentar, blogger dan kotak komentar Facebook pada Blog, Kali IniAne Ingin menerangkan Gimana sih membuat Scroll di kotak komentar?
Tidak usah binggung kali, soalnya ini sangat mudah walaupun sobat blogger pemula (amatir) haha ndak ngejek, ane jg pemula.....tapi ini bener2 mudah kok, meskipun ane sndiri binun mraktekinnya...
Yaudah ndak akan banyak ngomel saya langsung saja yuk simak:
Langkah-langkah membuatnya sebagai berikut :
1. Login ke accountbloggerSobat
2. Klik Tata Letak"Edit HMTL"
3. Cari kode berikut :
/************** COMMENTS *****************/
.comments {
background:#fff url(http://lh5.ggpht.com/_Kwwy9VyLMKw/SjC-eXU7d_I/AAAAAAAAA5o/wLC8_OtGe8k/s912/Post%20body.gif);
background-repeat: repeat-x;
float: left;
width: 610px;
margin: 0 6px 10px 0px;
padding: 10px;
border: 1px solid #e6e6e6; }
#comments h4 {
margin: 0;
font-weight: bold;
line-height: 1.4em;
text-transform: uppercase;
letter-spacing: .1em;
color: #000000;
padding-left: 5px;
font-size: 13px; }
.comments {
background:#fff url(http://lh5.ggpht.com/_Kwwy9VyLMKw/SjC-eXU7d_I/AAAAAAAAA5o/wLC8_OtGe8k/s912/Post%20body.gif);
background-repeat: repeat-x;
float: left;
width: 610px;
margin: 0 6px 10px 0px;
padding: 10px;
border: 1px solid #e6e6e6; }
#comments h4 {
margin: 0;
font-weight: bold;
line-height: 1.4em;
text-transform: uppercase;
letter-spacing: .1em;
color: #000000;
padding-left: 5px;
font-size: 13px; }
4. Copy dan paste kode yang berwarnahijaudi antara kode di atas. Sehingga hasilnya akan seperti ini :
/************** COMMENTS *****************/
.comments {
background:#fff url(http://lh5.ggpht.com/_Kwwy9VyLMKw/SjC-eXU7d_I/AAAAAAAAA5o/wLC8_OtGe8k/s912/Post%20body.gif);
background-repeat: repeat-x;
float: left;
width: 610px;
margin: 0 6px 10px 0px;
padding: 10px;
border: 1px solid #e6e6e6; }
#comments {
height:500px;
overflow:auto;
}
.comments {
background:#fff url(http://lh5.ggpht.com/_Kwwy9VyLMKw/SjC-eXU7d_I/AAAAAAAAA5o/wLC8_OtGe8k/s912/Post%20body.gif);
background-repeat: repeat-x;
float: left;
width: 610px;
margin: 0 6px 10px 0px;
padding: 10px;
border: 1px solid #e6e6e6; }
#comments {
height:500px;
overflow:auto;
}
#comments h4 {
margin: 0;
font-weight: bold;
line-height: 1.4em;
text-transform: uppercase;
letter-spacing: .1em;
color: #000000;
padding-left: 5px;
font-size: 13px; }
margin: 0;
font-weight: bold;
line-height: 1.4em;
text-transform: uppercase;
letter-spacing: .1em;
color: #000000;
padding-left: 5px;
font-size: 13px; }
5. Klik "Simpan Template"
Catatan:PENTING
- Kalo kode tersebut tidak ada dalam template kamu, coba kamu copykan aja kode tersebut di atas kode ]]></b:skin> cara ni yang tak pake dalam template ku ini.. hehe
- Tidak semua template sama kodenya yang penting harus di pasang setelah tulisan /* Comments
- Height:500pxbisa Sobat ganti sesuai dengan selera sobat.
Semoga Tips DariMas Imdad Ne Dapat Membantu Anda:)
Cara Membuat Scroll Pada Kotak Komentar Blog
9 out of 10 based on 10 ratings. 9 user reviews.
thanks Gan.., info tips dan triks-nya...!!!
saya tak berhasil sob< tapi terima kasih atas ilmunya
Wah.. mantep info dan tutorialnya kang..! tapi sang saya cari bukan ini, kebetulan search ketemu ini di gooele urutan ke3...!
:11 map kang sebelumnya...! ngomong2 kang Imdad kok narsis baget yaw...!! :45 :45
Nitip kang..! www.duniabebaz.com
:26
:45 mklum kang !! msh dalam proses blajar Narsis.. klw ada usulan lg y monggoooooo :45
mksh kang !! ntr tak sambangi ke sana !! :48
Bro Punya sya gak ada kode secipt di atas ?:22