ෆේස්බුක් ලයික් බොක්ස් එකක් ඔයාලගේ බ්ලොග් එකටත්

ඔයාලත් ඉහත ආකාරයේ ‍ෆේස්බුක් ‍‍ලයික් බොක්ස් එකක් ඒ කියන්නේ ඔයාලා දැකලා ඇති වෙනත් බ්ලොග් වල අයිනෙන් පිහිටලා තියන ‍ෆේස්බුක් ලයික් බොක්ස් මේ වගේ එකක් ඔයාලත් දාගන්න කැමති ඇතිනේ මේක ඔයාලගේ බ්ලොග් එකට  දාගන්නේ කියලා දැන් අපි බලමුමේ සදහා ඔයාලට ෆේස්බුක් ‍ෆෑන් පේජ් එකක් මුලින්ම හදාගන තියෙන්න ඕන ‍ෆෑන් පේජ් එකක් හදාගන්න යන්න පහත ලින්ක් එක භාවිතා කරන්න 

‍Facebook  

දැනටමත් ෆෑන් පේජ් එකක් තියන අය මේක කරන්න ඕන නෑ දැන් ඔයාලා හදාගත්තු ‍ෆෑන් පේජ් එකේ  මෙන්න මේ විදිහට එහි URL තියන එක කොපි කරගන්න  කොපි කරගන්න https://www.facebook.com/arunodhya  මේ තියෙන්නේ මගේ ෆෑන් පේජ් එකේ ඔයාල ගන්න ඕන ඔයාලගේ එක  දැන් ඔයාල ඔයාලගේ බ්ලොග් එකට යන්න මෙහිදී

•  Dashboard >> Template >> Edit HTML

ගුගල් ක්‍රෝම් සහ ‍ෆයර්ෆොක්ස් බ්‍රව්සර් පාවිච්චි කරන අය CTRL+F යන කීබෝර්ඩ් යතුරු දෙක එකපාර ඔබන්න එවිට ඔයලට පොඩි ඩයලොග් බොක්ස් එකක් ඔයාලගේ බ්රෝව්සර් එකේ මතුවේවි එම බොක්ස් එකේ </head> යන කේතය ටයිප් කරන්න කොපි පේස්ට් කලත් කමක් නෑ එවිට ඔයාලගේ ටෙම්ප්ලේට් එකේ </head> නම් කේතය ඇති ස්ථානය හයිලයිට් වෙලා පෙනේවි එම ස්ථානයට ඉදිරියෙන් මා විසින් ඔයාලට පහත දීලා තියන කේතයන් කොපි කරන්න

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <br>

ටෙම්ප්ලේට් එක සේව් කරන්න දැන් ඔයාල ආයමත් ඔයාලගේ බ්ලොග් එකේ පේජ් එලිමන්ට් නම් ස්ථානයට යන්න 

• Dashboard >> Layout

ඇඩ් ගැජට් ක්ලික් කරලා එයින් අලුත් ගැජට් එකක් ඇඩ් කරගන්න ජාවා ස්ක්‍රිප්‍ට් බොක්ස් එකක් (JAVA Script)

දැන් එම බොක්ස් එකට මා විසින් පහතින් ලබාදීලා තියන කේතය කොපි කරලා පේස්ට් කරන්න

<style type="text/css"> /*<![CDATA[*/ #fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;} .fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXDIww8LjJ6SwgQ6Spsh93VuIIqn2djEgBOYbSwNhGS8vrTs5fHUFZXKczeqw5lcolZhBRy4jxFOuCTGTwaLFfzGTJa8POuFzTESpBuRUBggC3nXuFMjcNlsO869vdbFpki-XK0GejYx0/s1600/vertical-right.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;} /*]]>*/ </style> <script type="text/javascript"> /*<![CDATA[*/ (function(w2b){ w2b(document).ready(function(){ var $dur = "medium"; // Duration of Animation w2b("#fbplikebox").css({right: -250, "top" : 100 }) w2b("#fbplikebox").hover(function () { w2b(this).stop().animate({ right: 0 }, $dur); }, function () { w2b(this).stop().animate({ right: -250 }, $dur); }); w2b("#fbplikebox").show(); }); })(jQuery); /*]]>*/ </script> <div id="fbplikebox" style="display:none;"> <div class="fbplbadge"> </div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=YOUR-FACEBOOK-PAGE&width=250&height=250&colorscheme=light&show_faces=true&border_color=%23C4C4C4&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#FFFFFF;" allowtransparency="true"></iframe> </div>

