Cara Membuat Tombol Berbagi Media Sosial di Blogger dengan HTML

Konten [Tampil]

Sosial media adalah alat yang sangat efektif untuk meningkatkan eksposur konten Anda. Salah satu cara untuk memanfaatkan potensi ini adalah dengan menambahkan tombol berbagi media sosial ke setiap entri blog Anda. Tombol berbagi ini memungkinkan pengunjung Anda untuk dengan mudah membagikan konten yang mereka sukai ke berbagai platform media sosial. Di artikel ini, kita akan membahas cara membuat tombol berbagi media sosial di Blogger menggunakan bahasa pemrograman HTML.

Langkah 1: Masuk ke Blogger dan Pilih Blog Anda

Pertama, buka browser Anda dan masuk ke akun Blogger Anda.

Pilih blog yang ingin Anda tambahkan tombol berbagi media sosial.

Langkah 2: Buat Posting Baru atau Edit Posting yang Ada

Setelah memilih blog, Anda dapat membuat posting baru atau mengedit posting yang sudah ada. Untuk menambahkan tombol berbagi, perlu mengedit posting.

Langkah 3: Masukkan Kode HTML

Di dalam editor posting, Anda perlu memasukkan kode HTML untuk tombol berbagi media sosial. Berikut adalah contoh kode untuk tombol berbagi Facebook dan Twitter:

<div> <a href="https://www.facebook.com/sharer/sharer.php?u=<data:post.url>" target="_blank"> <img src="URL-GAMBAR-FACEBOOK" alt="Bagikan ke Facebook" /> </a> <a href="https://twitter.com/share?url=<data:post.url>&text=<data:post.title>" target="_blank"> <img src="URL-GAMBAR-TWITTER" alt="Bagikan ke Twitter" /> </a> </div>

Gantilah "URL-GAMBAR-FACEBOOK" dan "URL-GAMBAR-TWITTER" dengan URL gambar ikon Facebook dan Twitter yang ingin Anda gunakan.

Langkah 4: Simpan Posting

Setelah memasukkan kode HTML, klik "Simpan" atau "Terbitkan" untuk menyimpan perubahan posting Anda.

Langkah 5: Lihat Hasilnya

Buka posting Anda dan Anda akan melihat tombol berbagi Facebook dan Twitter di setiap posting. Pengunjung sekarang dapat dengan mudah berbagi konten Anda ke platform media sosial dengan mengklik tombol-tombol ini.

Itulah cara sederhana untuk menambahkan tombol berbagi media sosial di Blogger menggunakan bahasa pemrograman HTML. Anda dapat menyesuaikan kode ini dengan platform media sosial lainnya seperti LinkedIn, Pinterest, atau Instagram, sesuai kebutuhan Anda. Semoga ini membantu meningkatkan eksposur dan engagement konten blog Anda!