Home »

Tạo menu ngang bằng ảnh cho blogspot

Thứ Ba, 21 tháng 10, 2014
MIỀNTÂYWAP
Ảnh demo


<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="http://mientaywap.blogspot.com" style="color:red"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxTkQg1eFvrMKunPsEbZhAB7LmN4n8H3im8iUuM8WFbNB1XzQsk-tRT_oKOp4wfRCe7QqD1XVxRa9TwKjNia0J0JA2vziUIMh2O-WUrNXMspGivlfZR3FoSda97CRTA1M8fQBdJv-ywYY/s1600/Google-Chrome-icon.png" title="Tìm kiếm trên Google" /></a>


</p>
</center>


Nếu muốn thêm một hay nhiều ảnh nữa, bạn thêm đoạn code này dán trên thẻ </p> cuối cùng nhé!
<a href="Link trang" style="color:red"><img src="link ảnh" title="tiêu đề" /></a>

Chú thàng công!!!!!!!!!!!!




Tags:

Comments[ 0 ]


Đăng nhận xét