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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYa2GNnP6J3R-BnevgU7HQgY791ymf5z_i7SujcA_BYQQ2q71cWGt2YKan9IKs8V1ZrVZQ_tiwwJmx2qzN2A0lYk8RaoDlj3SGW6u9cElFc4WdYZGXaMQ9uwej2PBICxZw8XE-6QPPZaw1/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

Tips-Trik Blogger

• Cara Membuat Related Post Dua Kolom
• Cara Modifikasi Kotak Komentar Blogger
• Membuat Related Post dengan Efek Ceklis
• Membuat Breadcrumb Terindex Google
• Cara Membuat Menu Navigasi Kwicks Dengan jQuery
• Load Page Blog Lebih Keren Dengan Keyframes
• Cara Memasang Script Iklan Melayang (Ads popout)
• Menu Rocking Rolling Rounded Dengan jQuery
• Trik Mempercepat Loading Home Page Blog
• Cara Membuat Title Otomatis Pada Semua Posting
• Cara Membuat Efek Rotate Miring Dengan CSS3
• Pengertian SEO On Page Dan Off Page
• Cara Membuat Valid XHTML Blogger
• Script Untuk Menghindari Para Tukang Copas
• Cara Meningkatkan Traffic Blog Dengan (Manual)
• Cara Mudah Meningkatkan Traffic Blog dengan AutoSurf
• Cara Vertifikasi Ulang Blog Ke Google Webmaster Tools
• Cara Remove Broken Link Dengan Webmaster Tools
• Cara Membuat Kota Komentar Admin Berbeda
• Menghilangkan Tulisan "Langgan: Entri (Atom)"
• Black Devil Red Horns Emoticon
• Cara Pasang Iklan di Bawah Posting
• Ablewise | Tool Buat Memprediksi PageRank
• Google Index Pages Checker
• Blogger Support Upload Favicon Sendiri

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.