<center>
<style>

p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
-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;
}

p#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

</style>
<script language="JavaScript">
    function popUp(URL) {
    day = new Date();
    id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=600,height=450,left = 280,top = 180');");
    }
    </script>
<p id="socialicons">

<a href="javascript:popUp('http://funnylogo.info/engines/google/red/dunghennessy.aspx')"><img src="http://1.bp.blogspot.com/-eIj7brHIqkw/T7h3ZaBBuVI/AAAAAAAAZ5I/GHbvsAZvAOo/s1600/Google-Chrome-icon.png" title="Tìm kiếm trên Google" /></a>
<a href="javascript:popUp('https://accounts.google.com/servicelogin?service=blogger&passive=1209600&continue=http://www.blogger.com/home&followup=http://www.blogger.com/home&ltmpl=start#s01')"><img src="http://1.bp.blogspot.com/-9OEDeyheUWA/T7h3Ygg057I/AAAAAAAAZ5E/s8AyuzwK06U/s1600/Blogger-icon.png" title="Đăng nhập Blogspot" /></a>
<a href="javascript:popUp('https://accounts.google.com/servicelogin?service=mail&passive=true&rm=false&continue=http://mail.google.com/mail/&scc=1&ltmpl=default&ltmplcache=2')"><img src="http://1.bp.blogspot.com/-A6MVH5R_jNQ/T7h3aDaPqEI/AAAAAAAAZ5Q/DVrbbXIxgAU/s1600/Google-icon.png" title="Đăng nhập Gmail" /></a>
<a href="javascript:popUp('http://twitter.com/#!/sessions/new')"><img src="http://2.bp.blogspot.com/-lgiaBT9cl3E/T7h3a7CiO_I/AAAAAAAAZ5Y/VM2qoopqBkc/s1600/Twitter-icon.png" title="Đăng nhập Twitter" /></a>
<a href="javascript:popUp('http://www.facebook.com')"><img src="http://2.bp.blogspot.com/-5DmIwdKYMcI/T7h3bloV0lI/AAAAAAAAZ5g/yRnklKj5skg/s1600/facebook-icon.png" title="Đăng nhập Facebook" /></a>
<a href="javascript:popUp('https://login.yahoo.com/config/login?.src=fpctx&.intl=vn&.pd=c%3d6t7evjap2e6cwwsb86qvdqk-&.done=http%3a%2f%2fvn.yahoo.com%2f')"><img src="http://3.bp.blogspot.com/-UrPaXFNK3GA/T7h3ckzyfzI/AAAAAAAAZ5s/Abnjjq2NWo0/s1600/yahoo-icon.png" title="Đăng nhập Yahoo" /></a>
<a href="javascript:popUp('http://www.youtube.com/')"><img src="http://3.bp.blogspot.com/-Inj80QWRBWI/T7h3dvxMa5I/AAAAAAAAZ5w/raSLhHMw0Sc/s1600/youtube-icon.png" title="Đăng nhập Youtube" /></a>

</p>
</center>

Bạn có thể thay đổi các dòng lệnh màu đỏ (link liên kết đến), màu xanh (link ảnh), màu vàng (tiêu đề ảnh khi rê chuột vào) theo ý muốn của mình, cuối cùng bấm Lưu và trở vào blog xem kết quả nha.
Mở rộng thêm: Nếu muốn thêm một hay nhiều ảnh nữa, bạn thêm đoạn code này:

Nhắn tin cho tác giả

Số lượt thích: 0 người