Full Tutorial | Membuat Scroll Bar dan Buka Tutup (+-) Macam Blog Ma Belle Conway

Tu dia..sikit punya panjang tajuk...agaga.. Takpela, janji maksudnya sampai kat uols..hikhik.. Tutorial ini dibuat untuk memenuhi permintaan dari kak Lela Farouk, yang inginkan  banner GA & Contest macam di blog Ma Belle Conway tu.. Dan mungkin juga dapat membantu uols yang inginkan sidebar yang lebih kemas..

sebelum klik di +-

selepas klik, akan nampak banner-banner

Oleh kerana saya pernah membuat tutorial untuk membuat button buka tutup, so uols leh klik kat situ aje untuk pasang button buka tutup tersebut.. Contoh hasil memasang button buka tutup kat blog ni uols boleh tengok kat Belle Buddies aka Top 10 Members dan Belle Reporters aka Top 10 Commenters..

Now, untuk letakkan scroll bar di widget tersebut, macam biasa, uols pi kat Dashboard > Design > Page Elements dan klik edit widget yang uols nak letakkan scroll bar. Kalau untuk yang baru, macam biasa, add html gadget, ikut suka hatila nak bagi title ape, then paste code ini di bahagian content

<div style="overflow:auto; height:400px; width:250px">
<table cellpadding="0" cellspacing="0" style="width:250px;"><tr><td>masukkan text or image di sini</td></tr>
</table></div>

Yang kaler merah tu, uols leh adjust mengikut kehendak & kesesuaian sidebar uols.. Nak taruk scroll box ni kat entry pon boleyy.. Part yang nak taruk image & text tu, ni coding yang saya guna

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_MEidHKBqUvQcBq2XHEwda7v-tjXFcxPcuxFqnf4TixbO6a2MrfEOWlQUWuygETpzqoFgpZ-iYK76J_1o4StSb7OBSoD5Y4LTcQRvc6q5G2i04T27YUA_ZFJN-LH0dUrH-lAtptlG4WAZ/s320/aidilfitri_s.jpg" width="160" height="160" /align="center" /><p><a href="http://myapeapeaje.blogspot.com/2010/10/me-bertuah-in-ramadhan-raya-ga.html">One of the Lucky Winners</a></p>

Yang part kaler hijau, img src tu adalah image location (yang ni uols leh dapat ngan right click then select copy image location) bagi gambar tersebut, a href tu adalah link blog/entri.. Yang kaler biru tu adalah text yang dilinkkan kepada url blog/entri.. Ok, sekian suda..

p/s : Tapi untuk blog archive & bloglist, saya guna cara lain coz cara ni tak boleh.. Tunggu!!Actually kat blog Ma Belle Conway dah ada tutorial scroll box untuk blog archive, kalau uols nak segera leh gi blog tu.. Tapi ntah nape, kat blog ni tak menjadi pula? Mungkin berkaitan dengan skin ni..

Sign up HB!Affiliate to enjoy free gift!

Kliklah sini dulu.. Thanks!!

Suka entri ini, meh picit button kat bawah ni:

Adakah kemenangan ini bermaksud me bakal menjadi Iron Chef?

Ahaks, tajuk takleh blahhh.. Hakhak.. Kesnyer taktau nak letak tajuk ape dah.. Malas nak pikir lama-lama, jadi cenggitulah tajuknya walaupun ada sedikit h'over' di sitew (tak pernah-pernah me eja situ jadi sitew..ni mesti terpengaruh ngan video AnwarHadi ni...hakhak..)

Sebenarnya ni adalah entri kemenangan.. and yeayyy, tak sangka entri yang me buat untuk Makbed 1st GA : Inilah Resepi Spaghetti Kong Fu den.. Haiyahhh!! menarik minat hati puan penganjur dan juri untuk memenangi kategori peserta Paling Cool dan Sengal..hakhak.. Memang sedikit sengal entri itu coz  entri itu pada asalnya dibuat untuk meyahut cabaran ketiga contest ANTI yang memerlukan saya menulis resepi dalam bahasa Nogori..hikhik.. Thanks buat puan penganjur aka Makbed coz sudi pilih my entri tu dan menaja hadiah yang beshh iaitu baju..wee..sukanya.. Tahniah juga buat pemenang-pemenang yang lain, especially Ifa dan Deqlis..

Masa awal-awal join GA ni, Makbed masih lagi menggunakan blogspot, skang dah berdomain sendiri dah.. Tahniah makbed.. Semoga terus maju dalam dunia berblogging dan dalam apa juga yang makbed lakukan.. Jom berkenalan dengan makbed di Makbed's Journal..

Sign up HB!Affiliate to enjoy free gift!

Kliklah sini dulu.. Thanks!!

Suka entri ini, meh picit button kat bawah ni: