Cara Pasang Tombol Share Facebook Twitter Google+ di Blog

Cara Pasang Tombol Share Facebook Twitter Google+ di Blog - Jejaring sosial mempunyai peran yang cukup penting bagi eksistensi sebuah blog/website. Pasalnya, kita bisa membagikan posting artikel blog kita dengan mudah pada jejaring sosial tersebut, dan pada akhirnya dapat meningkatkan jumlah visitor blog. Mungkin ada baiknya apabila anda membaca lebih lanjut tentang Cara Meningkatkan Jumlah Pengunjung Blog.

Tentu artikel yang kita tulis dan kita publikasikan di blog harus artikel berkualitas dan menarik. Dengan begitu pengguna jejaring sosial akan meng-klik tautan yang kita bagikan di media sosial. Selain itu, perlu kiranya kita memasang tombol share di setiap postingan blog kita. Tujuannya agar dapat dengan mudah di-share oleh visitor yang sedang berkunjung di blog dan tertarik dengan artikel yang kita sajikan.

Tombol Share Jejaring Sosial

Dalam kesempatan kali ini saya akan share informasi tentang cara memasang tombol share di setiap postingan blog. Tombol share tersebut terdiri dari jejaring sosial Twitter, Facebook, dan Google Plus. Kenapa hanya tiga jejaring sosial saja? karena ketiga itulah media sosial yang paling populer dan mempunyai pengguna yang banyak. Berikut langkah-langkah memasang tombol tersebut di blog.

Cara Pasang Tombol Share Facebook Twitter Google+ di Blog

1. Silahkan Log In ke akun blogger anda dengan menggunakan username dan pasword anda masing-masing.

2. Silahkan menuju Dashbor > pilih tab Template > klik Edit Template dan kemudian cari kode <data:post.body/> yang kedua atau ketiga.

3. Untuk mempermudah pencarian kode <data:post.body/>, silahkan klik Control F dan klik Enter.

4. Letakkan kode HTML/JavaScript berikut ini tepat dibawah atau diatas kode <data:post.body/>. Dan kemudian Klik Save.

<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;'/>

Keterangan:

Untuk memasang tombol share diakhir postingan, silahkan letakkan kode tersebut dibawah kode <data:post.body/>. Berikut adalah gambar contoh tombol share yang berada diakhir postingan.

Untuk memasang tombol share di bawah judul postingan, silahkan letakkan kode tersebut diatas kode <data:post.body/>. Berikut adalah gambar contoh tombol share yang berada di bawah judul postingan blog.

Demikian tutorial sederhana yang dapat saya sampaikan untuk anda tentang Cara Pasang Tombol Share Facebook Twitter Google+ di Blog. Semoga bermanfaat untuk anda semua yang hendak mempercantik tampilan blog nya dengan social share button ini. Akhir kata terimakasih banyak atas perhatiannya. Mohon maaf apabila terdapat kekeliruan baik secara tertulis ataupun substansi. Jangan lewatkan posting menarik lainnya di Ririn's Blog tentang Cara Memasang Widget Alexa Rank di Blog.

Share artikel ke: Facebook Twitter Google+ Linkedin Technorati Digg