Di semrush, ada sekitar 50 orang yang sedang mencari Cara Membuat Tombol Share Dibawah Postingan Blog dalam setiap bulannya. Apakah kamu salah satunya? Jika demikian silahkan lanjutkan membaca artikel cara membuat tombol share di website sampai tuntas.
Manfaat Adanya Tombol Share Media Sosial di Website
Tombol ini juga sekalian menjadi titik awal bagi artikel blog untuk memperlebar sayapnya di dunia maya. pengunjung yang mengklik ikon share media sosial juga bisa membagikan artikel kita di laman miliknya.
Link artikel kita akan tayang dihalaman facebook pengunjung tersebut dan teman-temannya yang bisa berjumlah ratusan atau ribuan juga menemukannya.
Jika mereka kepincut dengan judulnya, bukan tidak mungkin artikel kita akan dilahap. Blog pun mulai memperluas cengkramannya.
Semakin banyak yang melakukan klik "share" artikel pada blog, peluang untuk lebih dikenal pengguna internet semakin menganga lebar.
Hasilnya Blog menjadi semakin banyak pengunjung dan peluang artikel untuk nongkrong dihalaman pertama google menjadi semakin besar.
Jika artikel sering muncul dihalaman pertama google, peluang untuk diklik pengunjung semakin bagus.
Mengingat perilaku pengguna internet yang lebih menyenangi hasil pencarian di halaman pertama saja.
Jika mereka tidak menemukan artikel yang sesuai kriteria, biasanya kata kuncinya akan diganti dan jarang melanjutkan hasil pencarian di halaman kedua.
- Meningkatkan klik iklan yang berimbas naiknya pendapatan
- Meningkatkan penjualan
- Menaikkan daya tawar blog
Kode Script Tombol Share Untuk Blog
Kembali ke topik utama 'Membuat Tombol Share Blog' yang akan Armaila uraikan berikut ini adalah tombol share ala template evomagz dari mas sugeng versi lama. Mengapa versi lama?
Di versi lama template blogger tersebut ada hal yang menarik dari tombol sharenya yaitu berupa tampilnya jumlah postingan atau artikel blog yang telah dishare dan dilike ke facebook. Hal tersebut ada nilai daya tarik sendiri bagi Armaila.
Sudah dapat dipastikan kita akan bersinggungan sedikit dengan kode HTML dalam mempraktekkan cara membuat tombol share di website ini.
Armaila sendiri membutuhkan tombol share yang dimodifikasi sendiri dengan informasi yang ada di google berhubung karena website trendingnews.armaila.com yang menggunakan template MagOne tidak menyertakan fitur tombol share.
Kode HTML 1 Sebelum Kode ]]></b:skin>
- Silahkan login ke blog anda
- Masuk ke template > edit html
- Copy kode berikut ini dan tempatkan diatas kode ]]></b:skin>.
/*Tombol Share Armaila*/
.share-buttons-box {height: 67px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOyxTVTwL-N4pTd2cSC4p4wBbS1w0R4q2Ln8mSr4OI7LR_Kqn0rgM3D5mVd3ol8_Ws51ENo6XmTYR10wMTzAkD-_KNuZbfv70Amp9RVV5PFywIF9EfKlgGV9_yx8DgSBiitUZt8kYmQkhgW9NHxL-XlAz35rryfPHFzV0TaJVFh7eDP1xd09BK55pEFA/s16000/share.webp) no-repeat 330px 10px;margin:20px 0 15px;overflow:hidden;}
.share-buttons{margin:0 0;height:67px;float:left}
.share-buttons .share{float:left;margin-right:10px;display:inline-block}
Kode HTML 2 Setelah Kode <data:post.body/>
selanjutnya cari kode ini <data:post.body/>. Pastikan ditempatkan pada kode yang kedua yang muncul
Nah silahkan masukkan kode dibawah ini.
<!-- Tombol Share Armaila -->
<div class='share-buttons-box'>
<div class='share-buttons'>
<div class='share gplus'><div class='g-plusone' data-size='tall' expr:data-href='data:post.url'/></div>
<div class='share like'><div class='fb-like' data-action='like' data-layout='box_count' data-share='false' data-show-faces='false' expr:data-href='data:post.url'/></div>
<div class='share fbshare'><div class='fb-share-button' data-type='box_count' expr:data-href='data:post.url'/></div>
<div class='share linkedin'><script src='//platform.linkedin.com/in.js' type='text/javascript'>
lang: en_US </script><script data-counter='top' expr:data-url='data:post.url' type='IN/Share'/></div>
</div>
</div></script></div></div></div></div></div></div>
<!-- Tombol Share Armaila -->
Terakhir simpan template anda. Jika berhasil maka tombol sharing ke sosial media akan tampil ala evomagz mas sugeng versi memunculkan jumlah share.
Penutup
Demikianlah artikel tentang Cara Membuat Tombol Share Dibawah Postingan Blog. Untuk mendukung kelengkapan informasi, artikel ini dirangkum dari website nbcdns dan puteka85
Semoga bermanfaat.