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

Catat Ulasan

11 Comments:

:: N.O N.I.C.K.N.A.M.E :: berkata...
Teknik Buat Blog

nice tutorial


KLIK SINI>Bersyukur

saffa hamzah berkata...
Teknik Buat Blog

sy buat ni tetapi x jadilah.. apa maksud kod iklan? kalau kita nak tulis status disitu gunakan kod apa?

akademi berkata...
Teknik Buat Blog

SAYA BUAT PUN X JADI DAN KAT MANA NAK UPDATE KLAN..SANGAT2 XJADI MACAM NER YA NAK BUAT NI?

yahaya berkata...
Teknik Buat Blog

@akademiupdate iklan pada ruangan letak kod iklan anda disini..

akademi pembangunan usahawan berkata...
Teknik Buat Blog

SAYA BUAT JADI TAPI DIA TAK FOLLOW TURUN BAWAH PUN

Ex-Students Of Khairiah Society berkata...
Teknik Buat Blog

kod iklan cmne??????

Elly Dayana Betty berkata...
Teknik Buat Blog

akhir saya faham dan tau semua untuk buat blog tercantik terima kasih teknik!! yeah!!!!

MOHD SYAHMI BIN ISMAIL berkata...
Teknik Buat Blog

saya dah buat tetapi orang nak klik iklan tu xboleh,sebab lgi turun bawah,lagi bawah iklan tu jatuh,mcmna nak klik

MTQ 4 berkata...
Teknik Buat Blog

x leh pon.....
tolong.....!!!arghh

Cahaya Hidup berkata...
Teknik Buat Blog

x jadi jugak........mcm mana ni?? tak faham lah...... tolong tolong......!!! ;(

latihan hipnotis cepat berkata...
Teknik Buat Blog

sungguh sebuah artikel yang edukatif.
ijinkan saya untuk menyimpan alamat link ini di halaman favoritku thks