Senin, 15 Oktober 2012

cara MEMASANG BUKU TAMU FACEBOOK PADA BLOGGER


langsung saja langkah-langkahnya sebagai berikut.

1. Tentu Login dulu ke Account Blogger Sobat
2. Silahkan Menuju Dasbor lalu Klik Rancangan
3. Pilih Tambah Gadget
4. Pada Halaman Tambah Gadget Cari Tab menu HTML/JavaScript lalu klik Tambah
5. Isi judul dengan kode ini <!--judul-->
    Maksudnya supaya nanti Gadget kita terlihat tanpa Judul
7. Sekarang Isikan dengan Kode dibawah ini:

<style type="text/css">
#gb{
position:fixed;top:100px;z-index:+1000;}
* html #gb{position:relative;}
.gbtab{height:128px;width:35px;
float:right;
cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPC6kUgNf1AjifDnElS6FHWB1v_YV5fYoMHBUmRy6gsfquvQueHbdiGNYjc9GwjXbsK5E6DHuwsv3yHr0pIVQ9SOvuvgSjTj8jsO1ZJPZ3bppHtNFJ2C_aftj6RWT6gqQae7qSJExwRrg/') no-repeat;}
.gbcontent{float:right;border:2px solid #A5BD51;
background:#F5F5F5;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.left = 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: center;">
<span style="color: blue; font-size: x-small;">Selamat Datang</span>
<span style="font-size: x-small;"><b style="color: red;">Jgn Lupa Comment</b></span><span style="color: blue; font-size: x-small;">
 </span><span style="font-size: x-small;"><b style="color: blue;"></b></span></div>
<iframe src="http://www.facebook.com/plugins/livefeed.php?app_id=136575963025211&amp;width=290&amp;height=400&amp;xid=355411944445" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:400px;" allowTransparency="true"></iframe><div style="color: #999999;">
<span style="font-size: xx-small;">Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://www.aurigamaulana.blogspot.com/" target='new'>Tips n Trik Populer</a></span>
</div><br/><div style="text-align:left"><a href="javascript:showHideGB()">[tutup]
</a></div></div></div>
<script type="text/javascript">var gb = document.getElementById("gb");
gb.style.left = (30-gb.offsetWidth).toString() + "px";
</script>

Keterangan :

position:fixed;top:100px;z-index:+1000 = Posisi Tombol Logo Open Close  
height = 400px; (untuk ketinggian buku tamu)
width = 290 px; (untuk kelebaran buku tanu)
 

Tidak ada komentar:

Posting Komentar