Cara Memasang Kotak Iklan 125x125 di Blogger - Salah judul nih, harusnya kan "cara membuat kotak iklan 125x125 di blogger" bodo amat lah udah terlanjur -_-
Kali ini nona mau posting cara memasang kotak iklan 125x125 di blogger nga pake ribet, code template tidak usah di kutak katik, asal masih ada space widget di sebelah kanan dari halaman posting aja.
Padahal blog nona juga masih sepi, bikin postingan soal iklan,,,hohoho setidaknya persiapan buat kedepannya andai kata ada yang minat sewa kos2an, kan tinggal copy paste aja code ads125 nya ke widget html.
Mutar muter sebentar nyari tutorialnya akhirnya nyasar kesini
http://buka-rahasia.blogspot.com/2012/01/cara-membuat-kotak-space-iklan-125-x.html
coba kutak katik sebentar di w3schools ternyata kurang cocok sama style hover nya, akhirnya nona jalan jalan lagi ke google buat nyari mouse hover efek yang sesuai selera, dan terdampar di sini http://designshack.net/?p=19746 selipin codenya dikit akhirnya jadi deh
keren kan,,nah silahkan di copy aja kodenya, cara pasangnya tinggal copy semua codenya > layout > add to gadget > html/javasript
nga ribet kan, silahkan di coba :D
<style type="text/css">
#banner125 {margin:0px;padding:0px;text-align:center; width:280px}
#banner125 img {border:5px solid #eee;margin:1px 1px;text-align:center;
-webkit-box-shadow:4px 4px 4px rgba(0,0,0,0.2);-moz-box-shadow:4px 4px 4px rgba(0,0,0,0.2);box-shadow:4px 4px 4px rgba(0,0,0,0.2);-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-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;}
#banner125 img:hover{-webkit-transform:rotate(-7deg);-moz-transform:rotate(-7deg);-o-transform:rotate(-7deg)}
</style>
<center>
<div id="banner125">
<a href="ads-url" target="_blank" title="ads-title"><img alt="ALT/TEXT GAMBAR" border="0" src="http://rightwaysproperty.co.uk/wp-content/themes/classipress/images/ad125b.gif" /></a>
<a href="ads-url" target="_blank" title="ads-title"><img alt="ALT/TEXT GAMBAR" border="0" src="http://rightwaysproperty.co.uk/wp-content/themes/classipress/images/ad125b.gif" /></a>
<a href="ads-url" target="_blank" title="ads-title"><img alt="ALT/TEXT GAMBAR" border="0" src="http://rightwaysproperty.co.uk/wp-content/themes/classipress/images/ad125b.gif" /></a>
<a href="ads-url" target="_blank" title="ads-title"><img alt="ALT/TEXT GAMBAR" border="0" src="http://rightwaysproperty.co.uk/wp-content/themes/classipress/images/ad125b.gif" /></a>
</div>
</center>
Post a Comment |