Aj kal log apni website(Blog) to bana lata
h mager unha ya nhi pata hota h ki wo apna website ki Tariff kis taraha sa
badaya aur apna Website ko popular kaisa banaya.
Jaisa ki app sabhi janta h ki Facebook ak
bahut hi acchi social Media h jaha har roj Cororo Visitor visit karta h Mager
app facebook ka jariya apna Website ko Promote v kr sakta h. To aj mai appko
batauga ki kaisa app apna Website(Blog) ma Facebook Popup Like Box Widget ko
add kr ka apna Blog ko popular banaya.
Advantage of Facebook Popup like Box Widget
Jab v koi appka website ko Open karaga to ya Facebook Popup Like Box open hoga jaisa ki app apna picture ma dakh rha h aur ya tavi hataga jab issa wo visitor cut na kr da ya appka facebook page ko wo like na kar da. Issa appki aur apka facebook page ki fan following badagi.
NOTE: Ager
app soch rha h ki kya ya Popup appka Blog ka har page ma open hoga to aisa nhi
h. Jab v koi appka site ko first time open karaga tavi ya popup ussa dikhaga
usska bd ager wo appka site ka dusra page ma jata h to ya ussa nhi dikhaga.
Blogger Me Facebook Popup Like Box Widget Add Kare
Step 1: Apne Blog ke Dashboard>>Layout par jaye. ab kahi bhi “Add a Gedget” par click kare.
Step 2: Uska bd HTML/JavaScript par click kar ke ye
code paste kare.
<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/hindimapada/?ref=aymt_homepage_panel&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://hindimapada.blogspot.com/2016/06/websiteblog-ma-facebook-popup-like-box.html/"
rel="nofollow">EduNext </a></div>
</div>
</div>
Step 4: Save par click karne se pahle code me https://www.facebook.com/hindimapada/?ref=aymt_homepage_panel ki jagah apne Facebook page url
add kar le.
Step 5: Ager ya trick kam na kara to iska matlab ha aapke
blog ki template me pahle se jquery code
add hai. Isiliya app real code sa nicha ki code ko delete kr da jo appko sabsa
upper hi dikhaga
<script
src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'
type='text/javascript'></script>
Ab appka Blog ma Facebook ki Popup Like Box
add ho chuki hogi ab jab koi visitor appka Blog ko open karaga to ussa sabsa
pahala Facebook ki Popup Like box dikhigi.
Also Read: Create Free Website in Blogger
Ten
Facebook tricks you must knowAgar apko ya blog sa related aur v kuch jankari chaiya to please comment kara aur ager ya post acchi lagi ho to issa share jarur kara.
Comment Rule:
1. Aap direct comment ma apna link nhi da sakta h lakin ager aap kisi ki help karna ka liya ussa reply ka jariya koi v link provide kar sakta h.
2. Ager aap koi problem ka solution ka liya comment ker rha h to "Notify Me" per jarur click kara.