මෙන්න ඔයාගේ බ්ලොග් එකටත් ඉහල පහල යන share buttons list එකක්

හොදයි අද අපි බලමු කොහොමද ඔයාගේ බ්ලොග් එකට share button list එකක් දකුණු පැත්තට එකතු කරගන්නේ කියලා. මේක එකතු කරට පස්සේ mouse wheel එක ඉහල පහල ගෙන ගිය විට ඔයාගේ බ්ලොග් එකේ post එකට දකුණු පැත්තෙන් තමා මෙම share button එක ඉහල පහල යන්නේ.මේක එකතු කරගන්න තියන්නේ HTML / java script කියන gadget එක මගිනි. එහෙනම් අපි දැන් බලමු කොහොමද මෙය කරන්නේ කියලා.

දැම්මට පස්සේ පෙනෙන විදිය බලන්න අවශ්‍ය නම් මෙතනින් ගිහින් බලන්න.

පහල තිබෙන codes ටික blogger home එකේ layout එකට ගිහින් ඔයාට කැමති තැනකින් add a gadget එක කට එකතු කරනන.

<!-- floating share bar Start --><style type="text/css">#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style><div id='pageshare' title="Get this from ">
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script></div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div style="clear: both;font-size: 9px;text-align:center;">
<a href=""></a></div>
<!-- Do not remove this link --></div>
<!-- floating share bar End -->

දැන් save කරන්න.

හරි දැන් ගිහින් බලන්නකෝ වැඩේ කොහොමද කියලා. මොකක් හරි ගැටළුවක් තිබ්බෝති කියන්න. එහෙනම් තවත් මෙවැනිම වටිනා දෙයකින් නැවත හමු වෙමු එතෙක් ඔබට ජයෙන් ජයම වේවා!! සුබ දවසක් !

Milan Tomic

Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.