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 :
- Buka dashboard blogger (blogspot).
- Pilih menu template.
- Pilih edit html.
- Cari (tekan Ctrl + F) kode berikut :
</body>
- 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>
- Kemudian cari (tekan Ctrl + F) kode berikut :
<b:includable id='post' var='post'>
- Kemudian cari lagi di bawah kode di atas, kode berikut :
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'> - 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 == "item"'><a expr:href='"https://www.facebook.com/sharer/sharer.php?u=" + data:post.url + ""' 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='"http://www.pinterest.com/pin/create/button/?url=" + data:post.url + ""' target='_blank'><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png'/></a></b:if> - Ganti kode berwarna kuninng dengan nama akun twitter pemilik blog/website.
- Tombol hanya akan termuat pada halaman artikel dikarenakan tombol di atas membagikan halaman berdasarkan alamat url website/blog yang tertera pada url browser.
- Pilih simpan (save).
- Buka halaman artikel blog/website.
- Lakukan pengujian tombol facebook share, facebook like, facebook send, Twitter Tweet, Google Plus dan Pin it Pinterest masing-masing.
- Selesai.
Komentar ini telah dihapus oleh pengarang.
BalasHapus