මේක පට්ට ලේසි අප්පා.  මේ share buttons බ්ලොග් පොස්ට් එකක් අයිනෙන් තමා වැටෙන්නේ. මේකෙන් පුළුවන් ඔයාලගේ පොස්ට් මුහුණු පොතේ හා වෙනත් social networks තුලට share කරන්න.


මෙන්න මෙය වගේ



  • මුලින්ම Blogger > Design යන්න.
  • HTML/JavaScript widget තෝරන්න.
  • ඊට පස්සේ මේ පහළ තියෙන code එක Paste කරන්න.


<style> 
/*-------MBT Floating Sharing Widget------------*/
#floatdiv { 
  position:fixed; 
bottom:15%; 
margin-left:-70px; 
z-index:10; 
float:left; 
padding-bottom:2px;
}
#mbtsidebar { 
        background:#fff; 
        border-top:1px solid #ddd; 
        border-left:1px solid #ddd; 
        border-bottom:1px solid #ddd; 
        border-radius:5px; 
       -moz-border-radius:5px; 
       -webkit-border-radius:5px; 
        padding-left:5px; 
        width:60px; 
        margin:0 0 0 5px; 
}
.fb_share_count_top {width:52px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:52px !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="floatdiv"> 
<div id="mbtsidebar"> 
    <table cellpadding="1px" cellspacing="0">
    <tr> 
    <td style="padding:5px 0px 0px 0;"> 
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="mybloggertricks">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> 
    </td> 
    </tr>
    <tr> 
    <td style="padding:5px 0 2px 0;"> 
    <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> 
    </td> 
    </tr> 
    <tr> 
    <td style=" padding:5px 0px 0px 0px;">
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script> 
<g:plusone size="Tall" expr:href="data:post.url"> 
    </g:plusone></td> 
    </tr> 
    <tr> 
    <td> 
<p style=" line-height:0px; font-size:10px; font-weight:bold; text-align:center;"><a style="color:#D3D3D3;" href="http://www.mybloggertricks.com">Widgets</a></p> 
    </td> 
    </tr> 
    </table> 
</div> 
</div>

අනතුරුව widget එකට නමක් දාන්න (social network share button)





මෙන්න මේ වගේ widget එක Save කරලා blog posts එක යටට ඇදලා දාන්න.




ඊටපස්සේ දකුණු පැත්තේ උඩ තියෙන save button ඔබන්න. 




දැන් හරි.
හැබැයි මේ share buttons ඔයාලගේ බ්ලොග් එකේ homepage එකෙත් පේනවා.
ඔයාට  homepage එකෙන් share buttons අයින් කරලා blog posts වලට විතරක් දාන්න ඕනේ නම් පහළ පියවර අනුගමනය කරන්න වෙනාවෝ.



  • මුලින්ම  Blogger > Design > Edit HTML යන්න.
  • ඊටපස්සේ Expand Widgets Templates Box එකට ටික් එකක් දාන්න.
  • (Ctrl + F) කියල ගහල ඔයාල widget එකට දාපු නම search කරන්න. 




<b:widget id='HTML8' locked='false' title='WIDGET-TITLE-HERE'  type='HTML'>
<b:includable id='main'>
bla bla bla bla
</b:includable> </b:widget>

නම හම්බුනට පස්සේ තියෙන්නේ ඔය විදිහටයි.



  • ඊටපස්සේ පහළ code එකේ කොළ පාටට තියෙන code දෙක copy කරන්න.
  • මතක ඇතුව ඔය කළු පාටට Bold කරපු 1 ට පහලින් කොළ පාට 1 code එකත්, Bold කරපු 2 code එකට ඉහලින් කොළ පාට 2 code එකත් paste කරන්න.


<b:widget id='HTML8' locked='false' title='WIDGET-TITLE-HERE' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
bla bla bla bla
</b:if>
</b:includable> </b:widget>
ඊට පස්සේ template එක save කරන්න. 
එලකිරියට වැඩේ වෙලා ඇති.


එහෙනම් අපි ගියෝ. ආයිත් දවසක සෙට් වෙමුකෝ......