Tutorial: Cara Memasang Media Sosial Pada Blog

Kalian ingin banyak orang yang follow/men-add akun media sosial kalian melewati blog? Caranya cukup mudah, tentunya untuk para pemula blog^^

Cara:

1. Masuklah ke Dasbor Blogger
2. Pilih Opsi Lainnya/Other Option
3. Klik tulisan Tata Letak/Layout
4. Klik tulisan Tambahkan Gadget/Add Gadget
5. Klik tulisan HTML/JavaScript
6. Pastekan kode di bawah ini di kotak Konten/Content (Untuk kotak judul, lewatkan)

/*--------Social Sharing Widget ------*/

<style type="text/css">

.socialsharing {

display: block;

margin: 2em auto;

width: 200px;

height:40px;

}

.socialsharing span {

float: left;

display: inline;

margin-right: 8px;

}

.socialsharing span a {

display: block;

width: 32px;

height: 32px;

text-indent: -9999px;

background-color: none;

background: transparent url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQV0Hi7dhXwFl1uwMFwvsJnEZ7svtoGehEyjF3Z8tvCgNx3laJZSXutgnUXPVTkM2L7AMMBbsMDXJuE1Q-cYYvMtLvRjQVewMbQMlpP0uF6t74l1ucXXGY3fJJuZ8zBiI6R1hYqrYOVt47/s1600/social+icon.png") 0 0 no-repeat;

}

#iconTwitter {background-position: -33px -33px;}

#iconFacebook {background-position: -66px -33px;}

#iconRSS {background-position: 0 -33px;}

#iconYouTube {background-position: -99px -33px;}

#iconGooglePlus {background-position: -132px -33px;}

#iconTwitter:hover {background-position: -33px 0;}

#iconFacebook:hover{background-position:-66px 0}

#iconRSS:hover{background-position:0 0}

#iconYouTube:hover{background-position:-99px 0}

#iconGooglePlus:hover{background-position:-132px 0}

</style>

<div class="socialsharing">

<a href="http://www.twitter.com/Username" id="iconTwitter" target="_blank" title="Follow us on Twitter">Twitter</a>

<a href="http://www.facebook.com/Username" id="iconFacebook" target="_blank" title="Join us at Facebook">Facebook</a>

<a href="http://feeds.feedburner.com/GhiyatsBlogs" id="iconRSS" target="_blank" title="Subscribe our RSS Feed">RSS</a>

<a href="http://www.blogger.com/youtube.com/username" id="iconYouTube" target="_blank" title="Follow our YouTube Channel">YouTube</a>

<a href="https://plus.google.com/ID Google+ anda" id="iconGooglePlus" target="_blank" title="Follow us at Google+">Google</a></div>

Attention!
-Untuk tulisan berwarna, gantilah sesuai akun kalian

7. Klik tulisan Simpan/Save

Lihatlah blog kalian! Bagaimana? Keren bukan? Jika kalian masih bingung, beritahu saya lewat Komentar ya :)