Cara Memasang Icon Sosial Media FavoriteMu di Blog

Sekarang saya akan memberikan Tutorial lagi nich,. dimana tutorial ini sangat memudahkan anda untuk share account anda melalui Icon Sosial Media FavoriteMu, maksudnya disini, anda bisa mengganti icon sosial kesukaanmu, agar memudahkanmu untuk share ke account milikmu,.
dan disini saya hanya memberikan Icon Sosial antara Lain :
FEED RSS, YAHOO, FACEBOOK, & TWITTER,. slebihnya itu anda bisa menambahkan beberapa icon sosial kesukaanmu..

Contoh Gambar :

Ok, bagi teman-teman yang mau membuatnya, silahkan ikuti langkah-langkah di bawah ini:

1. Login ke akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Klik Expand Templates Widget,
3. Lalu cari kode : ]]></b:skin> lalu copy code di bawah ini :  ( dan letakkan di atas kode :  ]]></b:skin>

/* Top List */
.toplist{
height:26px;
background:none;
width:210;
color:#1F1F22;
position:absolute;
bottom:-1px;
right:20px;
}
.toplist ul{
list-style:none;
margin-top:5px;
margin-left:13px;
}
.toplist ul li{
list-style:none;
float:left;
margin:3px 5px;
}
.toplist img{
height:45px;
width:45px;
opacity:0.6;
}
.toplist img:hover{
opacity:1.0;
}

4. Selanjutnya cari kode :  <b:include name='description'/>  lalu copy code di bawah ini :  ( dan letakkan tepat bibawah tag penutup </div> pada bagian kode <b:include name='description'/>

<!-- Header Right Social Widget -->
<div class='toplist'>
<ul>
<li class='getshort'><a href='Link Account Anda' target='_blank'><img alt='RSS' src='http://i56.tinypic.com/1y9107.png' title='subscribe RSS'/></a></li>
<li class='getshort'><a href='Link Account Anda' target='_blank'><img alt='Delicious' src='http://4.bp.blogspot.com/_OKgQC0vH6Ag/SutOh6prSrI/AAAAAAAABJs/OYRiD3PzAG8/s200/Inside-yahoo-48.png' title='Delicious'/></a> </li>
<li class='getshort'><a href='Link Account Anda' target='_blank'><img alt='Facebook' src='http://i56.tinypic.com/20zb2nr.png' title='Follow me on Facebook'/></a></li>
<li class='getshort'><a href='Link Account Anda' target='_blank'><img alt='Twitter' src='http://i55.tinypic.com/333wr2t.png' title='Follow me on Twitter'/></a></li>
</ul>
</div>
<!-- End Header Right Social Widget -->

Sedikit Tambahan ::- Teks yang berwarna Hijau itu adlh Icon gambar.
- Teks yang berwarna Kuning itu adlh Link Account Anda,

5. Terakhir Save Templates.. dan lihat hasilnya..

Share this history on :

Tweet

Title : Cara Memasang Icon Sosial Media FavoriteMu di Blog
URL : http://blogcunayz.blogspot.com/2011/07/cara-memasang-icon-sosial-media.html
Anda boleh menyebar Luaskan atau Meng Copy-Paste Artikel ini bila dapat bermanfaat bagi teman-teman anda, Namun jangan lupa untuk meletakkan Link Cara Memasang Icon Sosial Media FavoriteMu di Blog sebagai Sumbernya.