Cara Membuat Tombol Share Facebook, Google +, Twitter

Cara Memasang tombol Share Facebook, Google +, Twitter - Bagi seorang blogger pasti tahu apa fungsi dari widget ini dan seorang ahli SEO pun banyak yang mengganggap kalau widget ini sangat penting keberadaanya. Dari sebagian sobat pasti  tahu betapa kuat pengaruhnya memasang tombol share facebook ini oleh sebab itu hampir di pastikan sobat menharuskan untuk memasang widget ini karena bukan hanya akan memperbagus tampilan template selain itu juga bisa menambah pengunjung melalui media yang di share tersebut seperti facebook, google +, twitter.  sobat pasti sudah tahu bahwa sosial network tersebut sudah sangat popular dan sudah mempunyai banyak sekali user sehingga ketika ada satu user menghare artikel sobat itu sama saja dia sedang mempromosikan artikel sobat kepada teman-temannya, selain itu juga widget share sosial media ini akan menambah template sobat menjadi SEO Friendly. berikut cara membuat widget nya. 

Cara Membuat Share facebook di bawah atau di atas Artikel


1. Masuk ke dasboard blogger sobat
2. Pilih template - lalu edit HTML

Cara Membuat Tombol Share di atas atau di bawah artikel
3. Cari kode <data:post.body/>, dikotak tersebut dan pastekan kode warna biru di bawah ini di bawah kode <data:post.body/> jika ingin share facebooknya ada di bawah artikel, dan letakkkan kode warna hijau ini di atas kode  <data:post.body/>  jika ingin share facebooknya ada di atas artikel.

<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>

3. Simpan templatenya.

note : untuk kode <data:post.body/>  biasanya di template blogger ada lebih dari 1 sobat bisa coba satu-satu dahulu sampai tombol share nya kelihatan.

Ketika sudah disimpan sobat akan melihat hasilnya akan menjadi seperti gambar di bawah ini.
Cara Membuat Share Facebook, Google +, Twitter

Artikel Widget Share di bawah atau di atas artikel ini Semoga bisa membantu sobat dan selamat mencoba jangan lupa untuk membaca trik paling mudah mengetahui siapa saja yang sering melihat profile facebook kita.




0 comments:

Post a Comment

 
Advertisement