Widget Popup-facebook-Likebox โค้ดแต่งบล็อคเกอร์แฟนเพจเฟสบุ๊ค ป๊อบอัพ กดไลค์

โค้ดแต่งบล็อคเกอร์  POPUP-facebook-likebox-widget

ภาพตัวอย่าง

ก็อบปี๊ ไปวางที่ HTML ของบล็อกเกอร์  โดย เพียงเปลียน เลขของแฟนเพจท่าน มาใส่ ที่ผมทำสีไว้ และ เปลียน บทความด้านบน ตามใจชอบ
Code:
________________________________________________________________________________


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/wt4ulsj3cvct3fi/lightbox-style-popup-facebook-likebox-widget-02.css" /><script src="http://dl.dropboxusercontent.com/s/7bcjeubaenpmbf9/facebook-colorbox-v1.3.19.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=false') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#subscribe"});
}
});
</script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a> <!-- This contains the hidden content for inline calls --> <div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<h3 class="box-title">ยินดีต้อนรับเข้าสู่แฟนเพจ Facebook. กดไลค์กันเยอะๆนะครับ<center><p style="line-height:3px;" > </p></center></h3>
<center>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F483783661753008&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>

</div>
</div>


_______________________________________________________________________________

ก็อปโดย คลิกครอบโค้ดทั้งหมด แล้ว กด Ctrl+C จากนั้นก็นำไปวาง ที่ HTML ของบล็อเกอร์

ภาพขั้นตอนการวางโค้ด

แค่นี้ก็เสร็จแล้วครับ










โดย VinsLike.

หากเนื้อหาใดไม่เหมาะสม กรุณาแจ้งกับทางเรา

ขอบคุณข้อมูล 24work.