Facebook Pop Up Like Box එකක් දාමු


Facebook Pop Up Like Box

ඔන්න ඉතින් අපේ Blog පාඩම ඉවරයිනේ. ඒ ටික කියෙව්වේ නැත්තම් මෙතනින් යන්න. අද මම කියලා දෙන්න හදන්නේ අපේ Blog එකට Facebook Pop Up Like Box එකක් දාගන්න විදිහ ගැනයි.

මගෙ Facebook Pop Up Like Box එක තමයි මෙතන පල්ලෙහා තියෙන්නේ.


ඔයාලට මම කලින් කියලා දීලා තියනවනේ Blog එකේ Dashboard එකට යන විදිහ ගැන. හරි එතනට යන්නකෝ. දැන් ඒකේ වම් පැත්තේ තියන "Layout" Click කරලා Layout Menu එක Open කර ගන්න.

දැන් ඒකේ "Add a Gadget" Click කරන්න. දැන් Open වෙන Window එකේ පහල තියන "HTML/JavaScript" Click කරන්න.



දැන් ඒකේ Open වෙන Window එකේ Content එකට මේ පල්ලෙහා තියන Code එක දාන්න.


<!-- Facebook Popup Widget START --><!-- Brought to you sinhalahackz - Tech වැඩ්ඩෝ -->
<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(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/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>
<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_user_login') != 'yes'){
$('#fanback').delay(4000).fadeIn('medium');
$('#TheBlogWidgets, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
});
</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/Sinhalahackz&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 style="color:#a8a8a8;font-size:8px;" href="http://facebook.com/thiwanga.sadaruwan">Zorgon</a> - <a style="color:#a8a8a8;font-size:8px;" href="http://www.sinhalahackz.blogspot.com">Tech වැඩ්ඩෝ</a></span></center>
</div>
</div>

<!-- Facebook Popup Widget END. Brought to you by Flash blog paradise -->



හරි දැන්ම Save කරන්න එපා. Sinhalahackz කියන තැනට ඔයාගේ Facebook Fan page එකේ නම දෙන්න.

දැන් Save කරගන්න.

මොකක් හරි අව්ලක් නම් Comment එකක් දාගෙන යන්න.

අවුලක් නැතත් කමක් නෑ. Comment එකක් දාගෙන යන්න.

මේක වැඩ කරන්න නම් ඔයාගෙ Template එකේ JQuery Plug-In එක තියෙන්න ඕන

එහෙනම් අදට ගියාවේ ඈ.....
Previous
Next Post »

1 comments (අදහස්):

Click here for comments (අදහස්)
October 1, 2015 at 6:26 PM ×

ane yalu plz help mee
ewsl kane

Congrats bro chathuranga sampath you got PERTAMAX...! hehehehe...
Reply
avatar


බැලුවද?

Comment එකකුත් දාගෙනම යමු නේ.....
ConversionConversion EmoticonEmoticon