Liên kết với các mạng xã hội với icon 3D xoay tròn cực đẹp

Lần này mình sẽ hướng dẫn thêm widget chia sẽ lên các mạng xã hội với các biểu tượng 3D. Để rõ ràng hơn bạn có thể di chuột xuống các icon ngay bên dưới

Trông thì rất đẹp, bắt mắt, hoạt động hiệu quả, nhìn rất phức tạp nhưng cách làm thì cực kỳ đơn giản

1. Vào blogger > Bố cục > Thêm widget HTML/Javascript vào vị trí thích hợp
2. Dán đoạn code sau vào form Nội Dung và lưu lại

<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="LINK FEED CỦA BẠN" target="_blank"><img border="0" src="https://lh3.googleusercontent.com/-MzoTDzsyn7A/UIpyDb9juAI/AAAAAAAADwg/4qyc9vELijU/h120/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="Emailto:EMAIL CỦA BẠN" target="_blank"><img border="0" src="https://lh5.googleusercontent.com/-BbJaLk4UeUs/UIpyD9Q_TYI/AAAAAAAADww/ONDOzLHt0eU/h120/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="LINK FANPAGE FACEBOOK CỦA BẠN" target="_blank"><img border="0" src="https://lh5.googleusercontent.com/-ZP8pUUb34Ew/UIpyCsV4NwI/AAAAAAAADwM/qkVtCp9hd-A/h120/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="LINK TWITTER CỦA BẠN" target="_blank"><img border="0" src="https://lh3.googleusercontent.com/-EvfmebCrO_k/UIpyDyftSTI/AAAAAAAADws/fpDYLuYIBVk/h120/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="LINK GOOGLE+ CỦA BẠN" target="_blank"><img style="margin-right:1px;" src="https://lh3.googleusercontent.com/-wmT2HlQQ8a0/UIpyCsF2O7I/AAAAAAAADwQ/rElDGEerioY/h120/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="LINK PINTEREST CỦA BẠN" target="_blank"><img style="margin-right:1px;" src="https://lh5.googleusercontent.com/-qaT-BuUB0qY/UIpyC1YzCEI/AAAAAAAADwU/7lHRUFgM6gM/h120/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div>

Bạn nhớ thay đổi những phần mình đánh dấu phía trên thành link của mình nhé!

Nếu muốn loại bỏ icon nào chỉ việc xóa đoạn code tương ứng thôi, ví dụ muốn xóa biểu tượng Twitter đi thì xóa đoạn code được bôi màu xanh phía trên