Label Cloud

Search This Blog

14 April 2010

online counter Make Ads Boxs 125 X 125

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak membuat kotak iklan 125 X 125 pada bawah header iaitu pada bawah title blog . Tutorial ini dibuat diatas pertanyaan Cik ecar182





1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .



]]></b:skin>



4. Copy kod dibawah ini


/* Kotak Banner
===================== */
#Box-Banner-ads {
margin: 0px;
padding: 5px;
text-align: center; }

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

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



5. Cari kod dibawah ini pula


<div id='content-wrapper'>



6. Copy kod dibawah ini


<div id="Box-Banner-ads">

<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>

<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>

<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>

<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>

<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>


</div>



7. Pastekan diatasnya

Note :Untuk memasukkan iklan :- Pada highlight merah tukarkan dengan URL website untuk iklan tesebut . Highlight biru , tukarkan dengan URL IMAGE IKLAN 125 X 125 .


8.Jika korang nak tambah kotak lagi , korang tambahkan kod dibawah ini pada (no 6)


<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>


9. Preview dan Save template .:okay:yahoo




Tinggalkan Komen Anda Disini