Blog tentang Internet, Software, Android dan Blog

16/07/15

Cara Mudah Membuat Like Box Facebook Melayang di Blog

Cara Membuat Kotak Suka Fans Page / Halaman Facebook Melayang di Blog - NewbieTeknoIn - Halo sobat tekno, gimana kabarnya hari ini? Semoga sehat - sehat aja ya hehe ^^ Hari ini, saya lagi senang karena besok kita ngerayai hari besar umat islam. Yep, apalagi namanya kalau bukan Idul Fitri. Saya selaku penulis di website ini mengucapakan selamat idul fitri ya ^^


Langkah - langkah membuat like box melayang di blog

Okedeh, kembali lagi ke topik artikel yang akan di bahas pada kesempatan kali ini. Seperti yang kita tahu dalam membangun blog kita membutuhkan yang namanya pengunjung. Nah, untuk mendapatkan pengunjung biasanya pemilik blog akan mempromosikan websitenya mulai dari social bookmark seperti facebook, twitter, pinterest atau bisa juga melalui forum - forum indonesia seperti kaskus, dan lain - lain. 

Layaknya seorang pegadang, pemilik blog juga memerlukan pengunjung tetap yang selalu mengunjungi blognya setiap hari. Nah, untuk mendapatkan pengunjung tetap ada beberapa cara yang bisa dilakukan salah satunya adalah membuat fans page facebook dan memasang like box fans page facebook di blog

Cara Membuat Fans Page Facebook


Fans Page merupakan istilah dari halaman untuk fans / penggemar / pengunjung. Salah satu bentuk fans page seperti komunitas jual beli blog, batik indonesia, dan lain - lain. Fans Page juga bisa dibuat untuk keperluan bisnis, misalnya jual kebayak, kaos, batik, dan lain - lain. Nah tentunya, ketika Anda mempunyai sebuah fans page, Anda belum punya penggemar kan? 

Untuk mendapatkan penggemar Anda harus mempromosikan fans page Anda ke orang - orang. Berikut ini yang akan kita bahas adalah bagaimana mempromosikan fans page melalui blog kita. Jadi gini, ketika ada seseorang yang membaca blog Anda dan meras artikel - artikel di dalam blog Anda berkualitas semua, tentunya orang tadi akan balik lagi ke blog Anda untuk membaca artikel - artikel Anda yang lain dan terbaru. 

Nah, maka dari itu dengan Anda membuat fans page dan mempromosikannya melalui blog, orang yang ingin selalu membaca artikel di blog Anda akan dikumpulkan ke dalam satu tempat dan mereka akan mendapatkan update-an artikel terbaru dari blog Anda. Tentunya Anda akan mendapatkan pengunjung :D. Sebelum Anda membuat like box facebook melayang, Anda harus mempunyai fans page terlebih dahulu. Jika Anda belum mempunyai fans page dapat membaca pada artikel saya DISINI

Cara Membuat Kotak Sukai Facebook di Dalam Blog

1. Untuk membuat like box di dalam blog tidak terlalu sulit. Yang pertama Anda harus sudah mempunyai fans page di facebook. Sekarang coba masuk ke dalam fans page Anda dan copy link fans page Anda. Lihat gambar agar lebih jelas ya ^^



2. Setelah itu copy javascript di bawah ini ke dalam blog Anda. Caranya mudah kok cukup login akun blogger Anda di www.blogger.com - Tata Letak - Tambah Gadget - HTML/JavaScript - Pastekan script di bawah ini - Save
<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
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;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</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>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/urlpagekamudisini?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<a class='close' href='#'>&times;</a>
</div>
 3. Kode yang saya beri warna merah di atas ganti dengan link fans page facebook Anda.

4. Setelah itu save dan lihat di blog Anda. Hasilnya akan tampak seperti gambar di bawah ini

5. Selamat kotak suka / like box facebook sudah terpasang di blog. Minta like nya juga ya untuk fans page saya, nanti saya kasih like balik untuk fans page kamu hehe ^^


Setelah Anda berhasil memasang like box di blog, jangan lupa cek pengunjung blog Anda setiap hari. Jika belum tau cara mengeceknya, Anda bisa baca artikel saya tentang Cara Mengetahui Jumlah Pengunjung Blog

Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Cara Mudah Membuat Like Box Facebook Melayang di Blog

0 komentar:

Poskan Komentar