Aug 6, 2011

Membuat Scroll dalam Postingan Artikel

Beberapa waktu lalu saya telah memuat artikel tentang cara membuat scroll pada blok komentar, 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...

Sangat mudah kan?

AKTUAL NEWS ONLINE

Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.

0 comments:

Post a Comment

Komen yang bijak sangat di nantikan...! Terimakasih..