- Back to Home »
- Widget »
- Cara Memasang Kotak Space Banner Iklan di Widget Blog
Posted by : Unknown
Agustus 20, 2012
Kali ini saya Kasih Tutor Pasang widget iklan ^^
cek Tutor :
1. Login ke Blog
2. Rancangan -> Edit Html
3. Copy/Paste Code css berikut di atas kode ]]></b:skin>
#rezaelvads {margin:0px;padding:0px;text-align:center}
#Rezaelvads img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#rezaelvads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}
Ganti nilai pada margin:1px 1px untuk mengatur jarak gambar iklan. Nilai pertama jarak atas bawah, nilai kedua jarak kiri kanan.
3. Save Template.
4. Buka Elemen Laman => Tambah Gatged => Pilih HTML/Javascript.
5. Copy kode HTML berikut (edit terlebih dahulu untuk memasukkan link dan url gambar gambar yg ingin digunakan):
<div id="rezaelvads"><a href="http://reza-elv.blogspot.com/" target="_blank" title="Reza - eLv"><img alt="Reza - eLv" border="0" src="http://i.imgur.com/i4lpd.png" /></a><a href="http://reza-elv.blogspot.com/" target="_blank" title="Reza - eLv"><img alt="Reza - eLv" border="0" src="http://i.imgur.com/i4lpd.png" /></a><a href="http://reza-elv.blogspot.com/" target="_blank" title="Reza - eLv"><img alt="Reza - eLv" border="0" src="http://i.imgur.com/i4lpd.png" /></a><a href="http://reza-elv.blogspot.com/" target="_blank" title="Reza - eLv"><img alt="Reza - eLv" border="0" src="http://i.imgur.com/i4lpd.png" /></a></div>
Note :
- Text Berwarna Merah Ganti URL Blog anda
- Text Berwarna Biru Ganti Tittle [ Terserah Anda ]
- Text Berwarna Hijau Ganti URL Gambar anda
Jangan Lupa Follow ^^
Dan Postkan Komentarnya =)
Contoh:
Backlink Please
URL |
Code For Forum |
HTML Code |