Cara Memasang Tombol Share di Setiap Postingan Blog

Cara Memasang Tombol Share di Setiap Postingan 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 Visitor dan Pageview 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.
Cara Memasang Tombol Share di Setiap Postingan Blog
Tombol Share Jejaring Sosial
Dalam kesempatan kali ini saya akan menjelaskan tentang cara memasang tombol share di setiap postingan. 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 Memasang Tombol Share di Setiap Postingan 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.
Social Media Button untuk Website Keren Profesional
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.
Cara Buat dan Pasang Tombol Berbagi Facebook Twitter dan Google Plus di Blog
Demikian tutorial yang dapat saya sampaikan untuk anda tentang Cara Memasang Tombol Share di Setiap Postingan Blog. Semoga bermanfaat.
Share artikel ke: Facebook Twitter Google+

10 komentar:

Fajrin said...

wah.. tambah keren ya kesannya (y)

Wahyu Eka Prasetiyarini said...

Iya mas, selain performa blog menjadi tambah bagus, juga dapat menarik pengunjung baru di blog kita.

Megavison Parabola said...

mbk ririn boleh minta bantuannya lg buatin tombol share soalny cari tuh sulit banget, makasih sebelumnya y mbk.... maaf ngerepotin lg hehehe..... :)

Wahyu Eka Prasetiyarini said...

Iya mbak, dengan senang hati saya akan membantu anda untuk membuatkan tombol share untuk anda supaya bisa dipasang di blog. Untuk selanjutnya kita diskusikan via pesan di facebook ya :)

Writer said...

thx mba, ijin praktekin yah :D

"Jangan lupa beri komentar di blog gue yah :D"
"Dan izin follow sob :)"
"Serta link ente udah gue pasang"

Wahyu Eka Prasetiyarini said...

Silahkan langsung dipraktekin saja Mas Kum Poter :)
Thanks ya sudah mampir di blog saya tapi maaf saya hanya bisa mem-follow blog anda, saya tidak bisa bisa tukar-menukar link. Harap maklum ya mas :)

Unknown said...

sukses,makasih

Wahyu Eka Prasetiyarini said...

Sama-sama mas eko :)

Unknown said...

swer

Wahyu Eka Prasetiyarini said...

Maksudnya apa Mas Tugiman? hmm :)

Post a Comment