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

Thursday, November 3, 2011

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

දැන් ඉතින් ලංකාවේ ගොඩාක් කට්ටිය Blog කරනවනේ. කට්ටිය කැමතියිනේ තමන්ගේ Blog එක ලස්සනට වගේම පිළිවෙලකට තියාගන්නත්. අද මම කියලා දෙන්න යන්නේ එහෙම තමන්ගේ Blog එක ලස්සන කරගන්න පුළුවන් විදිහක් ගෙනයි. සමහරුන්ට මේක ලස්සන නැතිවෙන්න පුළුවන්. මේක ලස්සන කට්ටිය ඉන්නත් පුළුවන්. ඉතින් තමන්ට මේක ලස්සනයි කියලා හිතෙනවනම් දාගෙන බලන්න. හොදයි කතාව නවත්තලා වැඩේට බහිමු. අද මම ඔයාලට කියලා දෙන්න යන්නේ ඔයාලගේ 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 කරගන්න.

දැන් ඉතින් වැඩේ හරි. එච්චරයි කරන්න තියෙන්නේ. එහෙනම් අපි තවත් ලිපියකින් හමුවෙමු.


Saagaraya Blogger, Blogger Sinhala Tutorial, බ්ලොග් ට්‍රික්ස්, Blogger ගැන සිංහලෙන්, Blogger Tutorial සිංහලෙන්, බ්ලොග් ටිප්ස්, සිංහලෙන් ඉගෙන ගමු, බ්ලොගර් උදවු, Blog එකට Share Buttons,

අලුත්ම ලිපි ඊමේල් මගින් ගෙන්වා ගන්න !

Subscribe via Email

Follow us!


Share this Article :

10 comments:

  1. Page Element කියන එක කොහෙද බන් තියෙන්නේ

    ReplyDelete
  2. @ sameera madushan :

    සොරි මචන්, Page Element කියලා නෙවේ දැන් තියෙන්නේ Layout කියලා. මම පෝස්ට් එක අප්ඩේට් කරන්නම්.

    ReplyDelete
  3. බොහොම තෑන්කු මචන්

    ReplyDelete
  4. @ sameera madushan :

    Comment එකට ස්තුතියි මචන්.

    ReplyDelete
  5. HTML/Javascript eka ganne ko mada
    eka mata terenne na...:'(

    ReplyDelete
  6. @ Chinthaka :

    Blog එකට ලොග් වෙලා Layout ගිහින් Add a Gadget යන්න. ඊට පස්සේ open වෙන වින්ඩෝ එකෙන් HTML/JavaScript ‍තෝරන්න...

    ReplyDelete
  7. tnkz
    balannako tawa ks 1k meke twtr shear 1 witark pennanne na ne anik ewa elata wada,twtr eka tiyana tana his,,ayyooooo ai matama mehema wenne :'(

    ReplyDelete
  8. @ Chinthaka :

    ආයෙත් බලපන් මචන් හරියට Code ටික දාලද කියලා. එහෙම වෙන්නනම් විදිහක් නෑ...

    ReplyDelete

 
Design By : Tharanga Darshana Ekanayaka
Copyright © 2011-2015. Saagaraya Blog - All Rights Reserved
Proudly Powered By Blogger
Home | About Me | Contact Me