Feb 17, 2011

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

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="http://4.bp.blogspot.com/_g3wu_ZmjO4A/TH_-nkC4npI/AAAAAAAAAUY/gpgIE8KbRxY/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..



Kliklah sini dulu.. Thanks!!

Suka entri ini, meh picit button kat bawah ni:

4 Comments
Comments

4 comments

Feb 17, 2011, 10:45:00 AM

toce...toce...
harap2 pasni xdela panjang berjela blog akak...

+1HB tik CPH...

Feb 17, 2011, 1:54:00 PM

tutorial yg membantu ni.. ;)

Feb 22, 2011, 12:37:00 AM

@kak fadz : sama-sama..yang mana saya leh bantu, saya bantu..

@kak yong : thanks..

Apr 21, 2011, 3:37:00 PM

letak 2 2 coding dlm 1 widget ker?

Post a Comment

Related Posts Plugin for WordPress, Blogger...