Searching...
Jumat, 14 Februari 2014

Cara Membuat Scroll Pada Laman Posting Blog

Cara membuat scroll pada blok Coment, blog archive, label, link list, dan blog list pada blog ini (SC Community). Dan kali ini, atas tuntutan permintaan salah seorang sobat blogger, saya masih akan membahas seputar scroll tersebut, namun kali ini peletakkannya pada halaman posting blog.

Membuat scroll pada halaman posting dapat dijadikan sebagai salah satu alternatif untuk mengirit halaman blog, selain menggunakan readmore. Disamping itu, selain caranya yang mudah dibandingkan dengan membuat readmore, scroll pada halaman posting dapat membuat tampilan blog menjadi agak berbeda dari blog-blog lain yang umumnya menggunakan readmore.

Langkah-langkah untuk membuat scroll pada halaman posting ini adalah sebagai berikut:
  • Login ke akun Blogger kamu.
  • Dari halaman Dasbor, pilih Rancangan - Edit HTML.
  • Beri tanda centrang pada Expand Template Widget.
  • Kemuadian cari kode berikut:
    <div class='entry'>
    Pada beberapa template kodenya bisa seperti ini:
    <div class='post uncustomized-post-template'>
    atau seperti ini
    <div class='post hentry uncustomized-post-template'>
  • Setelah ketemu, tambahkan perintah style='height:250px; overflow:auto' kedalamnya, sehingga menjadi seperti ini:
    <div class='entry' style='height:250px; overflow:auto'>
    Ukuran tinggi 250px bisa kamu ubah sesuai keinginan kamu.
  • Simpanlah hasilnya lalu ucapkan Alhamdulillah...

0 komentar:

Posting Komentar

 
Back to top!