02 March 2010
Membuat Kotak Iklan 100 X 100
hak milik
Sue
Assalamualaikum , pada tengahari ini Msue ingin berkongsi bagaimana hendak membuat kotak Iklan 100 x 100 pada blog korang
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 di bawah ini dan pastekan di atasnye .
#Banner-ads {
margin:0px;
padding:0px ;
text-align: center;
width : 940px;
}
#Banner-ads img {
margin: 4px 4px 4px 2px;
padding: 3px;
width : 100px;
height : 100px;
text-align: center;
border: 1px solid #101010;
}
#Banner-ads img:hover {
margin:4px 4px 4px 2px;
padding: 3px;
text-align: center;
border: 1px solid #101010;
}
5. Cari kod di bawah ini .
<div id='main-wrapper'>
6. Copy kod di bawah dan pastekan di atasnye .
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='Banner-ads'>
<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>
<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>
<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>
<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>
<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>
<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>
<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>
<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>
</div>
</b:if>
Contoh
<a hight='100' href='http://msueroomz.blogspot.com' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>
7. Preview dan Save template .
Note:Pada highlight merah korang tukarkan ngan url blog korang atau url yang korang nak linkkan kat iklan tu..Pada highlight biru korang tukarkan ngan url image iklan 100 x 100 yang korang nak letak..
Via - ArieyBlog
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 di bawah ini dan pastekan di atasnye .
#Banner-ads {
margin:0px;
padding:0px ;
text-align: center;
width : 940px;
}
#Banner-ads img {
margin: 4px 4px 4px 2px;
padding: 3px;
width : 100px;
height : 100px;
text-align: center;
border: 1px solid #101010;
}
#Banner-ads img:hover {
margin:4px 4px 4px 2px;
padding: 3px;
text-align: center;
border: 1px solid #101010;
}
5. Cari kod di bawah ini .
<div id='main-wrapper'>
6. Copy kod di bawah dan pastekan di atasnye .
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='Banner-ads'>
<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>
<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>
<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>
<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>
<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>
<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>
<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>
<a hight='100' href='#' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>
</div>
</b:if>
Contoh
<a hight='100' href='http://msueroomz.blogspot.com' width='100'><img alt='ads' border='0' src='http://tinyurl.com/yzebeyt'/></a>
7. Preview dan Save template .
Note:Pada highlight merah korang tukarkan ngan url blog korang atau url yang korang nak linkkan kat iklan tu..Pada highlight biru korang tukarkan ngan url image iklan 100 x 100 yang korang nak letak..
Via - ArieyBlog
