Cara Memasang Tombol Share Sosial Media plus Whatsapp di Blog

Cara Memasang Tombol Share Sosial Media plus Whatsapp di Blog - Pada artikel kali ini saya akan membagikan informasi seputar blogging (mempercantik tampilan blog) tentang membuat tombol share sosial media di bawah postingan blog plus terhubung menuju aplikasi whatsapp secara langsung. Apakah anda ingin menerapkannya pada blog personal anda?

Sebelum menuju pada inti pembahasan kita kali ini, mari sedikit mengulas apa itu tombol sosial media dan fungsinya bagi blog sobat.

Cara Pasang Tombol Share Sosial Media Keren di Blog

Pengertian Tombol Sosial Media dan Fungsinya

Di kutip dari Wikipedia, sosial media adalah sebuah media daring, dengan para penggunanya bisa dengan mudah berpartisipasi, berbagi, dan menciptakan isi blog, wiki, forum, dan dunia virtual.

Sedangkan menurut fungsinya untuk blog ialah dapat mempermudah audiens (dalam hal ini, pengunjung blog) untuk membagikan informasi yang terdapat pada blog pada sosial media miliknya, seperti Facebook, Twitter, Linkedln, dan masih banyak lagi.

Memasang tombol share media sosial selain dapat mempercantik tampilan blog, juga sebagai tindakan melakukan promosi blog secara gratis dengan harapan audiens membagikan artikel blog ke media sosial miliknya.

Langsung saja sobat, kita menuju pada inti pembahasan kita kali ini.

Cara Memasang Tombol Share Sosial Media Plus Whatsapp di Blog

1. Masuk ke Dasbor Blog. Klik "Tema" kemudian pilih "Edit HTML"
2. Copas kode share sosial media berikut ini, dan letakkan tepat bawah kode <b:includable id='postsharebutton' var='post'>

TIPS: Untuk memudahkan dalam pencarian kode <b:includable id='postsharebutton' var='post'>, klik sembarang di HTML Template kemudia tekan CTRL+ F lalu masukkan kode <b:includable id='postsharebutton' var='post'> dan tekan tombol enter pada keyboard.

<div id='share-container'>
<div class='label-line-c'>
<p class='share-this-pleaseeeee'>Share this post</p>
</div>
<div id='share'>
  <!-- facebook -->
  <a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='blank'><i class='fa fa-facebook'/></a>
  <!-- twitter -->
  <a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='blank'><i class='fa fa-twitter'/></a>
  <!-- pinterest -->
  <a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:blog.postImageUrl + &quot;&amp;amp;description=&quot; + data:post.title' rel='nofollow' target='blank'><i class='fa fa-pinterest-p'/></a>
  <!-- whatsapp -->
  <a class='whatsapp' 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'/></a>
</div>
</div>

3. Klik "Simpan Tema"



Sekian tutorial tentang cara memasang tombol share sosial media plus whatsapp di blog, Semoga bermanfaat. Jika ada pertanyaan, silahkan tulis pada kolom komentar yang tersedia bawah ini. Terima Kasih.

BACA JUGA : Cara Memasang ADS TXT di Blog Blogspot untuk Publisher AdSense (Terbaru)

Share this post