Home » , , » Cara Memasang Tombol Share Dibawah Artikel

Cara Memasang Tombol Share Dibawah Artikel

Cara Memasang Tombol Share Dibawah Artikel - Selamat siang sahabat blogger, sesuai dengan judul pastingan kali ini saya akan membagikan tutorial bagaimana cara memasang tombol share dibawah artikel. Mungkin cara ini sudah banyak yang tahu dan sudah banyak pula sahabat blogger yang membagikan tutorial ini, namun daripada nganggur  kan mending menulis artikel walaupun sebenarnya sudah banyak yang membagikan cara ini hehehe

Oke kita kembali lagi ke topik pembicaraan disiang ini, untuk tampilan tombolnya sendiri ada tiga buah tombol yakni tombol untuk share ke akun twitter, terus ada tombol G+ dan yang terakhir adalah tombol like facebook. berikut sekilas untuk tampilanya :

Nah , untuk cara pemasangannya silahkan ikuti langkah-langkah berikut :
1.Masuk ke akun blogger kalian terlebih dahulu
2.Lalu pilih Template dan klik tombol Edit HTML TEMPLATE
3.Cari kode <data:post.body/> , biar lebih cepat mencarinya tekan Ctrl+F pada keybord dan masukkan kode tersebut lalu tekan Enter
4.Copy kode berikut lalu Paste kan setelah kode <data:post.body/> , bila kode tersebut ada 3 buah maka pastekan setelah kode ke dua, namun bila ada 4 buah maka pastekan setelah kode ke tiga.
<b:if cond='data:post.isFirstPost'>
<!-- Facebook -->
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;http://connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));


</script>
<!-- Google +1 -->
<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>


<!-- Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
</b:if>
<!-- Scripts End -->
<!-- Horizontal social buttons Start -->


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='horizontal-social-buttons' style='padding:5px 0 5px;'>
<!-- Twitter -->
<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>
<!-- Google +1 -->


<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</div>
<!-- Facebook Like+Send -->
<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</div>
</div>
</b:if>


<div style='clear: both;'/>
5.Tahap selanjutnya tinggal tekan tombol SAVE dan lihat hasilnya

Mungkin cukup sekian artikel tentang Cara Memasang Tombol Share Dibawah Artikel dari saya dan semoga bermanfaat!

0 komentar:

Post a Comment




Popular Posts