วันจันทร์ที่ 6 ตุลาคม พ.ศ. 2557

PopUp facebook Gadget สำหรับ blogger

15:07




สวัสดีครับ วันนี้มีกล่องเฟสบุค Like Box สำหรับปรับแต่งบล็อกแบบใหม่ๆมาฝากกันครับ
ก็จะไม่พูดอะไรมากครับ เพราะหลายๆท่านอาจเคยทำมาแล้ว..! !



  • เพิ่มรหัสต่อไปนี้โดยเลือก Gadget : HTML / JavaScript:




<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/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:64%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #3b60aa;
-moz-box-shadow: inset 0 0 50px 0 #3b60aa;
box-shadow: inset 0 0 50px 0 #3b60aa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(http://4.bp.blogspot.com/-inGOONYeB8s/UZd3aY5bJHI/AAAAAAAATro/-YuTHmVLh8s/s1600/popup_exit.png) no-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;
}
</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_user_login') != 'yes'){
$('#fanback').delay(100).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</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/dotth.biz&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; margin-left:10px; width: 402px; height: 230px;'></iframe>
<p style=" float:right;  margin-right:12px; margin-top:-10px;" > <a style=" font-size:7px; color:#777; text-decoration:none;" href="http://bloggerleaders.blogspot.com/" target='_blank'>Blogger Leaders</a></p>
</div></div>




เพิ่ม URL ของหน้า Facebook ของคุณโดยการเปลี่ยน " https://www.facebook.com/dotth.biz"และคลิกบันทึกก็เป็นอันเสร็จคับ..!!



0 ความคิดเห็น :

แสดงความคิดเห็น

ป้ายกำกับ

คลังรูปภาพ ความรู้เกี่ยวกับเว็บไซต์ ความรู้เทคนิคเคล็ดลับ คำคมโดนๆจากหลายสำนัก เคล็ดลับสาระน่ารู้ โดเมนโฮสติ้ง ตำนานประวัติศาสตร์ แนะนำหนัง สนุก มัน ซึ้ง บทความดีๆที่น่าอ่าน บล็อกและเว็บไซต์ ประเพณีพื้นบ้านไทย ปริศนาโลก ภาพสวยอาร์ตหลากอารมณ์ มุมมองเกี่ยวกับความรัก มุมมองความรัก รวมภาพตุ๊กตาน่ารัก รวมภาพสัตว์น่ารัก รวมภาพสาวเซ็กซี่น่ารัก รวมภาพอาร์ตๆ เรื่องของเห็ดๆ เรื่องจริงที่ไม่น่าเชื่อ เรื่องราวลี้ลับพิศวง วัดพระธาตุนครพนม เว็บไซต์ร้านค้าออนไลน์ สถานที่ท่องเที่ยว จ.ชัยภูมิ สถานที่ท่องเที่ยว จ.นครพนม สถานที่ท่องเที่ยวจากทั่วโลก สถานที่ท่องเที่ยวไทย สร้างรายได้ออนไลน์ สังคมและกฎหมาย สูตรการทำอาหาร อัพเดทสังคมออนไลน์ Anime ภาพการ์ตูนสวยๆ App มือถือ blogger facebook Gif ภาพเคลื่อนไหว Google Opencart Wallpapers