Thursday, July 14, 2011
Cara Memasang Icon Sosial Media FavoriteMu di Blog
Posted by
Sibuk Banget |
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..
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>
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'/>
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..
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/AVvXsEgfH0g0_M3RbRiIivsFjtz3sOu6hx6spzKsNm6yE3RAoPWFMLI2oPYtt0TcO6SANNFT-zZ71lZ3A9vYkCeusfj1fUT79mua0tBBu982in74vCrWj6jPTs61NMyC7x18fopmZT2kCXYTP_yi/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..
Labels:
Tips-Trik Blogger
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment