Selasa, 19 Februari 2013

Cara Paling Brilian pasang Widget Update Status Facebook Di Blog

Hay sobat semua?. Pada kali ini saya share Tutorial Cara Pasang Widget Update Status Facebook Di Blog. Widget ini saya dapatkan dari blogger tetangga saya. Karena saya tidak sengaja cari google dan mendapatkan widget ini.
Mempercantik blog sangatlah penting untuk setiap pengguna blogger. Jika blogger kita tidak cantik atau amburadul, pengunjung tidak akan betah lama-lama di blog kita. Widget ini saya rekomendasikan untuk anda pengguna blog blogger untuk memasang widget ini.
buku tamu
Judul artikel ini juga berkaitan dengan Tutorial cara memasang buku tamu diblog secara hiden atau tersembunyi. Langsung saja, berikut Cara Pasang Widget Update Status Facebook Di Blog :
1. Pastinya anda sudah login atau masuk ke akun blogger.
2. Tata Letak >> Tambah Gadget.
3. Cari dan klik "Html/JavaScript" dan pastekan kode berikut pada kotak konten!.
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
*html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://lh4.googleusercontent.com/-fZjSRKf7YE4/T0Wdm2aLTRI/AAAAAAAAA9g/YQVVuGx16No/s100/bukutamu.gif') no-repeat;
}
.gbcontent{
float:left;
border:1px solid #E4E3E3;
background:#8ea88e;
padding:15px;
}
</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.right = 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;">Simpan Jejak Anda di Sini!.<span style="color: blue; font-size: x-small;"></span>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=191249341007955";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-live-stream" data-event-app-id="191249341007955" data-width="280" data-height="400" data-always-post-to-friends="true"></div>
<div style="color: #999999;">
<div style="text-align:left">
[<a href="javascript:showHideGB()">close</a>]&nbsp;&nbsp;[<a href="http://putupunyablog.blogspot.com/2012/10/pasang-widget-update-status-facebook-di.html">Add</a>]
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = "-313px";
</script></div></div>
4. Jangan lupa ubah kode berwarna merah dengan "API Key Facebook" anda.
5. Klik "Simpan Template".
Artikel Terkait

Tidak ada komentar:

Poskan Komentar