Cara Memasang Tombol Share Media Sosial di Blogspot

[Show]

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

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.