Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Widget Sosial Media Untuk Blog

Sosial Media atau media sosial menjadi salah satu pilar SEO blog. Menurut para ahli, fungsi link akun media sosial yang dipasang di blog antara lain "attract new readers and engage with regulars", menarik pembaca baru dan "merawat" pengunjung setia.



Berikut ini cara menampilkan, menambah, atau memasang widget icon/link media sosial di sidebar blog yang juga berfungsi menambah follower, liker, dan teman. DEMO-nya bisa dilihat di ilustrasi gambar posting ini.

Tentu atuh, sebelumnya teh, Anda harus sudah punya akun-akun medsosnya.

Cara Memasang Widget Ikon Media Sosial di Sidebar Blog
1. Login ke Blogger.
2. Klik "Template" -> "Edit HTML"
3. Temukan (Ctrl+F) kode
]]></b:skin>
atau
</style>
dan Copy-paste kode CSS berikut ini di atasnya:

#top-social-profiles{height:42px;text-align:right}#top-social-profiles img{margin:0 6px 0 0px !important}

#top-social-profiles img:hover{opacity:0.8}

#top-social-profiles .widget-container{background:none;padding:0;border:0}

.social-profiles-widget img{margin:0 6px 0 0}

.social-profiles-widget img:hover{opacity:0.8}


4. Simpan Template!

5. Jika sudah menyimpannya sekarang Lanjut dengan langkah berikutnya, yaitu pemasangan link akun medosnya di Tata Letak:

5. Klik "Klik Tata Letak" > "Tambahkan Gadget" > pilih "HTML/JavaScript".
6. Copas kode berikut ini di kolom "content". Judulnya cuekin aja, biarkan kosong!

<div id='top-social-profiles'>

<ul class='widget-container'>

<li class='social-profiles-widget'>



<a href='http://www.twitter.com/#/' target='_blank'><img alt='Twitter' src='https://lh6.googleusercontent.com/-40NMu9YKlek/VJ66NcYZy3I/AAAAAAAAI5Y/9Yn9ZtLQb18/s32-no/twitter.png' title='Twitter'/></a>

<a href='http://www.facebook.com/#/' target='_blank'><img alt='Facebook' src='https://lh6.googleusercontent.com/-DDBzF64PrRQ/VJ66Llwc7uI/AAAAAAAAI44/9cZaAsCSBOM/s32-no/facebook.png' title='Facebook'/></a>

<a href='http://plus.google.com/#/' target='_blank'><img alt='Google Plus' src='https://lh4.googleusercontent.com/-87tOc499YgM/VJ66MM6smeI/AAAAAAAAI48/CpqKtTJyhSs/s32-no/google.png' title='Google Plus'/></a>

<a href='http://www.linkedin.com/in/#' target='_blank'><img alt='LinkedIn' src='https://lh6.googleusercontent.com/-wsMOZqtgZsI/VJ_Wi7YStbI/AAAAAAAAI9Y/xWVrEivmlZY/s32-no/linkedin.png' title='LinkedIn'/></a>

<a href='http://www.pinterest.com/#/' target='_blank'><img alt='Pinterest' src='https://lh5.googleusercontent.com/-rQI0ZCqxvX0/VJ_WjcQ9QII/AAAAAAAAI9g/0XajOPBuXKI/s32-no/pinterest.png' title='Pinterest'/></a>

<a href='http://instagram.com/#' target='_blank'><img alt='Instagram' src='https://lh4.googleusercontent.com/-3MPofh4xhe4/VJ66Ma_XWaI/AAAAAAAAI5E/6d8mLJBvFFU/s32-no/instagram.png' title='Instagram'/></a>

<a href='http://www.youtube.com/user/#' target='_blank'><img alt='Youtube Channel' src='https://lh3.googleusercontent.com/-iuHC7JsIgz0/VJ_WHFriyOI/AAAAAAAAI9I/S2gf8lcU8uA/s32-no/youtube%2Bicon.png' title='Youtube Channel'/></a>



</li>

</ul>

</div>


*Note
Ganti Yanda pagar link yang berwarna merah dengan link media sosial Anda!

Menurut para ahli, akun media sosial, selain berfungsi menyebarkan posting blog, juga bisa menjadi sumber "backlink" atau "outbond link", yakni tautan dari situs lain ke blog kita.

Baca Juga : Cara Membuat Tampilan Fanspage di Blog

Backlink adalah salah satu yang diperhatikan oleh mesin pencari Google untuk menentukan peringkat blog kita di halaman hasil pencarian (SERP) termasuk bagi mereka yang menjadi Publisher Adsense.

Maka, buatlah akun media sosial sebanyak-banyaknya. Meskipun "gak diurus", minimal akan menjadi backlink ke blog kita, selama kita memasukkan link blog ke "profil" di media-media sosial itu.