Cara Membuat Kotak Iklan 125x125 4 Kolom Keren Di Blog

Karena ada teman saya yang bertanya, sob bagaimana si bikin kotak iklan 4 kolom keren seperti blog ente...?? Terus saya menjawab, nanti saja sob ane share di blog. Nah pada kesempatan kali ini saya akan berbagi bagaimana cara membuat kotak iklan 125x125 4 kolom keren di blog untuk teman saya yang bertanya kemarin malam dan untuk semua sobat R-C Blog'S.

Berikut Cara Membuat Kotak Iklan 125x125 4 Kolom Keren Di Blog:

1.  Login ke Blogger

2.  Pilih Template >> Edit HTML

3. Cari kode ]]></b:skin>, 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;

}

5.  Simpan Template

Keterangan:

• Kode diatas adalah kode css untu mempercantik atau memperkeren tampilan kotak iklan.

Setelah memasang kode css kedalam template, sekarang tinggal pasang kode kotak iklannya di bawah ini.

1.  Pilih Tata Letak >> Tambah Gadget >> Pilih HTML/JavaScript

2.  Copy kode di bawah ini dan letakkan ke kolom HTML/JavaScript 

<center><div id="kotak-iklan-125x125">

<a target="_blank" href="Link Iklan Sobat"><img alt="banner ads" src="Gambar Iklan Sobat" border="0"/></a>

<a target="_blank" href="Link Iklan Sobat"><img alt="banner ads" src="Gambar Iklan Sobat" border="0"/></a>

<a target="_blank" href="Link Iklan Sobat"><img alt="banner ads" src="Gambar Iklan Sobat" border="0"/></a>

<a target="_blank" href="Link Iklan Sobat"><img alt="banner ads" src="Gambar Iklan Sobat" border="0"/></a>

</div></center>

3.  Simpan 

Keterangan:

• Kode yang berwarna Biru ganti dengan Link/URL Iklan sobat.
• Kode yang berwarna Merah ganti dengan Link/URL Gambar Iklan Sobat.