Cara membuat tombol share diatas postingan blog

Cara membuat tombol share diatas postingan blog sangatlah penting karena dengan cara ini postingan kita akan lebih mudah untuk mengundang pengunjung datang ke blog kita sama halnya dengan cara kita memasang kotak komentar facebook di blog. Cara ini sangatlah tepat bagi agan-agan yang ingin mendapatkan pengunjung dari jejaring social, silahkan perhatikan langkah-langkah dibawah ini untuk cara membuat tombol share diatas postingan blog.

Cara membuat tombol share diatas postingan blog

• Silahkan masuk ke akun blogger agan.
• Klik Template -> Edit HTML -> Expand Template Widget
• Silahkan cari kode <div class='post-body entry-content'> atau class='post-body entry-content' ( gunakan Ctrl + F untuk memudahkan proses pencarian ) kalau kodenya ada 2 pilihan, maka pilihkah kode yang pertama.
• Jika sudah ketemu, copy kode dibawah ini dan paste tepat diatas kode <div class='post-body entry-content'> atau class='post-body entry-content'

<b:if cond='data:blog.pageType == &quot;item&quot;'> <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='DiggThisButton DiggCompact'/> <script type='text/javascript'> (function() { var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0]; s.type = &#39;text/javascript&#39;; s.async = true; s.src = &#39;http://widgets.digg.com/buttons.js&#39;; s1.parentNode.insertBefore(s, s1); })(); </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>

• Simpan Template 

Itulah sedikit tips dari ane tentang cara membuat tombol share diatas postingan blog semoga postingan ini bermanfaat dan membantu meningkatkan pengunjung blog anda.