[LIKE BOX] Cara Membuat Fanspage Tampil Di blogspot

Cara Membuat Widget Popup Facebook Untuk Blog. Facebook telah menjadi layanan media sosial terkemuka di internet penggunanya lebih dari 1,3 miliar, dari sekian banyak itu mereka, 800 juta pengguna facebook masuk ke dashboar feed setidaknya sekali sehari.  Alangkah baiknya pengguna aktif di layanan mirip Facebook dengan widget fanspage bisa anda manfaatkan untuk mendapatkan pembaca artikel blog anda.

Membuat Fanspage Tampil Di blogspot.Blog dengan traffic tinggi cita-cita semua bloger termasuk saya, ada aneka macam upaya dikala membuat artikel berkualitas dengan konsep optimasi seo onpage dan lalulintas pengunjung luar search engine mirip facebook dengan membuat facebook fanspage yang lebih di kenal like box menyumpang traffik yang sangat tinggi. Untuk mendatangkan pengunjung digital yang efektif, anda mengambil keuntungan dari media sosial dengan menyambungkan widget fanspage facebook like box dengan blog sehingga cara ini memaksimalkan traffic pengunjung dari lalulintas sosial media terkenal facebook. Blog yang ramai pengunjung bukan saja dari mesin pencari saja jadi dengan memasang widget fanspage (like box) di blog salah satu cara ampuh blog lebih terkenal.

Bagi anda dengan membuat Like Box fanspage facebook semoga blog selalu ramai dengan teman-teman anda yang ada di facebook,  sekali share anda ke facebook akan banyak visitor dari sahabat anda mengunjungi halaman anda.

Nah untuk lebih jelasnya cara membuat layanan fanspage facebook untuk blog ini bisa menjadi sarana datangnya traffik dari sosial media, mirip bawah ini langkah-langkah menambahkan like box facebook di blogspot.

Membuat Fanspage Facebook Untuk Blog

1. Masuk ke akun Blogger dan kemudian pergi ke 'Layout' dan klik 'Tambah Gadget'
2. Setelah jendela popup terbuka, pilih HTML / JavaScript gadget:

3. Copy dan paste kode berikut di dalam kotak yang di sediakan:

&#65279;<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbox-background {
display: none;
background: rgba(0,0,0,0.8);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
}

#fbox-close {
width: 100%;
height: 100%;
}

#fbox-display {
background: #eaeaea;
border: 5px solid #828282;
width: 340px;
height: 230px;
position: absolute;
top: 32%;
left: 37%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#fbox-button {
float: right;
cursor: pointer;
position: absolute;
right: 0px;
top: 0px;
}

#fbox-button:before {
content: "CLOSE";
padding: 5px 8px;
background: #828282;
color: #eaeaea;
font-weight: bold;
font-size: 10px;
font-family: Tahoma;
}

#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
color: #aaaaaa;
font-size: 9px;
text-decoration: none;
text-align: center;
padding: 5px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/pages/99tipsntrick/640639825972923&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://tips-trick.com" rel="nofollow">tips dan trick</a></div>
</div>
</div>

4. Tekan tombol 'Simpan' untuk menambahkan widget ke blog Anda.

Optimasi :
Setelah menambahkan kode di atas, silahkan ganti alamat di https://www.facebook.com/pages/99tipsntrick/640639825972923 biru dengan halaman facebook URL situs Anda.

Secara default, kotak mirip hanya muncul pertama kali pengunjung datang ke blog anda dengan menyeting dengan menghapunya jikalau terasa berat pada blog, mirip kode kode di bawah ini :

$ .cookie ('Popup_facebook_box', 'yes', {path: '/', last: 7});

Jika Anda ingin menampilkan pengunjung ke blog anda cukup cari kode ini :

</ Body>

Paste widget facebook popup tepat di atas tag body dan pastikan untuk menyertakan tag kondisional berikut:

& Lt; b: if cond = 'data: page.type == "index"' & gt; ADD THE FACEBOOK WIDGET KODE DI SINI & lt; / b: if & gt;

Jika Anda tidak melihat Facebook Seperti Box pada halaman, Anda mungkin perlu menghapus cookie dulu dan memeriksa episode 'Customization' di atas untuk menampilkan widget setiap kali pengguna mengunjungi situs Anda.

Setelah widget ini ditambahkan ke situs Anda, semua perjuangan akan berhasil dalam peningkatan lalu lintas web dan perbanyak jumlah penggemar Facebook.
Terakhir selamat dan sukses dan bermanfaat ya.

Sumber http://www.tips-trick.com