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