CARA PASANG LIGHTBOX POP-UP FACEBOOK LIKE DI BLOGGER MUDAH DAN RINGKAS

Kali ini aku  akan share tentang tutorial untuk memasang '' Pop-Up Like Facebook ". Sebenarnya ,banyak kelebihan yang korang boleh peroleh keatas blog korang sekiranya memasang benda ni. Bagi blog newbie pula ,benda ni cukup berguna untuk menaikkan trafik ke blog korang, jadi rugilah kalau x cuba ye.

  

(popup die lebih kurang macam ni la) 

Kelebihan Pop-Up ni

• Tidak akan diblock dimanan-mana browser.
• Pop-up dengan Lightboc effect .
• Terdapat butang Close.
• Ringkas dan Bergaya.
• Tidak membebankan blog.

Cara Install di Blogspot. 

1. Pergi ke website anda www.blogger.com.
2. Buka blog anda.
3. Tekan di Layout.
4. Klik di Add a Gadget.
5. Pilih tambah HTML-JAVASCRIPT.
6. Click "+" untuk add benda tu.
7. Sekarang,copy code dibawah dan paste dalam tu.
8. Kosongkan ruang title.
9. Klik save, dah siap pun.

Copy code di bawah...

 

<!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code.

If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->

<style type="text/css">

/***********************************************

* CSS POP-UP With Light Box Effect- © EXEIdeas (www.exeideas.com)

* This notice must stay intact for use.

* Visit http://www.exeideas.com/ for full source code.

***********************************************/

* html #exestylepopupdiv {position:absolute;}

#exestylepopupdiv {display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIfuW3xRpC-H2CgP1E_GkLBab45NtrPtnVOOGtUHdTx15ZOwjPVrzArEFN4ePseLDfa19XXEYkidErmpbtTJdkWfy7CjeHg04lZfuK3XuIomqXM69hCPahhQJbQWudSqbdw6MtJgeM0Q/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;z-index:999999;}

#exestylepopup {background-color: #fff; overflow:none;z-index:999999;}

.exestylepopup {width:400px; height:420px; position:fixed; top:45%; left:50%; margin-top:-210px; margin-left:-200px; border: 10px solid #999; padding: 20px;z-index:999999;}

.exe-title {background:#000;color: #fff;font-size: 20px !important;font-weight:bold;margin:5px 0;border:20px solid #ddd;padding:10px;line-height:25px; font-family:arial !important;}

</style>

<!--[if lte IE 6]>

<style type="text/css">

/*<![CDATA[*/

html {overflow-x:auto; overflow-y:hidden;}

/*]]>*/

</style>

<![endif]-->

<div id="exestylepopupdiv">

<div id="exestylepopup" class="exestylepopup">

<center><h3 class="exe-title">Receive All Updates Via Facebook. Just Click the Like Button Below...</h3></center>

<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FEXEIdeas2010&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>

</center>

<br />

<center style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.exeideas.com">EXEIdeas</a></center>

<center style=" float:left; margin-left:35px; font-size:9px;cursor:pointer;" ><a style=" font-size:9px; color:#3B78CD; text-decoration:none;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">Skip To Continue</a></center>

</div>

</div>

<!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code.

If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->

• Korang boleh tukar text yang warna merah tu ,ikut suka hati korang.

• Text yang warna biru ,tukar dengan URL fanpage.

Mudahkan cara nak pasang benda nih.Kalau dan berjaya tu ,jangan lupa ye untuk Follow,Like,Comment