แชร์

วันอาทิตย์ที่ 21 มิถุนายน พ.ศ. 2558

5 ขั้นตอน การทำป๊อบอัพ ถูกใจแฟนเพจ ใน bloger

 5 ขั้นตอน การทำ ป๊อบอัพ ถูกใจแฟนเพจ ใน blogger    
ขั้นตอนไม่อยากเริ่มกันเลย สำหรับคนที่อยากมี ป๊อบอัพ ในหน้าแรกของ bloggerแบบในรูปด้านล่างนี้นะครับ มันจะเด้งขึ้นมา เมื่อมีคนเข้ามาที่ blogger ของเรา

มาเริ่มขั้นตอนแรกกันเลย
ขั้นตอนที่ 1
เข้าไปที่ blogger ของตัวเราก่อน ล็อกอิน ให้เรียบร้อย https://www.blogger.com 
ขั้นตอนที่ 2
เมื่อเข้าหน้า blogger แล้ว ให้เข้าไปดูในส่วนของ รูปแบบ จากรูปด้านล่าง จะอยู่เมนูซ้ายมือ

                               
ขั้นตอนที่ 3
จากรูปด้านบน จะเห็นคำว่า เพิ่ม Gadget ที่มุมขวา ด้านล่าง(ตรงนี้จะมีหลายอัน)
เลือกอันไหนก็ได้ 1 อัน คลิกเม้าส์เข้าไป เมื่อคลิกแล้วจะมีเมนูขึ้นมาให้เลือก
ให้เลือกหัวข้อ HTML/จาวาสคริปต์


เมื่อเลือกแล้ว ก็จะมีหน้าต่างขึ้นมาแบบรูปด้านล่าง

ตรงส่วนของชื่อ ให้ตั้งว่า ป๊อบอัพ กดถูกใจ(ตั้งอะไรก็ได้นะ แต่ให้รู้ว่ามันคืออะไรนั้นเอง)ตรงส่วนของเนื้อหา ให้ก๊อบโค๊ดจากขั้นตอนที่ 4



ขั้นตอนที่ 4 copy โค๊ดด้านล่างนี้ทั้งหมดไปวาง ในช่องเนื้อหา

<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/HadassahAngelWhite&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>

ขั้นตอนที่ 5
     แก้ไขโค๊ด ที่จะให้เป็นแฟนเพจ ของเรา นับจากโค๊ดด้านล่าง ขึ้นไป จะอยู่แถวที่ 7
จะเห็นชื่อ https://www.facebook.com/HadassahAngelWhite  ตรงส่วนนี้ให้
copy ชื่อแฟนเพจของเรา ไปวางแทนที่เลยนะจ๊ะ
     เมื่อแก้ไขโค๊ดเสร็จแล้ว ก็กดบันทึก ได้เลย เป็นอันเสร็จขั้นตอน

หมายเหตุ โค๊ดนี้ถูกตั้งไว้ 7 วัน หมายถึงผู้ที่เข้ามาชม blogger ของเรา เมื่อเข้ามาแล้วจะเห็น
ป๊อบอัพในครั้งแรก และจะเห็นอีกครั้ง ในวันที่ 8 นั้นเอง ถ้าใครต้องการให้เห็นทุกวัน
ให้มองหาโค๊ดประโยคด้านล่างนี้
     $.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
แก้ไขให้เลข 7 เป็น จำนวนวันที่เราต้องการให้คนเข้า blogger เห็นป๊อบอัพแฟนเพจของเรากี่วันครั้ง

ลองทำกันดูนะจ๊ะ ถ้าเห็นว่ามีประโยชน์ ก็ช่วยกดถูกใจ ก็แชร์กันด้วยนะจ๊ะ




ที่
ป้ายกำกับ: , , , ,

ไม่มีความคิดเห็น:

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

สมัครสมาชิก: ส่งความคิดเห็น (Atom)