Home
Tutorial Blog
Pasang Iklan 4 Kotak Gratis di Blog
Pasang Iklan 4 Kotak Gratis di Blog
Jumat, 18 Juli 20140 komentar
Cukup Simple:
1. Masuk Ke Blog anda
2. Ke bagian Tata Letak
3. Tambahkan Widget
4. Pilih HTML/JavaScript
5. Pastekan Kode Dibawah ini
6. Butuh bantuan hubungi saya
<style type="text/css">
div#banner a { text-decoration:none; color:#fff; text-align:center;}
div#banner { width:260px; margin:0 auto; }
#banner .iklan { display:block; width:125px; height:125px; border:2px solid #52e052; float:left; position:relative; }
#banner .iklan img{ display:block; width:125px; height:125px;}
#banner .iklan .caption { position:absolute; top:90px; left:2px; padding:3px; font:bold 10px arial; width:115px; display:none; background:#000; }
.clear { clear:both; }
.effect { box-shadow: 0 0 10px #52e052; }
</style>
<script type="text/javascript" src="http://faceblog-evolutions.googlecode.com/files/jquery-spotlight.js"></script>
<script type="text/javascript"> $(document).ready(function () { $('#banner .iklan').each(function () { title = $(this).attr('title'); $(this).append('<span class="caption">' + title + '</span>'); $(this).attr('title',''); }); $('#banner .iklan').hover( function () { $(this).siblings().css({'opacity': '0.1'}); $(this).css({'opacity': '1.0'}).addClass('effect'); $(this).children('.caption').show(); }, function () { $(this).children('.caption').hide(); } ); $('#banner').mouseleave(function () { $(this).children().fadeTo('100', '1.0').removeClass('effect'); }); }); </script>
<div id="banner">
<a class="iklan" href="http://www.irfanaminudinjohan.com/2014/07/pasang-iklan.html" title="Pasang Iklan Disini Ukuran 125 x 125">
<img src="http://i59.tinypic.com/2dbmcev.jpg" alt="banner iklan"/></a>
<a class="iklan" href="http://www.irfanaminudinjohan.com/2014/07/pasang-iklan.html" title="Pasang Iklan Disini Ukuran 125 x 125">
<img src="http://i58.tinypic.com/14csnia.jpg" alt="banner iklan"/></a>
<a class="iklan" href="http://www.irfanaminudinjohan.com/2014/07/pasang-iklan.html" title="Pasang Iklan Disini Ukuran 125 x 125">
<img src="http://i57.tinypic.com/13z0ejc.jpg" alt="banner iklan"/></a>
<a class="iklan" href="http://www.irfanaminudinjohan.com/2014/07/pasang-iklan.html" title="Pasang Iklan Disini Ukuran 125 x 125">
<img src="http://i59.tinypic.com/2nia7oo.jpg" alt="banner iklan"/></a>
</div>
<div class="clear"></div>
Label:
Tutorial Blog


Posting Komentar