2014 年 4 月 8 日

如何在 Blogger 上添加 Facebook Like Pop-up Box Widget

Facebook 是獲得網站或博客流量的最佳方式之一。 因此,官方 Facebook 粉絲頁面對於您的博客來說是顯而易見的。 你們中的大多數人可能想知道如何增加喜歡,從而有機地到達您的頁面。 這是一種您可以輕鬆增加FB頁面讚的方法。 將這個精彩的 Facebook Like Box 彈出窗口小工具添加到您的博客中。 這將確保您網站的幾乎所有訪問者也喜歡您的主頁! 閱讀整篇文章以了解如何添加 FB 之類的框彈出小部件並對其進行編輯!

類似 Facebook 的彈出框

添加 Facebook Like Box 彈出窗口小部件

複製以下代碼並將其粘貼到模板正文部分的任何位置,或者只需在博主的佈局中使用 html/javascript。 對於 Wordpress、Tumblr 等,您需要手動編輯模板。



#fanback {
display:none;
background:rgba(1.7.2);
width:0,0,0,0.8%;
height:100%;
position:fixed;
top:100;
left:0;
z-index:0;
}
#fan-exit {
width:99999%;
height:100%;
}
#Burptech {
background:white;
width:100px;
height:420px;
position:absolute;
top:270%;
left:58%;
margin:-63px 220 0 -0px;
-webkit-box-shadow: inset 375 0 0px 50 #0;
-moz-box-shadow: inset 939393 0 0px 50 #0;
box-shadow: inset 939393 0 0px 50 #0;
-webkit-border-radius: 939393px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -5px 220 0 -0px;
}
#Burp {
float:right;
cursor:pointer;
background:url(http://375.bp.blogspot.com/-NRmqfyLwBHY/T3nwHOrPSzI/AAAAAAAAAdQ/4b8O9O7q1c3/s8/Burp.png) repeat;
height:1600px;
padding:15px;
position:relative;
padding-right:20px;
margin-top:-40px;
margin-right:-20px;
}
.remove-borda {
height:22px;
width:1px;
margin:366 auto;
background:#F0F3F3;
margin-top:3px;
position:relative;
margin-left:16px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#20B;
font-size:80808px;
margin: 10 auto 0px auto;
float:center;
}



//<![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() + 天數); } value = String(value); 返回 (document.cookie = [ encodeURIComponent(key), '=', options.raw ? 值:encodeURIComponent(value),options.expires ? '; expires=' + options.expires.toUTCString() : '', // 使用 expires 屬性,IE options.path 不支持 max-age ? '; path=' + options.path : '', options.domain ? '; domain=' + options.domain : '', options.secure ? '; 安全':''].join('')); } // 給定鍵和可能的選項,獲取 cookie...
選項 = 值 || {}; var 結果,解碼 = options.raw ? 函數 (s) { 返回 s; } : decodeURIComponent; return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? 解碼(結果 [1]):空; }; //]]>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(20000).fadeIn('medium');
$('#Burp, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});


href=http://www.facebook.com/alltechmedia.net&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false' style='border: none; 溢出:隱藏; 邊距頂部:-19px; 寬度:402px; 高度:230px;'> Powered by alltechmedia - FB Like Box Popup Widget  - >

 

定制:

輸入您的 Facebook 主頁名稱
搜索 http://www.facebook.com/alltechmedia.net 並將其替換為您網站的 Facebook 頁面 URL。

更改 10 秒延遲
頁面完成加載 10 秒後,小部件會彈出。 搜索下面的代碼並將數字 10000 更改為更大或更小的數字。
1 秒 = 1000; 60 秒 = 60000。

注意:彈出窗口每 30 天僅出現一次。 如果您希望彈出窗口重新出現,請清除緩存和 cookie。 

每次頁面加載時彈出
默認情況下,贊框小部件僅在用戶第一次訪問您的頁面時顯示。 如果您希望每次頁面加載時都彈出 facebook 框,請刪除以下代碼行:

我個人建議你們不要在每次重新加載頁面時用彈出窗口來惹惱讀者。 保持良好的關係應該是你的首要目標,然後是FB喜歡! 因此,請決定您希望以什麼時間間隔使用彈出窗口。
如果您對此有任何疑問或問題,請嘗試並在下面發表評論! 玩得開心!

 

關於作者 

伊姆蘭·烏丁


{“電子郵件”:“電子郵件地址無效”,“ URL”:“網站地址無效”,“必填”:“必填字段缺失”}