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).

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.

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….

Tweet