ඔයාගේ Blog එකටත් Pop-Up වෙන Facebook Like Box එකක් (PopUp Like Widget For Blogger)

                                 අද මම පෝස්ට් එක ලියන්නෙ අපේ Blog ලියන සහෝදරයන්ට. ඔයාලා දන්නවනේ අපේ Blog එකට එන Visitors ලගෙන් 90% ක්ම එන්නෙ මුහුණු පොතෙන් කියලා. ඒක නිසා තමයි අපි Facebook Page එකක් හදාගන්නෙ Blog එකට. ඉතින් Page එකේ Likes වැඩි වෙන තරමට තමයි Blog එකට Traffic වැඩි වෙන්නෙ.
මේ වගේ Pop Up වෙන Like Box එකක් දාගත්තම ඕන කෙනෙක් Like කරනවනේ.

(යම් කිසි රූපයක් අපැහැදිලියි නම් ඒ මත Click කරන්න)

               කොහොමද? ලස්සනයිනෙ? :) ඉතින් මේක ඔයාගේ Blog එකටත් දාගන්න ඕන නම් මුලින්ම Blogger Dashboard එකේ Layout කියන Tab එකේ Add a Gadget කියන එකට යන්න. තේරුනා මදි වගේ නම් පහල රූපෙත් බලන්න.

එතකොට පහල තියෙනවා වගේ Window එකක් Open වෙයි. ඒකෙ HTML/JavaScript කියන එකට යන්න.

                                                        එතකොට එන Window එකේ Tittle කියන එකට මුකුත් නොදා Content කියන එකට පහල දීලා තියෙන Codes ටික Copy කරලා Paste කරන්න.

<!-- Facebook Popup Widget START --><!-- Brought to you Roo Tricks Blog -->

<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/AVvXsEiAoQBeAuauGBAXetWI89GbEKMKygfQgZErpeIdAN-z1NBknYKg9XOLOqYnAQkPajA5yZgDQwd5W5UwmuEjOY5hEawggzJfMh4EvEfujDLLne41JlRV9UugNcJ_E9nl_YNSbAJHOccGf7Qi/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/rootricks&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/rasanjana.deshan">Zorgon</a> - <a style="color:#a8a8a8;font-size:8px;" href="http://www.rootricks.blogspot.com">Roo Tricks</a></span></center>

</div>

</div>

<!-- Facebook Popup Widget END. Brought to you by Roo Tricks Blog -->

                              ඊට පස්සෙ Save කරන්න කලින් මතක ඇතුව ඔය Codes වල රතු පාටින් තියෙන Link එක වෙනුවට ඔයාගේ Facebook Page එකේ Link එක දෙන්නෙ. දැන් Save කරාට පස්සෙ වැඩේ හරි.

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

මේ ගැන මොකක් හරි ගැටලුවක් තියෙනවා නම් ඒ ගැන Comment එකක් දමා විමසන්න.

මේ ලිපි පල කරන්න අපිට ඔයාලගෙ අදහස් වැදගත් වෙනවා.ඒ නිසා මේ පිලිබද ඔබේ අදහස් පහලින් Comment කරන ලෙස අපි ඉල්ලා  සිටිනවා.

එහෙනම් නැවතත් මෙවැනි ලිපියකින් හමුවෙමු ! ! !