pasang Widget FB melayang di blog

Inilah blog miliku-Pasang Widget FB melayang lengkap dengan tombol close

Membuat like box Fanspage pada halaman facebook merupakan cara jitu promosi blog dari sosial media yang bisa dikategorikan Berpengaruh terhadap perkembangan halaman yang kita kelola tersebut  dan cara ini terbukti dapat meraup banyak pengunjung suatu blog dalam waktu singkat. Sudah umum juga sih Trik seperti ini dilakukan oleh para Blogger ,dan tentunya tidak ada kendala bagi profesional blog untuk pemasangan maupun penempatan Like Box (FanPage) tersebut di halaman miliknya? namun bukan berarti juga orang yang baru mengenal dunia lain ??? dunia mayaT-blog maksudnya ! merasa kebingungan bagaiman cara penempatan widget dan gadgetnya yang benar agar tidak terjadi error, apalagi Likebox FanPage ini memerlukan space yang besar. Sebagai solusinya kita bisa membuat Like Box (FanPage) Facebook ini melayang pada Blog kita

* Tujuan Memasang Widget Like Box Facebook Melayang di Blog

Pada dasarnya tujuan memasang widget Fanspage Facebook Melayang di Blog adalah agar para pengunjung blog mau menyukai halaman facebook yang kita kelola dengan memberikan jempolnya, atau bahkan giginya ??? mungkin juga ..!!

sehingga halaman FB yang kita kelola semakin banyak penggemar .,tak sedikit juga kan , orang biasa menjadi artis dadakan hanya dengan jempolnya ketinggalan di halaman kita.

Kelebihan lain dari Widget ini dilengkapi dengan tombol close sehingga pengunjung bisa dengan mudah menutup Kotak Widget ini dan walau pun agak sedikit mengganggu pengunjung tapi masih bisa menutupnya tanpa harus mengeluarkan ototnya,maksudnya susah payah.

* Untuk memasang likebox melayang pada halaman blog,anda bisa membaca panduan di bawah ini
1. Silahkan Login terlebih dahulu pada Akun Blog anda
2. Pilih menu Tata Letak pada Blog, kemudian klik Tambah Gadget dan pilih HTML/Javascript
3. Masukkan Kode dibawah ini 

<!-- FB melayang tombol close --!>
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:310px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
cursor:pointer;
}
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<p style=" margin-right:10px; font-size:15px; color:#000000;">Inilah blog miliku<blink> Like This !!!</blink> </p>
<!-- Mulai --!>

<div class="fb-page" data-href="https://www.facebook.com/lionmonths" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/lionmonths"><a href="https://www.facebook.com/lionmonths">Soloist</a></blockquote></div></div>

<!-- Selesai --!><a class='close' href='#'>&times;</a>
<p style=" float:right; margin-right:35px; font-size:10px;" >Support <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://blog-acakkadut.blogspot.co.id/">Design Widget</a> By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://tutorial-lionteen.blogspot.co.id/">Visit on</a></p>
</div>

kemudian pasang pada blog milik anda dengan kode yang sudah diberikan oleh pihak kepolisian (facebook maksudnya)

4. Simpan,dan lihat hasilnya
jika anda benar menuruti panduan tetrsebut.maka hasilnya akan yahutttt....!!!

untuk DEMO nya anda bisa lihat dihalaman ini ...!
salam sukses dan sehat selalu ,jangan lupa kelingking jempolnya sangkutin juga ya di halaman fanspage Soloist

kalo ada kado Silahkan titip sama Admin dan jangan lupa berkicau di komentar halaman ini,itupun bila ada pertanyaan..

Bagikan ke Google+

BIOGRAFHY Unknown

Seseorang akan bisa menghargai diri kita ,bilamana kita mampu untuk menghargai orang lain tanpa harus menyombongkan diri dari sesuatu yang kita berikan dengan dasar pengharapan Pujian maupun imbalan ."Miliki dan cintai kemampuan yang ada Tanpa takut harus kecewa" Bukannya karena dengan MENCOBA,kita menjadi BISA !