Cara Jitu Memasang Tombol Share WhatsApp pada Blog 100% Work

Cara Jitu Memasang Tombol Share WhatsApp pada Blog 100% Work

Hai Semua.. apa kabar? kembali lagi nih di detik tutor.. Kali ini detik tutor akan memposting artikel tentang Cara Jitu Memasang Tombol Share WhatsApp pada Blog 100% Work.. Nah diera zaman sekarang zamannya media sosial. Jadi kita bisa mendapatkan informasi secara cepat dengan media sosial ini. Nah untuk kamu bloger diprioritaskan nih menambah tombol share via whatsapp di blog kamu biar orang orang mudah share artikel kamu.. Nah pengen tau caranya? yuk simak dibawah

Berikut ini cara memasang WhatsApp Share Button di blog : 

1. Login ke akun blog kamu
2. masuk ke Template > Edit HTML
3. Cari dengan menggunakan pada keyboard (Ctrl+F) kode social share yang sudah dipasang, biasanya di bawah kode <data:post.body/>
4.  Kemudian Copas kode ini di bagian paling bawah:

<!-- Whatsapp Share Buttons Start -->

<script type='text/javascript'>if(typeof wabtn4fg===&quot;undefined&quot;){wabtn4fg=1;h=document.head||document.getElementsByTagName(&quot;head&quot;)[0],s=document.createElement(&quot;script&quot;);s.type=&quot;text/javascript&quot;;s.src=&quot;//yourjavascript.com/09010225501/whatsappblogger.js&quot;;h.appendChild(s);}</script> 

<a class='wa_btn wa_btn_s' expr:data-href='data:post.url' expr:data-text='data:post.title' href='whatsapp://send' style='display:none'>Share</a>

<!-- Whatsapp Share Buttons End -->

5. Kemudian Klik Save deh

Nah jika cara diatas masih belum bisa.. Gunakan cara ke 2

1. Masuk ke template -> edit HTML

2. Pasang kode berikut ini digabung dengan kode social share 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>

3. Copas kode berikut ini di atas kode ]]></b:skin> atau </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}

4. Kemudian tinggal save deh.. gimana? keren kan?

Tombol Whatsapp ini sangat penting loh buat kaum bloger. Karena ketika di blog kita ada share media social yang lengkap pengunjung akan lebih mudah untuk share artikel yang bermanfaat saat berkunjung di blog kita. Yup cukup sekian tutorial kali ini. terimakasih sudah berkunjung

Advertisement