ලේසියෙන් Facebook Popup Like Box එකක් දා ගන්නෙ මෙහෙමයි | අමතර දේවල් සහිතයි

අද මන් ඔයාලට කියල දෙන්න යන්නෙ ඔයාලගෙ වෙබ් අඩකියට හෝ බ්ලොග් අඩවියට ලේසියෙන් Facebook Popup Like Box එකක් දා ගන්න විදිහයි. ඔයාලත් මේක දා ගන්න ගිහින් වැඩේ අනාගන්න ඇති ඒත් සමහරුනම් දා ගන්න ඇති. කමක් නෑ දන් නැති අයට මන් අද කියල දෙන්නම්කෝ.

මුලින්ම ඔයාලගෙ බ්ලොග් එකෙ blogger dashboard>Layout ගිහින් අලුත් "HTML/Javascript" gadget එකක් අරන් පහළ code එක ඒකට past කරන්න.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#JasperRoberts {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#TheBlogWidgets {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6rie_NrXcIxcWEnSJBg28i0ytRlE111OOYZLF0Doc3UBWgK9nlIYtgtfrSrXg0DiqLUQgl-yGpAFJFUqJhsdPRxs3N1RCFhbF3O6e96fAV-0hAu4wNhQYihsR31ZD0BstL6a9FkofErTF/s1600/TheBlogWidgets.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>

// 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_user_login') != 'yes'){
$('#fanback').delay(20000).fadeIn('medium');
$('#TheBlogWidgets, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>

<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='JasperRoberts'>
<div id='TheBlogWidgets'>
</div>
<div class='remove-borda'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?

href=http://www.facebook.com/itdanuma&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>
<span style="color:#a8a8a8;font-size:8px;" id="linkit">Powered by <a rel="nofollow" style="color:#a8a8a8;font-size:8px;" href="www.itdanuma.com">IT දැනුම බෙදාගමු™</a> - <a style="color:#a8a8a8;font-size:8px;" href="www.itdanuma.com">Widget</a></span></center>
</div>
</div>

ඊට පස්සෙ "http://www.facebook.com/itdanuma" කියන තැනට ඔයාලගෙ Facebook Page එකේ Url එක දෙන්න. දැන් save කරගන්න.

දැන් වැඩේ ඉවරයි. ඒත් ගොඩක් අය කියල දෙන් නැති දේකුත් මන් කියල දෙන්න හිතුව. ඒ පොඩි වෙනස් කම් කීපයක්.

මුලින්ම අපි බලමු අපේ මේ Facebook Popup Like Box එක එන්න ඕනෙ page එක Load වෙලා කෙතරම් වේලාවකින්ද කියල. මේ code එකේ හැටියටනම් මේක popup වෙන්නෙ page එක Load වෙලා 20 seconds වලින්. හැබැයි අපිට මේක වෙනස් කරගන්න පුලුවන්. මේ code එකේ පහල තියන code කෑල්ල හොයා ගන්න ඕනෙ මේ වැඩේට (ctrl + F)

ඉතින් ඒක හොයාගෙන ඒකේ තියන 20000 වෙනුවට පහත අගයන් ආදේශ කර ඔයාලට මේ time delay එක වෙනස් කරගන්න පුලුවන්.

1 second = 1000. 10 seconds = 10000. 60 seconds = 60000.

තව වැඩක් බලමු. සාමාන්යෙන් මේ Facebook Popup Like Box එක popup වෙන්නෙ user කෙනෙක් පලවෙනි පාරට අපේ site එකට එන කොට විතරයි. ඒත් පොඩි වැඩකින් අපිට පුලුවන් මේක වෙන්ස් කරන්න. අපේ code එකේ මන් මේ පහල දාල තියන code එක ඉවත් කිරීමෙන් මේක පහසුවෙන් කරගන්න පුලුවන්.

ඉතින් ගැටලුවක් තිබ්බොත් මගෙන් අහන්න. දැන් අපේ ප්‍රතිචාරනම් ගොඩක් වැඩියි. ඒකට මන් හැමෝටම ස්තූතිවන්ත වෙනව.

අපිට Like එකක් දාන්න අමතක කරන්න එපා.

ලේසියෙන් Facebook Popup Like Box එකක් දා ගන්නෙ මෙහෙමයි | අමතර දේවල් සහිතයි

4 comments: Leave Your Comments

Recent

Like us on Facebook

Popular Posts

Labels

Find Us On Facebook

ජනප්‍රියම ලිපි

Sponsor

ඔබගේ Email ලිපිනය ලබා දෙන්න

Main Slider