Cara Memasang Tombol Share Facebook,Twitter,Google+ di Blog
Cara Memasang Tombol Share Facebook,Twitter,Google+ di Blog
,tombol share it facebook dan sebagainya mempunyai fungsi untuk
membagikan artikel yang sedang pengunjung baca pada saat itu.Dengan
memasang tombol ini akan membawa keuntungan bagi blog kita.Semakin
banyak artikel yang di share ke media jejaring social,maka
semakin banyak pula pengunjung yang datang ke blog kita.Bagi anda yang
berminat untuk memasangnya,mari kita praktikkan
Cara Memasang Tombol Share Atau Bagikan Ke facebook,twitter,google+ di blog
- Loggin ke blogger dengan akun blog anda.
- Klik menu Rancangan > Edit HTML > Expand Template Widget
- Cari kode <div class='post-body entry-content'> atau class='post-body entry-content' dan biasanya ada 2 kode tersebut, pakailah kode yang pertama
- 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"'>
<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('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>
</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 dan lihat hasilnya di bawah postingan anda.
semoga artikel diatas bermanfaat bagi sobat
0 comments:
Post a Comment
sobat blog ini dofollow,,,sobat berkomentarlah walaupun sepatah kata
Komenlah Dengan Nama dan Blog Sobat Sendiri
Komentar Sobat sangat bermanfaat untuk perkembangan blog ini. Terima Kasih!!!