Menambahkan Google+, FB, Tweeter Di Posting

Kamu tentunya pernah membaca berita di situs detik.com, disitu kamu akan menemukan tampilan Google +, Facebook, Twetter dibawah postingan bagian bawah seperti gambar dibawah ini.

Kamu juga bisa melihat demonya disini, mungkin beberapa template berbeda, jadi kamu bisa menyesuaikan dengan letak kode <data:post.body/> yang ada diblogmu.

Berikut langkah-langkahnya dan kamu bisa mempraktekkan langsung.

1. Buka Blogger kamu. Edit HTML.

3. Carilah kode <data:post.body/>.

4. Kopi kode dibawah ini dan letakkan dibawah kode no.3.

<div style='clear: both;'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div align='left'> <table border='0' cellpadding='5' cellspacing='10'><tbody> <tr> <td style='padding-top:8px;'> <g:plusone size='tall'/> <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> </td> <td style='padding-top:8px;'> <div id='fb-root'/><script src='http://connect.facebook.net/id_ID/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='false' show_faces='false'/></td> <td style='padding-top:8px;'><a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> </td> <td> <!-- AddThis Button BEGIN mybloggersworld.com--> <div class='addthis_toolbox addthis_default_style '> <a class='addthis_counter'/> </div> <script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/> <!-- AddThis Button END --> </td> </tr> </tbody></table></div></b:if> <div style='clear: both;'/>

4. Simpan template kamu, coba dibuka Blog kamu.. Jreng..!!!!!!!!!!!!