Thêm Các Biểu Tượng 3D Mạng Xã Hội Với Hiệu Ứng Xoay Tròn

Biểu tượng 3D xã hội với những cái tên, thiết lập các biểu tượng xã hội đã rất phổ biến.Bạn có các biểu tượng trong thanh bên liên kết với bản thân xã hội của chúng tôi và Feeds, tuy nhiên tôi đã thêm một hiệu ứng tác động chính icons.Với các Css xoay khi bạn đặt con trỏ lên mỗi biểu tượng quay 360 độ, sau đó họ quay trở lại 360 khi con trỏ được lấy ra (Cool eh) tôi cũng có một opacity nhẹ di chuột hiệu quả trên icons.

1) Trong bảng điều khiển Blogger mới nhấp vào trình đơn thả xuống cho blog của bạn -> Chọn thiết kế --> Phần tử trang -->Nhấp vào 'Thêm Một tiện ích'> Chọn 'Html /Javascript> Dán đoạn mã sau vào  Html /Javascript :

<style> #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 border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinvU2aPuySix-8qLYAc1DCqUZ1o9XJtl8tqhiw-zGsJuAuBoyT8ELPN_q57FVkEVeLa1SGPo9eBM1RCXJEe7gfpJdJadFC0RxuNC-yfYFbOShsHdTl3lZT2m2bVXHH5AkW6iIrYM-JLr7H/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG6nDtDuYHjiN0TIS4EPjS6fPkLWC2jKfAD8XH57YXihSGR97Ig22ORCgtfE9jFEFwIaiYIcdtIv4HW__JuHiYJFYnOkvtI5owg6tJmPMHzTxJXM51RiMfgUyZTmu_lOhFDUzoOaKK_pim/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTm3wVYvuJ-cePV0LnRDsgi8xRZnzg2lrqt-M-dhwioSb_E0K8R-M1bAKBRPF_ODwWg15atJrFYQAoE_kaWAB4RBLmx247usIYzRb3XSF_JmsBWKpKxyzqrK-GxMU1CNqPFiw6iXcck8n7/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7kU4eSCH0-BZyx4cDkETJEPm3OW2TbbbmPyk57NBIQFxlRDAF1J5uWLYHs-8DG7J6iNFYhnzGV_KOCWPdrp1EO_Qa7LgMZ6Zyna1OPMQD0Eg7pcGFLZjQAOM1KB1tBvwTc7veJcQGsKLt/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLouP-V3VqPZ2iL83vwFZGYyJ6VM8tFCDoYmCbUMLqujtifAEZFaOChGGSRO66GBN0FdjNctWAxb6jNpPyOS2iYUeh560Nl-C8OKxf4VM53npd_fjfNnBzdVoWwlFDzojIZ3ma3-jpdwc/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQL_XHP_DZXpfjFEpqLQ5r2nVP-v4vBQ04lMHthN3UN_wuKjDROg8ev8IRgi_QJyVfQBnUBPW7dbc7LDhX6M2xn977NpoYFlMp0EFtUvJ6b-mLiJNMwJekFqvZvlDAch3kYxh1Muf4TIEs/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/> <!--Start Feed Count Button--> <a href="YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/spiceupyourblog?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--End Feed Count Button--> </center>

Cuối cùng lưu lại.