Tips Membuat Sendiri Tombol Sosial Media di Blog

Tombol Sosial Media di suatu blog sangatlah diperlukan, karena hal itu merupakan salah satu cara untuk menghubungkan pemilik blog dengan sahabat blogger yang lain atau dengan komunitas lainnya. Selain itu juga dapat membuka peluang bertambahnya traffik ke blog.

Banyak sekali Sosial Media yang ada saat ini, seperti Facebook, Twitter, Linkedin, Google + dan lain sebagainya.  Untuk mendapatkannya pun mudah sekali, karena banyak layanan yang menyediakannya, seperti addthis.com, sharethis.com dan masih banyak yang lainnya.

Namun untuk kali ini saya akan berbagi Tips Membuat Sendiri Tombol Sosial Media di Blog, artinya kita tidak menggunakan layanan lain, tapi kita membuatnya sendiri. Hal ini akan membuat kita lebih kreatif dan hasilnya pun akan lebih memuaskan.

Berikut ini adalah langkah-langkahnya :

1) Cari atau download gambar-gambar icon sosial media yang diperlukan dan sesuai selera(cari yang resolusinya besar).

Tips Membuat Sendiri Tombol Sosial Media di Blog

2) Edit atau samakan ukuran semua  gambar icon tersebut, bisa menggunakan photoshop atau aplikasi lain.
3) Upload gambar icon tersebut ke web, bisa ke Flickr, Picasa atau pun ke halaman Facebook sahabat.
4) Setelah diupload, copy link gambar icon tersebut dan simpan di notepad.

Tips Membuat Sendiri Tombol Sosial Media di Blog

5) Setelah itu siapkan link-link account sosial media kita (simpan di notepad).
6) Selanjutnya buatlah di notepad kode script untuk masing gambar icon, contohnya seperti berikut :

<a href="https://twitter.com/duniainfo8tips" title="Follow us on Twitter" target="_blank"><img src="http://a2.sphotos.ak.fbcdn.net/hphotos-ak-ash4/422728_386110931400700_338587376153056_1530667_792586356_n.jpg" alt=" Follow" width="55" height="55" title=" Follow us on Twitter " /></a>

Ket :
Yang diberi warna merah adalah link account sosial media dan yang warna biru adalah link gambar icon, untuk width dan height silahkan sesuaikan dengan template blog sahabat atau sesuai selera.

7) Untuk mulai memasangnya di blog, seperti biasa sahabat login dulu ke blog, lalu menuju Rancangan/Tata Letak, kemudian klik add gadget (tambah gadget), lalu pilih HTML/JavaScript.
Copy kode script gambar icon yang tadi dibuat di notepad dan pastekan di HTML/JavaScript, lalu klik save/simpan. Untuk penempatannya silahkan sahabat atur sendiri, bisa di atas, di bawah, atau dimana saja.
8) Lihat hasilnya dengan klik pratinjau, kalau sudah pas klik simpan penganturan.
9) Selesai

Naah..sekarang sahabat telah mempunyai tombol sosial media buatan sendiri…. :D
Contoh hasilnya bisa dilihat di sidebar atas blog kesayangan saya ini….lumayan khaan..

Demikian Tips Membuat Sendiri Tombol Sosial Media di Blog yang alakadarnya dari saya, semoga bermanfaat dan selamat mencoba….

13 Responses to "Tips Membuat Sendiri Tombol Sosial Media di Blog"

  1. tips yang sangat bermanfaat untuk para blogger newbie seperti saya

    ReplyDelete
  2. luar biasa kalau masalah utak atik blog saya paling newbie kang lihat aja template saya awut-awutan, blog akang ini nampak profesional mirip template denaihati

    ReplyDelete
  3. @obat herbal stroke
    Sama-sama...ini sekedar pengalaman saya..semoga bisa bermanfaat...

    ReplyDelete
  4. @munir ardi
    Terima kasih bang...semoga tenarnya pun seperti DH hehehee :)

    ReplyDelete
  5. Terimakasih atas infonya, tips ini memang lagi saya cari

    ReplyDelete
  6. Tips yang berguna buat semua :)

    TQ syer

    ReplyDelete
  7. waaawww keren
    tipsnya bagus sekali
    postingnya sangat bagus untuk dibaca
    alaangkah baiknya jika kita saling berbagi informasi,kunjungi dong web kami http://ict.unsri.ac.id
    mampir yaa di web kami
    terima kasih

    ReplyDelete
  8. @Antaresa
    Sama-sama, silahkan dicoba dan semoga berhasil :D

    ReplyDelete
  9. @yuliana
    Terimakasih..insya Allah saya mampir kesana.. :)

    ReplyDelete
  10. tips yang baru saya tahu..thanks for sharing bro

    ReplyDelete
  11. @segalabenda
    sama-sama dan selamat mencoba, semoga berhasil...

    ReplyDelete
  12. Terima kasih infonya. selama ini saya selalu mengandalkan wp plugin. Padahal plugin bikin web semakin berat aja.

    http://grosirtaskulit.com

    ReplyDelete
  13. @Tove
    Terima kasih kembali, namun saya belum tahu apakah tips ini berlaku juga untuk WP, karena saya hanya lakukan di blogspot...

    ReplyDelete