Untuk memasang tombol media sosial ini sangat mudah dan yang pasti kamu dapat melakukannya dengan sangat mudah.
Kamu hanya di anjurkan untuk mengikuti langkah-langkah
berikut dibawah ini.
Silahkan masuk ke blog pribadi milik kamu dan masuk ke template>Edit HTML
Silahkan masukkan kode di bawah ini sebelum kode
</head>
<!--sosial icon-->
<link
href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'
rel='stylesheet'/>
<style type='text/css'>
/* CSS Follow us */
.invert-socials-icon {display:inline-block;width:100%;}
.invert-socials-icon
ul{margin:0;padding:0;list-style:none;margin-bottom:-5px;margin-right:-5px;overflow:hidden}
.invert-socials-icon ul li:before{display:none}
.invert-socials-icon ul
li{margin:0;padding:0;list-style:none;float:left;width:32px;height:32px;line-height:32px;text-align:center;background:#00baff;font-size:18px;margin:3px;border:0}
.invert-socials-icon ul li
a{line-height:32px;display:block;color:#fff}
.invert-socials-icon ul li a:hover{color:#fff}
.invert-socials-icon ul
li.home{background:#83868a}.invert-socials-icon ul
li.facebook{background:#516ca4}.invert-socials-icon ul
li.googleplus{background:#f20000}.invert-socials-icon ul
li.rss{background:#f29400}.invert-socials-icon ul
li.youtube{background:#f20000}.invert-socials-icon ul
li.dribbble{background:#dc71a6}.invert-socials-icon ul
li.deviantart{background:#4c5e51}.invert-socials-icon ul
li.pinterest{background:#f20000}.invert-socials-icon ul li.instgram{background:#406f94}.invert-socials-icon
ul li.tumblr{background:#395875}.invert-socials-icon ul
li.linkedin{background:#1985bc}.invert-socials-icon ul
li.soundcloud{background:#f60}.invert-socials-icon ul
li.delicious{background:#3274d1}.invert-socials-icon ul li.flickr{background:#ff0084}
</style>
Kemudian silahkan simpan template kamu terlebih dahulu
Tahap selanjutnya silahkan masuk ke layout > add gedget
Pilih HTML/Javascript dan masukkan kode di bawah ini, kemudian SAVE kembali.
<div class='widget-content'>
<div class='invert-socials-icon mom-socials-widget'>
<ul>
<li
class='facebook'><a href='http://alamat media sosial kamu' rel='nofollow'
target='_blank' title='Follow us on Facebook'><i class='fa
fa-facebook'/></i></a></li>
<li
class='twitter'><a href='http://alamat media sosial kamu' rel='nofollow'
target='_blank' title='Follow us on Twitter'><i class='fa
fa-twitter'/></i></a></li>
<li
class='googleplus'><a href='http://alamat media sosial kamu'
rel='nofollow' target='_blank' title='Follow us on Google+'><i class='fa
fa-google-plus'/></i></a></li>
<li
class='rss'><a href='http://alamat media sosial kamu' rel='nofollow'
target='_blank' title='Follow us on RSS'><i class='fa fa-rss
'/></i></a></li>
<li class='youtube'><a
href='http://alamat media sosial kamu' rel='nofollow' target='_blank'
title='Follow us on Youtube'><i class='fa fa-youtube
'/></i></a></li>
<li
class='dribbble'><a href='http://alamat media sosial kamu' rel='nofollow'
target='_blank' title='Follow us on Dribble'><i class='fa fa-dribbble
'/></i></a></li>
<li
class='deviantart'><a href='http://alamat media sosial kamu'
rel='nofollow' target='_blank' title='Follow us on Delicious'><i
class='fa fa-deviantart'/></i></a></li>
<li class='pinterest'><a
href='http://alamat media sosial kamu' rel='nofollow' target='_blank'
title='Follow us on Pinterest'><i class='fa fa-pinterest
'/></i></a></li> <li class='instgram'><a
href='http://alamat media sosial kamu' rel='nofollow' target='_blank'
title='Follow us on Instagram'><i class='fa fa-instagram
'/></i></a></li>
<li
class='tumblr'><a href='http://alamat media sosial kamu' rel='nofollow'
target='_blank' title='Follow us on Tumblr'><i class='fa fa-tumblr
'/></i></a></li>
<li class='linkedin'><a
href='http://alamat media sosial kamu' rel='nofollow' target='_blank'
title='Follow us on LinkedIn'><i class='fa fa-linkedin
'/></i></a></li>
<li
class='soundcloud'><a href='http://alamat media sosial kamu'
rel='nofollow' target='_blank' title='Follow us on diigo'><i class='fa
fa-soundcloud '/></i></a></li>
<li
class='delicious'><a href='http://alamat media sosial kamu'
rel='nofollow' target='_blank' title='Follow us on Delicious'><i
class='fa fa-delicious '/></i></a></li>
<li
class='flickr'><a href='http://alamat media sosial kamu' rel='nofollow'
target='_blank' title='Follow us on Medium'><i class='fa fa-flickr
'/></i></a></li>
</ul>
</div>
</div>
<a style="font-size: 9px; color: #CECECE; float:
right; margin: 5px;" href="http://goo.gl/1BmzY5"
rel="nofollow">Follow us widget</a>
