Cikgu Kacamata


16
Wujudkan Scrollbar Pada Popular Post


Pada post yang lalu, CK ada menerangkan kaedah-kaedah bagaimana Wujudkan Scrollbar Pada Blog Archive di sidebar widget. Tutorial kali ini CK akan menerangkan pula cara-cara Wujudkan Scrollbar Pada Popular Post





Selepas memasukkan scrollbar


Ikuti langkah-langkahnya:

1. "More options"

2. Klik "Template"



3. Klik butang "Edit HTML"



4. "Copy" kod di bawah:
<div class='widget-content popular-posts'>

Klik sekali mana-mana bahagian pada Template dalam kotak yang bertanda merah dan pada keyboard, tekan butang "Ctrl+F" (untuk terbitkan kotak Search)


5. Dalam kotak Search, "paste" kod di atas (No. 4) dan enter.

6. Kemudian "copy" kod ini pula dan "paste" sebelum/di atas kod No. 4 tadi:

<div style="overflow:auto;width:100%;height:280px;padding:0px">

Nota:



7. Seterusnya cari kod ini didalam kotak Search (seperti langkah No. 4 dan No. 5) kemudian enter SEKALI sahaja:
<b:include name='quickedit'/>

8. Masukkan </div> betul-betul selepas/di bawah kod No. 7 tadi



9. "Save template" dan Selesai!





Sila Share Post CK Ini Sekiranya Anda Suka
Dapatkan Widget Ini!

16 comments:

  1. suka blog CK ni sebab banyak tutorial..

    ReplyDelete
    Replies
    1. Terima kasih Aiza...selalu2 jenguk CK kat cni ;)

      Delete
    2. aiza singgah sebelum tidur.. klik dove (red mummy) untuk CK.. :D

      Delete
    3. Thanks very much Aiza...;)

      Delete
  2. banyak tutorial mama cilok dari CK.. hihi

    ReplyDelete
    Replies
    1. Hehe...cilok je mama. CK lg suka ;) :D

      Delete
  3. yeszaa... lama dah cari ni.. thanks...

    ReplyDelete
  4. wahh toturial berguna :) wahhh hebat

    ReplyDelete
  5. x sempat ikut tutorial lagi... :)

    ReplyDelete
    Replies
    1. Takpe...perlahan-lahan. Selalu-selalu dtg sini ye :)

      Delete
  6. saya guna tuto ni haritu.. heeee..menjadi.. ^^

    ReplyDelete
    Replies
    1. Alhamdulillah...Thanks for using this Nana ;)

      Delete
  7. Terima kasih sebab buat tutorial nie...^^, dah jadi...

    ReplyDelete
  8. Terima kasih tutorial, sangat berguna!

    ReplyDelete