digital

MEMPERBAIKI SOCIAL MEDIA SHARE BUTTON PADA KATHERINE BLOGGER TEMPLATE

By Lee An - May 27, 2019

Social Media Share Button pada sebuah blog sangat penting untuk mendatangkan pengunjung ke blog kita. Pemula blogger seperti saya tentu sangat tertarik dengan template-template yang banyak, cantik dan menarik. Karena fokus untuk membuat artikel, kadang saya kurang memperhatikan aspek lainnya. Alasannya karena merasa template tersebut sudah oke dan sudah punya nama jadi tidak perlu lagi cross check lagi.

cara memperbaiki social media share button, social media share button, tombol bagikan di blog, template katherine gooyaabi, gooyaabi katherine template, katherine gooyaabi template, perbaikan tombol bagikan di blog, vara memperbaiki tombol bagikan media sosial, sosial media, social media share, template blogger katherine gooyaabi, gooyaabi template blogger

Error pada tombol bagikan dalam blog tidak berfungsi, hal ini terjadi beberapa hari lalu. 2 (dua) Blog saya menggunakan Katherine Blogger Template dari Gooyaabi Template dan keduanya sama-sama memiliki permasalahan yang sama. Dari 7 tombol media sosial di sana, hanya facebook, twitter dan whatsapp yang tidak berfungsi dengan baik. Setelah di klik, yang seharusnya langsung diarahkan ke media sosial, ternyata muncul keterangan Page Not Found. Awalnya saya pikir mungkin karena gratisan ditambah saya malas untuk merubah karena takut salah dan justru merubah keseluruhan blog.
Anyway, karena penasaran saya mencari artikel tentang masalah yang sama tapi tidak ketemu.  Dan akhirnya saya yang buta soal kode html kotak-katik sendiri.  Dan the problem is solve dan rasanya wajib saya bagikan.

Untuk memperbaiki Social Media Share Button dalam template Katherine, simak langkah-langkahnya:
1. Buka dashboard blogger dan klik theme. 

cara memperbaiki social media share button, social media share button, tombol bagikan di blog, template katherine gooyaabi, gooyaabi katherine template, katherine gooyaabi template, perbaikan tombol bagikan di blog, vara memperbaiki tombol bagikan media sosial, sosial media, social media share, template blogger katherine gooyaabi, gooyaabi template blogger

2. Klik Backup/Restore untuk mem-back up template sebelum dirubah. 
3. Klik Download theme dan close

cara memperbaiki social media share button, social media share button, tombol bagikan di blog, template katherine gooyaabi, gooyaabi katherine template, katherine gooyaabi template, perbaikan tombol bagikan di blog, vara memperbaiki tombol bagikan media sosial, sosial media, social media share, template blogger katherine gooyaabi, gooyaabi template blogger

4. Kembali ke tema seperti no.1, kemudian Klik Edit HTML 
5. Klik ctrl+f dan kemudian ketik share dan share yang dimaksud. dalam katherine template ada 2 tombol bagikan (lihat gambar) 


cara memperbaiki social media share button, social media share button, tombol bagikan di blog, template katherine gooyaabi, gooyaabi katherine template, katherine gooyaabi template, perbaikan tombol bagikan di blog, vara memperbaiki tombol bagikan media sosial, sosial media, social media share, template blogger katherine gooyaabi, gooyaabi template blogger

cara memperbaiki social media share button, social media share button, tombol bagikan di blog, template katherine gooyaabi, gooyaabi katherine template, katherine gooyaabi template, perbaikan tombol bagikan di blog, vara memperbaiki tombol bagikan media sosial, sosial media, social media share, template blogger katherine gooyaabi, gooyaabi template blogger

6. Rubah pada bagian yang diberi garis kotak di bawah!

cara memperbaiki social media share button, social media share button, tombol bagikan di blog, template katherine gooyaabi, gooyaabi katherine template, katherine gooyaabi template, perbaikan tombol bagikan di blog, vara memperbaiki tombol bagikan media sosial, sosial media, social media share, template blogger katherine gooyaabi, gooyaabi template blogger

cara memperbaiki social media share button, social media share button, tombol bagikan di blog, template katherine gooyaabi, gooyaabi katherine template, katherine gooyaabi template, perbaikan tombol bagikan di blog, vara memperbaiki tombol bagikan media sosial, sosial media, social media share, template blogger katherine gooyaabi, gooyaabi template blogger
  
7. Ganti dengan kode di bawah sesuai urutan!
1. '"https://www.facebook.com/sharer.php?u=" + data:post.ur'
2. '"https://twitter.com/share?url=" + data:post.url + "&text=" + data:post.title'
3. '"https://api.whatsapp.com/send?text=" + data:post.title + " | " + data:post.url'


8. Hasilnya seperti gambar di bawah! 
Note: kode untuk g+ saya hapus karena goegle plus sendiri sudah dihapus. Sementara tombol bagikan ke email juga error karena mengarah ke pinterest. Karena tidak mau pusing dan repot, saya hapus juga.
cara memperbaiki social media share button, social media share button, tombol bagikan di blog, template katherine gooyaabi, gooyaabi katherine template, katherine gooyaabi template, perbaikan tombol bagikan di blog, vara memperbaiki tombol bagikan media sosial, sosial media, social media share, template blogger katherine gooyaabi, gooyaabi template blogger

cara memperbaiki social media share button, social media share button, tombol bagikan di blog, template katherine gooyaabi, gooyaabi katherine template, katherine gooyaabi template, perbaikan tombol bagikan di blog, vara memperbaiki tombol bagikan media sosial, sosial media, social media share, template blogger katherine gooyaabi, gooyaabi template blogger
9. Pastikan tidak ada yang tertinggal. Klik Preview theme untuk tes apakah sudah benar.
10. Simpan theme atau tema.

 Selamat mencoba and good luck😊


  • Share:

You Might Also Like

1 Comments

  1. MarsyaDecember 12, 2020 at 3:00 AM

    Numpang promo ya Admin^^
    ajoqq^^cc
    mau dapat penghasil4n dengan cara lebih mudah....
    mari segera bergabung dengan kami.....
    di ajopk.com ^_~
    segera di add Whatshapp : +855969190856

    ReplyDelete