โค้ดแต่งบล็อคเกอร์ 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&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&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.
แสดงความคิดเห็น