Rabu, 13 Juli 2011

Share : Membuat Commentar dengan Scroll

assalamualaikum wr.wb
Halo sharelikers sekalian apa kabar nya ?Kali ini yang penting share ingin mendokumentasikan trik yang udah lama di dunia persilatan eh Perbloggeran namun layak untuk dishare dan didokumentasikan,yaitu Share : Membuat Commentar dengan Scroll .Trik ini awalnya saya ketahui dari sobat setia saya Ladida cafe,Ya trik ini sebenarnya sangat sederhana,cuma karena saya dulunya tidak mengetahui dimana harus meletakkan elemen ini,maka saya menunda untuk mempostingnya hingga saat ini.Tapi sekarang elemen template sudah saya ketahui dan sudah layak saya post trik Share : Membuat Commentar dengan Scroll keren ini.Selain menghemat tempat juga menambah simple bentuk hasil komentar sobat sekalian.Mau tau caranya ??Yuk kita simak saja langkah yang sudah saya dokumentasikan ini :
  • Loggin Ke blogger 
  • lalu kemudian Klik rancangan~Edit Html
  • Centang Expand Widget Template
  • lalu cari kode Css yang serupa berikut ini dengan menggunakan Ctrl+F
#comments-block {margin:1em 0 1.5em;line-height:1.6em;position:relative;}
  • Lalu tambahkan Kode Overflow Auto dan ukuran height (dalam satuan px) atau tinggi yang kita inginkan sehingga kodenya menjadi

#comments-block {overflow:auto;height:300px;margin:1em 0 1.5em;line-height:1.6em;position:relative;}
  • Kemudian save Template sobat.
Trik ini tidak bisa dilihat untuk versi handphone atau http://ypsrandy.blogspot.com?m=1
Nah sekian dulu penggunaan atribut Overflow auto untuk membuat scroll pada kotak Komentar.Hasilnya busa sobat liat pada komentar dibawah ini (bila komentar nya banyak sih).semoga trik ini bisa membuat Blog sobat lebih simple dalam urusan desain.Thanks buat semua sharelikers yang tidak bosen-bosennya maen ke Yang Penting Share,salam Sharing dari yang penting share,met beraktivitas

0 komentar:

Posting Komentar