Cara Membuat Tombol Share di Atas Posting

M
embuat tombol share facebook, twitter, digg atau mungkin ditambah dengan Google + diatas setiap posting / artikel blog. Ada beberapa cara memang, menurut saya cara termudah adalah cara seperti ini. Kali ini saya akan share cara membuat tombol share facebook, twitter, Google + Dan digg di atas posting blog anda. Langkah-langkahnya sebagai berikut :


1. Login ke account blogger Anda.
2. Klik tab Rancangan -> Edit HTML.
3. Download template dulu apabila terjadi kesalahan dapat di kembalikan seperti semula.
4. Tekan Ctrl + F untuk memudahkan pencarian.
5. Cari kode (tekan ctrl + f ) <div class='post-body entry-content'> atau class='post-body entry-content'dan biasanya ada 2 kode tersebut, pakailah kode yang pertama
6. Jika sudah ketemu, copy kode dibawah ini dan paste tepat diatas kode <div class='post-body entry-content'> 

<b:if cond='data:blog.pageType == "item"'><br /> <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 :<br /> </div><div style='float:left;padding-left:10px;'><a name='fb_share' type='button_count'/><br /> <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'/><br /> <script type='text/javascript'> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script><br /> </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><br /> </div></div></b:if>

7. Klik Simpan Template

Sekian Cara Membuat Tombol Share Facebook, Twitter ,Google+ dan Digg Di Blogspot kalau anda masih susah silakan tinggalkan kommenya selamat mencoba !!

Label :Media Pembelajaran,Tutorial