Home » » Cara Membuat Kotak Iklan 4 Kolom Keren Di Blog

Cara Membuat Kotak Iklan 4 Kolom Keren Di Blog

Ditulis oleh Dicky Fajriansyah pada Minggu, 05 Mei 2013 | 22.16


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......
Dilarang menduplikasi dan menyerbarluaskan artikel tanpa menyertakan sumbernya. Jika melanggar, berarti telah melanggar UUD 1945 No. 19 Tahun 2002 Tentang Hak Cipta dan akan dijatuhi denda.
thumbnail Title: Cara Membuat Kotak Iklan 4 Kolom Keren Di Blog
Posted by:Dicky Fajriansyah
Published :2013-05-05T22:16:00-07:00
Rating: 5
Reviewer: 100 Reviews
Cara Membuat Kotak Iklan 4 Kolom Keren Di Blog

0 komentar:

Posting Komentar