Tuesday, 9 August 2011

tutorial buat kotak iklan@kotak banner

Assalamualaikum...

Dah lama tak buat tutorial..
petang ni aku nak jar buat kotak iklan
yang macam aku punye kat bawah header tu...
tutorial ni diminta oleh rara..

buat perlahan2 ye...
1)mula2 sekali pi kat design-->edit html.
2)tekan ctrl+f dan masuk kan kod ni.. <b:skin><![CDATA[
3)dah jumpa kod no 2 tadi?copy kod kat bawah ni...

#Box-Banner-ads {
margin: 0px;
padding: 5px;
text-align: center;
}
#Box-Banner-ads img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#Box-Banner-ads img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}

4)paste kod yang korang copy tadi kat BAWAH kod no 2.
5)TEKAN SAVE.

*********************
Sekarang kita nak letak kotak2 iklan kat blog pulak ye...

1)pe kat design-->page element-->add page element.
2)copy dan paste kod kat bawah ni...

<div id="Box-Banner-ads">
<a target="_blank" href="http://lipslikesugar87.blogspot.com/"><img
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>

<a target="_blank" href="http://lipslikesugar87.blogspot.com/"><img
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>

<a target="_blank" href="http://lipslikesugar87.blogspot.com/"><img
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gifquot;/></a>

<a target="_blank" href="http://lipslikesugar87.blogspot.com/"><img
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>

</div>

3)*warna ungu tu url blog
*warna merah untuk url banner atau gambar yang kita nak bubuh tu..

4)tekan save.

kalau nak tambah kotak banner tambah je kod2 tu.macam yang aku buat ni untuk 4 kotak banner.

dah siap...

cedit:http://www.silampuneon.com/

22 comments:

  1. akak dh jadi macam ciktom dh. tokey tutorial..hehe

    ReplyDelete
  2. Wah.. ada tutorial iklan. tp ada ke org nk iklankn kat blog Hana? hehe

    ReplyDelete
  3. mcm payah je =( xpe.sy try sedaya upaya ni.

    ReplyDelete
  4. ala..tak dpt 1st
    tadi tak leh komen..hihi

    masuk saja dah ada aura
    nak raya nih..cat baru nampak...huhu

    thanks diana ..share :)

    ReplyDelete
  5. tutorial kotak banner..sangat menarik. tp saya tak suka tgk banner org kat blog saya. sebab tu tak letak. hahaha gila jahat

    ReplyDelete
  6. Tq... satu infa yang sangat berguna...



    Follow sini

    ReplyDelete
  7. Thanx!
    Memang tengah cari. Nanti wa buat eh.
    Dah bookmarked!

    BTW,jemput join SEGMEN:)

    ReplyDelete
  8. Bookmarked !..nanti nak buat ni...hehe! thanks kak diana :)

    ReplyDelete
  9. kikikikiki.. adoii... tak tahan ngan pengomen pertama tuh... tokey tutorial plak... hehehehee,. tutorial pon ada tokey kan?? kih kih kih,,,

    ReplyDelete
  10. macam kotak kat atas tu ye..
    dulu wanie gune yg dari abcdead.com je nak buat kotak tu..tapi ini macam lagi best..

    ReplyDelete
  11. hehe..ayie pon tgh cari tutorial ini juga.. thnkx sis btkan..

    btw, tutorial ini bt sis..

    http://azrinrahim.blogspot.com/2011/08/tutorial-showhide-button-for-content.html

    ReplyDelete
  12. weee ~ dulu penah try nk buat tp xjadi .. ngeee nnti nk try lg ;)

    ReplyDelete
  13. Salam.
    Waaah... terima aksih. Bolehlah saya try untuk blog saya nanti. Kalau nak letak tepi plak macamana yer?

    ReplyDelete
  14. Kunjungan perdana salam kenal, sobat

    ReplyDelete
  15. best tutorial ni.. tapi trafik sy biasa2 jaa, x sesuai nk wt kotak iklan cmni, huh...

    ReplyDelete
  16. Baju Kurung Budak
    @
    sama jugak caranya..
    letak je kat sidebar.

    ReplyDelete
  17. terima kasih, akhirnya saya jumpa juga..

    ReplyDelete
  18. alamak!! kenapa jadi menegak pulak, bukan melintang? mcmna nak jadikan dia melintang ye?

    ReplyDelete

sila tinggalkan komen anda...:)

'; (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();