Menampilkan Ikon Sosial Media

Setelah beberapa pertanyaan yang harus dijawab melalui postingan. Ini tutorial yang ditanyakan oleh teman-teman Honeylizious. Tanpa mengubah niat awal ngeblog untuk mencatat kehidupan saya, semoga postingan tutorial yang saya buat bermanfaat. Meskipun sedikit semoga bisa menjawab pertanyaan teman-teman.

Kemarin ada yang bertanya bagaimana caranya menampilkan ikon sosial media kita di blog. Sebenarnya ini tidak jauh beda dengan banner. Ada gambar dan gambar terkoneksi dengan tautan yang membawa kita ke halaman yang diinginkan pembuat banner tersebut. Tentunya ikon sama-sama gambar. Bedanya hanya pada ukuran yang lebih kecil.

Berikut beberapa ikon yang bisa digunakan untuk akun sosial media teman-teman yang ingin ditampilkan di widget mana saja di blog. Gambar bisa diubah sesuai dengan keinginan. Berikut hanya contoh dan ikon sepenuhnya milik ThePigTails.

<a href="http://honeylizious.com/" style="line-height: 200%;" target="_blank"><img alt="Photobucket" border="0" src="http://i1115.photobucket.com/albums/k559/listia_19/pigtails_blogspot.png" /></a>

 
<a href="http://facebook.com/rohanisyawaliah" style="line-height: 200%;" target="_blank"><img alt="Photobucket" border="0" src="http://i1115.photobucket.com/albums/k559/listia_19/pigtails_facebook.png" /></a>


<a href="http://www.youtube.com/user/honeylizious" style="line-height: 200%;" target="_blank"><img alt="Photobucket" border="0" src="http://i1115.photobucket.com/albums/k559/listia_19/pigtails_youtube.png" /></a>

<a href="http://twitter.com/honeylizious" style="line-height: 200%;" target="_blank"><img alt="Photobucket" border="0" src="http://i1115.photobucket.com/albums/k559/listia_19/pigtails_twitter.png" /></a>

Untuk menggunakan silakan copy kode html dan masukkan ke widget html dan ganti tautan sosial media dengan milik teman-teman. Apabila ingin menggunakan gambar yang lain, siapa tahu banyak teman-teman yang bisa membuat ikon lebih indah dari ini atau ada yang tidak sreg dengan gambarnya yang lebih cocok buat cewek remaja, bisa mengunggah ikon yang diinginkan di situs-situs yang memang disediakan untuk menyimpan foto dan ada pilihan kode html-nya. Buat yang sudah paham dengan kode html sih tidak perlu susah-susah. Tinggal mengetik beberapa kode di widget dan jadilah ikon yang diinginkan.

Khusus saya sendiri suka menggunakan PhotoBucket. Unggah gambar apa pun yang ingin saya jadikan widget di sana dan ambil kodenya. Lalu mengganti tautan yang menuju PhotoBucket dengan tautan yang kita inginkan. Kalau masalah posisi bisa mengeditnya di kotak postingan.

Pertama kita buka kotak postingan yang masih kosong. Pilih 'html' dan masukkan kode html gambar di sana. Lalu ganti dengan 'compose' dan gambar akan terlihat secara utuh. Posisikan di tengah, kiri, kanan, atau rata kiri kanan. Jika ingin dalam satu widget memuat semua ikon sosial media, copy semua kode ikon. Lalu posisikan. Ubah kembali menjadi 'html' dan masukkan ke widget lalu simpan.

Masih banyak ikon yang tersedia di luar sana. Bisa mampir ke sini untuk selengkapnya. Unduh ikon yang diinginkan kemudian unggah ke PhotoBucket. Lakukan seperti yang telah saya jelaskan sebelumnya. Cara membuat banner juga sama seperti ini.

Selamat mencoba.