Bây giờ, bạn cần thay đổi các dòng lệnh màu xanh bao gồm độ rộng, chiều cao và nơi xuất hiện của bảng Popup, màu đỏ bao gồm kích thước của ảnh, khoảng cách giữa 2 ảnh, địa chỉ link liên [r]
(1)<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> <style type="text/css"> bubblewrap{ list-style-type:none; margin:0; padding:0; } bubblewrap li{ display:inline; width: 64px; height:64px; } bubblewrap li img{ width: 64px; /* độ rộng hình ảnh.*/ height: 64px; /* chiều cao hình ảnh.*/ border:0; margin-right: 14px; /*Khoảng cách ảnh*/ -webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */ -o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */ } bubblewrap li img:hover{ -moz-transform:scale(1.8); /*scale up image 1.8x*/ -webkit-transform:scale(1.8); -o-transform:scale(1.8); } </style> <center> <ul class="bubblewrap"> <li><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-Chromeicon.png" title="Tìm kiếm trên Google" /></a></li> (2) <li><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<mpl=start#s01')"><img src="http://1.bp.blogspot.com/9OEDeyheUWA/T7h3Ygg057I/AAAAAAAAZ5E/s8AyuzwK06U/s1600/Bloggericon.png" title="Đăng nhập Blogspot" /></a></li> <li><a href="javascript:popUp('https://accounts.google.com/servicelogin? service=mail&passive=true&rm=false&continue=http://mail.google.com/mail/&scc=1&l tmpl=default<mplcache=2')"><img src="http://1.bp.blogspot.com/A6MVH5R_jNQ/T7h3aDaPqEI/AAAAAAAAZ5Q/DVrbbXIxgAU/s1600/Googleicon.png" title="Đăng nhập Gmail" /></a></li> <li><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></li> <li><a href="javascript:popUp('http://www.facebook.com')"><img src="http://2.bp.blogspot.com/5DmIwdKYMcI/T7h3bloV0lI/AAAAAAAAZ5g/yRnklKj5skg/s1600/facebookicon.png" title="Đăng nhập Facebook" /></a></li> <li><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></li> <li><a href="javascript:popUp('http://www.youtube.com/')"><img src="http://3.bp.blogspot.com/Inj80QWRBWI/T7h3dvxMa5I/AAAAAAAAZ5w/raSLhHMw0Sc/s1600/youtubeicon.png" title="Đăng nhập Youtube" /></a></li> </ul></center> Bây giờ, bạn cần thay đổi các dòng lệnh màu xanh (bao gồm độ rộng, chiều cao và nơi xuất bảng Popup), màu đỏ (bao gồm kích thước ảnh, khoảng cách ảnh, địa link liên kết, link ảnh và chú thích ảnh mục title), cuối cùng bấm Lưu lại là xong Mở rộng thêm: * Muốn thêm ảnh thì copy dòng code này <li><a href="javascript:popUp('địa liên kết')"><img src="link ảnh" title="chú thích cho ảnh" /></a></li> Dán phía trên thẻ đóng </ul> cuối cùng (3) Như đã giới thiệu đầu bài, code menu ngang này tôi dùng để đăng nhập vào các trang mạng Ngoài ra, bạn có thể dùng tiện ích này để tạo cho mình menu ngang dùng để giải trí như: xem phim, nghe nhạc, xem truyện cười, clip hài dùng để liên kết đến các trang nhãn blog mình cách thay đổi các địa liên kết và các ảnh khác tương ứng Để kiếm hình ảnh cho tiện ích, bạn bấm vào thẻ phía nha: (4)