Tutorial Blogger kali ini perihal cara memperbaiki tombol mengembangkan 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 memakai JavaScript, contohnya JavaScript dari SumoMe, Addthis, Sharethis dan lainnya, tidak perlu khawatir, semua tombolnya berjalan dengan lancer.
Nah bagi pengguna Blogger yang memakai widget share button tanpa JavaScript dan juga menampilkan tombol mengembangkan untuk Pinterest, segera perbaiki isyarat tombolnya. Karena pada dikala tombol Pinterest tersebut digunakan, kemungkinan besar tampilannya akan menjadi menyerupai ini:
Cara perbaiki tombol share Pinterest yang menyerupai itu yaitu sebagai berikut.
Cari isyarat berikut ini (atau yang serupa):
Ganti isyarat tersebut dengan ini:
Simpan Theme
Share Button Responsive, Lengkap dengan Tombol WhatsApp, Line dan BBM
Dengan demikian, problem gambar blur dan judul artikel yang tidak muncul pada dikala memakai tombol mengembangkan Pinterest, telah teratasi. Hasilnya akan menjadi menyerupai 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 memakai JavaScript, contohnya JavaScript dari SumoMe, Addthis, Sharethis dan lainnya, tidak perlu khawatir, semua tombolnya berjalan dengan lancer.
Nah bagi pengguna Blogger yang memakai widget share button tanpa JavaScript dan juga menampilkan tombol mengembangkan untuk Pinterest, segera perbaiki isyarat tombolnya. Karena pada dikala tombol Pinterest tersebut digunakan, kemungkinan besar tampilannya akan menjadi menyerupai ini:
Cara perbaiki tombol share Pinterest yang menyerupai itu yaitu sebagai berikut.
Cari isyarat 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 isyarat 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.Share Button Responsive, Lengkap dengan Tombol WhatsApp, Line dan BBM
Dengan demikian, problem gambar blur dan judul artikel yang tidak muncul pada dikala memakai tombol mengembangkan Pinterest, telah teratasi. Hasilnya akan menjadi menyerupai 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!
Advertisement