tutorial : bahagian banner macam saya

ASSALAMUALAIKUM..

tutorial?? amacam?? terkejut tak aku buat tutorial?? HAHA.. aku type ni pown gelak gelak.. macam tak layak jee nak buat tutorial..

actually aku bukannye nak jadikan blog ni blog tutorial, aku tak setaraf kak lyssa and kak farah nak buat tuto tuto nie..

tapi aku nak penuhi request dua orang sis yang comey2 ni haa.. diorang ade tulis kat cbox aku..

taw tak diorang tanya pasal ape?? alaa.. bahagian banner kat atas tuu.. yang ni haa..

okey, let's start..

1) Dashboard > design / layout > add a gadget di bawah header > HTML/JavaScript

2) masukkan kod banner yang nak diletak.. contohnya :
<a href="http://rajafarah94.blogspot.com/"><img src="http://1.bp.blogspot.com/-e9xK9vBxkpM/T9LsKfVTghI/AAAAAAAABA4/Yaa4sTUwLac/s1600/my+banner.gif" /></a>
     letak lah seberapa banyak banner member2 blogger nie..senang laa nak blogwalking kan?

3) untuk nampak lebih kemas, samakan size bagi semua banner. .masukkan width and height dalam kod banner tadi..
<a href="http://rajafarah94.blogspot.com/"><img style="width: 125px; height: 125px;" src="http://1.bp.blogspot.com/-e9xK9vBxkpM/T9LsKfVTghI/AAAAAAAABA4/Yaa4sTUwLac/s1600/my+banner.gif" /></a>
4) save.. jadi tak? :D

if da banyak sangat banner tu, nampak agak bersepah kan kat bahagian atas tu? so, letak lah scroll box..

  • dashboard > design > edit HTML > tick Expand Widget Templates
  • tekan Ctrl + F , then carik tajuk HTML banner tu.. kalau dalam blog nie, tajuknye STALK THEM, so, carik lah perkataan STALK THEM
  • kad bawah bawah tu, try carik ni
<div class='widget-content'>
  • lepas tu gantikan dengan yang nie
 <div class='widget-content' style='overflow:auto; width:800px; height:127px;'>
          itu saiz untuk blog nie..tapi boleh jee kalau nak ganti width and height tuu..
  • save.. ehee.. jadi tak macam kat atas tu? cube laa ea..

#penat jugak kan nak buat tuto.. err.. ade yang faham ke? kalau tak faham, tanya ea.. sorry kalau ayat belit belit and pening

okey babai. take care :)

23 comments:

  1. wahh...ada header jaa disitu...besar gedabak! amik kau jaakechik! heheheh... btw tengkiu ya! but sory kalo nanti mggu assignment ya! tpksa bt lama skit utk nak bagi peluang org ramai join baru best!

    ReplyDelete
  2. wah bagus2 ... hehehe ,CP pown tak pandai , nak buat CP malas , tapi mane taw CP rajen nanti , CP refer sini jep , hehehe ~

    ReplyDelete
  3. @jaakechik
    hihi..of course laa ade..hee~~ most wlcome sis :) eh, tape laa..insya allah ade mse jugak utk blog.. hee~ yup.. btol tuh.. :D

    ReplyDelete
  4. @cweet pinky
    hihi.. ni pown ade org tny.. tu yg farah buat tuu..hee~ okey..kalau tak paham bole tny jee.. ^_^v

    ReplyDelete
  5. akk tak pandai nk buat lagi..terimakasih sharing..

    ReplyDelete
  6. @Kak rose
    try jee..hee~ okey..no biggie sis.. :)

    ReplyDelete
  7. thanks for sharing :)
    skarang banners saya lebih tersusun hehe

    ReplyDelete
  8. ooooo..nice tutorial...bgs tutor ni..terperinci..
    follower ke 376

    ReplyDelete
  9. Hye ... awk sye tukar banner lain..boleh tukar banner sye yg baru tak ? hehehe , sorry susahkan , saya dah masukkan banner awk dlm page blog sye , liyana-fauzi.bs.com tu , boleh kan amik banner baru sye sbg gnti ?:')

    ReplyDelete
  10. @JungRara
    eh, tak de laa.. blog awak lagi cantik ..hee~ btw, thans dear :D

    ReplyDelete
  11. @Yumida
    hihi.. 1st time buat tuto nie.. try laa..
    thanks follow :)

    ReplyDelete
  12. @✉ ¥ana Fauzi ✉
    hai..oh yke?? okey..okey..takde mnyush kn pown..nnty sy tukar k? thanks a lot dear..

    ReplyDelete
  13. ahahaha..namaku disitu..adoyaii..malunye,, ==' btw..thanks !

    ReplyDelete
  14. @▼S Y▲
    haha...tak payah malu..hee~~ most welcome dear :)

    ReplyDelete
  15. ye...lebih kemas...sis amik tuto nie yerk

    ReplyDelete
  16. ass..
    kak farah,mau tanyak ni
    gmna sih buat cursor sprt punya kakak??yang jdi nma kaka sndri??
    kasih tau dong kak?
    :)

    ReplyDelete