*Cara Memasang Like Facebook Melayang di Blog*
*Cara Memasang Like Facebook Melayang di Blog* - Artikel tutorial Cara Memasang Like Facebook Melayang di Blog tentunya sudah tidak asing lagi, like box facebook yang biasanya terdapat pada sidebar sekarang bisa sobat modifikasi blog menjadi like facebook melayang di Blog , ini menjadi daya tarik tersendiri oleh blogger dan membuat pengunjung klik like facebook kita.
Syaratnya mudah kok sob,,, yang penting sobat sudah punya punya halaman
fanpage facebook, lalu Ambil kode Script Likebox yang sudah disesuaikan
dengan blognya. Bagi yang belum punya fanpage facebook monggo silahkan
dibuat dulu Cara Membuat Like Facebook Pada Blog. jika sudah lengkap syaratnya, sekarang lihat tutorialnya....... meluncur !!!!!
1. Login Seperti biasa ke akun blog sobat.
2. Pada halaman Dashboard blog pilih >> Tata Letak >> Lalu Klik Add a Gadget atau Tambah Gadget.
3. Scroll ke bawah sedikit >> Lalu pilih Widget HTML/Javascript
4. Jika sudah Copy Kode di Bawah ini dan Paste di dalam Widget kolom HTML/Javascript,,,
<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute; /* IE6 */
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background: #f5fffa;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-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;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-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:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"},
1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center>
Kode Script Facebook Likebox DISINI !!!
</center>
<center><div class='widget-content'>
<a href="http://softwaremaniapc.blogspot.com/search/label/Modifikasi%20Blog"><div style="background: #1e90ff; border:2px solid #ffd000;border-radius:10px;padding:10px;margin:10px;font-size:16px;"><strong>Modifikasi Blog<strong></strong></strong></div></a></div></center>
<!-- HTML End -->
<a class='close' href='http://softwaremaniapc.blogspot.com'>×</a></div>
Keterangan :
/* Message Box */
#box-message {
position:fixed !important;
position:absolute; /* IE6 */
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background: #f5fffa;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-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;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-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:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"},
1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center>
Kode Script Facebook Likebox DISINI !!!
</center>
<center><div class='widget-content'>
<a href="http://softwaremaniapc.blogspot.com/search/label/Modifikasi%20Blog"><div style="background: #1e90ff; border:2px solid #ffd000;border-radius:10px;padding:10px;margin:10px;font-size:16px;"><strong>Modifikasi Blog<strong></strong></strong></div></a></div></center>
<!-- HTML End -->
<a class='close' href='http://softwaremaniapc.blogspot.com'>×</a></div>
Untuk warna biru bisa sobat sesuaikan dengan blog sobat. Ok
5. Jangan lupa disave
Jika semuanya sudah dilengkapi dan dipasang maka hasilnya seperti ini sob,,, :
Sumber : Software Mania Pc
Sumber : Software Mania Pc
Categories:
Trik Blogger
0 comments:
Post a Comment
Silahkan sobat tinggalkan pesan dengan kata-kata yang baik:
1.Sopan dan tidak mengandung unsur SARA, porno dan judi.
2.Tidak memasang iklan atau link lainnya.
3. Link Aktif Akan Dimatikan Secara Otomatis.
4. Berkomentarlah sesuai konten.
5. Semua yang meninggalkan komentar akan dikunjungi Admin.
____Harap maklum_____