Cara Membuat Ikon Media Sosial Di Blog

Media Sosial merupakan sebuah media online yang para penggunanya bisa dengan mudah berpartisipasi dan berbagi menciptakan isi meliputi blog, jejaring sosial, forum dan media virtual lainya. Blog juga merupakan sebuah media sosial yang paling umum digunakan oleh masyarakat diseluruh dunia.

Tidak dipungkiri, sekarang ini lagi musimnya media sosial. Hampir setiap anak muda mempunyai media sosial, baik itu facebook, instagram, google+,twitter dan lain sebagainya. Media sosial tersebut dapat digunakan sebagai promosi sebuah blog. Tidak sedikit blogger menggunakan media sosial untuk menaikan jumlah pengunjung.

Sehingga sangat disarankan setiap blog mempunyai ikon yang menuju ke media sosial tersebut. Dengan harapan teman kita yang ada di media sosial itu mengetahui dan mau membaca berbagai artikel yang sudah kita tulis. 

Adapun langkah - langkah untuk membuat ikon media sosial tersebut adalah sebagai berikut:

Pertama

Masuk ke blog => Pilih menu Template dan klik HTML.

Selanjutnya cari kode ]]></b:skin> dan cpy script di bawah ini kemudian simpan di atas kode ]]></b:skin>.

@media (max-width: 260px) {
.container{padding:0 3px;}
.box, .doze{padding:16px 8px;}
.sidebar .widget{padding:16px 8px;}
#peekar{display:none;}
.bukshan{width:100%; margin-bottom:5px;}

Kedua

Masuk ke beranda blog lagi => Pilih menu "Tata Letak/Layout" kemudian tambah widget dan pilih widget java script,

 

Masukan kode script di bawah ini ke dalam konten widget java script.

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

Selanjutnya beri judul sesuai selera kemudian simpan dan lihat hasilnya.

Jika berhasil maka hasilnya akan seperti gambar di bawah ini.

Demikian tips cara membuat ikon media sosial pada sebuah blogspot, semoga dapat bermanfaat. Terima kasih....