Membuat Scroll Pada Halaman Posting Blog - E-Learning With Blog
Headlines News :
Home » » Membuat Scroll Pada Halaman Posting Blog

Membuat Scroll Pada Halaman Posting Blog

Written By Ahmad Nurhakim on Sabtu, 07 Januari 2012 | 21.27

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?

Ok, segitu aja sob. Semoga bermanfaat .....
Share this article :

0 comments:

Speak up your mind

Tell us what you're thinking... !

SubScriber

Masukan alamat Email kamu disini untuk mendapatkan artikel terbaru..!

Add to Google Reader or Homepage

Join Member

 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. E-Learning With Blog - All Rights Reserved
Template Design by Creating Website Published by Mas Template