Cara Memasang Banner iklan 125x125 di Blog - Hello friend Download Games And Software, In the article that you read this time with the title Cara Memasang Banner iklan 125x125 di Blog, we have prepared this article well for you to read and take information in it. hopefully the post content Article Blogging, Article tutorial blog, what we write can you understand. alright, happy reading.
Judul : Cara Memasang Banner iklan 125x125 di Blog
link : Cara Memasang Banner iklan 125x125 di Blog
Cara Memasang Banner iklan 125x125 di Blog
*Cara Memasang Banner iklan 125x125 di Blog* - Memasang Kotak Iklan Ukuran 125x125 keren di blog dengan tambahan kode css akan menjadi daya tarik tersendiri buat calon pemasang iklan di blog kita. dengan dsain yang menarik menjadi pandangan terarahkan pada banner iklan tersebut. Nah,,, ini yang harus sobat blogger lakukan disaat promo banner iklan di blog atau blogspot.
Untuk pemasangan kotak iklan ukuran 125x125 biasanya dipasang di sidebar bagian atas agar kelihatan visitor. Cara memasangnya cukup mudah kok,,, sobat blogger pasti bisa karena cukup mudah. untuk melihat hasilnya seperti pada sidebar blog ini kurang lebihnya seperti gambar dibawah ini:
Screenshot:
Jika sobat tertarik dengan Cara Memasang Banner iklan 125x125 di Blog seperti gambar diatas, silahkan ikuti tutorial dibawah ini, ada dua cara yang akan saya share kali ini yaitu efek yang keren dengan Css dan pasang Banner biasa.:
Cara Membuat Kotak Iklan 125x125 4 Kolom Di Blog Dengan Css
1. Masuk ke Akun Blog sobat.
2. Klik Template Lalu klik Edit HTML
3. Sobat cari kode masukkan kode ]]></b:skin> lebih mudah dengan Ctrl+F, Lalu letakkan kode dibawah ini tepat di atas kode ]]></b:skin>
/*Kotak Iklan 125x125*/
#kotak-iklan-125x125 {
margin: 0px;
padding: 1px;
text-align: center; }
#kotak-iklan-125x125 img {
margin: 3px 3px 6px 6px;
padding: 1px;
text-align: center;
border: 3px dotted #000;
-webkit-border-radius:70px;
-moz-border-radius:70px;
-o-border-radius:70px;
border-radius:10px;
-webkit-transition: all 0.45s ease-out;
-moz-transition: all 0.45s ease-out;
-o-transition: all 0.45s ease-out;
transition: all 0.45s ease-out;
}
#kotak-iklan-125x125 img:hover {
margin: 3px 3px 6px 6px;
padding: 3px;
text-align: center;
border: 3px solid #ff0000;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-o-border-radius:0px;
border-radius:10px;
}
4. Simpan terlebih dahulu
5. Setelah sobat simpan, sekarang Klik Tata Letak >>Tambahkan Gadget >> HTML/Javascript.
Masukkan kode dibawah ini dalam kotak HTML/Javascript.
<center><div id="kotak-iklan-125x125">
<a target="_blank" href="http://softwaremaniapc.blogspot.com/2013/04/pasang-iklan-murah-ini-solusinya.html"><img alt="banner ads" src="http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png" border="0"/></a>
<a target="_blank" href="http://softwaremaniapc.blogspot.com/2013/04/pasang-iklan-murah-ini-solusinya.html"><img alt="banner ads" src="http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png" border="0"/></a>
<a target="_blank" href="http://softwaremaniapc.blogspot.com/2013/04/pasang-iklan-murah-ini-solusinya.html"><img alt="banner ads" src="http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png" border="0"/></a>
<a target="_blank" href="http://softwaremaniapc.blogspot.com/2013/04/pasang-iklan-murah-ini-solusinya.html"><img alt="banner ads" src="http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png" border="0"/></a>
</div></center>
Keterangan:
Kode yang berwarna Merah Silahkan sobat ganti dengan URL Banner sobat.
Kode yang berwarna Biru Silahkan ganti dengan URL gambar banner iklan sobat.
6. Selesai, Sobat simpan dan lihat hasilnya.
6. Selesai, Sobat simpan dan lihat hasilnya.
Cara Memasang Banner iklan 125x125 di Blog 4 Kolom
1. Masuk ke Akun Blog sobat.
2. Sekarang Klik Tata Letak >>Tambahkan Gadget >> HTML/Javascript. Masukkan kode dibawah ini dalam kotak HTML/Javascript.
<div align="center">
</p>
<p>
<table border="0" cellpadding="2" cellspacing="6" width="265" bgcolor="#000000"> </p>
<p>
<tbody>
<tr> </p>
<p>
<td><center>
<a href="URL/Alamat Iklan Sobat" rel="nofollow"><img border="0" alt="cara membuat banner iklan kotak 125x125 di blog" width="125" src="http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png" height="125"/></a></center>
</td></p>
<p>
<td><center>
<a href="URL/Alamat Iklan Sobat" rel="nofollow"><img border="0" alt="cara membuat banner iklan kotak 125x125 di blog" width="125" src="http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png" height="125"/></a></center>
</td> </p>
<p>
</tr>
</p>
<p>
<tr></p>
<p>
<td><center>
<a href="URL/Alamat Iklan Sobat" rel="nofollow"><img border="0" alt="cara membuat banner iklan kotak 125x125 di blog" width="125" src="http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png" height="125"/></a></center>
</td> </p>
<p>
<td><center>
<a href="URL/Alamat Iklan Sobat" rel="nofollow"><img border="0" alt="cara membuat banner iklan kotak 125x125 di blog" width="125" src="http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png" height="125"/></a></center>
</td></p>
<p>
</tr>
</p>
<p>
</tbody></table>
</p>
</div>
Keterangan:
Kode warna MERAH adalah alamat iklan sobat
Kode warna BIRU adalah Alamat Gambar iklan sobat.
3. Simpan dan lihat hasilnya.
Sekian dulu share Cara Memasang Banner iklan 125x125 di Blog, semoga dapat bermanfaat dan selamat mencoba.
Such article Cara Memasang Banner iklan 125x125 di Blog
So this article Cara Memasang Banner iklan 125x125 di Blog this time, hopefully it can benefit you all. alright, see you in another article post.
You are now reading the article Cara Memasang Banner iklan 125x125 di Blog with the link address https://moresofgame.blogspot.com/2013/07/cara-memasang-banner-iklan-125x125-di.html
Tidak ada komentar:
Posting Komentar