WhatsApp share button for Blogger - Cara memasang share button/tombol berbagi WA selain dapat dilakukan dengan JavaScript, juga dapat dipasang tanpa JavaScript, khususnya pada platform Blogger atau Blogspot.
Tombol berbagi WA bagi saya sangat perlu dipasang pada blog. Terutama blog-blog atau website yang sering berbagi konten viral, berita politik, fashion ataupun artikel tutorial.
Silahkan login ke Blogger > Theme > Edit HTML
Silahkan gabungkan HTML ini pada share button lainnya:
CSSnya adalah sebagai berikut, letakkan di atas kode </style>
Simpan Theme
Simak juga cara membuat tombol share lainnya, seperti share button BBM, Line, Pinterest, Tubmlr dan lainnya. Disitu tinggal pasang, tampilannya rapi dan responsive.
Tombol berbagi WA bagi saya sangat perlu dipasang pada blog. Terutama blog-blog atau website yang sering berbagi konten viral, berita politik, fashion ataupun artikel tutorial.
Cara memasang share button WhatsApp di Blogger tanpa JavaScript
Caranya cukup gampang.Silahkan login ke Blogger > Theme > Edit HTML
Silahkan gabungkan HTML ini pada share button lainnya:
<li class='wa-button'><a data-action='share/whatsapp/share' expr:href='"whatsapp://send?text=" + data:post.title + "%20%2D%20" + data:post.url'><i aria-hidden='true' class='fa fa-whatsapp'/> WhatsApp</a></li>
CSSnya adalah sebagai berikut, letakkan di atas kode </style>
.wa-button{color:#fff;margin:0 auto;padding:0;font-size:14px;font-weight:700}
.wa-button a{color:#fff;margin:0 auto;padding:10px 8px;background:# 4dc247}
.wa-button i{font-weight:400;margin:0 10px 0 0}
Simpan Theme
Simak juga cara membuat tombol share lainnya, seperti share button BBM, Line, Pinterest, Tubmlr dan lainnya. Disitu tinggal pasang, tampilannya rapi dan responsive.
Posting Komentar
Komentar Blogger telah ditutup. Jika ada yang perlu disampaikan terkait konten ini, silahkan kirim pesan lewat laman kontak.