Tutorial ini disadur dari blog o-om, yang ditulis oleh Kang Yasin sebagai kontributor. Karena saya tertarik dengan tutorial ini tidak ada salahnya saya posting juga disini. Berikut langkah-langkahnya :
1. Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
2. Masuk ke Tab Tata Letak
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Dan Copy kode di bawah ini kedalamnya yah
<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuWm_RFQMrHHKkFo1EUW3iShXqAJPExhu3uhQuesYoNgutgxXUQwaBDgFMWfobFOPy0hMzqY_9DTGjrwSr-ddYRqKPulaseRaXUnmgpuO3QMnDa5r92GHn4lx_DplmPy-yTgjJF1oDvKk/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuWm_RFQMrHHKkFo1EUW3iShXqAJPExhu3uhQuesYoNgutgxXUQwaBDgFMWfobFOPy0hMzqY_9DTGjrwSr-ddYRqKPulaseRaXUnmgpuO3QMnDa5r92GHn4lx_DplmPy-yTgjJF1oDvKk/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>
Masukan Kode iklan atau Gambar yang anda inginkan di sini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
6. Simpan
Semoga BERHASIL :)
Source: www.o-om.com
1 komentar:
Siiip. Senang bisa berkunjung ke blogmu nich. Halaman blognya bisa melayang ke bawah ke atas. He he he. pengen tahu dong. Gimana caranya?
Posting Komentar
Silahkan tinggalkahn pesan Anda yang sopan, terimakasih!