Facebook Popup Like Box For Blogger

හුගක් කට්ටිය තමන්ගේ බ්ලොග් එක හදන්නේ Blogger.com වලනේ 

දෑන්. හුගක් දෑන් තියෙන බ්ලොග් වලට Fan Page, Facebook 

Group තියෙනවනේ. ඉතින් කොහොම හරි මම දෑන් කියන්න යන්නේ 

කොහොමද ඔයාලගේ බ්ලොග් එකට එකකොටම කටීයට ඔයගේ Fan 

Page එකට Like එකක දාල යන්න කියන පොඩි Like Box 

එකක් කොහොමද ඔයගේ එකට බ්ලොග් දාගන්නේ කියල. මෙ 

විදිහෙන් ඔයලට ඔයගොල්ලන්ගේ Fan Page එකෙ Like වෑඩි 

කරගන්න පුලුවම්.


ඉස්සෙල්ලාම ඔයලගේ Blog එකේ Dashboard  එකට යන්න. 

මෙන්න මෙක තමයි මගෙ Dashboard එකේ එක.

දෑන් Layout කියල එකක තියෙනව Dashboard එකේ. දෑන් Click

එක කරන්න. එතකොට මෙන්න මෙ වගේ Window එකක් ඔයාලට 

දකින්න පුලුවම් වෙයි.

දෑන් ඔය උඩ රෑපේ තියෙනවා වගේ 2 කියල තියෙන තෑන තියෙන Add

 a Gadget  කියන එක Click කරන්න. එතකොට මෙන්න මෙ වගේ 

Window එකක එයි ඔයාලට.

එ එන Window එකේ පොඩ්ඩක් පල්ලෙහාට ගිහින් 

HTML/JavaScript  කියලඑකක තියෙනවා. එක හොයගෙන, එක 

ඉස්සරහ තියෙනවා පොඩි තරුවක් වගේ එකක් එක click 

කරන්න. දෑන් 

මෙන්න මෙ වගේ window එකක් Open වෙයි.

දෑන් ඔය තියෙන Content  කියන Box එක එතුලට මෙ පල්ලෙහා 

තියෙන Code එක Copy කරන් paste කරගන්න.


<style type='text/css'>
#bloggerspiceFBpop {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#FEFEFE;font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#bloggerspiceFBpop a.bsclose {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#000000;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:25px;
cursor:pointer;
}
</style>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top
$('#bloggerspiceFBpop').animate({top:"50px"}, 1000);
// Widget by www.bloggerspice.com
$('a.bsclose').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='bloggerspiceFBpop'>
<!-- Widget by www.bloggerspice.com Start -->
<center>
<b><a class="BloggerSpice">Like Us to get latest News</a></b></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FHellJumperzz007&width=292&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe></center>
<!-- Widget by www.bloggerspice.com End -->
<a class='bsclose' href='#'>×</a>
<center style="float:right; margin-right:10px;">
<span style="font-size:xx-small; color:#000; text-decoration:none;">+Get this at</span> <a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href=" http://softyardz.blogspot.com//">SOFTYARD</a></center>
</div>

දැන් මෙය Past කරගෙන Ctrl+F ගසා HellJumperzz007 කියල ඇති තැන සොයාගෙන එයට ඔබගේ Group එකේ නම යොදා Replace කර ගන්න..

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

දැන් ඔබ සාර්ථකව facebook popup like box එකක් ඔබගේ බ්ලොග් අඩවියට එකතු කරගෙන ඇත.