දැන් ඉතින් ලංකාවේ ගොඩාක් කට්ටිය 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>
#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 කරගන්න.
දැන් ඉතින් වැඩේ හරි. එච්චරයි කරන්න තියෙන්නේ. එහෙනම් අපි තවත් ලිපියකින් හමුවෙමු.
Page Element කියන එක කොහෙද බන් තියෙන්නේ
ReplyDelete@ sameera madushan :
ReplyDeleteසොරි මචන්, Page Element කියලා නෙවේ දැන් තියෙන්නේ Layout කියලා. මම පෝස්ට් එක අප්ඩේට් කරන්නම්.
බොහොම තෑන්කු මචන්
ReplyDelete@ sameera madushan :
ReplyDeleteComment එකට ස්තුතියි මචන්.
HTML/Javascript eka ganne ko mada
ReplyDeleteeka mata terenne na...:'(
@ Chinthaka :
ReplyDeleteBlog එකට ලොග් වෙලා Layout ගිහින් Add a Gadget යන්න. ඊට පස්සේ open වෙන වින්ඩෝ එකෙන් HTML/JavaScript තෝරන්න...
tnkz
ReplyDeletebalannako 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 :'(
@ Chinthaka :
ReplyDeleteආයෙත් බලපන් මචන් හරියට Code ටික දාලද කියලා. එහෙම වෙන්නනම් විදිහක් නෑ...
thaks mcn
ReplyDeleteade ela thanks
ReplyDeleteWada na ban mage blog ekata kisima cod ekak. Ai ban e???
ReplyDelete