Hai sobat blogger..... Akhirnya Dicky's ngeposting juga, karena sudah 2 hari saya belum mempunyai ide ngeposting. Dan kali ini Dicky's akan menshare Tips Blog yang berjudul Cara Membuat Kotak Iklan 4 Kolom Di Blog | Kotak iklan berfungsi untuk mengiklankan sesuatu seperti Produk, Website, dll di blog. Jika sobat ingin tahu seperti apakah kotak iklan yang Dicky's share kali ini, sobat bisa lihat di blog saya atau seperti screenshots diatas. Langsung saja ini caranya.
Berikut Cara Membuat Kotak Iklan 4 Kolom Keren Di Blog :
Cara I :
- Login ke Blogger, atau klik disini
- Pilih Template --> Edit HTML --> Proses (loading dulu)
- Cari kode ]]></b:skin> dengan cara CTRL+F, copy kode dibawah ini dan letakkan tepat diatas kode ]]></b:skin>.
/* Kotak Iklan 125x125
===================== */
#kotak-iklan-125x125 {
margin: 0px;
padding: 5px;
text-align: center; }
#kotak-iklan-125x125 img {
margin: 3px 3px 6px 6px;
padding: 3px;
text-align: center;
border: 3px dotted #ff0000;
-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;
}
Keterangan :
- Kode yang berwarna Biru yaitu jenis border ketika tidak disentuh, bisa sobat ganti dengan jenis-jenis border lain, kik disini
- Kode yang berwarna Kuning yaitu kode warna border ketika tidak disentuh, bisa sobat ganti dengan kode warna lainnya, klik disini
- Kode yang berwarna Merah yaitu jenis border ketika disentuh, bisa sobat ganti dengan jenis-jenis border lain, kik disini
- Kode yang berwarna Hijau yaitu kode warna border ketika disentuh, bisa sobat ganti dengan kode warna lainnya, klik disini
- Simpan Template
Cara II :
- Pilih Tata Letak --> Tambahkan Gadget --> Pilih HTML/JavaScript
- Copy kode dibawah ini dan letakkan ke kolom HTML/JavaScript
<center><div id="kotak-iklan-125x125">
<a target="_blank" href="Link Pasang Iklan Sobat"><img alt="banner ads" src="Gambar Iklan Sobat" border="0"/></a>
<a target="_blank" href="Link Pasang Iklan Sobat"><img alt="banner ads" src="Gambar Iklan Sobat" border="0"/></a>
<a target="_blank" href="Link Pasang Iklan Sobat"><img alt="banner ads" src="Gambar Iklan Sobat" border="0"/></a>
<a target="_blank" href="Link Pasang Iklan Sobat"><img alt="banner ads" src="Gambar Iklan Sobat" border="0"/></a>
</div></center>
Keterangan :
- Kode yang berwarna Biru ganti dengan Link/URL Pasang Iklan sobat.
- Kode yang berwarna Merah ganti dengan Link/URL Gambar Iklan Sobat.
- Simpan.
Semoga Tips Blog yang berjudul Cara Membuat Kotak Iklan 4 Kolom Keren Di Blog bisa bermanfaat......
dan selamat mencoba......
Post a Comment