2014 년 4 월 8 일

Blogger에 Facebook Like Pop-up Box 위젯을 추가하는 방법

Facebook은 웹 사이트 나 블로그로 트래픽을 유도하는 가장 좋은 방법 중 하나입니다. 따라서 공식 Facebook 팬 페이지는 블로그에 분명합니다. 대부분의 사람들은 좋아요를 늘리고 그에 따라 페이지에 유기적으로 도달하는 방법을 궁금해 할 것입니다. FB 페이지 좋아요 수를 쉽게 늘릴 수있는 한 가지 방법이 있습니다. 이 멋진 Facebook 좋아요 상자 팝업 위젯을 블로그에 추가하세요. 이것은 귀하의 페이지를 좋아하는 귀하의 사이트에 대한 거의 모든 방문자를 확인합니다! 전체 기사를 읽고 상자 팝업 위젯과 같은 FB를 추가하고 편집하는 방법을 배우십시오!

Facebook과 같은 상자 팝업

Facebook 좋아요 상자 팝업 위젯 추가

다음 코드를 복사하여 템플릿의 본문 섹션에 붙여넣거나 블로거용 레이아웃에서 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 === '숫자') {var days = options.expires, t = options.expires = new Date (); t.setDate (t.getDate () + 일); } 값 = 문자열 (값); return (document.cookie = [encodeURIComponent (key), '=', options.raw?  값 : encodeURIComponent (값), options.expires?  '; expires = '+ options.expires.toUTCString () :' ', // expires 속성 사용, max-age는 IE options.path에서 지원되지 않습니까?  '; path = '+ options.path :' ', options.domain?  '; domain = '+ options.domain :' ', options.secure?  '; secure ':' '] .join (' ')); } // 키와 가능한 옵션이 주어지고, 쿠키를 얻습니다 ...
 옵션 = 값 || {}; var result, decode = options.raw?  function (s) {return s; } : decodeURIComponent; return (result = new RegExp ( '(? : ^ |;)'+ encodeURIComponent (key) + '= ([^;] *)'). exec (document.cookie))?  decode (result [1]) : null; }; //]]>
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; 오버플로 : 숨김; margin-top : -19px; 너비 : 402px; 높이 : 230px; '> Alltechmedia 제공-FB Like Box 팝업 위젯 

 

사용자 지정 :

Facebook 페이지 이름을 입력하세요.
http://www.facebook.com/alltechmedia.net을 검색하고 사이트의 facebook 페이지 URL로 바꿉니다.

10 초 시간 지연 변경
페이지로드가 완료된 후 10 초 후에 위젯이 나타납니다. 아래 코드를 검색하고 숫자 10000을 더 크거나 작은 숫자로 변경하십시오.
1 초 = 1000; 60 초 = 60000.

참고 : 팝업은 30 일에 한 번만 나타납니다. 팝업이 다시 나타나도록하려면 캐시와 쿠키를 지우십시오. 

페이지가로드 될 때마다 팝업
기본적으로 좋아요 상자 위젯은 사용자가 페이지를 처음 방문 할 때만 표시됩니다. 페이지가로드 될 때마다 facebook 상자가 팝업되도록하려면 다음 코드 줄을 제거하십시오.

독자들이 페이지를 새로 고침 할 때마다 팝업으로 귀찮게하지 않도록 개인적으로 권장합니다. 좋은 관계를 유지하는 것이 첫 번째 목표 여야하며 FB 좋아요는 그 후에 나옵니다! 따라서 팝업 창을 사용할 간격을 결정하십시오.
그것에 대해 의심이나 문제가 있으면 아래에서 시도하고 의견을 말하십시오! 즐기세요!

 

저자 소개, 

임란 우딘


{ "email": "Email address invalid", "url": "Website address invalid", "required": "필수 필드 누락"}