Cara Membuat Kotak Iklan 125x125 4 Kolom Keren Di Blog(percobaan)

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

About akuntest123

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.