Wednesday 19 February 2014

Jom Letak Facebook, Twitter, Google+ & Subscribe Icon!

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..
^_^


 Kalau berminat nk letak dlm blog korang.. Juz copy+paste code bwah nie..
select code di bwah nie & then tekan Ctrl+C.. Lepas 2 pergi dekat layout => add gadget => HTML/Javascript & paste code nie... Title letak larr ape2x pn.. x nk letak pn x pe.. :)

 <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..
^_^

7 comments:

  1. ohsem tutorial..thanks for sharing :)

    ReplyDelete
    Replies
    1. sama2x kasih.. ^_^ try larr letak di blog awk.. :)

      Delete
  2. This comment has been removed by the author.

    ReplyDelete
  3. mcm comel je kalo berpusing2 tu..hehe..nice! =)

    ReplyDelete
    Replies
    1. mmg comel pn.. mnrik jg asenye.. !! try oke.. sharing is darling... :)

      Delete
  4. salam & hai, wah! info baru utk blogger macam saya
    btw, saya datang dan follow sini. feel free to hit me back yeah.
    http://sweetmemories4u.blogspot.com/

    ReplyDelete
    Replies
    1. wasalam.. blogger baru..?? selamat dtg ke dunia blog.. ^_^ klu suke icon nie try larr.. snang je.. :)

      Delete

♥♥♥ Assalammualaikum Cinta ♥♥♥
Thankz sbb sudi baca dan tinggalkan comment...
~♥~ ...Comment yg indah2x je oke... ~♥~
Tapi jangan tinggalkan link...!! Takowt nnty blog kene delete...
Kalau tinggalkan link juga.. Lia x nak approve comment korang.. ^_^
~♥~ Sayang korang semua.. Muahxx ~♥~