Cara Memasang Social Icons Versi Iz Pada Blog

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/AVvXsEge72kSSkA5GD3vGQrnl_ePj9OunChgw5Xtkpzx7Fq5t9s1IBTR0ty-jMlgTON-29C9AB4_R1iwRhSVR5HjRo3GMi3nuzIfVg91cabvSXqT8vrRA5xxxxtE41CGK5J1kRpaUZEn2KWcFac/s1600/white_twitter_bird.png&quot;)no-repeat center center;}

.facebookjo {

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQgw7U2nklj6LpltjBfvPUZzIkFvxaI_xoStKJ4TVJnch9HMDboHGcYA5GaVAv3Xipfc9rjWjcfBE0F_N_-mv-MYCPvH2nmJd-wzvvX3Y-XWziCPxhKP3nMyrAXL_tWEFp_kdZN5nAnos/s1600/white_facebook.png&quot;)no-repeat center center;}

.rssjo{

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrlw-Z1vuN57KfiwitJCetpux-oACR7cwn-7VBIlRp4THkJggkCUbN9Ns10XzL8BL8YTAFs0OU-GhcSQfM4Gw6603QR-eWEYlwpGD0rOF1YbkuKJqUm0PT9q7bW2jATzSyybb0ZjtQ48k/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 

Sumber : http://iz-darkness.blogspot.com/2014/02/cara-memasang-social-icons-versi-iz.html