Tutorial Blogger kali ini tentang cara memperbaiki tombol berbagi Pinterest di Blogspot yang tidak menampilkan judul postingan yang hendak di share. Tidak hanya itu, ternyata thumbnail artikelnya juga terlihat blur, tampil dengan resolusi di bawah dengan ukuran kecil.
Masalah ini hanya dialami oleh template-template Blogger yang memasang widget share button tanpa JavaScript atau tanpa plugin.
Jadi, bagi yang blognya dipasangi widget share button menggunakan JavaScript, misalnya JavaScript dari SumoMe, Addthis, Sharethis dan lainnya, tidak perlu khawatir, semua tombolnya berjalan dengan lancer.
Nah bagi pengguna Blogger yang menggunakan widget share button tanpa JavaScript dan juga menampilkan tombol berbagi untuk Pinterest, segera perbaiki kode tombolnya. Karena pada saat tombol Pinterest tersebut digunakan, kemungkinan besar tampilannya akan menjadi seperti ini:
Cara perbaiki tombol share Pinterest yang seperti itu adalah sebagai berikut.
Cari kode berikut ini (atau yang serupa):
Ganti kode tersebut dengan ini:
Simpan Theme
Baca juga: Share Button Responsive, Lengkap dengan Tombol WhatsApp, Line dan BBM
Dengan demikian, masalah gambar blur dan judul artikel yang tidak muncul pada saat menggunakan tombol berbagi Pinterest, telah teratasi. Hasilnya akan menjadi seperti ini:
Untuk melihat demonya, silahkan gunakan tombol share Pinterest pada template Gampang berikut ini:
Akhirnya, itulah cara perbaiki tombol share Pinterest yang tidak menampilkan judul artikel dan gambar thumbnail yang terlihat blur.
Semoga bermanfaat dan selamat mencoba!
Masalah ini hanya dialami oleh template-template Blogger yang memasang widget share button tanpa JavaScript atau tanpa plugin.
Jadi, bagi yang blognya dipasangi widget share button menggunakan JavaScript, misalnya JavaScript dari SumoMe, Addthis, Sharethis dan lainnya, tidak perlu khawatir, semua tombolnya berjalan dengan lancer.
Nah bagi pengguna Blogger yang menggunakan widget share button tanpa JavaScript dan juga menampilkan tombol berbagi untuk Pinterest, segera perbaiki kode tombolnya. Karena pada saat tombol Pinterest tersebut digunakan, kemungkinan besar tampilannya akan menjadi seperti ini:
Cara perbaiki tombol share Pinterest yang seperti itu adalah sebagai berikut.
Cari kode berikut ini (atau yang serupa):
<li><a class='pt' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&amp;media=" + data:post.thumbnailUrl + "&amp;description= + data:post.title"' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' target='_blank'><i class='fa fa-pinterest'/></a></li>
Ganti kode tersebut dengan ini:
<li><a class="pt" expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:blog.postImageUrl + "&description=" + data:blog.pageName' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'><i class='fa fa-pinterest'/></a></li>
Simpan Theme
Catatan:
Silahkan sesuaikan element
Silahkan sesuaikan element
ID atau Class tombolnya sesuai dengan CSS yang sudah Anda buat sebelumnya pada template.Baca juga: Share Button Responsive, Lengkap dengan Tombol WhatsApp, Line dan BBM
Dengan demikian, masalah gambar blur dan judul artikel yang tidak muncul pada saat menggunakan tombol berbagi Pinterest, telah teratasi. Hasilnya akan menjadi seperti ini:
Untuk melihat demonya, silahkan gunakan tombol share Pinterest pada template Gampang berikut ini:
Akhirnya, itulah cara perbaiki tombol share Pinterest yang tidak menampilkan judul artikel dan gambar thumbnail yang terlihat blur.
Semoga bermanfaat dan selamat mencoba!
Posting Komentar
Komentar telah ditutup. Jika ada yang perlu disampaikan terkait konten ini, silahkan kirim pesan lewat laman kontak.