14 April 2010
Make Ads Boxs 125 X 125
hak milik
Sue
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 .
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 .
Tinggalkan Komen Anda Disini