වදයක් නැතිව social icon blog post එකට දාමුද... ~ Electrical technology

ඔයාලා හැමොම කැමතියිනේ ඔයාලගේ බ්ලොග් එකට එක එක ජාතියේ විඩ්ජෙට් එකතු කරල බ්ලොග් එකේ පෙනුම වැඩි කර ගන්න..අද මම කියන්න යන්නේ අන්න ඒ වගේ දෙයක්.හැමෝම කැමතියිනේ ඔයාලා ලියන බ්ලොග් පොස්ට් එකට යටින් Facebook,Google+,tweet share button එකතු කරගන්න..ඒත් ඒ වැඩේට උවමනා කරන කොර්ඩ් හොයා ගත්තත් ඒවා ටික එකතු කරලා බ්ලොග් පොස්ට් එකට යටින් දාගන්න ගියවිට තමා එපා වෙන්නේ ඔය වැඩේ කරදරයක් නැතුව කරගන්න පුලුවන් මෙන්න මේ විදියට කරගෙන..
මුලින්ම බ්ලොග්ගර් ඩැෂ් බෝඩ් එකේ Template>Edit HTML යන්න. සේරටම කලියෙන් මචෝ Template backup කරගන්න.ඉට පස්සේ “Expand Widget Templates” ටික් එක දාගන්න.. හරී දැන් keyboard එකේ Ctrl+F press කරගෙන ඒ හරහා මෙන්න

1	<data:post.body/>

මේ cord එක හොයා ගන්න ඊට පසුව හොයාගත් cord එකට පසුව මෙන්න මේ පහල තියන cord ටික දමාගන්න.
.

<br/><!-- Scripts Start -->
<b:if cond='data:post.isFirstPost'>
<!-- Facebook -->
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;http://connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
</script>
<!-- Google +1 -->
<script type='text/javascript'>
(function() {
var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<!-- Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
</b:if>
<!-- Scripts End -->
<!-- Horizontal social buttons Start -->
<div class='horizontal-social-buttons' style='padding:10px 0 10px;'>
<!-- Twitter -->
<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>
<!-- Google +1 -->
<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</div>
<!-- Facebook Like+Send -->
<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</div>
<!-- Pinterest Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='pin-wrapper' style='float: left; margin:0px 0px 0px 30px; width:44px;'>
<a data-pin-config='beside' data-pin-do='buttonPin' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png'/></a>
<span style='margin-left:-44px;'><a data-pin-config='beside' data-pin-do='buttonBookmark' href='//pinterest.com/pin/create/button/' style='outline:none;border:none;'/></span>
</div> 
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<style type='text/css'>  
#pin-wrapper &gt; a {background-image:none !important;}
</style> 
</b:if> 
<!-- Pinterest End -->
</div>
<div style='clear: both;'/>
<!-- Horizontal social buttons End -->