12/10/14

Cara Buat Tombol share di blogg

Tutorial pembuatan tombol share ini sebenarnya adalah hal yang mudah Anda lakukan, kalau mau ke situs resminya, langsung saja Anda menuju 2 situs berikut untuk mendapatkan widget share sosial media ini.
1. Addthis

Tapi, tenang saja. Di sini juga akan memberikan tutorial atau langkah-langkah yang dapat Anda tempuh untuk menambahkan tombol share ini, karena jika Anda berkunjung ke kedua situs penyedia widget di atas biasanya prosesnya agak lebih rumit sedikit. Nah, makanya saya postingkan artikel ini dengan harapan dapat memudahkan Anda. Berikut adalah langkah-langkah atau tutorial yang Anda lakukan untuk memberikan tombol share pada blog Anda  (Catatan: widget share to social media yang saya berikan berasal dari situsAddthis yang saya modifikasi buat Anda):
1. Seperti biasa, pastikan Anda sudah log in di account blogger.com Anda.
2. Setelah itu, Anda ke bagian Template (Catatan : sebelum meng-klik Edit HTML, Anda dapat melakukan tindakan antisipasi dan hati-hati dengan mengcadangkan dulu Template Blog Anda yang ingin dimodifikasi)
3. Klik Edit HTML
4. Kemudian klik Lanjutkan, jangan lupa centang Expand Template Widget
5. Setelah itu tekan pada keyboard Ctrl + F, untuk mencari kode HTML yang ingin Anda edit nantinya.
6. Cari kode berikut :

<div class='post-header-line-1'>

Catatan : terkadang kode di atas terdapat lebih dari satu, pilih yang pertama.

7. Kemudian, setelah menemukan kode HTML di atas, kemudian tambahkan kode berikut tepat setelah kode di atas :

<span class='post-author vcard'><div style='float:right;'><!-- AddThis Button BEGIN -->
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pubid=xa-5045c074352fdb1e"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-5045c074352fdb1e"></script><!-- AddThis Button END --></div></span></span>

8. simpan edit html dan lihat blogg anda, reload kembali browser anda jika belum verubah, semoga berhasil sobb.

Label:

0 Komentar:

Posting Komentar

Berlangganan Posting Komentar [Atom]

<< Beranda