ข้ามไปที่เนื้อหาหลัก

วิธีทำ Popup กล่องถูกใจ Facebook Fanpage ติด Blogger


วิธีทำ Popup กล่องถูกใจ Facebook Fanpage ติด Blogger

1. ให้เข้าไปที่หน้าจัดการ Blogger ของเรา

2. จากนั้นให้ไปที่รูปแบบ แล้วกดเพิ่ม Gadget เลือกเป็น HTML/จาวาสคริปต์

3. ให้ก๊อปโค้ดด้านล่างนี้ไปใส่ แล้วกดบันทึก

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbox-background {
    display: none;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

#fbox-close {
    width: 100%;
    height: 100%;
}

#fbox-display {
    background: #eaeaea;
    border: 5px solid #828282;
    width: 340px;
    height: 230px;
    position: absolute;
    top: 32%;
    left: 37%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#fbox-button {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}

#fbox-button:before {
    content: "CLOSE";
    padding: 5px 8px;
    background: #828282;
    color: #eaeaea;
    font-weight: bold;
    font-size: 10px;
    font-family: Tahoma;
}

#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
    color: #aaaaaa;
    font-size: 9px;
    text-decoration: none;
    text-align: center;
    padding: 5px;
}
</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_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/duckdaydream/&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://helplogger.blogspot.com" rel="nofollow">Helplogger</a></div>
</div>
</div>

*** ตรงสีแดงๆให้เปลื่ยนเป็น URL ของ Facebook Fanpage คุณ

ปล. ขอขอบคุณ Code จาก Helplogger



ความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

โหลดวิดีโอยูทูบ โหลดยูทูบเป็น mp3 แบบง่ายๆ แค่เติม ss กับ to

วันนี้ผมจะมานำเสนอการโหลดวิดีโอยูทูบ กับการโหลดยูทูบเป็น mp3 แบบง่ายๆ อย่างที่บอกไปว่าแค่เติม ss กับ to หลายคนคง งง ว่ามันเกี่ยวอะไรกับ ss กับ to ไปดูวิธีการกันเลยครับ
วิธีการใช้ ss กับ to โหลดวิดีโอยูทูบ โหลดยูทูบเป็น mp3 ถ้าต้องการ โหลดวิดีโอยูทูบ ให้เติม ss หน้าคำว่า youtube ตัวอย่างลิงค์นี้ : https://www.youtube.com/watch?v=aqz-KE-bpKQ เมื่อเติม ss ข้างหน้าก็จะได้เป็น : https://www.ssyoutube.com/watch?v=aqz-KE-bpKQ
          พอเข้าลิงค์ยูทูบที่เติม ss ข้างหน้า ก็จะเป็นหน้าใหม่ตามภาพด้านบน ให้เราไปกดที่ปุ่มสีเขียวที่เขียนว่า Download เท่านี้ไฟล์วิดีโอก็จะโหลดเข้ามาที่เครื่องเราแล้ว
ถ้าต้องการ โหลดยูทูบเป็น mp3 ให้เติม to หลังคำว่า youtube ตัวอย่างลิงค์นี้ : https://www.youtube.com/watch?v=kkyR1CoWlv8 เมื่อเติม to ข้างหลังก็จะได้เป็น : https://www.youtubeto.com/watch?v=kkyR1CoWlv8

          พอเข้าลิงค์ youtube ที่เติม to ด้านหลังมาแล้ว จะเป็นหน้าใหม่ดังภาพด้านบน โดยเราไม่ต้องกดอะไรเพิ่มเติมไฟล์เพลงก็จะโหลดเข้ามาทีเครื่องเราเอง ส่วนใครที่ยังไม่เข้าใจสามารถดูวีด๊โอด้านล่างประกรอ…

วีดีโอสอนเรื่อง กฎ Sunny 16 แบบเข้าใจง่ายๆ [ Ver.Thai ]

พอดีวันนี้นั่งหาเรื่องเกี่ยวกับกฏ Sunny16 อ่านอยู่ แล้วไปเจอวิดีโอของช่อง Norsez TakesPhotos ในยูทูบ เป็นการอธิบายรายละเอียดเกี่ยวกับ กฏของ Sunny16 แบบเข้าใจง่ายมาก ๆ เลยครับ ทั้งภาพประกอบ และเนื้อหา ก็เลยเอามาแบ่งบันให้ได้ชมกันครับ ใครสนใจก็เข้าไปเรียนรู้กันได้ มี 3 ตอน ที่ผมรวมลิงค์ไว้ให้แล่ว :)
ตอนที่ 1รู้กฏ Sunny 16 ใน 3 นาที ถ่ายรูปแบบเข้าใจไปตลอดกาล


ตอนที่ 2 กฏ Sunny16 หน้าชัดหลังเบลอ หยุดฝนกลางอากาศ


ตอนที่ 3 ถ่ายรูปด้วยกฏ Sunny16 กล้อง ปะทะ คน


ขอขอบคุณความรู้ดีๆจาก Norsez TakesPhotos



เรียกเมล์ที่กดส่งไปแล้ว กลับมาแก้ไขใหม่ด้วยฟีเจอร์ใน Gmail ที่ชื่อว่า Undo Send

ขอบคุณภาพจาก askme4tech.com
โดยปกติแล้วเวลาคนรีบๆ มักมีอะไรผิดพลาดได้เสมอ การส่งเมล์ก็เช่นกัน บางครั้งอาจจะส่งเมล์ไปให้ผิดคน หรือบางครั้งส่งไปนึกขึ้นได้เฮ้ย !!! ลืมแนบไฟล์นิหว่า ( อันนี้ผมต้องยอมรับเลยว่าเป็นประจำเวลารีบๆ ฮ่าๆ ) โดยทุกปัญหานี้จะหมดไปเราสามารถเรียกเมล์ที่กดส่งไปแล้ว กลับมาแก้ไขใหม่ด้วยฟีเจอร์ใน Gmail ที่ชื่อว่า Undo Send เราไปดูวิธีการตั้งค่ากันเลยเลยครับ :) 
วิธีการตั้งค่าฟีเจอร์Undo Send ใน Gmail
1. ให้มองไปที่ด้านขวาจะเห็นรูปฟันเฟือง คลิกหนึ่งครั้งแล้วเลือก Setings

 2. จากนั้นให้เลื่อนลงมาตรงหัวขอ Undo Send และให้ไปติ๊กเครื่องหมายถูกหน้าคำว่า Enable Undo Send แล้วตรง Send cancellation period จะมีให้เลือก ระยะเวลายกเลิกการส่ง อันนี้จะตั้งกี่วินาทีก็ได้มันจะมีให้เลือก 5 วิ, 10 วิ, 20 วิ, 30 วิ ในที่นี้ผมของเลือกไว้เป็น 10 นะกัน แล้วกด Save Changes

 3. พอเราส่งเมล์ไป มันก็จะมีแถบสีเหลือง ขึ้นว่า Your message has been sent. UndoView messageถ้าเราต้องการแก้ไขเมล์ให้กดไปที่ Undo มันก็จะขึ้นหน้าต่างมาให้เราแก้ไขเมล์ 

ปล. แต่อย่างลืมนะครับ ว่ามันจะหน่วงเวลาตามที่เราตั้งไว้ โดยผม…