FaceBook Like Box Pop up Gadget

Korang add la sendiri.. cume,, korang tekan je SINI,,, korang akan rederect ke add gadget terus,, x payah penat2 nak pegi design ke pe semua tuh.. Copy paste semua yang ada di box bawah ni,, then,, publish kat blog korang.. tapi sebelum tu,, korang kene tukar dulu nama facebook fan aku tu,, cari perkataan BlogHairilNua yang bertanda pink tu,, tukarkan dengan nama page korang tu.. sebagai sample,, http://www.facebook.com/BlogHairilNua ..cuma ambil nama page SAHAJA!.. Nak sample? Tekan SINI pulak..

Korang juga boleh set time untuk Like Box ni keluar.. aku dah set ke masa 30 hari.. maka,, apabila seseorang tu masuk blog korang,, x de lah asik keluar je Like Box ni walaupun diorang dah Like.. so,, kalau nak tukar ke berapa hari yang korang nak,, korang cari kat box bawah ni perkataan,, 1000*60*60*24*30.. bahagian yang bertanda 30 tu,, korang tukar dengan berapa hari yang korang nak.. nak cari lebih cepat,, korang tekan,, Ctrl dan F.. 

<style>

/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*


User Style:
Tukar gaya ikut suka hati korang.. Maybe nak tukar warna, besar kecik, background yang standard & semua boleh tukar ikut suka hati lah senang cite... cume letih la nak buat...
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgbaundefined0,0,0,0.4);
-moz-box-shadow:0 0 15px rgbaundefined0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgbaundefined0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYQA1xAtFv_lB-mC0CwW5IRLpJNfTygNSF7g9F1VhjtTS4LzJgG4tcQLSZkfe9K6ThNAo9Jb6oKQ8rST2W6z-ygfTMuIJMlG0MbFtnCJi87hITwgfIVHwbS0d1AFpGDQhp7B99uMa_ndK7/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRpnKxufcouo9La18Tri2OHMp9nQzeEFegioPlJ7LIlDntjXiqmMTA1Bb86QeNR9dHo3M7BTirG_Z-9UNxrt2GDtwpWuyQiCWBeNEW_b17ZMKTNkbClrHAWHwrcbnD65kfze8tlPNIUBwY/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYQA1xAtFv_lB-mC0CwW5IRLpJNfTygNSF7g9F1VhjtTS4LzJgG4tcQLSZkfe9K6ThNAo9Jb6oKQ8rST2W6z-ygfTMuIJMlG0MbFtnCJi87hITwgfIVHwbS0d1AFpGDQhp7B99uMa_ndK7/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYQA1xAtFv_lB-mC0CwW5IRLpJNfTygNSF7g9F1VhjtTS4LzJgG4tcQLSZkfe9K6ThNAo9Jb6oKQ8rST2W6z-ygfTMuIJMlG0MbFtnCJi87hITwgfIVHwbS0d1AFpGDQhp7B99uMa_ndK7/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRpnKxufcouo9La18Tri2OHMp9nQzeEFegioPlJ7LIlDntjXiqmMTA1Bb86QeNR9dHo3M7BTirG_Z-9UNxrt2GDtwpWuyQiCWBeNEW_b17ZMKTNkbClrHAWHwrcbnD65kfze8tlPNIUBwY/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYQA1xAtFv_lB-mC0CwW5IRLpJNfTygNSF7g9F1VhjtTS4LzJgG4tcQLSZkfe9K6ThNAo9Jb6oKQ8rST2W6z-ygfTMuIJMlG0MbFtnCJi87hITwgfIVHwbS0d1AFpGDQhp7B99uMa_ndK7/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYQA1xAtFv_lB-mC0CwW5IRLpJNfTygNSF7g9F1VhjtTS4LzJgG4tcQLSZkfe9K6ThNAo9Jb6oKQ8rST2W6z-ygfTMuIJMlG0MbFtnCJi87hITwgfIVHwbS0d1AFpGDQhp7B99uMa_ndK7/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYQA1xAtFv_lB-mC0CwW5IRLpJNfTygNSF7g9F1VhjtTS4LzJgG4tcQLSZkfe9K6ThNAo9Jb6oKQ8rST2W6z-ygfTMuIJMlG0MbFtnCJi87hITwgfIVHwbS0d1AFpGDQhp7B99uMa_ndK7/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Zj7MeFeZ8Szudd6qvoNtwBRCvoT9-ii3f_uQYzFfprA9aoftXRBfUe5tTIp-0ErvPVnjtNUFues7jO-K92pflPabyce-CdjYAp8TLZ1kwbn3A4IsjPbZWLnjRGwzltVWAysC6pJb8xIw/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFrgdqM0tK5qMl6_VYOkqrp8NMCU6PgeRA-2E2NrR6U1VXfckVTBffaBOIjGkUr1NV4fSN4vi3SynSgNLlOazsXFENUeJ0G3zgqv40N7J3ztB6TsV6POhVLU6Vnr7_3TVzrqU-n5pbzMCQ/s1600/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYQA1xAtFv_lB-mC0CwW5IRLpJNfTygNSF7g9F1VhjtTS4LzJgG4tcQLSZkfe9K6ThNAo9Jb6oKQ8rST2W6z-ygfTMuIJMlG0MbFtnCJi87hITwgfIVHwbS0d1AFpGDQhp7B99uMa_ndK7/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/*-----------------------------------------------------------------------------------*/
/* Facebook Likebox popup For Blogger
/*-----------------------------------------------------------------------------------*/
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQueryundefineddocument).readyundefinedfunctionundefined){
if undefineddocument.cookie.indexOfundefined'visited=true') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Dateundefinedundefinednew Dateundefined)).valueOfundefined) + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCStringundefined);
$.colorboxundefined{width:"400px", inline:true, href:"#subscribe"});
}
});
</script>
<!-- This contains the hidden content for inline calls -->

<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>
<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBlogHairilNua&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>
<p style=" float:right; margin-right:35px; font-size:9px;" >Powered By | <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://blog.hairilnua.com">Blog Selamber</a> Via <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.mybloggertricks.com">Blogger Widgets</a></p>
</div>
</div> 

Selamat mencuba..