Membuat Tombol Facebook like, Twitter, G+, Pinterest Horizontal Segaris Blogger (Blogspot)

Tombol facebook share, facebook like, facebook send, Twitter Tweet, Google Plus dan Pin it Pinterest dalam suatu blog/website berguna/berfungsi untuk memudahkan pemilik blog/website maupun pembaca membagikan artikel yang direkomendasikan (disukai) pada blog/website. Tombol facebook share, facebook like, facebook send, Twitter Tweet, Google Plus dan Pin it Pinterest juga berfungsi untuk memperluas penyebaran link kita di media sosial sehingga dapat menaikkan ranking blog/website dikarenakan memperoleh banyak backlink / inbound link (link dari website lain menuju blog/website penulis) dari website papan atas (website pagerank tinggi) sehingga menaikkan ranking pencarian blog/website pada mesin pencarian.

Lalu bagaimanakah menambah/membuat facebook share, facebook like, facebook send, Twitter Tweet, Google Plus dan Pin it Pinterest pada blog/website? Berikut ialah langkah-langkahnya :

  1. Buka dashboard blogger (blogspot).
  2. Pilih menu template.
  3. Pilih edit html.
  4. Cari (tekan Ctrl + F) kode berikut :</body>
  5. Masukkan kode berikut sebelum kode di atas, sehingga kode menjadi seperti kode di bawah : <script async='true' src='//connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><script async='true' src='//platform.twitter.com/widgets.js' type='text/javascript'/><script async='true' src='//assets.pinterest.com/js/pinit.js' type='text/javascript'/></body>
  6. Kemudian cari (tekan Ctrl + F) kode berikut : <b:includable id='post' var='post'>
  7. Kemudian cari lagi di bawah kode di atas, kode berikut : <div class='post-footer'>
        <div class='post-footer-line post-footer-line-1'>
  8. Masukkan kode berikut setelah kode di atas (boleh pada footer line-2 ataupun line-3) sehingga kode menjadi sebagai berikut :<div class='post-footer'>
        <div class='post-footer-line post-footer-line-1'><b:if cond='data:blog.pageType == &quot;item&quot;'><a expr:href='&quot;https://www.facebook.com/sharer/sharer.php?u=&quot; + data:post.url + &quot;&quot;' target='_blank'><img src='https://lh5.googleusercontent.com/-lx6tVV5vSl8/Ul0441c4MpI/AAAAAAAACc4/l8bU8T32Uls/s800/facebook-share.jpg' style='height:20px'/></a><div class='fb-like' data-action='like' data-colorscheme='light' data-height='auto' data-layout='button_count' data-send='true' data-show-faces='false' data-width='auto'/><a class='twitter-share-button' data-dnt='true' data-via='IlmaAdzim' href='https://twitter.com/share'/><div class='g-plusone' data-size='medium'/><a data-pin-config='beside' data-pin-do='buttonPin' expr:href='&quot;http://www.pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&quot;' target='_blank'><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png'/></a></b:if>
  9. Ganti kode berwarna kuninng dengan nama akun twitter pemilik blog/website.
  10. Tombol hanya akan termuat pada halaman artikel dikarenakan tombol di atas membagikan halaman berdasarkan alamat url website/blog yang tertera pada url browser.
  11. Pilih simpan (save).
  12. Buka halaman artikel blog/website.
  13. Lakukan pengujian tombol facebook share, facebook like, facebook send, Twitter Tweet, Google Plus dan Pin it Pinterest masing-masing.
  14. Selesai.
Membuat Tombol Facebook like, Twitter, G+, Pinterest Horizontal Segaris Blogger (Blogspot)

Komentar

Posting Komentar

Postingan populer dari blog ini

Menampilkan File Google Drive Pada Blog / Website

Membuat Tombol Kembali Ke Atas Melayang di Pojok Kanan Bawah Blogger (Blogspot)

Membuat Judul Halaman Blog Dinamis Blogger (Blogspot) Untuk Optimasi Mesin Pencarian