Jumat, 08 November 2013
Browse Manual »
Wiring »
iklan
»
melayang
»
membuat
»
paparan
»
membuat paparan iklan melayang
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrh1wjQiT9HlFlny45sZBGt0Y8moIGFwmdRAAQLaChiG0hzpp5XiQYFku9MY8mk51W6aDeM7EgD-SO1Nq26ffO9MSgjCq8hKIZntEywjNx9qOBhZhzWg9SBNX5LnHR1gzR1WzbBXI9OQo/s1600/iklan.JPG)
Untuk membuatnya:
Masuk ke Dashboard-Layout---Add a gadget
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLyqfX6tXu1WZkm-nR-qeoyq7dEKsBmFskIEaX2rMLNIS_C0sGfRi3g_PaMXtgRMKWzga3wtdUl1DqvDSB44mTmpF_-r3fXrmZHhSzUpxRdoGoFG0nk3PvquCj56hnKZBZ4_x4PK951U8/s400/layout+.jpg)
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">
</div>kemudian klik butang save
update 10/5/2013
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
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLyqfX6tXu1WZkm-nR-qeoyq7dEKsBmFskIEaX2rMLNIS_C0sGfRi3g_PaMXtgRMKWzga3wtdUl1DqvDSB44mTmpF_-r3fXrmZHhSzUpxRdoGoFG0nk3PvquCj56hnKZBZ4_x4PK951U8/s400/layout+.jpg)
HTML/Javascript
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigOJnus8dXaEVpYo-Z1Oqdu5SiKMdT6KeUV1r9ZOi66R4WGey3R6MFjujoY7Vk7wL9-PGSWl5zc0tBHmfVIS7CNgVfxaCDyHY3B9VzDnmN64er_SK1DEmgPs6RYlDBP5EMMUYUXjfX7fI/s320/html-javascript%255B6%255D.gif)
<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>
update 10/5/2013
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar