Pasang Tombol Like, Google Plus, Dan Tweet Pada Postingan Blog

Pasang Tombol Like, Google Plus, Dan Tweet Pada Postingan Blog

Halo sahabat blogger semua?. Pada kali ini seperti biasa memposting artikel di blog ini. Yang saya bagikan kali ini adalah Cara  Pasang Tombol Like, Google Plus, Dan Tweet Pada Postingan Blog, Tepatnya dibawah judul postingan blog atau bisa juga di bawah postingan blog kita.

Mungkin anda yang lagi mengunjungi blog tetangga yang kebetulan melihat widget untuk share artikel blog yang biasanya terletak di atas postingan ataupun dibawah postingan blog. Mungkin anda ingin sekali memasang widget tombol share itu. Dengan memasang tombol share tersebut, maka artikel blog kita secara otomatis tersebarkan di social bookmark maupun social media, seperti Facebook, Twitter, StumbelUpon, Google Plusone, dll dan Alexa Rank blog kita bisa mengecil dan kurus :D.

Cara pemasangan widget ini sangat mudah bagi saya. Sebenarnya banyak sekali tutorial untuk pemasangan widget ini di mbah google. Tetapi saya sarankan anda memasang widget ini, karena cukup simpel, ringan, mudah dan tidak menyebabkan loading blog anda tidak lama/lelet. Langsung saja, silahkan anda ikuti langkah - langkah dibawah ini!.

1. Pastinya anda sudah login di akun blogger anda.
2. Template >> Edit Html >> Centang pada "Expand Template Widget".
3. Tekan tombol CTRL + F.

Jika anda ingin meletakkan widget ini di bawah judul postingan blog anda, letakkan kode dibawah ini tepat di ATAS kode <data:post.body/> .

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-4ee950b47f78c765"></script>
<!-- AddThis Button END -->

Jika anda ingin meletakkan widget ini di bawah postingan blog anda, letakkan kode dibawah ini tepat di BAWAH kode <data:post.body/> .

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-4ee950b47f78c765"></script>
<!-- AddThis Button END -->

Perhatian!.

Kode <data:post.body/> biasanya ada 3. Silahkan anda coba satu persatu hingga tombol share itu muncul!.

4. Jika sudah, jangan lupa tekan "Simpan Template" dan lihat salah satu postingan blog anda.

Selamat Mencoba & Semoga Berguna Untuk Blog Anda. Sampai Jumpa Di Postingan Berikutnya. Terima Kasih.

Artikel terkait :