Assalammualaikum..
Entry kali nie khas untuk korang yg nak tmbah Facebook, Twitter, Google+ & Subscribe Icon dlm blog macam yg ada dlm blog lia nie..
icon nie akan berpusing bila korang gerakkan or pointkan cursor korang dkt icon nie..
^_^
<style type='text/css'>
/* 3D Social Icon by Monster Zila
*/
#social a:hover
{background-color: transparent;opacity:0.7;}
#social img { -moz-transition:
all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition:
all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all
0.8s ease-in-out; }
#social img:hover {
-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg);
-o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform:
rotate(360deg); }
</style>
<center>
<div id="social">
<!--Start Rss Icon-->
<a title="Grab Our Rss
Feed" href="YOUR-FEED-URL-HERE"
target="_blank"><img src="http://icons.iconarchive.com/icons/graphics-vibe/media-pin-social/64/rss-feed-icon.png"
alt="Icon" width="40" height="40" /> </a>
<!--End Rss Icon-->
<!--Start Facebook Icon-->
<a rel="nofollow"
title="Like Our Facebook Page"
href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img
src="http://icons.iconarchive.com/icons/graphics-vibe/media-pin-social/64/facebook- icon.png"
alt="Icon" width="40" height="40"/></a>
<!--End Facebook Icon-->
<!--Start Twitter Icon-->
<a rel="nofollow"
title="Follow Our Updates On Twitter"
href="YOUR-TWITTER-URL-HERE" target="_blank"><img
src="http://icons.iconarchive.com/icons/graphics-vibe/media-pin-social/64/twitter- icon.png"
alt="Icon" width="40" height="40"/></a>
<!--End Twitter Icon-->
<!--Start Google+ Icon-->
<a title="Follow Us On
Google+" rel="nofollow"
href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img
src="http://icons.iconarchive.com/icons/graphics-vibe/media-pin-social/64/google- icon.png" width="40" height="40"/></a>
<!--End Google+ Icon-->
</center>
Dah paste ke..?? jgn lupe tukar code warna merah 2 dgn url feed, facebook, twitter dan google+ korang..
Untuk size korang boleyh tukar yang warna biru 2.. size "40" 2 mcm yg sye gune nie.. sbb sye x suke icon yg terlalu besar.. suke kcik2x je.. comel.. hahaa..
Selamat mencuba..
Untuk size korang boleyh tukar yang warna biru 2.. size "40" 2 mcm yg sye gune nie.. sbb sye x suke icon yg terlalu besar.. suke kcik2x je.. comel.. hahaa..
Selamat mencuba..
^_^
ohsem tutorial..thanks for sharing :)
ReplyDeletesama2x kasih.. ^_^ try larr letak di blog awk.. :)
DeleteThis comment has been removed by the author.
ReplyDeletemcm comel je kalo berpusing2 tu..hehe..nice! =)
ReplyDeletemmg comel pn.. mnrik jg asenye.. !! try oke.. sharing is darling... :)
Deletesalam & hai, wah! info baru utk blogger macam saya
ReplyDeletebtw, saya datang dan follow sini. feel free to hit me back yeah.
http://sweetmemories4u.blogspot.com/
wasalam.. blogger baru..?? selamat dtg ke dunia blog.. ^_^ klu suke icon nie try larr.. snang je.. :)
Delete