Pages

2016-11-15

Tutorial Cara Pasang Widget Medsos di Blog Anda


Gambar seperti di atas seringkali kita temukan di halaman situs atau blog yang kita kunjungi, tapi untuk apa mereka mengumbar akses ke media sosial mereka yang terkesan private?

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

Lalu bagaimana cara menambahkannya ke blog kita? Berikut akan kami uraikan cara menambahkan widget akun/link ke media sosial anda ke sidebar blog kita.

Pertama tentunya anda harus memiliki akun di medsos tersebut, dan jika anda hanya mempunyai sebagian saja akun dari medsos tersebut, nanti bisa dihilangkan pada saat anda menginput script ke blog anda.



1. Loginlah ke blogger, dan masuk ke dashboard.
2. Pilih template, kemudian klik edit html.

3. Temukan (Ctrl+F) kode ]]></b:skin> atau </style>

4. Copas kode CSS di bawah ini di atas skin

#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}

 5. Save template anda.

Langkah berikut, adalah pengaitan link medsos anda, dengan masuk ke layout/tata letak.

6. Klik Tata Letak, kemudian Add A Gadget, pilih HTML/Javascript.
7. Copy kode berikut dan paste kan ke dalam content. Judul bisa diisi, bisa tidak. 


<div id='top-social-profiles'>
<ul class='widget-container'>
<li class='social-profiles-widget'>

<a href='http://www.twitter.com/akuncontoh/' 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/akuncontoh/' 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/010101010101010/' 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/akuncontoh' 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/akuncontoh/' 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/akuncontoh' 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/akuncontoh' 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>

Masukkan akun anda utk mengganti link yang berwarna merah.
Misalnya anda gak punya akun linkedin, hapus saja script buat Linkedin tadi.

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

dan seterusnya. 
Hanya saja, semakin banyak akun medsos kita, semakin kuat backlink ke blog kita.
8. Save dan selesai.

join us on adf.ly

Tidak ada komentar:

Posting Komentar