Membuat Tombol Share WhatsApp Tanpa JavaScript

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.
WhatsApp share button for Blogger

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='&quot;whatsapp://send?text=&quot; + data:post.title + &quot;%20%2D%20&quot; + 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.
Advertisement