Menambahkan Share Button Sosial Media Pada Blog

Cara menambahkan share button / tombol berbagi social media yang keren pada postingan blog.

Share button merupakan sekumpulan tombol yang disematkan biasanya pada bagian bawah maupun atas postingan sebuah blog atau web, tujuannya tentu saja untuk berbagi tulisan yang ada diblog atau web tersebut ke social media.

Tombol berbgai memang penting perannanya pada sebuah web atau blog, karena dengan adanya fitur tersebut tetunya pembaca bias membagikan apa yang telah ia baca sehingga orang lain juga dapat mengetahui dan membacanya jika ia melihat apa yang dibagikan oleh si pembaca tersebut.

Selain untuk berbgai kepada orang lain, tombol berbagi ini juga memiliki peranan penting dalam meningkatkan visitor sebuah web atau blog, karena dengan adanya tombol ini, berarti web atau blog kita akan seolah olah di bookmark pada meditempat tulisan itu dibagikan.

Oke langsung saja bagi sobat yang ingin menambhakan share button yang keren pada blog atau web sobat langsung aja ikuti langkah-langkah dibawah ini.

Langkah-langkah :

1. pertama silahkan sobat buka link ini  https://www.addthis.com/

Maka sobat akan melihat tampilan halaman utama dari web tersebut.

Web tersebut akan kita gunakan sebagai penyedia layanan untuk hosting share button. Intinya dengan menggunakan layanan yang sudah terhosting kita tidak perlu membuat dari awal atau menulis kode yang banyak pada file HTML template kita nantinya, jadi saya sarankan usahakan menggunakan layanan yang sudah terhosting, selain lebih mudah digunakan juga akan membuat file HTML web kita tidak terlalu banyak menempatkan kode-kode yang harusnya bias kita gunakan layanan yang sudah ada seperti yang satu ini.

2. Selanjutnya silahkan sobat daftar terlebih dahulu pada web tersebut, caranya cukup simple, cukup mendaftar menggunakan akun social media sobat yang sudah ada agar lebih cepat. Langsung saja klik salah satu tombol yang ada diweb tersebut yakni seperti Facebook, Google, atau Email kalo mau daftar manual.

3. Setelah berhasil mendaftar maka silahan sobat login. Biasanya setelah selesai mendaftar langsung diarahkan ke halaman dashboard dari akun sobat.

Pada bagian dashboard akan telihat menu seperti dibawah ini.

4. Klik menu Get The Code pada menu diatas.

Maka sobat akan mendapatkan kode javascript yang nantinya akan sobat tambahkan pada blog/web. Seperti gambar dibawah.

Kode javascript yang tersedia tersebut nantinya akan kita tambahkan pada kode template HTML web atau blog sobat masing-masing.

Silahkan ikuti instruksi yang ada pada halaman tersebut.

Kali ini kita akan coba menambahkan pada template blogger. Apabila sobat menggunakan platform yang lain selain blogger silahkan pilih platform pada bagian pilihan platform pada halaman tersebut.

Karena pada pilihat platform di halaman tersebut tidak ada blogger maka kita pilih uang HTML/Web.

5. Selanjutnya silahkan login ke akun blogger sobat.

6. Pilih Menu Template pada menu sebelah kiri Dashboard blogger.

7. Klik Tombol Edit HTML

8. Cari kode </body> pada template sobat

8. Copy code JavaScript nomor satu yang ada pada web tersebut kemudian paste tepat sebelum kode </body> pada template sobat.

9. Klik Tombol Simpan Template.

Sampai sini sobat sudah berhasil menambahkan tombol share pada blog sobat. Namun tombol tersebut masih dalam mode pop up alias muncul seketika disaat halaman postingan web di load.

Apabila sobat ingin menambahkannya secara statis agar tetap berada pada bagian bawah atau atas postingan sobat, maka harus ditambahkan kode yang ketiga.

10. Copy code nomor tiga pada web tersebut. Code yang paling bawah, seperti gambar dibawah.

11. Selanjutnya pada file HTML template blog sobat cari kode <data:post.body/>

12. Paste kode yang sudah di copy tadi tepat dibawah kode <data:post.body/> agar tombol tetap berada pada akhir tulisan atau postingan blog sobat.

13. Kemudian klik tombol Save / Simpan

Sekarang sobat sudah berhasil menambahkan Share button atau tombol berbagi pada bagian bawah postingan blog sobat.

Hasilnya akan tampak seperti gambar dibawah.

Sekian tutorial untuk menambahkan Share Button pada blog / web.
Semoga Bermanfaat.

Tips Blogger Tutorial Web/Blog