Mempunyai blog atau web kurang lengkap rasanya kalau tidak ditambahin tombol share seperti Twitter, Facebook, Google Plus dan sebagainya, tombol share tersebut dipasang pada blog umumnya agar supaya pengunjung blog dapat dengan mudah membagikan artikel - artikel yang kalian sajikan pada media sosial, dengan demikian maka akan semakin banyak pengunjung yang mampir pada blog kalian. Kalau kalian tertarik dengan tombol share, langsung saja kita pelajari cara memasang tombol share dalam setiap postingan blog.
Langkah pertama yaitu,
- Buka blogger.
- Masuk ke menu Design ---> Edit HTML
- Beri centang pada 'Expand widget templates'
- Cari kode <data:post.body/>, kalau anda menemukan dua kode<data:post.body/> maka pilih yang pertama
- Letakkan salah satu kode tombol facebook share berikut ini dibawah kode <data:post.body/> jika anda ingin memasang tombol share dibawah postingan atau letakkan diatas <data:post.body/> jika anda ingin memasang diatas postingan.
<b:if cond='data:blog.pageType == "item"'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Share on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal'
data-via='User Name'
href='http://twitter.com/share'>Tweet</a><script
src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:10px;'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type =
'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
</b:if>
EmoticonEmoticon