Membuat like box melayang di blog

Membuat like box melayang di blog

7:57 PM
Pada kali ini, saya akan kembali berbagi tutorial tentang blog lebih ke mengoptimalkan dalam hal promo, yaitu bagaimana membuat like box melayang di blog. Ini merupakan permintaan juga dari M Ahsanul yang ingin blognya di tambah like box facebook yang melayang di halaman blognya.
ok, follow ya.
1. Pastikan anda sudah mempunyai halaman fanspagenya, bila sudah ikuti langkah yang kedua
2. Dapatkan sintax fanspage nya di menu resource di fanspage
3. Ketika sudah simpan dulu, sekarang login terlebih dahulu ke blog anda
4. Ketikan atau copas sintax di bawah ini di menu tata letak di blog
<!-- 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() {


$('#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;">Please Bantu Saya,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>

“Area sintax fanspage anda”

<!-- Selesai --!><a class='close' href='#'>&times;</a>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href=" http://svshare7.blogspot.com/ ">Blogger Widget</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href=" http://svshare7.blogspot.com/ ">Get This Widget</a></p>




ta menarik agar bisa nge like fanspagenya, kemudian huruf yang berwarna biru itu tempat untuk meletakan sintax fanspage anda.
Bila sudah di pasang, tampilannya kurang lebih seperti ini :





Baik sobat, bila ada yang kurang jelas silakan tanyakan di kolom komentar bawah.
Sekian, sharing mengenai Membuat like box melayang di blog. Terima Kasih
Perlu Diingattt :
Apabila di arahkan ke halaman :
- shorte.st atau adf.ly, tunggu sejenak 5 detik dan mengklik tombol skip/lewati
- ke ouo, centang anda bukan robot dan tunggu 5 detik lalu get link, kemudian otomatis ke hosting download tersebut. Apabila sobat kesulitan ada panduan cara downloadnya klik >> disini <<
PERHATIAN!!!
- Jika kamu kesulitan mengunjungi halaman adf.ly, bisa atasi dengan cara INI
- Jika ada link mati atau bermasalah, laporkan saja langsung ya ke SINI. Terima Kasih. Enjoy...

Langganan Software Gratis

About

Blog ini lahir 5 Januari 2012 yang awalnya dikelola oleh Admin tunggal, kini sudah di kelola oleh beberapa pengurus. Tujuan ngeblog hanya untuk mengisi waktu luang dan hobby, tapi saya bersyukur apabila blog ini bermanfaat bagi teman - teman. Blog ini akan terus menyajikan informasi software, Cusrom Android, Tutorial, Game yang dibagikan secara gratis.

Next
« Prev Post
Previous
Next Post »