Facebook bahut hi acha tarika hai apne blog ki traffic badhane ka. aapne bahut si websites blogs par dekha hoga ki jab hum use open karte hai to ek popup facebook like box khulta hai. aaj mai aapko usi ke bare me btane ja raha hu ki facebook popup like box ko blog me kaise add karte hai. ye bahut hi acha way hai logo se facebook par contact karne ka. or facebook like bnox ko blogger me add karna bhi bahut saral hai. aapko apne blog me sirf ek widget add karni hai.
Facebook Popup Like Box Widget Blog Me Kyu Add Kare
jab koi visiter aapke blog ko open karega to ek popup facebook like box open hoga. jisse visiter ya to remove karega ya fir wo aapke facebook page ko like karega. isse aapka facebook par support badega. log aapke facebook page ko jada se jada like karenge.
Facebook Popup Like Box Kab Kab Show Hota Hai
ye popup widget aapke blog ke har page par open nahi hoga. blog ko kisi ke open karne ke bad sirf ek bar show hoga. so aapke visitors ko problem bhi nahi hogi. agar aap soch rahe hai ki iska look kaisa hoga to jis tarah upar image me dikhaya gaya hai same waisa iska look hoga.
Blogger Me Facebook Popup Like Box Widget Kaise Add Kare
1. Apne Blog ke Dashboard>>Layout par jaye.
2. ab kahi bhi “Add aWidget” par click kare.
3. HTML/Javascript par click kar ke ye code paste kare.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
|
<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/jumedeenkhan&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="hhttp://supportmeindia.com/blogger-me-facebook-popup-like-box-widget-kaise-add-kare/" rel="nofollow">SupportMeIndia</a></div>
</div>
</div>
|
4. Save par click karne se pahle code me onlinehindimehelp ki jagah apne facebook page url add kar le.
5. agar trick kaam nahi karti hai to iska matlab ha aapke blog ki template me pahle se jquery code add hai. so code me sabse upar no.1 code ko delete kar de.
Blogger Me Facebook Popup Like Box Widget Kaise Add Kare
Reviewed by Muhammad Kashan
on
January 11, 2016
Rating:
No comments: