Wednesday, November 13, 2013

ඔයාලගේ Blog එකට Share Buttons ටිකක් දාගනිමු


ඔන්න අද ඔයාලට ගෙනවා ඔයලගේ Blog එකට ලස්සන Share Buttons ටිකක් එකතු කරන හැටි.....හරිම ලෙසි වැඩක් කරන්න තියෙන්නෙ,,,,,එහෙනම් වැඩේ කරලම බලමු නේද 

1.  මුලින්ම ඔයාලගේ Blogger Account එකට Log වෙලා Dashboard → Layout කියන එකට යන්න.

2. 
ඊට පස්සේ HTML/Javascript එකක් අරගෙන මම පහල දාලා තියන Code ටික ඒකට Paste කරගන්න.

<style>
#sharebar {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;right:0;}
#sharebar .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;-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>
<div id="sharebar">


<div class="sbutton" id="fb">
<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">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">
<script src="http://widgets.digg.com/buttons.js" type="text/javascript">
</script>
<a class="DiggThisButton DiggMedium" href=""></a>
</div>
<div class="sbutton" id="gb">
<a class="google-buzz-button" data-button-style="normal-count" href="http://www.google.com/buzz/post" title="post on google buzz">
<script src="http://www.google.com/buzz/api/button.js" type="text/javascript">
</script>
</a>


<div style="clear: both;font-size: 9px;text-align:center;"></div>

</div>
</div>
</div>



3. 
දැන් ඒ HTML/Javascript එක Save කරගන්න.

දැන් ඔයගේ බ්ලොග් එකට හෝ වෙබ් එකට ගිහින් බලන්න,,,,,,කොහොමද වැඩේ කියලා........

1 comments:

isuru said...

emoneysinhalaya.blogspot.com

Post a Comment

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes