membuat paparan iklan melayang - Hallo sahabat Cara Sign Up, Pada Artikel yang anda baca kali ini dengan judul membuat paparan iklan melayang, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel turorial blog, Artikel widget, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : membuat paparan iklan melayang
link : membuat paparan iklan melayang

membuat paparan iklan melayang

Widget ini boleh kita gunakan untuk meletak iklan atau apa apa notis pada blog.Ia mempunyai butang untuk tutup dan akan ikut bergerak jika halaman di scroll atas atau kebawah.

Untuk membuatnya:
Masuk ke Dashboard-Layout---Add a gadget

HTML/Javascript

 dan masukkan kod dibawah:

<style type="text/css">
#topbar {
position:absolute;
z-index: 100;
padding: 8px;
background: #DB9D9A;
background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(211, 211, 211, .9));
background: -webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, .9)),to(rgba(211, 211, 211, .9)));
border: 3px ridge #fff;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-box-shadow: #58FA58 0 2px 15px;
-moz-box-shadow: #58FA58 0 2px 10px;
margin:0 auto 10px;
float:left;
color:rgba(0, 0, 0, 0.75);
font-size: 12px;
font-family: Verdana, serif;
text-shadow:0 1px 0 #FFFFFF;
}
#topbar img {
border:none;
}
#topbar .butang {
margin:0;
padding-bottom:5px;
text-align:right;
}
#topbar .butang button {
color:#FFFFFF;
border: solid 1px #494949;
margin:0;
padding:2px 15px;
cursor: pointer;
text-shadow: 0 1px 1px rgba(0,0,0,.6);
background: #DB9D9A;
background: -webkit-gradient(linear, left top, left bottom, from(red), to(#DB9D9A));
background: -moz-linear-gradient(top, red, #DB9D9A);
}
#topbar .isi_iklan {
background-color:#81F7BE;
margin:0;
padding:4px;
width: 468px;
border: 2px groove #FF8000;
}
</style>
<script src="https://sites.google.com/site/teknikbuatblog/tbb/iklanpopup.js?attredirects=0&d=1" type="text/javascript"></script>
<script type="text/javascript">
var persistclose=1
var startX = 20
var startY = 20
var verticalpos="fromtop"
</script>
<div id="topbar">
<div class="butang"><a href="" onclick="closebar(); return false" style="text-decoration: none;"><text><b>[X]</b></text></a></div>
<div class="isi_iklan">

letak kod iklan anda disini

</div>
</div>

kemudian klik butang save

update 10/5/2013

Demikianlah Artikel membuat paparan iklan melayang

Sekianlah artikel membuat paparan iklan melayang kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel membuat paparan iklan melayang dengan alamat link http://carasignup.blogspot.com/2011/03/membuat-paparan-iklan-melayang.html

Tweet