October 8, 2012

Cara Membuat Scroll pada Kategori Label Blog

Posted by : Unknown - Posted On : 10/08/2012 with : 11 Comments

Cara Membuat Scroll pada Kategori Label Blog. Dengan menggunakan fungsi scrollbar pada label, label blog tidak akan memanjang ke bawah, kedudukannya bisa di geser naik turun kebawah.

Sebelumnya kami sudah pernah posting artikel Cara Membuat Scrollbar Pada Arsip Blog Di Blogspot, kini fungsi scroll tersebut kita terapkan pada kategori label blog.

Siapatahu ada diantara teman yang mau menampilkan suatu Kategori Label Tertentu pada halaman posting dapat menerapkannya seperti contoh dibawah ini. Tujuaannya untuk mempermudah pengunjung melihat beberapa artikel unggulan kita, yang berujung menambah page view blog kita.

Berikut cara membuat scroll pada kategori Label blog:

1.Login ke Blogger
2.Menuju ke Template, kemudian pilih Edit HTML.
3.Klik Proceed
4.Centang Expand Widget Templates
5.Biasakan setiap kita mengedit template by HTML back-up dulu ya.

6.Kemudian cari kode kategori label (gunakan Control F). Perhatikan contoh kode yang ada di bawah ini:

<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

7.Tambahkan perintah style='overflow:auto; height:200px' pada kode yang berwarna biru, sehingga menjadi seperti ini:

<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content' style='overflow:auto; height:200px'>

8.Atur ukuran tingginya height:200px sesuai kebutuhan.
9.Simpan hasil editing ini dan
10.Selesai

Selesai juga posting mengenai Cara Membuat Scroll pada Kategori Label Blog ini. Semoga bermanfaat.