Cara Memberi Scroll pada Area Komentar Blog

          

        Scroll merupakan suatu fungsi yang dapat digunakan untuk menghemat area suatu bagian dari blog. Jadi, dengan memanfaatkan fungsi scroll ini. Panjang suatu bagian dapat di perkecil tetapi isinya masih dapat kita lihat dengan cara menggeser tombol scroll yang biasanya terletak di kanan pada bagian tersebut. Nah, scroll ini dapat kita pasang pada area komentar. Karena biasanya, tidak sedikit yang berkomentar pada artikel kita. Sehingga membuat halaman posting kita lebih panjang. Tetapi setelah memberi fungsi scroll ini pada komentar, panjang halaman posting karena banyak komentar akan dapat di atasi.

          Cara menambahkan scroll di bagian komentar tidak lah sulit, kita hanya perlu menambahkan sedikit kode CSS pada blog kita. Kode CSS nya pun tidaklah begitu panjang, jadi bisa diketik langsung. Nah, berikut ini kode CSS yang perlu anda tambahkan untuk memberi fungsi scroll di area komentar pada blog kita .

background-color: white;

border-bottom: 3px solid #06396C;

border-left: 20px solid #66B0F9;

border-right: 3px solid #06396C;

border-top: 3px solid #06396C;  

height: 360px;

overflow: auto;

padding: 10px;

width: 720px;

kode diatas tersebut silahkan anda tambahkan pada bagian bagian kode CSS komentar. Masing-masing template mempunyai letak css comment yang berbeda-beda. Silahkan saja cari kode tersebut di blog anda lalu sisipkan kode pertama di dalam tanda { }. Sebagai kata kunci untuk mencari kode css komentar coba saja ketikan comments di kotak pencarian nya. 

Cara diatas, hanya memberi scroll biasa pada komentar blog anda. Untuk menambahkan efek yang lebih keren dapat di kombinasikan dengan kode CSS shadow untuk memberi efek bayangan pada kotak scroll yang telah di buat tadi atau dengan kode CSS border untuk memberi efek garis border yang unik pada kotak scroll tersebut.

            Nah, dengan ditambahkan kode border dan kode Shadow diatas, kotak scrollnya jadi tambah keren kan. Anda bisa atur sendiri bagaimana keren nya. Untuk Kumpulan kode CSS Border dan Daftar Lengkap kode CSS shadow nya bisa anda lihat di postingan saya sebelumnya.

            Semoga Bermanfaat

            #salam terhangat dari Mr.DHI