Tuesday, 9 August 2011

Home / tutorial / tutorial buat kotak iklan@kotak banner

tutorial buat kotak iklan@kotak banner

by on in
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/

Author Image

About Diana Rashid
Soratemplates is a blogger resources site is a provider of high quality blogger template with premium looking layout and robust design. The main mission of templatesyard is to provide the best quality blogger templates.

You May Also Like:
By at
Labels:

22 comments:

  1. najihah sahami9 August 2011 at 15:47

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

    ReplyDelete
  2. Hana Soffelia9 August 2011 at 16:01

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

    ReplyDelete
  3. rara pinkmafia9 August 2011 at 16:02

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

    ReplyDelete
  4. Ati Masrif9 August 2011 at 16:05

    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. Freaky9 August 2011 at 16:34

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

    ReplyDelete
  6. Wuming9 August 2011 at 17:17

    Tq... satu infa yang sangat berguna...



    Follow sini

    ReplyDelete
  7. alif haris9 August 2011 at 17:28

    best la kak tuto akak :)

    ReplyDelete
  8. My Name is Mar9 August 2011 at 17:50

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

    BTW,jemput join SEGMEN:)

    ReplyDelete
  9. Elih Japahar9 August 2011 at 17:52

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

    ReplyDelete
  10. wan_cikgumuzik9 August 2011 at 18:24

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

    ReplyDelete
  11. Wanie9 August 2011 at 19:03

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

    ReplyDelete
  12. cucu umie9 August 2011 at 19:40

    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
  13. tomatokering :)9 August 2011 at 20:32

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

    ReplyDelete
  14. Baju Kurung Budak9 August 2011 at 20:51

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

    ReplyDelete
  15. Resep Masakan9 August 2011 at 22:20

    Kunjungan perdana salam kenal, sobat

    ReplyDelete
  16. caliph shuriken9 August 2011 at 22:26

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

    ReplyDelete
  17. diana9 August 2011 at 22:33

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

    ReplyDelete
  18. sergeant keroro10 August 2011 at 02:11

    nice XD

    ReplyDelete
  19. ♥ Dea ♥20 August 2011 at 07:23

    nk try la..:P

    ReplyDelete
  20. leyzajamil14 September 2011 at 10:44

    terima kasih, akhirnya saya jumpa juga..

    ReplyDelete
  21. leyzajamil14 September 2011 at 11:05

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

    ReplyDelete
  22. Taufiq Tiramisu16 September 2011 at 19:54

    nice!!! hehehehe ;)

    ReplyDelete

sila tinggalkan komen anda...:)

Subscribe to: Post Comments (Atom)
'; (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); })();