19 November 2011

Float & Expand Social Icon

Tiada ulasan:
 


1.Log masuk ke blogger dashboard

2.Dekat Blogger Dashboard -->Klik Design --> Edit Html

Cari kod
</body>

Pastekan kod dibawah sebelum/diatas kod </body> tersebut


<!-- SocialNetwork -->
<div class='flt-wdt'>
<!-- Facebook -->
<a href='http://www.facebook.com/Page id' target='_blank' title='Join me on Facebook'><img alt='Join me on Facebook' src='http://2.bp.blogspot.com/-dLZFbkxOyyo/TsdGN7UVoEI/AAAAAAAAAbU/ym2sCiI_Suo/s400/Facebook_creatures.png'/></a>
<!-- Twitter -->
<a href='http://twitter.com/Your profile' target='_blank' title='Follow me on Twitter'><img alt='Follow me on Twitter' src='http://3.bp.blogspot.com/-pR-7ygsaQC8/TsdF5CWpduI/AAAAAAAAAbI/AeSpCU-Hqp0/s1600/Fa_Twitter_creatures.png'/></a>
<!-- RSS -->
<a href='http://feeds.feedburner.com/feed-address' target='_blank' title='Subscribe to RSS'><img alt='Subscribe to RSS' src='http://1.bp.blogspot.com/-fOByYtLHVOA/TsdGYNP_TiI/AAAAAAAAAbg/NjKi1xhOyVY/s400/Feed_creatures.png'/></a>
<!-- Email -->
<a href='http://your blog.blogspot.com/p/Contact page' target='_blank' title='Email me'><img alt='Email me' src='http://3.bp.blogspot.com/-KzkxU6Mb9ZI/TsX4gHcvrRI/AAAAAAAAAZc/dLsNYr5XT0U/s1600/green-creature-icon.png'/></a>
<!-- Example/Delete -->
<a href='Any Social Site' title='Social Demo'><img alt='Social Media Demo' src='your image.png'/></a>
</div>
<!-- End -->


3.Cari kod
]]></b:skin>

Pastekan kod dibawah sebelum/diatas kod ]]></b:skin> tersebut


.flt-wdt{
position:fixed;
right:10px;
top:40%;
}
.flt-wdt img{
float:right;
clear:right;
margin:5px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.flt-wdt img:hover{
-moz-transform: scale(1.2) rotate(6deg);
-webkit-transform: scale(1.2) rotate(6deg);
-o-transform: scale(1.2) rotate(6deg);
-ms-transform: scale(1.2) rotate(6deg);
transform: scale(1.2) rotate(6deg);
}


4.Save template.

*Kod merah dan hijau adalah untuk diedit sendiri.

Tiada ulasan:

Catat Ulasan

TERIMA KASIH UNTUK KOMENKOMEN TERBARU

 
© 1986. Aideal Fitri - fitri1986 Malaysian Blogger