මෙහිදී මා විසින් දී ඇති මෙම කේතයේ සදහන් YOUR-FACEBOOK-PAGE යයි සදහන්   ස්ථානය අකුරු පෙළ  මකා  දමා  එම ස්ථානයට ඔයාල විසින් සකස් කරගත් ෆෑන් පේජ් එකේ URL එක එක යොදා සේව් කරන්න



ෆේස්බුක් ලයික් බොක්ස්

1. ඔයාලගේ බ්ලොග් එකට ඇතුළු වෙන්න
2. Layout > Add A Gadget.
3. HTML/Javascript
4. පසුව පහත ඇති කෝඩ් එක කොපි කරන්න

</script> <style type="text/css"> img, a { border: 0; } #on { visibility: visible; } #off { visibility: hidden; } #facebook_div { width: 196px; height: 340px; overflow: hidden; } #facebook_right { z-index: 10005; border: 2px solid #3c95d9; background-color: #fff; width: 196px; height: 353px; position: fixed; right: -200px; } #facebook_right img { position: absolute; top: -2px; left: -35px; } #facebook_right iframe { border: 0px solid #3c95d9; overflow: hidden; position: static; height: 360px; left: -2px; top: -3px; } #facebook_left { z-index: 10005; border: 2px solid #3c95d9; background-color: #fff; width: 196px; height: 353px; position: fixed; left: -200px; } #facebook_left img { position: absolute; top: -2px; right: -35px; } #facebook_left iframe { border: 0px solid #3c95d9; overflow: hidden; position: static; height: 360px; right: -2px; top: -3px; } </style> <script type="text/javascript"> jQuery(document).ready(function () { jQuery("#facebook_right").hover(function () { jQuery(this) .stop(true, false) .animate({ right: 0 }, 500); }, function () { jQuery("#facebook_right") .stop(true, false) .animate({ right: -200 }, 500); }); }); </script> <br /> <div id="on"> <a href="http://www.jobsmag.in/" rel="dofollow" target="_blank" title="Jobsmag.in"><img src="http://img1.blogblog.com/img/blank.gif" alt="Jobsmag.in" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://www.jobsmag.in/" rel="dofollow" target="_blank" title="Indian Education Blog"><img src="http://img1.blogblog.com/img/blank.gif" alt="Indian Education Blog" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://things-guide.blogspot.com/" rel="dofollow" target="_blank" title="ThingsGuide"><img src="http://img1.blogblog.com/img/blank.gif" alt="ThingsGuide" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><div id="facebook_right" style="top: 10%;"> <div id="facebook_div"> <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2H57FjfGPLUlYiQ8XJ5d3DFvkxav7KumF0AUzpf2TkN_z3F0pMeb8oZqze_p7fUJ3w5E7i0xXwuiSaCBO5aPzn2M5_BtJpUq9ti0fTTY0I-YNkdXFC9ld49LamhRgXmZn6lPTiEykopKS/s1600/NBTfacebook_right.png" /> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=YOUR-FACEBOOK-PAGE& width=200& height=346& colorscheme=light& show_faces=true& border_color& stream=false& header=false" style="border: none; height: 346px; overflow: hidden; width: 200px;"> </iframe> </div> </div> </div>

මෙහිදී මා විසින් දී ඇති මෙම කේතයේ සදහන් YOUR-FACEBOOK-PAGE යයි සදහන්   ස්ථානය අකුරු පෙළ  මකා  දමා  එම ස්ථානයට ඔයාල විසින් සකස් කරගත් ෆෑන් පේජ් එකේ URL එක එක යොදා සේව් කරන්න

Socializer Widget By Blogger Yard

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →