Membuat ruang iklan 125x125 di bawah
header atau menu di blogspot. Ngeblog dapat duit, itulah seninya seorang
blogger, Jika kita memilih terjun pada dunia blogging berarti kita harus siap berbagi pengetahuan, tapi disisi lain kita juga bisa mengambil manfaat dari blog yang kita memiliki, seperti menawarkan ruang iklan bagi para advertiser untuk beriklan di Blog kita sehingga kita bisa memperoleh penghasilan. Dibawah ini cara membuat kolom-kotak iklan ukuran 125x125px dibawah header.
Cara membuatnya:
1. Masuk ke blogger
2. Pilih layout
3. Klik edit html
cari kode ini, ]]>skin Setelah ketemu, copy kode dibawah ini tepat diatasnya kode tadi :
#Banner-ads {
margin:0px;
padding: 5px;
text-align: center;
width : 960px;
}
#Banner-ads img {
margin: 7px 4px 4px 0px;
padding: 3px;
width : 100px;
height : 100px;
text-align: center;
border: 1px solid #c0c0c0;
}
#Banner-ads img:hover {
margin: 7px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}
setelah selesai cari kembali kode <div id=main-wrapper> Setelah ketemu copy kode dibawah ini dan paste diatasnya kode tadi <div id=main-wrapper>
<div id='Banner-ads'>
<a hight='100' href='http://namablog.blogspot.com/' width='100'><img alt='ads' border='0' src='http://123.com/banner.jpg'/></a>
<a hight='100' href='http://namablog.blogspot.com/' width='100'><img alt='ads' border='0' src='http://123.com/banner.jpg'/></a>
<a hight='100' href='http://namablog.blogspot.com/' width='100'><img alt='ads' border='0' src='http://123.com/banner.jpg'/></a>
</div>
1. Masuk ke blogger
2. Pilih layout
3. Klik edit html
cari kode ini, ]]>skin Setelah ketemu, copy kode dibawah ini tepat diatasnya kode tadi :
#Banner-ads {
margin:0px;
padding: 5px;
text-align: center;
width : 960px;
}
#Banner-ads img {
margin: 7px 4px 4px 0px;
padding: 3px;
width : 100px;
height : 100px;
text-align: center;
border: 1px solid #c0c0c0;
}
#Banner-ads img:hover {
margin: 7px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}
setelah selesai cari kembali kode <div id=main-wrapper> Setelah ketemu copy kode dibawah ini dan paste diatasnya kode tadi <div id=main-wrapper>
<div id='Banner-ads'>
<a hight='100' href='http://namablog.blogspot.com/' width='100'><img alt='ads' border='0' src='http://123.com/banner.jpg'/></a>
<a hight='100' href='http://namablog.blogspot.com/' width='100'><img alt='ads' border='0' src='http://123.com/banner.jpg'/></a>
<a hight='100' href='http://namablog.blogspot.com/' width='100'><img alt='ads' border='0' src='http://123.com/banner.jpg'/></a>
</div>
Perlu diperhatikan bahwa:
Untuk
membuat 7 kolom tinggal kamu copy paste lagi kode diatas ini, sampai
berjumlah 7 kolom/kotak iklan, karena dalam kode diatas hanya untuk 3
kolom, Pada alamat blog (warna biru) ganti dengan alamat blog kamu pada URL warna pink ganti dengan alamat gambar kamu. untuk membuat url gambar kamu bisa membuatnya di photobucket.com
sumber:http://situslakalaka.blogspot.com/2010/07/cara-membuat-7-kolom-iklan-di-bawah.html
Tidak ada komentar:
Posting Komentar