Follo Molo (Become My Stalker And Ask Me To Stalk Back....I prefer a Yandere...)

Bored?You can play around with these line of colours for a while.....it is 100times better than PS4...because I dont have one....

19 November 2011

Float & Expand Social Icon



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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3xYuVlh7DkIxM7Ko6ec0zeEIrQc4BbBQ2bYGvVzhOOb_3AEt84UQD0ZSu1bXEcY2FUO2jKay1OhKwm-ZijP_Kx7HBJG25mUGZY3_ocSFp8916Pz7Ux3h6o_lpF4rSfpLg5U3f9H7Dy_k/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWklGMXoVHo8bhPScHmItaecjLTNYLIHDLufIREVjiC3t8oXLOPZbNCEJYbutTIS1aOazFvmVVbbr98uiKy3BOrxucNpuI7TyFbKJm5fiqKGq8m4hPuYcwULtjnZfguwkDTclig4sO60E/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFs6oI77L6EtMgft873dvdz-AMXH3Prcz7NO5lIhFLwhagRCAjfw_7PL_9zrsy-8S993ASyU-49RSyNA2E3kYwDpO_95gmWFRGaM-MyXxPqOI94NgMt-ZayibWB-hUIrXc24mFAzwHyxQ/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHLAra-X5zeYLiGcDgfobR2rIZt4fk1lciQJdwQIPUDFuRYNiAHFCA-FHhPc-4JWYREPEHtSLc7KYT8lQf3rJagapTKesB916JsXjQqU-_s5-PbmadHRZcwHnu6Ohn_Em_BlRtKA4M4u8/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.

Post a Comment:

Nota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.

At the post page,this banner can be spin around ;)