Social media adalah salah satu cara untuk mempromosikan blog agar terkenal dan mendapatkan banyak pengunjung.
Jika Anda cukup pintar untuk memanfaatkan social media, seperti Facebook, Twitter, ataupun Google+, bukan hal yang tidak mungkin jika misalkan Anda akan mendapatkan traffic yang cukup untuk membuat statistik laporan pengunjung Anda menjadi runcing dikarenakan lonjakan pengunjung yang tinggi.
Untuk dapat mengoptimalkan penggunaan social media, Anda juga dapat memfasilitasi pengunjung blog Anda dengan suatu fitur yang dapat mempermudah mereka untuk membagikan artikel ke social media tanpa harus membuka situs social media terlebih dahulu, baru kemudian membagikan tautan blog Anda secara manual.
Itu tentunya rasanya sedikit merepotkan, terutama bagi pengunjung.
Dengan begitu, mereka mungkin akan malas membagikan artikel Anda ke sosmed.
Karena alasan inilah, saya akan sangat disarankan untuk menambahkan tombol social share di blog Anda.
Dengan melakukan pemasangan tombol social share, pengunjung akan dapat membagikan artikel yang dimuat di situs Anda ke social media hanya dengan mengklik 'suatu tombol', yang memang dikhususkan untuk menjalankan fungsi tersebut.
Dan seperti yang saya tuliskan pada judul artikel ini "Cara MEMBUAT Tombol Social Share di BLOG: Lengkap", saya akan membagikan lebih dari satu style tombol social share, jadi silahkan pilih tampilan tombol social share yang Anda suka.
Untuk selengkapnya, silahkan ikuti langkah-langkah dibawah ini untuk memasang tombol social share di blog:
<div id='share-button'>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' style='background:#3b5998;'>Facebook</a>
<a expr:href='"http://plus.google.com/share?url=" + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+</a>
<a expr:href='"whatsapp://send?text=" + data:blog.url' rel='nofollow' style='background:#12e33a;'>WhatsApp</a>
<a expr:href='"https://twitter.com/intent/tweet?url=" + data:blog.url + "&text=" + data:post.title + "&lang=id"' rel='nofollow' style='background:#4099ff;'>Twitter</a> <script> //<![CDATA[ var uri = window.location.href; var ttle = document.title; document.write("<a href='http://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' rel='nofollow' style='background:#FF9900;'>Lintaskan</a>"); //]]> </script> <div class='clear'/> </div>
<style>
#share-button{margin:10px 0;padding:5px;border: 1px solid #eee;overflow:hidden}#share-button p{float:left;display:block;padding:5px 8px !important;margin:0 3px 3px 0;border-radius:6px 6px;border:1px solid #fff}#share-button a{position:relative;float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);border-radius:1px 1px;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;border:1px solid #fff}#share-button a:active{top:1px; left:1px;box-shadow:0px 0px 3px rgba(1,1,1,.1)}
</style>
Jika Anda cukup pintar untuk memanfaatkan social media, seperti Facebook, Twitter, ataupun Google+, bukan hal yang tidak mungkin jika misalkan Anda akan mendapatkan traffic yang cukup untuk membuat statistik laporan pengunjung Anda menjadi runcing dikarenakan lonjakan pengunjung yang tinggi.
Untuk dapat mengoptimalkan penggunaan social media, Anda juga dapat memfasilitasi pengunjung blog Anda dengan suatu fitur yang dapat mempermudah mereka untuk membagikan artikel ke social media tanpa harus membuka situs social media terlebih dahulu, baru kemudian membagikan tautan blog Anda secara manual.
Itu tentunya rasanya sedikit merepotkan, terutama bagi pengunjung.
Dengan begitu, mereka mungkin akan malas membagikan artikel Anda ke sosmed.
Karena alasan inilah, saya akan sangat disarankan untuk menambahkan tombol social share di blog Anda.
Dengan melakukan pemasangan tombol social share, pengunjung akan dapat membagikan artikel yang dimuat di situs Anda ke social media hanya dengan mengklik 'suatu tombol', yang memang dikhususkan untuk menjalankan fungsi tersebut.
Dan seperti yang saya tuliskan pada judul artikel ini "Cara MEMBUAT Tombol Social Share di BLOG: Lengkap", saya akan membagikan lebih dari satu style tombol social share, jadi silahkan pilih tampilan tombol social share yang Anda suka.
Untuk selengkapnya, silahkan ikuti langkah-langkah dibawah ini untuk memasang tombol social share di blog:
- Pertama, silahkan pergi ke dashboard blog Blogger Anda
- Setelah itu, masuk ke menu Template--> Edit HTML
- Tekan tombol CTRL+F (tombol yang berfungsi untuk mencari kata/kode) secara bersamaan di keyboard, kemudian cari kode <head>
- Jika sudah, copy-paste script dibawah ini tepat dibawah kode <head>
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
- Kemudian cari kode <data:post.body/>
- Jika sudah, copy-paste script dibawah ini tepat diatas kode <data:post.body/> jika Anda ingin tombol social share muncul dibawah judul, dan pasang script dibawah ini tepat dibawah kode <data:post.body/> jika Anda ingin tombol share muncul di akhir artikel.
<div id='share-button'>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' style='background:#3b5998;'>Facebook</a>
<a expr:href='"http://plus.google.com/share?url=" + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+</a>
<a expr:href='"whatsapp://send?text=" + data:blog.url' rel='nofollow' style='background:#12e33a;'>WhatsApp</a>
<a expr:href='"https://twitter.com/intent/tweet?url=" + data:blog.url + "&text=" + data:post.title + "&lang=id"' rel='nofollow' style='background:#4099ff;'>Twitter</a> <script> //<![CDATA[ var uri = window.location.href; var ttle = document.title; document.write("<a href='http://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' rel='nofollow' style='background:#FF9900;'>Lintaskan</a>"); //]]> </script> <div class='clear'/> </div>
<style>
#share-button{margin:10px 0;padding:5px;border: 1px solid #eee;overflow:hidden}#share-button p{float:left;display:block;padding:5px 8px !important;margin:0 3px 3px 0;border-radius:6px 6px;border:1px solid #fff}#share-button a{position:relative;float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);border-radius:1px 1px;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;border:1px solid #fff}#share-button a:active{top:1px; left:1px;box-shadow:0px 0px 3px rgba(1,1,1,.1)}
</style>
- Kemudian klik tombol Simpan template
- Tada! Kini tombol social share flat design dengan counter sudah terpasang di blog Anda
Post a Comment
terima kasih atas komentarnya