October 8, 2012

Cara Membuat Scroll pada Kategori Label Blog

Scroll-label-Blogspot
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.

Scroll-pada-kategori-label

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.

Related Posts

Cara Membuat Scroll pada Kategori Label Blog
4/ 5
Oleh :

11 comments

scroll label..kayak di blog saya itu ya...#GeER...hehehe

@Ririe Khayan
Benar sekali Mbak Rie. Banyak digunakan di Kidung Kinanthi.

makasih sob, sudah saya terapkan diblog saya :)

eemmm...KY pun udah buat itu, tapi bukan dilabel..tapi sama aja kan?

@Cirebon-Cyber4rt
Sama-sama teman.


@KY
Sama aja KY.

saya juga sudah praktekkan ini sob di blog ane..

@yusrandante
Makasih kunjungannya Teman

Klo saya belum praktekin ini sob, soalnya susah. Krna saya pake hp.

@Zevin
Dicoba kalau sudah dari PC teman.

gan masukin kodenya dmna? diatas kode ]]> atau dmna?

@TKJ Heptana
Ikutin tutor nya aja Teman diselipin diantara script Widget label nya.