09 Ogos, 2015

Facebook Popup Like Box Untuk Blog Anda


FB Like box untuk blogspot blogger.
Anda mencari jalan untuk menambah bilangan followers di Fanpage Facebook? Di sini saya kongsikan cara yang berkesan untuk mencapai niat anda.

Facebook adalah rangkaian media sosial yang terbesar didunia dengan jumlah pengguna yang melebihi 1.3billion dan daripada jumlah itu, lebih kurang 800juta pengguna akan log-in ke media sosial ini sekurang-kurangnya sekali sehari.

Apa pentingnya mempunyai followers yang ramai?

Bila anda sudah ada blog, sudah tentu impian anda adalah untuk memperoleh seberapa banyak pelawat untuk datang dan membaca penulisan anda.

Ada pelbagai cara untuk memperoleh pelawat blog diantaranya ialah melalui:-
> Carian Organik - Apabila seseorang mencari sesuatu melalui Google Search atau Yahoo dan artikel anda muncul dilaman pertama atau seterusnya, ini dipanggil Organic Traffic namun bukanlah semudah itu untuk artikel kita mendapat kedudukan yang baik (muka pertama) melainkan anda ada menerapkan teknik SEO keatas blog anda.

> Referral - Pelawat ini datangnya daripada website atau blog orang lain yang ada menyebut blog anda didalam laman mereka dengan meninggalkan pautan/alamat blog anda didalam penulisan mereka ataupun mungkin ada diantara pelawat blog mereka tadi meninggalkan pautan alamat blog anda di ruangan komen.

> Direct - Bertuahnya rasa bila trafik anda banyak datangnya daripada 'Direct Traffic', ini bermaksud pelawat blog anda telah menaip alamat blog anda kedalam address bar. Seperti biasa kita kalau nak cari barangan untuk dibeli, kita akan terus taip www.mudah.my , betul tak? Bertuah kerana alamat atau nama blog kita sudah melekat di kepala orang dan menjadi buah mulut. Berjaya tu...

> Social - Trafik yang datang dari sini pula kerana kita ada Facebook Page, Google+, Twitter, Pinterest ataupun media sosial lain dan ini adalah cara menarik trafik yang paling mudah untuk blog kita disebabkan itu, penting untuk kita mempunyai Fans atau Followers yang ramai.

Ok, anda tentu sudah faham sedikit sebanyak mengenai cara perolehan trafik jadi sekarang kita kembali kepada tujuan asal catatan ini iaitu Facebook Popup Like Box.

Butang demo untuk Facebook Like Popup Box

Kalau tak nak Facebook Popup, anda boleh paparkannya di sisi, atas atau dikaki blog anda. Klik di sini untuk membaca cara meletakkan Facebook Page di blog anda.

Cara Meletakkan Facebook Popup Like Box

1- Klik 'Layout'
2- Pilih 'Add new gadget' di widget sisi
3- Pilih 'HTML/Javascript' 
4- Copy Paste kod yang ada dibawah ini:-

  <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/malaysiamajmuk&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://www.atastalian.com/2015/08/FB-popup.html" rel="nofollow">Atas Talian</a></div>  
 </div>  
 </div>  

5- Klik 'Save' dan kita dah siap dengan kod asas popup ini dan tiba masa untuk membuat perubahan sedikit.


Pengubahsuaian Kod Popup

> Tukar URL yang saya tandakan dengan warna merah didalam kod di atas dengan alamat Facebook Page anda

> Padamkan satu baris kod yang saya warnakan hijau jika anda mahu popup ini keluar setiap kali pelawat pergi ke laman blog anda yang lain.

> Tukarkan nilai angka didalam kod yang berwarna oren diatas untuk menentukan jangka waktu popup ini keluar setelah pelawat tiba di blog anda. 5000 bersamaan dengan 5 saat.

Anda juga boleh memilih untuk Facebook Popup ini keluar hanya apabila mereka pergi ke laman utama ataupun Homepage blog anda. Begini caranya:-

> Klik 'Template'
> Pilih 'Edit HTML'
> Cari tag </body> dengan menaip Control+F didalam ruangan kod
> Copy Paste kod dibawah ini betul-betul dibawah tag </body> tadi

 &lt;b:if cond='data:page.type == "index"'&gt;LETAK KESEMUA KOD DI ATAS TADI DISINI&lt;/b:if&gt;  

Klik 'Save template' dan anda sudah pun siap dengan projek Facebook Like Box Popup untuk hari ini, jika tidak menjadi jangan segan untuk menekan loceng rumah saya dengan meninggalkan komen dibawah.


Atas Talian tidak bertanggungjawab keatas komen-komen yang berbaur perkauman, buli atau apa saja yang boleh menyinggung perasaan individu lain. Komenlah dengan hati dan minda yang terbuka tanpa perlu membuat provokasi. Terima kasih diatas lawatan anda, semoga penulisan bermanfaat.