Cara Memasang Tombol Share Media Sosial di Blogspot
Memasang tombol berbagi (share button) ke media sosial adalah salah satu cara terbaik untuk meningkatkan visibilitas dan lalu lintas blog.
Dengan tombol ini, pengunjung blog dapat dengan mudah membagikan artikel ke berbagai platform seperti Facebook, Twitter, WhatsApp, dan lainnya hanya dengan satu klik.
Berikut adalah artikel lengkap tentang cara memasang tombol share media sosial di Blogspot, disertai dengan penjelasan langkah demi langkah
🔧 Keuntungan Memasang Tombol Share
-
Meningkatkan jumlah pengunjung karena artikel Anda tersebar di berbagai platform.
-
Mempermudah pembaca dalam membagikan konten favorit mereka.
-
Meningkatkan SEO secara tidak langsung karena meningkatnya kunjungan dan backlink.
📌 Langkah-Langkah Memasang Tombol Share di Blogspot
1. Masuk ke Blogger
Login ke akun Blogger Anda dan pilih blog yang ingin Anda pasangi tombol share.
2. Masuk ke Menu “Tata Letak”
-
Buka menu “Tata Letak”
-
Pilih bagian “Posting Blog” atau di bawah artikel yang ingin diberi tombol
3. Tambahkan HTML/Javascript
-
Klik “Tambahkan Gadget”
-
Pilih jenis gadget “HTML/Javascript”
4. Salin dan Tempel Kode HTML Ini
Gunakan kode tombol share sederhana berikut:
<div class="share-buttons">
<a href="https://www.facebook.com/sharer/sharer.php?u=<data:post.url/>" target="_blank">Share Facebook</a> |
<a href="https://twitter.com/intent/tweet?url=<data:post.url/>&text=<data:post.title/>" target="_blank">Share Twitter</a> |
<a href="https://api.whatsapp.com/send?text=<data:post.title/> <data:post.url/>" target="_blank">Share WhatsApp</a>
</div>
5. Simpan dan Lihat Hasilnya
-
Klik “Simpan” gadget
-
Kunjungi salah satu artikel Anda dan lihat apakah tombol share sudah muncul
🎨 Tips Desain (Opsional)
Agar tampilan tombol lebih menarik, tambahkan CSS ke dalam template Anda:
<style>
.share-buttons a {
background-color: #eee;
padding: 8px 12px;
margin: 4px;
display: inline-block;
border-radius: 5px;
text-decoration: none;
color: #000;
font-weight: bold;
}
.share-buttons a:hover {
background-color: #ccc;
}
</style>
Letakkan CSS ini di bagian <head> atau di atas kode HTML tombol.
✅ Penutup
Dengan tombol share media sosial di blogspot, artikel Anda bisa dengan cepat menyebar di internet. Pastikan juga Anda selalu membuat konten yang layak untuk dibagikan. Jika ingin lebih canggih, Anda bisa memakai layanan pihak ketiga seperti AddThis atau ShareThis.
