Tuesday, May 4, 2010

Membuat Scroll Pada Kotak Komentar

Kali Ini Mas wawan Ingin menerangkan Gimana sih membuat Scroll di kotak komentar?
Tidak usah binggung kali, soalnya ini sangat mudah walaupun sobat blogger remula (amatir) haha ndak ngejek nih tapi ini bener2 mudah kok.
Yaudah ndak akan banyak ngomel saya langsung saja yuk simak:
http://i44.tinypic.com/n53ibb.jpg

Langkah-langkah membuatnya sebagai berikut :

1. Login ke account blogger Sobat
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; }

 4. Copy dan paste kode yang berwarna hijau di 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 h4 {
    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:
  • Tidak semua template sama kodenya yang penting harus di pasang setelah tulisan  /* Comments
           ----------------------------------------------- */
  • Height:500px bisa Sobat ganti sesuai dengan selera sobat.
    Semoga Tips Dari Mas Wawan Dapat Membantu Anda :)

COMMENTS :




Don't Spam Here

0 komentar to “ Membuat Scroll Pada Kotak Komentar ”

Post a Comment

Bagi sobat-sobat silahkan comment disini, Insya Allah saya comment balik di blog anda dan Saya follow juga. Blog 7ASK adalah Blog Do Follow, Terimakasih atas kunjungan Anda..!

 

Copyright © 2008-2011 All Rights Reserved. Mobile View Powered by 7ASK / WAWAN ADIE and Distributed by Template

Facebook Twitter Mykaskus