Bagi sang Blogger Pasti ingin mempunyai Social Icons yang ditaruh di blognya , dikarenakan untuk memudahkan pengunjung blognya mengetahui Facebook si blogger itu tadi , makanya saya share nih tutorialnya. Anda hanya tinggal mengikuti langkah-langkah tutorial dibawah ini.

 1. Login Ke Blogger
 2. Masuk Ke Dasbor dan pilih Blog anda
 3. Setelah itu Pilih Menu Template
 4. Klik Edit HTML
 5. Cari Kode ]]></b:skin> (Gunakan CTRL + F untuk mempermudah)
 6. Masukkan kode dibawah ini tepat diatas kode ]]></b:skin>

.jorib {position:absolute;

right: 130px;

width: 40px;

height: 190px;

top: 155px;

z-index: 90;

padding: 5px;} 

.pinterestjo:hover, .twitterjo:hover, .facebookjo:hover, .rssjo:hover {background-color:#0011ff;border-radius:40px;box-shadow: 0 0px 0px rgba(0,0,0,0.8), inset 0px 0px 0px rgba(6, 40, 104, 1.1);}

.pinterestjo, .twitterjo, .facebookjo, .rssjo {padding: 8px 7px 7px 35px;

font-size: 13px;

color: #222;

width: 0px;

margin-bottom: 15px;

z-index: 9;

float: left;

margin-left: 20px;

margin-right: 0px;

-webkit-transition: all 0.3s ease-in-out;

-moz-transition: all 0.3s ease-in-out;

height: 26px;

box-shadow: 0 3px 0px rgba(0, 0, 0, 1.1), inset 1px 0px 1px rgba(0,0,0,1);}

.twitterjo{

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvVfsZ9FCuLldeQRgSVVMA1Gizu9793b-pLC3XRTH39i3olwVfEMSaPqiStDJldKUzGNSmCabrFOOKCTCTd5iVM3ot9J_AnYF3EcwW872gYVbhRanltm9NQSnVgcKsMZuEz9kRkiBQb7M/s1600/white_twitter_bird.png&quot;)no-repeat center center;}

.facebookjo {

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMrI1HTys6iIc2wtGSmij_J3FqRuUcZlSkX0FqpW1qGCssSZQQhCDjtbArOmEMvQhyphenhyphenxIi2KR9oZiOy13PrwEMBCxW3_KzhfTWTXSBiYhYETV3bHyKghuy44VmYNQtjs-Q4ZUOcB9y1jGM/s1600/white_facebook.png&quot;)no-repeat center center;}

.rssjo{

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0V8oRUmlR3gvF3SrhDUuhHVL-Ls1nNJqU3iUIU69-eqMFSRG_oF-RAt2KCV0ODIX56NxvVMY5Ru1-APv3_KI0SnWCYRwleZU_n8Hs_FN0QD-r4xv5cr6vVWn_rMMhKcpRpJfdsqSp4ec/s1600/white_rss.png&quot;)no-repeat center center;}

 7. Tunggu Dulu Belum Selesai Setelah itu cari kode <header id='header-wrapper'>                  atau <div id='header-wrapper'> atau <div id='header'>
 8. Masukkan kode dibawah ini tepat dibawah kode diatas

<div class='jorib'>

<a href='http://iz-darkness.blogspot.com/feeds/posts/default'><div class='rssjo'/></a> 

<a href='https://twitter.com/IkramZaidan'><div class='twitterjo'/></a>

<a href='https://www.facebook.com/ikram.zaidanii'><div class='facebookjo'/></a>

</div>

 9. Selesai

Keterangan : 

• Ganti tulisan yang warna hijau dengan url yang ingin anda tujukan