Cara merubah pengunjung blog menjadi like facebook terbaru 2015

Assalamualaikum sahabat kizeh,

Menambah like facebook dengan pengunjung yang ada di blog mungkin sangat menarik untuk dibahas , tapi sebelum melanjutkan pembahasan pastikan sahabat memang sudah mempunyai facebook dahulu 'Cara membuat facebook'. Like di facebook sangat berguna , apalagi pada fanspage kita sendiri , selain meningkatkan brand dan setiap orang yang like dengan fanspage kita akan setia membaca setiap update dari fanspage kita .

Fanspage yang biasa dipasang pada website personal yaitu blog , biasanya fanspage dari blog itu sendiri , yang tidak lain bertujuan untuk mendekatkan diri kepada pengunjungnya di dalam media sosial dan terus memberikan update kepada pengunjungnya yang setia membaca.

Cara yang akan kizeh bagikan ini bukanlah cara yang bim salabim !! , yang dalam sekian detik menjadi ribuan , tapi ini cara yang wajar dan tidak ada unsur gaib #eh emang ngepet.

Caranya adalah memasang widget page like dan share di blog sahabat . Tentu sudah banyak yang menggunakan cara ini dan memang terbukti berhasil , tentunya dengan setiap halaman blog kita yang dibuka pengunjung , pengunjung akan melihat widget kita pada sidebar atau lainnya , dan karena mereka menyukai isi blog kita , voilaa mereka pun menjadi likers fanspage kita .

Ooh dengan widget like page facebook ya kizeh

Tapi udah tau cara pasang widgetnya ? dan sekarang udah ada yang baru widgetnya dari facebook makanya kizeh buat judulnya terbaru . Pada widget page like facebook terbaru ini memiliki perbedaan dari tampilan , tentunya lebih bagus dan mungkin lebih elegan.

Tampilan widget page facebook lama


Tampilan widget page facebook terbaru

Gambar diatas adalag perbedaan dari widget page like facebook yang lama dengan yang terbaru , bagaimana ? , lebih bagus dan elegan bukan , tentunya akan memperbagus tampilan website kita dan menarik perhatian pengunjung .

Cara membuat widget like facebook di blog

1. Sebenarnya banyak langkah yang akan dilalui , untuk lebih cepat langsung saja mengunjungi halaman widget page plugin facebook.

2. Pada gambar seperti dibawah ini , pastikan Facebook page URL adalah page halaman sahabat . untuk pengaturan selanjutnya bisa sahabat atur sendiri , lalu setelah cocok , klik Get Code .

Klik untuk memperbesar

3. Setelah memilih Get Code , kita akan diberi 2 code .

Nomor 1 ( JavaScript ) untuk diletakaan pada bagian antara <body> dan </body> kita . Bagi yang belum tahu :

- silahkan masuk dulu di halaman pengaturan templatenya ( khusus blogger , yang lain menyesuaikan ) "Cara masuk pengaturan HTML di blogger"

- setelah masuk cari kode <body> di tampilan coding tersebut ( lebih cepat dengan ctrl+f ) , lalu tempatkan kode JS tadi di bawah code <body> tersebut , copy-paste saja .

Klik memperbesar

- Setelah kizeh koreksi javanya ternyata ada yang eror dan harus diperbaiki , mungkin semua sahabat mengalami eror , jadi ubahlah dulu kode JS tadi seperti gambar diatas , sudah kizeh beri panah .

- Selesai , simpan lagi .

Nomor 2 yaitu ( HTML ) yang akan kita pasang pada widget blogger kita supaya lebih mudah , kalau belum tahu juga :

- Pilih menu tata letak ( daam bahasa indonesia ) atau layout ( bahasa inggris ) . Pada tampilan tata letak yang sesuai template sahabat , tapi hampir semua template memiliki struktur yang sama dalam tata letak .

- Selanjutnya bisa melihat seksama dari gambar animasi GIF ini :

Cara memasang widget page like di blogger

- Selesai , coba lihat blog sahabat . Kalau punya kizeh bisa dilihat di sidebar .

Mungkin dengan hanya meletakkan widget like page ini di sidebar saja tidak terlalu maksimal hasilnya , sahabat bisa menggunakan teknik pop-up pada widget ini , yaitu widget yang akan muncul ketika blog dibuka , dengan baru terbukanya blog sahabat , pengunjungi akan disuguhi tampilan like fanspage di awal .

Cara membuat widget popup facebook

1. Letakan code ini disalah satu widget tata letak sahabat . Sama seperti cara yang diatas .

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#fanbox {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq3LCgf4OqdXYcqqz-6b_IdNFm_0OL0HI1lr3aaKWp525_939XcVkHEm6V4mtsUF-GXFxKxVanw-ruAK6-Nz4ytBKnekBx7S6o2s7vG8xJ34rpSK9m6evrZ_wChI4RTYBA67JZj2QC5ESJ/s1600/fanclose.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</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_like') != 'yes'){
    $('#fanback').delay(5000).fadeIn('medium');
    $('#fanclose, #fan-exit').click(function(){
      $('#fanback').stop().fadeOut('medium');
    });
}
$.cookie('popup_facebook_like', 'yes', { path: '/', expires: 1 });
});
</script>
<div id='fanback'>
<div id='fan-exit'></div>
<div id='fanbox'>
   <div id='fanclose'></div>
   <div class='remove-borda'></div>
   <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/kizehsite&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
</div>
</div>

- Untuk yang berwarna biru bisa diubah dengan alamat fanpage sahabat sendiri .

- Untuk yang berwarna hijau adalah berapa kali widget popup muncul , kalau 1 , maka iklan hanya akan muncul 1 kali dalam sehari untuk pengunjung unik , dan selanjutnya bisa diubah sahabat sendiri .

- Untuk yang berwarna merah adalah berapa lama iklan popup akan muncul ketika blog baru dibuka.

2. Simpan dan lihat blog sahabat .

Tindakan selanjutnya apa ?

Tindakan selanjutnya kita terus update blog , sehingga semakin banyak query pada blog kita juga akan semakin banyak peluang bertambahnya pengunjung dan biarkan widget bekerja .

Jangan lupa berkomentar , budayakan blogwalking dan jangan lupa share ke sosial media sahabat semua jika sahabat peduli dengan blog ini dan merasa terbantu dengan artikelnya .

Terima kasih

Gambar : Pixabay ( geralt ) / Cara mencari gambar situs pencari gambar