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/
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/
akak dh jadi macam ciktom dh. tokey tutorial..hehe
ReplyDeleteWah.. ada tutorial iklan. tp ada ke org nk iklankn kat blog Hana? hehe
ReplyDeletemcm payah je =( xpe.sy try sedaya upaya ni.
ReplyDeleteala..tak dpt 1st
ReplyDeletetadi tak leh komen..hihi
masuk saja dah ada aura
nak raya nih..cat baru nampak...huhu
thanks diana ..share :)
tutorial kotak banner..sangat menarik. tp saya tak suka tgk banner org kat blog saya. sebab tu tak letak. hahaha gila jahat
ReplyDeleteTq... satu infa yang sangat berguna...
ReplyDeleteFollow sini
best la kak tuto akak :)
ReplyDeleteThanx!
ReplyDeleteMemang tengah cari. Nanti wa buat eh.
Dah bookmarked!
BTW,jemput join SEGMEN:)
Bookmarked !..nanti nak buat ni...hehe! thanks kak diana :)
ReplyDeletekikikikiki.. adoii... tak tahan ngan pengomen pertama tuh... tokey tutorial plak... hehehehee,. tutorial pon ada tokey kan?? kih kih kih,,,
ReplyDeletemacam kotak kat atas tu ye..
ReplyDeletedulu wanie gune yg dari abcdead.com je nak buat kotak tu..tapi ini macam lagi best..
hehe..ayie pon tgh cari tutorial ini juga.. thnkx sis btkan..
ReplyDeletebtw, tutorial ini bt sis..
http://azrinrahim.blogspot.com/2011/08/tutorial-showhide-button-for-content.html
weee ~ dulu penah try nk buat tp xjadi .. ngeee nnti nk try lg ;)
ReplyDeleteSalam.
ReplyDeleteWaaah... terima aksih. Bolehlah saya try untuk blog saya nanti. Kalau nak letak tepi plak macamana yer?
Kunjungan perdana salam kenal, sobat
ReplyDeletebest tutorial ni.. tapi trafik sy biasa2 jaa, x sesuai nk wt kotak iklan cmni, huh...
ReplyDeleteBaju Kurung Budak
ReplyDelete@
sama jugak caranya..
letak je kat sidebar.
nice XD
ReplyDeletenk try la..:P
ReplyDeleteterima kasih, akhirnya saya jumpa juga..
ReplyDeletealamak!! kenapa jadi menegak pulak, bukan melintang? mcmna nak jadikan dia melintang ye?
ReplyDeletenice!!! hehehehe ;)
ReplyDelete