Saturday, October 15, 2011

Perfect Share Box එකක් Blogger වෙතට දාගමු..

Official Facebook share button with counter, official Google Buzz button with counter, official Stumbleupon button with counter, BlogThis! link, Email This! link, Print This! link, Comments count link and Facebook like button ආදී බොත්තම් රාශියක් තියන ප්‍රෙයෝජනවත් Share Box එකක් ලේසියෙන්ම ඔබේ බ්ලොග් එකට දාගන්නා ආකාරය මම මෙහිදී කියල දෙන්නම්.
පහත රෑපයේ ආකාරයටයි මෙය බ්ලොග් එකට දැමූ විට පෙනෙන්නෙ


මෙහෙමයි මෙය දාගන්නෙ

     1. Design > Edit HTML වෙත ගොස් Expanded widget templates මත ක්ලික් කරන්න.
     2. දැන් Ctrl + F ඔබා එන Search Bar එකේ පහත කෝඩ් එක සොයාගන්න.

<div class='post-header-line-1'/>


එම කෝඩ් එක සොයා ගැනීමට නොහැකි නම් <data:post.body/> කෝඩ් එක සොයාගන්න.

     3. දැන් එම කෝඩ් එකට උඩින් පහත කෝඩ් එක පේස්ට් කර ටෙම්ප්ලේට් එක සේව් කරන්න.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style type='text/css'>
.multisharebox {
  background: none repeat scroll 0 0 #EFEFEF;
  float: right;
  margin: 5px 0px 3px 10px;
  padding: 0 5px 0;
  text-shadow: 0 1px 0 #FFFFFF;
  width: 260px;
  border:4px solid #d8dfea;
}
.fb-like-boxtop {
  background: none repeat scroll 0 0 #EDEFF4;
  border: 1px solid #D8DFEA;
  color: #000000;
  float: right;
  font-size: 11px;
  margin: 0 0;
  padding: 5px 10px;
  text-align: left;
  width: 230px;
}
.fb-like-boxtop a {
  color: #000000;
  text-decoration:none;
}
.fb-like-boxtop a:hover {
  color: #000000;
  text-decoration:underline;
}
.fb-like-box {
  background: none repeat scroll 0 0 #EDEFF4;
  border: 1px solid #D8DFEA;
  color: #000000;
  float: right;
  font-size: 11px;
  height: 60px;
  margin: 5px 0;
  overflow: hidden;
  padding: 5px 10px;
  text-align: left;
  width: 230px;
}
</style>

<!-- Perfect Share Box : Created by www.bloggertipandtrick.net  -->
<div class='multisharebox'>
<table><tr>
<td><table><tr>
<td><a class='twitter-share-button' data-count='vertical' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/>
<b:if cond='data:post.isFirstPost'>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
</b:if></td>
<td><script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=5&amp;r=&quot; + data:post.url'/></td>
<td><a class='google-buzz-button' data-button-style='normal-count' data-locale='en_IN' expr:data-url='data:post.url' href='http://www.google.com/buzz/post' rel='nofollow' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></td>
<td><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></td>
</tr></table></td>
</tr><tr>
<td><div class='fb-like-boxtop'><a expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>BlogThis!</a> | <a expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>Email This!</a> | <a href='javascript:window.print();'>Print This!</a> | <b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> comments</b:if></a></b:if></div></td>
</tr><tr>
<td><div class='fb-like-box'>
Do you like this post?
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=230&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/>
</div></td>
</tr></table>
</div>
<!-- Perfect Share Box : Created by www.bloggertipandtrick.net  -->

</b:if>


දැන් ඔබේ බ්ලොග් එකට ගිහිල්ලා මොකක් හරි පෝස්ට් එකක් ඕපන් කරල බලන්න පෝස්ට් එකට උඩින් Share Box එක තියනවද කියලා..

5 comments:

  1. නියම වැඩක් බොහොම ස්තුකියි

    ReplyDelete
  2. අයියා මම මෙක දාගත්තා නියමයි,..පොඩි අවුලක් තියනවනෙ මට මෙක කරන ආකාරය remove කියල දෙනව ද?

    ReplyDelete
  3. මේක අයින් කරන්ඩ නම් Edit HTML වලට එකතු කරපු කෝඩ් එක අයින් කරලා දාන්න :)

    ReplyDelete

ලිපිය ගැන හිතුන ඕන දෙයක් පහල ටයිප් කරලා යන්න.
ඹයාලාගේ අදහස් මට ගොඩක් වටිනවා.