Info Populer 2022

Membuat Tombol Share Whatsapp Tanpa Javascript

Membuat Tombol Share Whatsapp Tanpa Javascript
Membuat Tombol Share Whatsapp Tanpa Javascript
WhatsApp share button for Blogger - Cara memasang share button/tombol membuatkan WA selain sanggup dilakukan dengan JavaScript, juga sanggup dipasang tanpa JavaScript, khususnya pada platform Blogger atau Blogspot.

Tombol membuatkan WA bagi saya sangat perlu dipasang pada blog. Terutama blog-blog atau website yang sering membuatkan konten viral, informasi politik, fashion ataupun artikel tutorial.
 selain sanggup dilakukan dengan JavaScript Membuat Tombol Share WhatsApp Tanpa JavaScript

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 yaitu sebagai berikut, letakkan di atas instruksi </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 menciptakan tombol share lainnya, menyerupai share button BBM, Line, Pinterest, Tubmlr dan lainnya. Disitu tinggal pasang, tampilannya rapi dan responsive.
Advertisement

Iklan Sidebar