Info Menarik – Dari banyaknya trik untuk melengkapi konten WordPress adalah dengan memasang Sosial Media. Adapun Sosial Media adalah web sosial untuk berinteraksi berbagai macam kebutuhan satu sama lain. Jaman modern seperti sekarang ini, banyak sekali Sosial Media terkenal. Diantaranya web Sosial Media yang paling terkenal adalah Facebook.
Kenapa Harus Memasang Sosial Media di WordPress?
Sebetulnya ini bukan hal yang wajib memasang Sosial Media di WordPress. Namun terkadang hal ini jadi penting juga. Karena menurut saya jika memasang Sosial Media di WordPress maka salah satunya akan lebih memudahkan pengunjung kalau ingin berkenalan lebih jauh dengan pemilik WordPress.
Bukankah pepatah mengatakan “Tak kenal makan tak sayang, dan tak sayang makan tak cinta”.
Jumlah teman seribu masih kurang, tapi jika mempunyai musuh hanya satu orang maka itu terlalu banyak.
Sepertinya Anda sudah pada tahu, kalau sampai saat ini WordPress.com menolak keras pemasangan kode Javascript dan edit PHP. Lain lagi kalau domain Anda sudah tidak ngontrak lagi di WordPress.com. Maka dari itu kita harus mengakalinya dengan menerapkan kode-kode yang tidak melanggar TOS WordPress.com.
Dengan kemampuan yang terbatas, saya akan berbagi caranya agar tampilan Sosial Media di WordPress.com tidak kalah menarik dengan tampilan WordPress.org. Yaitu caranya dengan menambah gambar format .png dan .jpg ke link Sosial Media.
Memasang Kode yang Tidak Melanggar di WordPress.com
Berikut kode yang bisa Anda pasang di WordPress.com:
<a href="URL yang dituju"><img title="Judul Gambar/Icon" src="URL berkas Gambar/Icon" alt="Nama Icon" /></a>
Kode di atas Anda pasang di Sidebar mode Text. Sesuaikan kode URL yang dituju, Judul Gambar/Icon, URL berkas Gambar/Icon dan Nama Icon dengan yang Anda inginkan.
Ini adalah contoh kode yang sudah saya sesuaikan:
<a href="http://www.facebook.com/oneexcellent"><img title="Facebook" src="https://info-menarik.net/facebook-64x64.png" alt="Facebook" /></a>
Selanjutnya jika Anda menginginkan gambar Sosial Media menjadi fixed (melayang), maka kodenya adalah sebagai berikut :
<div style="display:scroll;position:fixed;Posisi Gambar/Icon;">
[script Gambar/Icon]</div>
Sesuaikan juga pada kode Posisi Gambar/Icon dan script Gambar/Icon dengan kebutuhan Anda. Berikut contohnya setelah kode kita sesuaikan:
<div style="display:scroll;position:fixed;top:100px;left:10px;"><a href="http://www.facebook.com/oneexcellent"><img title="Facebook" src="https://info-menarik.net/facebook-64x64.png" alt="Facebook" /></a></div>
Jika Anda menginginkan posisi gambarnya mengurut ke bawah bukan ke arah samping. Caranya mudah, tambahkan kode <br> di antara kode. Contohnya seperti ini:
<div style="display:scroll;position:fixed;top:100px;left:10px;"> <a href="http://www.facebook.com/oneexcellent"><img title="Facebook" src="https://info-menarik.net/facebook-64x64.png" alt="Facebook" /></a>
<br>
<a href="http://twitter.com/onesetia82"><img title="Twitter" src="https://info-menarik.net/twitter-64x64.png" alt="Twitter" /></a></div>
Bagaimana mudah bukan? Selanjutnya untuk masalah gambar iconnya Anda bisa membuat sendiri menggunakan program Adobe Photoshop atau CorelDRAW. Tapi jika Anda tidak mau repot, banyak tersebar di internet web penyedia icon Sosial Media gratis. Sebagai rekomendasi Anda bisa memanfa’atkan www.iconarchive.com.
Selebihnya Anda cari sendiri di Google gambar icon Sosial Medianya. Mungkin hanya itu saja tulisan singkat tentang Cara Memasang Sosial Media di WordPress.com.