Game và Thủ Thuật: LINK LIÊN KẾT

TẠO MENU DỌC LIÊN KẾT BLOG

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqyqWS6KFlQyiRHCwNRCZ-cfRhtnBHtwzkGz7y8jwu2AWkOaxtC8jC_TKVqQqjXHzmDgzeZmtw7rqTPhwdtfGo6UlRUPH8DxVDo13cPvXSUBAzw9nRk-e1fuLEb2zy8fSw8BNNCkvTb2o/s1600/004.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqyqWS6KFlQyiRHCwNRCZ-cfRhtnBHtwzkGz7y8jwu2AWkOaxtC8jC_TKVqQqjXHzmDgzeZmtw7rqTPhwdtfGo6UlRUPH8DxVDo13cPvXSUBAzw9nRk-e1fuLEb2zy8fSw8BNNCkvTb2o/s1600/004.png" /></a><span style="font-size: large;">Nhằm tạo điều kiện "Kết nối bạn bè, sẻ chia kinh nghiệm, đạt nhiều thành công" đồng thời cũng để cho khách tham quan dễ dàng tham khảo thêm nhiều trang Web/Blog có cùng chủ đề, một số Web/Blog thường tạo mục "Liên kết Blog" với nhiều Web/Blog khác...</span><br /><span style="font-size: large;">  </span><br /><div style="text-align: justify;"><span style="font-size: large;">dunghennessy tình cờ "dạo quanh" trang Blog của bạn Buivansum thấy có bài đăng về "Tạo menu dọc để liên kết blog", thấy cũng "hay hay" và có copy code lại đem về chỉnh sửa đôi chút cho hoàn thiện hơn, nay đem chia sẻ với các bạn.</span></div><span style="font-size: large;">  </span><br /><div style="text-align: justify;"><span style="font-size: large;">Menu dọc này được nằm gọn trong khung có đường viền màu bao bọc, cạnh phải của menu có thanh trượt lên xuống, ảnh đại diện (Favicon) và các tên blog được hiển thị trên một màu nền. Khi bạn rê chuột vào thì các ảnh đại diện cũng như tên blog sẽ thay đổi màu sắc và trượt "nhẹ" ra bên phải của menu, ngoài ra một điều đặc biệt ở menu này là khi bạn click vào một trong những Web/Blog liên kết thì sẽ xuất hiện một bảng nhỏ (pop-up) ngay tại Web/Blog của bạn để bạn tham khảo mà không phải rời khỏi trang Blog của mình. Bạn bấm vào "Xem thử" để xem trước menu này.</span></div><a name="more"></a><br /><br /><center><a class="bttoolz" href="#" onclick="expandingWindow('http://dunghennessythunghiem.blogspot.com/2012/10/duoi-ay-la-mot-so-blog-uoc-lien-ket-boi.html');return false">Xem thử</a></center><br /><div style="text-align: justify;"><span style="font-size: large;">Bạn chỉ cần <i><b>đ</b></i><i><b>ăng nh</b></i><i><b>ập v</b></i><i><b>ào blog > Ch</b></i><i><b>ọn B</b></i><i><b>ố c</b></i><i><b>ục > Ch</b></i><i><b>ọn th</b></i><i><b>êm ti</b></i><i><b>ện </b></i><i><b>ích </b></i><i><b>HTML</b></i> (nếu chưa biết cách thêm tiện ích HTML/Javacript thì mời bạn xem <a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">T</a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">ẠI </a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">Đ</a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">ÂY</a>). Bây giờ bạn dán toàn bộ code phía dưới vào.</span></div><div style="border: 10px solid orange; color: white; margin: 10px 0; padding: 10px; text-align: left;"><style><br />#link-cia {<br /> width: <span style="color: cyan;">300</span>px;<br /> border: 10px groove <span style="color: cyan;">green</span>;<br /> overflow: auto;<br /> height: <span style="color: cyan;">300</span>px;<br /><br /> padding-left: 0px;<br />}<br /><br />#link-cia ul {<br /> display: inline;<br /> margin-left: 0px;<br />}<br />#link-cia ul li {<br /> list-style: none;<br /> margin-left: 0px;<br /> background: <span style="color: cyan;">#000000</span>;<br /> border: 1px solid #fff;<br /> padding: 4px;<br /> padding-left: 15px;<br /><br />-webkit-transition:all 3.5s ease;<br /> -moz-transition:all 3.5s ease;<br /> -o-transition:all 3.5s ease;<br /> transition:all 3.5s ease;<br />}<br /><br />#link-cia ul li:hover {<br /> background: <span style="color: yellow;">#0638DB</span>;<br /> border : 1px solid #fff;<br /> border-right: 10px solid #fff;<br />-webkit-transition:all 1.5s ease;<br /> -moz-transition:all 1.5s ease;<br /> -o-transition:all 1.5s ease;<br /> transition:all 1.5s ease;<br />}<br /><br />#link-cia ul li a {<br /> color:<span style="color: cyan;"> red</span>;<br /> text-decoration: none;<br /> font-family: <span style="color: cyan;">Times new roman</span>;<br /> font-size: <span style="color: cyan;">19</span>px;<br /> text-shadow: 0px 0px 1px #fff;<br /> -webkit-transition: padding 1.5s ease-out;<br />    -moz-transition: padding 1.5s ease-out;<br />    -o-transition: padding 1.5s ease-out;<br /> transition:all 1.5s ease;<br />}<br /><br />#link-cia ul li a:hover {<br /> color: <span style="color: yellow;">yellow</span>;<br /> text-decoration: none;<br /> padding-left: 15px;<br /> -webkit-transition: padding 0.5s ease-out;<br />    -moz-transition: padding 0.5s ease-out;<br />    -o-transition: padding 0.5s ease-out;<br /> transition:all 0.5s ease;<br />}<br /></style><br /><script language="JavaScript"><br />    function popUp(URL) {<br />    day = new Date();<br />    id = day.getTime();<br />    eval("page" + id + " = window.open(URL, '" + id + "',  'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=<span style="color: yellow;">900</span>,height=<span style="color: yellow;">550</span>,left = <span style="color: yellow;">50</span>,top = <span style="color: yellow;">100</span>');");<br />    }<br />    </script><br /><div id="link-cia"><br /><br /><ul><br /><br /> <li><a  href="javascript:popUp('http://www.dunghennessy.blogspot.com')"><img  align="top" height="16px" width="16px"  src="http://dungheineken.blogspot.com/favicon.ico"/> Thủ thuật  Computer</a></li><br /> <li><a  href="javascript:popUp('http://anhdepblog.blogspot.com')"><img  align="top" height="16px" width="16px"  src="http://anhdepblog.blogspot.com/favicon.ico"/> Ảnh đẹp cho  Blog</a></li><br /> <li><a href="javascript:popUp('<span style="color: red;">Link blog liên kết</span>')"><img align="top" height="<span style="color: red;">16</span>px" width="<span style="color: red;">16</span>px" src="<span style="color: red;">Link ảnh đại diện (Favicon)</span>"/> <span style="color: red;">Tên blog liên kết</span></a></li><br />  <li><a href="javascript:popUp('<span style="color: red;">Link blog liên kết</span>')"><img align="top" height="<span style="color: red;">16</span>px" width="<span style="color: red;">16</span>px" src="<span style="color: red;">Link ảnh đại diện (Favicon)</span>"/> <span style="color: red;">Tên blog liên kết</span></a></li><br />  <li><a href="javascript:popUp('<span style="color: red;">Link blog liên kết</span>')"><img align="top" height="<span style="color: red;">16</span>px" width="<span style="color: red;">16</span>px" src="<span style="color: red;">Link ảnh đại diện (Favicon)</span>"/> <span style="color: red;">Tên blog liên kết</span></a></li><br />  <li><a href="javascript:popUp('<span style="color: red;">Link blog liên kết</span>')"><img align="top" height="<span style="color: red;">16</span>px" width="<span style="color: red;">16</span>px" src="<span style="color: red;">Link ảnh đại diện (Favicon)</span>"/> <span style="color: red;">Tên blog liên kết</span></a></li><br /> <li><a href="javascript:popUp('<span style="color: red;">Link blog liên kết</span>')"><img align="top" height="<span style="color: red;">16</span>px" width="<span style="color: red;">16</span>px" src="<span style="color: red;">Link ảnh đại diện (Favicon)</span>"/> <span style="color: red;">Tên blog liên kết</span></a></li><br /> <li><a href="javascript:popUp('<span style="color: red;">Link blog liên kết</span>')"><img align="top" height="<span style="color: red;">16</span>px" width="<span style="color: red;">16</span>px" src="<span style="color: red;">Link ảnh đại diện (Favicon)</span>"/> <span style="color: red;">Tên blog liên kết</span></a></li><br /> <li><a href="javascript:popUp('<span style="color: red;">Link blog liên kết</span>')"><img align="top" height="<span style="color: red;">16</span>px" width="<span style="color: red;">16</span>px" src="<span style="color: red;">Link ảnh đại diện (Favicon)</span>"/> <span style="color: red;">Tên blog liên kết</span></a></li><br /> <li><a href="javascript:popUp('<span style="color: red;">Link blog liên kết</span>')"><img align="top" height="<span style="color: red;">16</span>px" width="<span style="color: red;">16</span>px" src="<span style="color: red;">Link ảnh đại diện (Favicon)</span>"/> <span style="color: red;">Tên blog liên kết</span></a></li><br /> <li><a href="javascript:popUp('<span style="color: red;">Link blog liên kết</span>')"><img align="top" height="<span style="color: red;">16</span>px" width="<span style="color: red;">16</span>px" src="<span style="color: red;">Link ảnh đại diện (Favicon)</span>"/> <span style="color: red;">Tên blog liên kết</span></a></li><br /> <li><a href="javascript:popUp('<span style="color: red;">Link blog liên kết</span>')"><img align="top" height="<span style="color: red;">16</span>px" width="<span style="color: red;">16</span>px" src="<span style="color: red;">Link ảnh đại diện (Favicon)</span>"/> <span style="color: red;">Tên blog liên kết</span></a></li><br /> <li><a href="javascript:popUp('<span style="color: red;">Link blog liên kết</span>')"><img align="top" height="<span style="color: red;">16</span>px" width="<span style="color: red;">16</span>px" src="<span style="color: red;">Link ảnh đại diện (Favicon)</span>"/> <span style="color: red;">Tên blog liên kết</span></a></li><br /> <li><a href="javascript:popUp('<span style="color: red;">Link blog liên kết</span>')"><img align="top" height="<span style="color: red;">16</span>px" width="<span style="color: red;">16</span>px" src="<span style="color: red;">Link ảnh đại diện (Favicon)</span>"/> <span style="color: red;">Tên blog liên kết</span></a></li><br /> <li><a href="javascript:popUp('<span style="color: red;">Link blog liên kết</span>')"><img align="top" height="<span style="color: red;">16</span>px" width="<span style="color: red;">16</span>px" src="<span style="color: red;">Link ảnh đại diện (Favicon)</span>"/> <span style="color: red;">Tên blog liên kết</span></a></li><br /></ul></div></div><br /><div style="text-align: justify;"><span style="font-size: large;">Để phù hợp theo ý thích của mình, bạn có thể thay đổi các dòng lệnh màu xanh, đỏ, vàng. Trong đó:</span></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: justify;"><span style="font-size: large;">* Width (<span style="color: cyan;">m</span><span style="color: cyan;">àu xanh</span>): Độ rộng của khung menu.</span></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: justify;"><span style="font-size: large;">* Height (<span style="color: cyan;">m</span><span style="color: cyan;">àu xanh</span>): Độ cao của khung menu.</span></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: justify;"><span style="font-size: large;">* Green (<span style="color: cyan;">m</span><span style="color: cyan;">àu xanh</span>): Màu đường viền của khung menu</span></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: justify;"><span style="font-size: large;">* Background (<span style="color: cyan;">m</span><span style="color: cyan;">àu xanh</span>): Màu nền khi chưa rê chuột.</span></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: justify;"><span style="font-size: large;">* Color (<span style="color: cyan;">m</span><span style="color: cyan;">àu xanh</span>): Màu chữ khi chưa rê chuột.</span></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: justify;"><span style="font-size: large;">* Font family (<span style="color: cyan;">m</span><span style="color: cyan;">àu xanh</span>): Font chữ của tên Blog liên kết.</span></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: justify;"><span style="font-size: large;">* Font size (<span style="color: cyan;">m</span><span style="color: cyan;">àu xanh</span>): Kích cỡ chữ của tên Blog liên kết.</span></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: justify;"><span style="font-size: large;">- Background (<span style="color: yellow;">m</span><span style="color: yellow;">àu v</span><span style="color: yellow;">àng</span>): Màu nền khi rê chuột vào.</span></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: justify;"><span style="font-size: large;">- Color (<span style="color: yellow;">m</span><span style="color: yellow;">àu v</span><span style="color: yellow;">àng</span>): Màu chữ khi rê chuột vào.</span></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: justify;"><span style="font-size: large;">- Width (<span style="color: yellow;">m</span><span style="color: yellow;">àu v</span><span style="color: yellow;">àng</span>): Độ rộng của bảng nhỏ (pop-up).</span></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: justify;"><span style="font-size: large;">- Height (<span style="color: yellow;">m</span><span style="color: yellow;">àu v</span><span style="color: yellow;">àng</span>): Chiều cao của bảng nhỏ (pop-up).</span></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: justify;"><span style="font-size: large;">- Left (<span style="color: yellow;">m</span><span style="color: yellow;">àu v</span><span style="color: yellow;">àng</span>): Khoảng cách bên trái của bảng nhỏ tính từ bên trái của Blog.</span></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: justify;"><span style="font-size: large;">- Top (<span style="color: yellow;">m</span><span style="color: yellow;">àu v</span><span style="color: yellow;">àng</span>): Khoảng cách ở trên của bảng nhỏ tính từ đầu của Blog.</span></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: justify;"><span style="font-size: large;">+ Height (<span style="color: red;">m</span><span style="color: red;">àu </span><span style="color: red;">đ</span><span style="color: red;">ỏ</span>): Chiều cao của ảnh đại diện (Favicon).</span></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: justify;"><span style="font-size: large;">+ Width (<span style="color: red;">m</span><span style="color: red;">àu </span><span style="color: red;">đ</span><span style="color: red;">ỏ</span>): Độ rộng của ảnh đại diện (Favicon)</span>.  </div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: justify;"><span style="font-size: large;">Còn các dòng lệnh màu đỏ còn lại: Link Blog liên kết, Link ảnh đại diện, Tên Blog liên kết chắc các bạn biết rồi, mình không giải thích nữa.</span>  <span style="font-size: large;">Sau cùng bấm Lưu rồi quay vào Blog xem kết quả nha</span></div><div style="border: 10px solid green; color: white; margin: 10px 0; padding: 10px; text-align: left;"><span style="font-size: medium;">Mở rộng thêm:</span><br /><span style="font-size: medium;">Nếu muốn thêm nhiều liên kết nữa, bạn copy dòng lệnh này:</span><br /><br /><span style="font-size: medium;"> <li><a href="javascript:popUp('<span style="color: red;">Link blog liên kết</span>')"><img align="top" height="<span style="color: red;">16</span>px" width="<span style="color: red;">16</span>px" src="<span style="color: red;">Link ảnh đại diện (Favicon)</span>"/> <span style="color: red;">Tên blog liên kết</span></a></li></span><br /><br /><span style="font-size: medium;">Dán trên dòng lệnh  </ul></div> cuối cùng</span>.<br /><br /><div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"><a href="http://creativecommons.org/licenses/by-sa/3.0" style="color: #003399;"></a></div></div><span style="font-size: large;">Chúc các bạn thành công</span><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisJ9Oxxl-WitQCBMtOeBOoWU4l-40irc6ztiHhUZZ-8xqMrG070OszWVmK1ImF1nPreun-tyajcy6KnO5XGNT0ZyKuuexn0frpdHQae6C-FS7LSegrK3iHCbBHpBgC8otCN-CBQVEtD0U/s1600/syG7jB1344809653.gif" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisJ9Oxxl-WitQCBMtOeBOoWU4l-40irc6ztiHhUZZ-8xqMrG070OszWVmK1ImF1nPreun-tyajcy6KnO5XGNT0ZyKuuexn0frpdHQae6C-FS7LSegrK3iHCbBHpBgC8otCN-CBQVEtD0U/s1600/syG7jB1344809653.gif" /></a></div><br /><br /><br />

TẠO MENU DỌC LIÊN KẾT BLOG

Nhằm tạo điều kiện "Kết nối bạn bè, sẻ chia kinh nghiệm, đạt nhiều thành công" đồng thời cũng để cho khách tham quan dễ dàng tham ...

TẠO HIỆU ỨNG CHO LINK LIÊN KẾT (Phần 2)

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ0oex-N9CJPmY0B5sUE0lLomkIyF_jVPvPWfVWKFzlwjizqWJFZasCjGU-KmpCNKE5aEjbk95MTpEfBvwQd9T9e1yiarCqpghbdscpaSWv1FH_wT5RBpzUeD46HwY57GKmRaPp0sSAnk/s1600/003.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ0oex-N9CJPmY0B5sUE0lLomkIyF_jVPvPWfVWKFzlwjizqWJFZasCjGU-KmpCNKE5aEjbk95MTpEfBvwQd9T9e1yiarCqpghbdscpaSWv1FH_wT5RBpzUeD46HwY57GKmRaPp0sSAnk/s320/003.jpg" width="320" /></a></div><span style="font-size: large;">Trước đây, tôi có chia sẻ với các bạn cách tạo hiệu ứng link liên kết (xem <a href="http://dunghennessy.blogspot.com/2012/03/tao-hieu-ung-cho-link-lien-ket.html" target="_blank">TẠI ĐÂY</a>). </span></div><div style="text-align: justify;"><span style="font-size: large;">Hôm nay, dunghennessy tiếp tục chia sẻ với các bạn cách tạo hiệu ứng cho link liên kết (phần 2). Với phần 2 này, khi các bạn rê chuột vào mỗi link liên kết thì sẽ có các chữ hoặc các symbol toả ra khá đẹp và ngộ nghĩnh.</span></div><div style="text-align: justify;"><span style="font-size: large;">Mời bạn bấm vào Xem thử phía dưới để thấy rõ hơn hiệu ứng này.</span></div><a name="more"></a><span style="font-size: large;"> </span><br /><center><a class="bttoolz" href="#" onclick="expandingWindow('http://dunghennessythunghiem.blogspot.com/2012/08/hieu-ung-link-lien-ket.html');return false">Xem thử</a></center><br /><div style="text-align: justify;"><span style="font-size: large;">Để làm được điều này, các bạn <i><b>đăng nhập vào blog > Chọn thiết kế</b></i> (nếu sử dụng giao diện mới thì các bạn chọn thẻ <i><b>Bố cục</b></i>), sau đó <i><b>thêm tiện ích HTML/Javacript</b></i> (nếu các bạn chưa biết thì xem cách thêm tiện ích HTML <a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">TẠI ĐÂY</a>).</span></div><div style="text-align: justify;"><span style="font-size: large;">Sau đó dán toàn bộ các code dưới vào.</span></div><span style="font-size: large;"><br /></span><br /><div style="border: 15px groove orange; color: white; margin: 10px 0; padding: 10px; text-align: left;"><br /><script><br /><br />///////////////////////////////////////////////////////////////////////////<br />// CONFIGURATION STARTS HERE<br />///////////////////////////////////////////////////////////////////////////<br />       <br />// Đặt số lượng chữ hiển thị theo ý thích của bạn  <br />var sparklenumber=20<br /><br />// Đặt lại font chữ theo ý thích của bạn<br />var sparklefont=new Array("Arial","Times","Comic Sans MS")<br /><br />// Đặt lại kích thước chữ theo ý thích của bạn<br />var sparklesize=new Array(5,10,15,20)<br /><br />// Đặt lại mã màu theo ý thích<br />var sparklecolor=new Array("#FF0000","#0000FF","#00FF00","#000000")<br /><br />// Đặt lại tốc độ theo ý thích của bạn (số càng lớn tốc độ càng chậm)<br />var speed=20<br /><br />///////////////////////////////////////////////////////////////////////////<br />// CONFIGURATION ENDS HERE<br />///////////////////////////////////////////////////////////////////////////<br /><br />// Do not edit below this line<br />var sparklesizeNS4=new Array()<br />var x_sparklepos<br />var y_sparklepos<br />var x,y<br />var x_random=new Array()<br />var y_random=new Array()<br />var max_explsteps=80<br />var i_explsteps=0<br />var i_color=0<br />var i_size=0<br />var i_font=0<br />var marginbottom<br />var marginright<br />var sparklewidth=20<br />var sparkleheight=20<br />var isloaded=false<br /><br />var browserinfos=navigator.userAgent <br />var ie4=document.all&&!document.getElementById&&!browserinfos.match(/Opera/)<br />var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)<br />var ns4=document.layers<br />var ns6=!document.all&&document.getElementById&&!browserinfos.match(/Opera/)<br />var opera=browserinfos.match(/Opera/) <br />var browserok=ie4||ie5||ns4||ns6||opera<br /><br />function initlinkexploder() {<br />    isloaded=true<br />}<br /><br />function startexplosion(whatword) {<br />    if (isloaded) {<br />        i_explsteps=0<br />        x_sparklepos=x<br />        y_sparklepos=y<br />        for (i=0;i<=sparklenumber;i++) {<br />            x_random[i]=Math.ceil(20*Math.random())-10<br />            y_random[i]=Math.ceil(20*Math.random())-10<br />            while(x_random[i]>-2 && x_random[i]<2) {<br />                x_random[i]=Math.ceil(20*Math.random())-10<br />                y_random[i]=Math.ceil(20*Math.random())-10<br />            }<br />        }<br />        if (ie5||opera) {<br />            marginbottom=document.body.clientHeight<br />            marginright=document.body.clientWidth<br />        }<br />        if (ns6) {<br />            marginbottom=window.innerHeight<br />            marginright=window.innerWidth<br />        }<br />        for (i=0;i<=sparklenumber;i++) {<br />             var thisspan=document.getElementById("span"+i).style<br />            thisspan.visibility="VISIBLE"<br />            thisspan.left=x_sparklepos+"px"<br />            thisspan.top=y_sparklepos+"px"<br />            var thisspan=document.getElementById("span"+i)<br />            thisspan.innerHTML=whatword<br />            sparklewidth=parseInt(thisspan.offsetWidth)<br />            sparkleheight=parseInt(thisspan.offsetHeight)<br />        }<br />    explode()<br />    }<br />}<br /><br /><br />function explode() {<br />    if (i_explsteps<=max_explsteps) {<br />        for (i=0;i<=sparklenumber;i++) {   <br />            var thisspan=document.getElementById("span"+i).style<br />            if (parseInt(thisspan.left)>=marginright-sparklewidth-30+document.body.scrollLeft || parseInt(thisspan.top)>=marginbottom-sparkleheight-20+document.body.scrollTop) {<br />                   thisspan.left=-1000+"px"<br />                thisspan.top=-1000+"px"           <br />            }<br />            else {<br />                thisspan.visibility="VISIBLE"<br />                thisspan.left=parseInt(thisspan.left)+x_random[i]+"px"<br />                thisspan.top=parseInt(thisspan.top)+y_random[i]+"px"<br />            }   <br />        }<br />        i_explsteps++<br />        var timer=setTimeout("explode()",speed)<br />    }<br />    else {<br />        for (i=0;i<=sparklenumber;i++) {<br />            var thisspan=document.getElementById("span"+i).style<br />            thisspan.visibility="hidden"<br />        }<br />        clearTimeout(timer)<br />    }<br />}<br /><br />function handlerMM(e){<br />    x = (ns4||ns6) ? e.pageX : document.body.scrollLeft+event.clientX<br />    y = (ns4||ns6) ? e.pageY : document.body.scrollTop+event.clientY<br />}<br /><br /><br />document.onmousemove=handlerMM;<br /><br />document.write("<style>")<br />document.write(".spanstyle {")<br />document.write("position:absolute;")<br />document.write("visibility:hidden;")<br />document.write("}")<br />document.write("</style>")<br /><br />for (i=0;i<=sparklenumber;i++) {<br />       document.write("<div id='span"+i+"' class='spanstyle' style='font-family:"+sparklefont[i_font]+";font-size:"+sparklesize[i_size]+"pt;color:"+sparklecolor[i_color]+";'>")<br />    document.write(".")<br />    document.write("</div>")<br />    i_color++;i_font++;i_size++;<br />    if (i_color>=sparklecolor.length) {i_color=0}<br />    if (i_font>=sparklefont.length) {i_font=0}<br />    if (i_size>=sparklesize.length) {i_size=0}<br />}<br />if (browserok) {<br />    window.onload=initlinkexploder<br />}<br /></script><br /><br /><br /></div><br /><div style="text-align: justify;"><span style="font-size: large;">Bạn thay đổi các mã màu, font chữ, tốc độ...theo ý thích của mình (có ghi chú trên code) và bấm Lưu lại. </span></div><div style="text-align: justify;"><span style="font-size: large;">Bây giờ, bạn muốn link liên kết nào có hiệu ứng thì copy đoạn code này dán vào nơi bạn muốn link liên kết hiển thị (code HTML).</span></div><div style="text-align: left;"><span style="font-size: large;"> <span style="color: black; font-family: Verdana;"><span style="color: #777777;"><i><a href="Địa chỉ link liên kết" <span style="color: red;">onMouseOver="startexplosion('Welcome')"</span>>Tên link liên kết</a></i></span></span></span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><span style="font-size: large;">Bạn thay đổi chữ Welcome thành chữ khác hoặc symblol theo ý của bạn rồi bấm Lưu và trở lại blog xem kết quả nha.</span></div><div style="text-align: justify;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG_s3c3KZHUyAql1aCUACb606VEcCGs-iIxItZPPNBb4iiZ9kcBg3-2wtDtQS_4SMLxu8D2aQwv3NBaU8LiIoHd9JSFHxHcShLkuh8f-IQ0BspW-uu9vVtekuPVQ53gzP2pGjLKBFpoFM/s1600/SBhuyf1340331801.gif" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG_s3c3KZHUyAql1aCUACb606VEcCGs-iIxItZPPNBb4iiZ9kcBg3-2wtDtQS_4SMLxu8D2aQwv3NBaU8LiIoHd9JSFHxHcShLkuh8f-IQ0BspW-uu9vVtekuPVQ53gzP2pGjLKBFpoFM/s1600/SBhuyf1340331801.gif" /></a></div><div style="text-align: justify;"><br /><br /></div><div style="text-align: justify;"><span style="color: black; font-family: Verdana; font-size: xx-small;"><span style="color: #777777;"><i></i></span></span></div>

TẠO HIỆU ỨNG CHO LINK LIÊN KẾT (Phần 2)

Trước đây, tôi có chia sẻ với các bạn cách tạo hiệu ứng link liên kết (xem TẠI ĐÂY ). Hôm nay, dunghennessy tiếp tục chia sẻ với các bạn cá...

GẮN HỘP GIỚI THIỆU CHO BLOG LIÊN KẾT

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjznhkuDplt1MRzotwd7TqdaC_xU4mc3S4WT2-HC2UUxDQPzh34vt3FTx4noFxBU_f5hHV34sVt-LyYSKoCZNtZ6lJv8YDEzcmccUneISBfft7i8qTqzv4-5U5i_RFe0o-9RtAJajtu0wg/s1600/004.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjznhkuDplt1MRzotwd7TqdaC_xU4mc3S4WT2-HC2UUxDQPzh34vt3FTx4noFxBU_f5hHV34sVt-LyYSKoCZNtZ6lJv8YDEzcmccUneISBfft7i8qTqzv4-5U5i_RFe0o-9RtAJajtu0wg/s320/004.png" width="320" /></a></div><span style="font-size: large;">Để phát triển cộng đồng Blogger và để giao lưu học hỏi với các Web/Blog khác, các bạn có thể gắn liên kết các Web/Blog vào Blog của mình.</span></div><div style="text-align: justify;"><span style="font-size: large;">Có nhiều cách để gắn liên kết như: liên kết bằng địa chỉ URL hoặc bằng hình ảnh...v...v...</span></div><div style="text-align: justify;"><span style="font-size: large;">Trong giới hạn bài viết này, tôi chia sẻ với các bạn một tiện ích nhỏ cho việc gắn liên kết, sử dụng tiện ích này bạn sẽ tiết kiệm được khá nhiều không gian của blog mặc dù vậy nó vẫn hiển thị đầy đủ các yêu cầu gắn liên kết của bạn.</span><br /><a name="more"></a></div><div style="text-align: justify;"><span style="font-size: large;">Thủ thuật này sẽ tạo ra một hộp nhỏ chứa đựng các đường link mà mình muốn liên kết. </span><span style="font-size: large;">Khi khách tham quan bấm vào mũi tên nằm ở bên phải của hộp thì hộp sẽ xổ dọc xuống tất cả các tên Web/Blog mà bạn đã liên kết</span><span style="font-size: large;">, ứng với mỗi tên Web/Blog là một vài dòng giới thiệu mô tả phía dưới của hộp nhằm để khách tham quan có thể dễ dàng lựa chọn chủ đề mà mình muốn xem từ Web/Blog đã liên kết.</span></div><div style="text-align: justify;"><span style="font-size: large;">Bạn bấm vào "Xem thử" phía dưới để thấy rõ hơn thủ thuật này.</span></div><br /><br /><br /><center><a class="bttoolz" href="http://dunghennessy5.blogspot.com/2012/05/gan-hop-gioi-thieu-cho-blog-lien-ket.html" rel="nofollow" target="_blank">Xem thử</a></center><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Thủ thuật này cũng khá đơn giản, bạn chỉ việc <i><b>đăng nhập vào Blog > Chọn thiết kế > Thêm tiện ích HTML</b></i> (đối với các bạn đang sử dụng giao diện blog mới thì bạn <i><b>đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML</b></i>) rồi dán code phía dưới vào.</span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div class="csscode"><br /><div class="MsoNormal"><center></div><div class="MsoNormal"><form name="combowithtext"></div><div class="MsoNormal"><select name="example" size="1" onchange="showtext()"></div><div class="MsoNormal"><option value="<span style="color: red;">địa chỉ link liên kết 0</span>" /><span style="color: red;">Tên Web/blog liên kết 0</span></div><div class="MsoNormal"><option value="<span style="color: red;">địa chỉ link liên kết 1</span>" /><span style="color: red;">Tên Web/blog liên kết 1</span></div><div class="MsoNormal"><option value="<span style="color: red;">địa chỉ link liên kết 2</span>" /><span style="color: red;">Tên Web/blog liên kết 2</span></div><div class="MsoNormal"><option value="<span style="color: red;">địa chỉ link liên kết 3</span>" /><span style="color: red;">Tên Web/blog liên kết 3</span></div><div class="MsoNormal"><option value="<span style="color: red;">địa chỉ link liên kết 4</span>" /><span style="color: red;">Tên Web/blog liên kết 4</span></div><div class="MsoNormal"><option value="<span style="color: red;">địa chỉ link liên kết 5</span>" /><span style="color: red;">Tên Web/blog liên kết 5</span></div><div class="MsoNormal"><option value="<span style="color: red;">địa chỉ link liên kết 6</span>" /><span style="color: red;">Tên Web/blog liên kết 6</span></div><div class="MsoNormal"></select></div><div class="MsoNormal"><input type="button" value="OK!" </div><div class="MsoNormal">onclick="gothere()" /><br /></div><div class="MsoNormal"><textarea rows=<span style="color: red;">5</span> cols=<span style="color: red;">30</span> wrap="virtual" name="text"></textarea></div><div class="MsoNormal"><script language="javascript"></div><div class="MsoNormal"></div><div class="MsoNormal"></script></div><div class="MsoNormal"><br /></div><div class="MsoNormal"></form></div><span style="font-family: "Times New Roman"; font-size: 12pt;"></center></span></div><br /><div style="text-align: justify;"><span style="font-size: large;">Bây giờ, bạn thay đổi các dòng lệnh màu đỏ để phù hợp với blog mình.</span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div style="text-align: justify;"><span style="font-size: large;">Mở rộng thêm:</span></div><div style="text-align: justify;"><span style="font-size: large;">Ở đoạn code phía trên có tất cả là 7 đường link liên kết (tính luôn số 0), vì vậy nếu bạn muốn nhiều hơn thì copy dòng lệnh này:</span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"></div><div class="MsoNormal"><option value="địa chỉ link liên kết" />Tên Web/Blog liên kết</div><div class="MsoNormal"><br /></div><div class="MsoNormal"><span style="font-size: large;">Dán trên thẻ <i style="color: red;"><b></select></b></i> phía trên.</span></div><div class="MsoNormal"><span style="font-size: large;">Tiếp tục copy dòng lệnh này:</span></div><div class="MsoNormal"><br /></div><div class="MsoNormal"></div><div class="MsoNormal">descriptions[7]="nhập dòng giới thiệu vào đây"</div><div class="MsoNormal"><br /></div><div class="MsoNormal"><span style="font-size: large;">Dán vào phía dưới và thay đổi số thứ tự nằm trong ngoặc theo số tiến dần.</span></div><div class="MsoNormal"><span style="font-size: large;">Ví dụ: Tôi muốn thêm 2 link liên kết nữa thì code sẽ giống như thế này:</span></div><div class="MsoNormal"><center></div><div class="MsoNormal"><form name="combowithtext"></div><div class="MsoNormal"><select name="example" size="1" onchange="showtext()"></div><div class="MsoNormal"><option value="<span style="color: red;">địa chỉ link liên kết 0</span>" /><span style="color: red;">Tên Web/blog liên kết 0<br /></span></div><div class="MsoNormal"><option value="<span style="color: red;">địa chỉ link liên kết 1</span>" /><span style="color: red;">Tên Web/blog liên kết 1<br /></span></div><div class="MsoNormal"><option value="<span style="color: red;">địa chỉ link liên kết 2</span>" /><span style="color: red;">Tên Web/blog liên kết 2<br /></span></div><div class="MsoNormal"><option value="<span style="color: red;">địa chỉ link liên kết 3</span>" /><span style="color: red;">Tên Web/blog liên kết 3<br /></span></div><div class="MsoNormal"><option value="<span style="color: red;">địa chỉ link liên kết 4</span>" /><span style="color: red;">Tên Web/blog liên kết 4<br /></span></div><div class="MsoNormal"><option value="<span style="color: red;">địa chỉ link liên kết 5</span>" /><span style="color: red;">Tên Web/blog liên kết 5<br /></span></div><option value="<span style="color: red;">địa chỉ link liên kết 6</span>" /><span style="color: red;">Tên Web/blog liên kết 6</span><br /><div class="MsoNormal"><div class="MsoNormal"><option value="<span style="color: red;">địa chỉ link liên kết 7</span>" /><span style="color: red;">Tên Web/blog liên kết 7</span></div><div class="MsoNormal"><option value="<span style="color: red;">địa chỉ link liên kết 8</span>" /><span style="color: red;">Tên Web/blog liên kết 8</span></div><br /></select>......</div><br /><div class="MsoNormal">descriptions[0]="<span style="color: red;">nhập dòng giới thiệu cho link liên kết 0 vào đây</span>"</div><div class="MsoNormal">descriptions[1]="<span style="color: red;">nhập dòng giới thiệu cho link liên kết 1 vào đây</span>"</div><div class="MsoNormal">descriptions[2]="<span style="color: red;">nhập dòng giới thiệu cho link liên kết 2 vào đây</span>"</div><div class="MsoNormal">descriptions[3]="<span style="color: red;">nhập dòng giới thiệu cho link liên kết 3 vào đây</span>"</div><div class="MsoNormal">descriptions[4]="<span style="color: red;">nhập dòng giới thiệu cho link liên kết 4 vào đây</span>"</div><div class="MsoNormal">descriptions[5]="<span style="color: red;">nhập dòng giới thiệu cho link liên kết 5 vào đây</span>"</div><div class="MsoNormal">descriptions[6]="<span style="color: red;">nhập dòng giới thiệu cho link liên kết 6 vào đây</span>"</div><div class="MsoNormal"><div class="MsoNormal">descriptions[7]="<span style="color: red;">nhập dòng giới thiệu cho link liên kết 7vào đây</span>"</div><div class="MsoNormal">descriptions[8]="<span style="color: red;">nhập dòng giới thiệu cho link liên kết 8 vào đây</span>"</div>shortcut.text.....</div><span style="font-family: "Times New Roman"; font-size: 12pt;"></center></span><br /><div class="MsoNormal"><br /></div><div class="MsoNormal"><span style="font-size: large;">Chúc các bạn thành công</span></div><div class="MsoNormal"><br /></div><h2 class="title" style="text-align: right;">  <span style="font-size: small;"><i>▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀</i></span></h2>

GẮN HỘP GIỚI THIỆU CHO BLOG LIÊN KẾT

Để phát triển cộng đồng Blogger và để giao lưu học hỏi với các Web/Blog khác, các bạn có thể gắn liên kết các Web/Blog vào Blog của mình. Có...

GẮN ẢNH VÀO LINK LIÊN KẾT

<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggXtEfXT1szb6NkQjC9-Ynemnv15asqx3R5CC-auOk6vxdNYHXO_4s6cjx7PAVYEh5xtysY9PeKMaVP04KeX1iSkXk-nc2Xv_2fLOFVANOlT8Aw-bVOzEHvd9exLJuiz203kIYFbNj3wU/s1600/picture.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggXtEfXT1szb6NkQjC9-Ynemnv15asqx3R5CC-auOk6vxdNYHXO_4s6cjx7PAVYEh5xtysY9PeKMaVP04KeX1iSkXk-nc2Xv_2fLOFVANOlT8Aw-bVOzEHvd9exLJuiz203kIYFbNj3wU/s1600/picture.jpg" /></a></div><div style="text-align: justify;"><span style="font-size: large;">Khi bạn bấm vào một link liên kết bất kỳ trên Web/Blog, nó sẽ dẫn các bạn đến một trang Web/Blog nào đó do người quản trị gắn liên kết.</span></div><div style="text-align: justify;"><span style="font-size: large;">Với thủ thuật dưới đây, các bạn sẽ giao thêm "nhiệm vụ" cho link liên kết đó là: khi bạn rê chuột vào link liên kết lập tức sẽ xuất hiện một bảng nhỏ có hình ảnh và vài dòng giới thiệu khá đẹp mắt cho link liên kết</span></div><div style="text-align: justify;"><div style="text-align: justify;"><span style="font-size: large;">Mời bạn bấm rê chuột xuống các link liên kết phía dưới để thấy rõ hơn thủ thuật này.</span></div><a name="more"></a></div><br /><br /><style type="text/css"> .thumbnail{ position: relative; z-index: 0; }  .thumbnail:hover{ background-color: transparent; z-index: 50; }  .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }  .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; }  .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 80px; /*position where enlarged image should offset horizontally */  }  </style><br /><br /><a class="thumbnail" href="http://anhdepblog.blogspot.com/2012/04/anh-ong-i-love-you.html">Ảnh động trái tim<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzE_BLDEsJp8u2B8jOw2f9O8g75HpCFVHpA9pLduLr99qWF3XylWid_Z2CJeS0LkL8ofPZzYPn66081YiDDoHWPwQVLZ0jq2KQpsAo5piTstdiM-EBjAA2qA3Up-Ki_xHq4Os2m_23xMvu/s1600/0024.gif" /><br />Đây là trang ảnh động có chủ đề trái tim với kích thước 240x320. Bấm vào link hoặc vào ảnh để đến trang này</span></a><br /><br /><a class="thumbnail" href="http://anhdepblog.blogspot.com/2012/04/anh-ong-song-ho.html">Ảnh động sông hồ<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqSKJ_KcnOGWBqoKqFKsyKb4lmRXjn8Y7qtWmUJTIScEvXBzWdXA3F9U_1Epf323EM-6LcmB1k_JO60J7XB4j4Kn_oaTFuKpz3VQi1taYEYIc6OPO5kJPFSGK17JvQpciFImBquNwffO8/s1600/0018.gif" /><br />Tại đây, các bạn sẽ được chiêm ngưỡng một số ảnh động có chủ đề sông hồ khá đẹp mắt. Bấm vào link hoặc vào ảnh để đến trang Web này.</span></a><br /><br /><a class="thumbnail" href="http://anhdepblog.blogspot.com/2012/03/anh-ong-thac-nuoc.html">Ảnh động thác nước<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeM7lB3c7kVs38QP-WRklwzaApJEusTH3SX0-osh-ZonNYou_NYwjeJSQZi9ZBPeg4nV_NEAgubNnhwJZDE8hrylqF4ZweEcjShbs4qENXjo0GEDD9j1kJ-mQ2qEuG8s_qWiJRLCQrGuM/s1600/0037.gif" /><br />Thác nước là một trong những cảnh đẹp của thiên nhiên, bạn bấm vào link hoặc vào ảnh xem những cảnh đẹp này </span></a><br /><br /><a class="thumbnail" href="http://anhdepblog.blogspot.com/2012/03/anh-ong-con-rong-phan-2.html">Ảnh động con rồng<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj80TkZzPRzGvE-g8oV0bAL6oJQjpqZqw2fc5-oWxNgXZZmDIQQubXLexAlDKgCDgGx9y0pa20Zl5wor4i2X_BFQLJ3bnIioyavMyfzfBBelo3AuleKrl3O51Gvfl8n59q_XaBIBBRXyPA/s1600/0071.gif" /><br />Tại đây, bạn có thể dễ dàng tìm thấy những ảnh động CON RỒNG khá đẹp với kích thước 240x320. Bấm vào link hoặc vào ảnh để đến trang Web này. Chúc bạn vui</span></a><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Thủ thuật này cũng khá đơn giản, bạn chỉ cần <i><b>đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML</b></i> rồi dán đoạn code phía dưới vào.</span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div class="csscode"><style type="text/css"><br /><br />.thumbnail{<br />position: relative;<br />z-index: 0;<br />}<br /><br />.thumbnail:hover{<br />background-color: transparent;<br />z-index: 50;<br />}<br /><br />.thumbnail span{ /*CSS for enlarged image*/<br />position: absolute;<br />background-color: lightyellow;<br />padding: 5px;<br />left: -1000px;<br />border: 1px dashed gray;<br />visibility: hidden;<br />color: black;<br />text-decoration: none;<br />}<br /><br />.thumbnail span img{ /*CSS for enlarged image*/<br />border-width: 0;<br />padding: 2px;<br />}<br /><br />.thumbnail:hover span{ /*CSS for enlarged image on hover*/<br />visibility: visible;<br />top: 0;<br />left: 80px; /*position where enlarged image should offset horizontally */<br /><br />}<br /><br /></style><br /><br /><a class="thumbnail" href="<span style="color: red;">địa chỉ link liên kết</span>"><span style="color: red;">Tên link liên kết</span><span><img src="<span style="color: red;">Link ảnh</span>" /><br /><span style="color: red;">Nhập mô tả cho hình tại đây</span></span></a><br /><br /><br /><a class="thumbnail" href="<span style="color: red;">địa chỉ link liên kết</span>"><span style="color: red;">Tên link liên kết</span><span><img src="<span style="color: red;">Link ảnh</span>" /><br /><span style="color: red;">Nhập mô tả cho hình tại đây</span></span></a><br /><br /><br /><a class="thumbnail" href="<span style="color: red;">địa chỉ link liên kết</span>"><span style="color: red;">Tên link liên kết</span><span><img src="<span style="color: red;">Link ảnh</span>" /><br /><span style="color: red;">Nhập mô tả cho hình tại đây</span></span></a><br /><br /><br /><a class="thumbnail" href="<span style="color: red;">địa chỉ link liên kết</span>"><span style="color: red;">Tên link liên kết</span><span><img src="<span style="color: red;">Link ảnh</span>" /><br /><span style="color: red;">Nhập mô tả cho hình tại đây</span></span></a><br /><br /><br /></div><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Bây giờ, bạn cần thay đổi các dòng lệnh <span style="color: red;">màu đỏ</span> để phù hợp với blog của bạn và bấm <b><i>Lưu</i></b> lại là xong. </span><br /><br /><span style="font-size: large;">Mở rộng thêm:</span><br /><span style="font-size: large;">Nếu muốn nhiều hơn link liên kết, bạn chỉ việc copy thêm đoạn code này và dán phía dưới, cuối cùng bấm <b><i>Lưu </i></b>lại là xong.</span><br /><br /><a class="thumbnail" href="<span style="color: red;">địa chỉ link liên kết</span>"><span style="color: red;">Tên link liên kết</span><span><img src="<span style="color: red;">Link ảnh</span>" /><br /><span style="color: red;">Nhập mô tả cho hình tại đây</span></span></a><br /><br /><br /></div><div style="text-align: justify;"><br /></div><br /><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><span style="font-size: large;"><i><b>Chúc các bạn thành công!!! </b></i></span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><br /></div><h2 class="title" style="text-align: right;"> <span style="font-size: small;"><i>▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀ </i></span></h2>

GẮN ẢNH VÀO LINK LIÊN KẾT

Khi bạn bấm vào một link liên kết bất kỳ trên Web/Blog, nó sẽ dẫn các bạn đến một trang Web/Blog nào đó do người quản trị gắn liên kết. Với ...

TẠO HIỆU ỨNG CHO LINK LIÊN KẾT

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbt7C1_peTd2_sRYGsGmy2XphMl7AwEv0VBeT00cmifK0F1oSCjSwMs8bxG656QVQsm1IYhu-k2L4v9auFUzE9cevEf9FYoQgaPxlj3Z6u0hLHek1UJNm3kSPFQkCqBwslHqUSKQfw-cg/s1600/CaptureWiz.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbt7C1_peTd2_sRYGsGmy2XphMl7AwEv0VBeT00cmifK0F1oSCjSwMs8bxG656QVQsm1IYhu-k2L4v9auFUzE9cevEf9FYoQgaPxlj3Z6u0hLHek1UJNm3kSPFQkCqBwslHqUSKQfw-cg/s1600/CaptureWiz.png" /></a></div><span style="font-size: large;">Để cho link liên kết thêm sống động, bạn phải gắn hiệu ứng cho nó.</span></div><div style="text-align: justify;"><span style="font-size: large;">Bạn bấm vào "Xem thử" để thấy rõ hơn hiệu ứng của link liên kết.</span></div><a name="more"></a><br /><br /><br /><center><a class="bttoolz" href="http://dunghennessy5.blogspot.com/2012/02/gan-hieu-ung-cho-link-lien-ket.html" rel="nofollow" target="_blank">Xem thử</a></center><br /><br /><span style="font-size: large;">Để làm được điều này, bạn <i><b>đăng nhập vào blog > Chọn Thiết kế > Thêm tiện ích HTML/Javacript</b></i> rồi copy đoạn code phía dưới và dán vào. </span><br /><span style="font-size: large;"><br /></span><br /><div class="csscode"><br /><div class="MsoNormal"><style type="text/css"></div><div class="MsoNormal">a.navbar:hover {</div><div class="MsoNormal">color:;</div><div class="MsoNormal">font-weight:bold;</div><div class="MsoNormal">background-image:url(<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9An8hLJKuxJcZvY3qljcxjKh2v4c0Nisi1SFht7-3u5tJW2RjsFceKPQdH2a1Vpe_wKrDlr1GaoAutDh8Vye1_d3lH-LfyAer_tFmPpnVF2dgeCudxMLajWn-FuqfrM3UmlJXKJiOuxc/s1600/rainbow.gif</span>);</div><div class="MsoNormal">}</div><div class="MsoNormal">a:hover, a.link:hover, a.navbar:hover {</div><div class="MsoNormal">background-image:url(<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9An8hLJKuxJcZvY3qljcxjKh2v4c0Nisi1SFht7-3u5tJW2RjsFceKPQdH2a1Vpe_wKrDlr1GaoAutDh8Vye1_d3lH-LfyAer_tFmPpnVF2dgeCudxMLajWn-FuqfrM3UmlJXKJiOuxc/s1600/rainbow.gif</span>);</div><div class="MsoNormal">font-size:<span style="color: red;">10</span>t;</div><div class="MsoNormal">color:;</div><div class="MsoNormal">text-decoration:none;</div><div class="MsoNormal">border:1px solid;</div><div class="MsoNormal">}</div><div class="MsoNormal"></style></div><br /></div><br /><div style="text-align: justify;"><span style="font-size: large;">Bây giờ, bạn có thể đổi các dòng lệnh màu xanh và màu đỏ tuỳ theo ý thích của bạn, cuối cùng bấm <i><b>Lưu </b></i>lại là xong.</span></div><div style="text-align: justify;"><span style="font-size: large;">Dưới đây, là một vài mẫu hiệu ứng cho link liên kết, bạn bấm phải chuột vào ảnh chọn <b><i>Save as (lưu ảnh dưới dạng)... </i></b>để tải về, sau đó upload để lấy link chèn vào dòng lệnh màu đỏ.</span></div><br /><div class="separator" style="clear: both; text-align: center;"></div><br /><div class="separator" style="clear: both; text-align: center;"></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiazFOF4uAbk9xu78M9qhW5sOLGrM0JrAUDJ5FC7cjWXKcXANg36d82o7U1puQAukoK1j2sIV2-NI_xLqfDt5sETT-dAHFDFUM5Y2L8yAYOySn1wylroSN40ze5CNJPSjcGyKfGHrfjDY4/s1600/blood.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiazFOF4uAbk9xu78M9qhW5sOLGrM0JrAUDJ5FC7cjWXKcXANg36d82o7U1puQAukoK1j2sIV2-NI_xLqfDt5sETT-dAHFDFUM5Y2L8yAYOySn1wylroSN40ze5CNJPSjcGyKfGHrfjDY4/s1600/blood.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOKklvnfgFif-IC0xWmygelpxtu7qJ4FNu1GNbPNxwaEZsy08dMNYLmZynBuXvjg3fFu-yrrnDC_IF_wDTHyo9VDZdWYt8qgm2rsMro5GoKcb4cBs1GSEbNnY_7tFEKE6c5sHfFo6NP0g/s1600/bluestar.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOKklvnfgFif-IC0xWmygelpxtu7qJ4FNu1GNbPNxwaEZsy08dMNYLmZynBuXvjg3fFu-yrrnDC_IF_wDTHyo9VDZdWYt8qgm2rsMro5GoKcb4cBs1GSEbNnY_7tFEKE6c5sHfFo6NP0g/s1600/bluestar.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNy4wPlBDDvKVOJ47a3kd3SnyXOQyEBartcY31SYzME1wnHsjVbX6V-8TKfWMVMvIk2ACUEdhGgRhcNGOkifqXbBXajF79ywJgXwdOFH8Zh3SkZDAkqfn9hAKy744_XYJz3ACCEM9UPwQ/s1600/colorballs.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNy4wPlBDDvKVOJ47a3kd3SnyXOQyEBartcY31SYzME1wnHsjVbX6V-8TKfWMVMvIk2ACUEdhGgRhcNGOkifqXbBXajF79ywJgXwdOFH8Zh3SkZDAkqfn9hAKy744_XYJz3ACCEM9UPwQ/s1600/colorballs.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRvlQm85Y6LLJqdO-yF2kQv3LTmnQnJL99-Rcd_bnXWsXsk4AxbiH3ymqfOwsjRavubC3o5n3KjgY73arinLsnwIsrhmDKlEoDPYkxF24tY4qjxvwGrMY_VK9ujKiSXezb2jmzl82JqMA/s1600/colorballs2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRvlQm85Y6LLJqdO-yF2kQv3LTmnQnJL99-Rcd_bnXWsXsk4AxbiH3ymqfOwsjRavubC3o5n3KjgY73arinLsnwIsrhmDKlEoDPYkxF24tY4qjxvwGrMY_VK9ujKiSXezb2jmzl82JqMA/s1600/colorballs2.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7LJCeU-PVRj4nayIGW2UHqnphR4sKI7OO-XAqwdfhEXVR059L61cyx_05nzwRh6yRrDD0VT2epwUlhEShvE_bHyOwv2foeo-jJO0UBbDGfTJ03gJR0rGczhLu-1wIixJOSkpN4oIDNIw/s1600/colors.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7LJCeU-PVRj4nayIGW2UHqnphR4sKI7OO-XAqwdfhEXVR059L61cyx_05nzwRh6yRrDD0VT2epwUlhEShvE_bHyOwv2foeo-jJO0UBbDGfTJ03gJR0rGczhLu-1wIixJOSkpN4oIDNIw/s1600/colors.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4p0J_7etqsS0NSQKP_1cG3H8QeBw6MQiW5-KKq4cT_iSVgJV6M9SHDbilek0PNtTuhHnQe645lArS5EfepTelj70dwQE9cuO4nIOlyLmG3J1enTy2i00MP0NdBEgRt8ZGw1JdX81IWdA/s1600/comet.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4p0J_7etqsS0NSQKP_1cG3H8QeBw6MQiW5-KKq4cT_iSVgJV6M9SHDbilek0PNtTuhHnQe645lArS5EfepTelj70dwQE9cuO4nIOlyLmG3J1enTy2i00MP0NdBEgRt8ZGw1JdX81IWdA/s1600/comet.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuVamGb6Qi5d47ehO1vBByAH_sljBxYJssfiFlYlGM2DTuXBeZ-IU1GFTGDoZiivsBaJkTVAox3xrYZYtEQz5AGzFPn60WSPrmj_yCYJvOhU33aDtm6L8Gt3JL6Y8xEsEUiw0DRsI_U5Q/s1600/dancecolors.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuVamGb6Qi5d47ehO1vBByAH_sljBxYJssfiFlYlGM2DTuXBeZ-IU1GFTGDoZiivsBaJkTVAox3xrYZYtEQz5AGzFPn60WSPrmj_yCYJvOhU33aDtm6L8Gt3JL6Y8xEsEUiw0DRsI_U5Q/s1600/dancecolors.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfgF7c2aEq2aSg9xSQMm6DcFdEHycE_l2HwBfvFNZw5w6f7-Y4EDfjVXacX8a_FyWtt3pEDYGr4obCWhR9gwu02TVXRMb9FYrX_gxX52zAJi9mSqgG9RV_cvCV8nteiNCErEKLSlTjqWE/s1600/dots.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfgF7c2aEq2aSg9xSQMm6DcFdEHycE_l2HwBfvFNZw5w6f7-Y4EDfjVXacX8a_FyWtt3pEDYGr4obCWhR9gwu02TVXRMb9FYrX_gxX52zAJi9mSqgG9RV_cvCV8nteiNCErEKLSlTjqWE/s1600/dots.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6gwlTMzT3hv9wH1U9Wu2EA5Yd6sPvxj_0N3jexxhDKkWiOi1T0kdUXAPVfFuhVm_fI0r25_IiON2uS7_IDKHgHrj11fTCOcbuWSJD8ZJCWxVqd6NrIajodtGJPHoahy3y0tUFhuhXPlY/s1600/flags.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="11" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6gwlTMzT3hv9wH1U9Wu2EA5Yd6sPvxj_0N3jexxhDKkWiOi1T0kdUXAPVfFuhVm_fI0r25_IiON2uS7_IDKHgHrj11fTCOcbuWSJD8ZJCWxVqd6NrIajodtGJPHoahy3y0tUFhuhXPlY/s640/flags.gif" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8EiZZakSXKL2gJTDrseOMZIBVwv3otp3i05bBK85kHKI535ly1ylAm-tazcID5sp43JcrJFpaH7rDEehwMHydWjvnWR6gZ4BdqKohjXQQfuqfgz2XSL6bPSUfQH9IPf1s31ZcEerwaM/s1600/flames2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8EiZZakSXKL2gJTDrseOMZIBVwv3otp3i05bBK85kHKI535ly1ylAm-tazcID5sp43JcrJFpaH7rDEehwMHydWjvnWR6gZ4BdqKohjXQQfuqfgz2XSL6bPSUfQH9IPf1s31ZcEerwaM/s1600/flames2.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikTlAGtE9ng8VD-6_ahBS_Mgr9K-dTBRQEqBSR09X4pPPO2DDFukDvi0NVqVZSGJcCdO3gyE-x3MBTXakHVqbDlR0DZPSFtORECokEX1iC3Is6RY0tH7CtWIZkOUWf3YrN1NIHcNuOhbs/s1600/greenline.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikTlAGtE9ng8VD-6_ahBS_Mgr9K-dTBRQEqBSR09X4pPPO2DDFukDvi0NVqVZSGJcCdO3gyE-x3MBTXakHVqbDlR0DZPSFtORECokEX1iC3Is6RY0tH7CtWIZkOUWf3YrN1NIHcNuOhbs/s1600/greenline.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw7BBNerN6hyphenhypheneYQwU9mdBZaijAaCqjW-oavaWr9PoNYhW8pM_egll324kZ8GoC8xTYIRwBgEQ8HeLwhtFocs55ixsuZkMCwV5MkLyVc9fJpxYweu0ZObKNb_sizoYx1VOnU7JT0FCOFWI/s1600/hearts.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw7BBNerN6hyphenhypheneYQwU9mdBZaijAaCqjW-oavaWr9PoNYhW8pM_egll324kZ8GoC8xTYIRwBgEQ8HeLwhtFocs55ixsuZkMCwV5MkLyVc9fJpxYweu0ZObKNb_sizoYx1VOnU7JT0FCOFWI/s1600/hearts.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_k0_cmi-dmt_3gq6r3ue9D89_r_LT59U1BrTb_3qxwKTZYpAeMnlzYZ-Izv58aFgbmFT4ej_XDDAPTKxRXQhV8H0soWVqW62zFyAqAUAUitQe-QgqdzwwyTkvX4f2y8sAF6uy2mXNBj4/s1600/lightning.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_k0_cmi-dmt_3gq6r3ue9D89_r_LT59U1BrTb_3qxwKTZYpAeMnlzYZ-Izv58aFgbmFT4ej_XDDAPTKxRXQhV8H0soWVqW62zFyAqAUAUitQe-QgqdzwwyTkvX4f2y8sAF6uy2mXNBj4/s1600/lightning.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNC_vQe38IRBGT1QXM4qgsi7qqaPpZWmGOPDbI5DJ7rDmCRl3Cis6IkQChPl4Mh2zq0nz5gZK6wVRzcRtI35P9kpYi-lpz70yhAMtKDKnWCOgrdZxqhvIHMpIEnk7U2lHaSu8cShe8lxk/s1600/music.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNC_vQe38IRBGT1QXM4qgsi7qqaPpZWmGOPDbI5DJ7rDmCRl3Cis6IkQChPl4Mh2zq0nz5gZK6wVRzcRtI35P9kpYi-lpz70yhAMtKDKnWCOgrdZxqhvIHMpIEnk7U2lHaSu8cShe8lxk/s1600/music.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY_nUjCRtLUvjb74AYV9hRrBbbO-W-sWhPR0Mo76ogizi9cR7GK-vMaa_SOeLLXrXWaLizoece5SK0r6md6RUzzIf4FoP5ZO90ZynQ9HT9yk8T_2psH23J0OmYa_fxzNaJEj7ER9po-lo/s1600/purpline.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY_nUjCRtLUvjb74AYV9hRrBbbO-W-sWhPR0Mo76ogizi9cR7GK-vMaa_SOeLLXrXWaLizoece5SK0r6md6RUzzIf4FoP5ZO90ZynQ9HT9yk8T_2psH23J0OmYa_fxzNaJEj7ER9po-lo/s1600/purpline.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9An8hLJKuxJcZvY3qljcxjKh2v4c0Nisi1SFht7-3u5tJW2RjsFceKPQdH2a1Vpe_wKrDlr1GaoAutDh8Vye1_d3lH-LfyAer_tFmPpnVF2dgeCudxMLajWn-FuqfrM3UmlJXKJiOuxc/s1600/rainbow.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9An8hLJKuxJcZvY3qljcxjKh2v4c0Nisi1SFht7-3u5tJW2RjsFceKPQdH2a1Vpe_wKrDlr1GaoAutDh8Vye1_d3lH-LfyAer_tFmPpnVF2dgeCudxMLajWn-FuqfrM3UmlJXKJiOuxc/s1600/rainbow.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSePAjsuxkqX5CL1sKkrNinmokSosCrlXn4lgWwttFp8VVidHhkeQG5l1xOmehn7DUCldsl4Lc_AFqSut0oBkw3ntRjPioQYxgsXYSqRZDteV_E44tnzA3aAiT-uHVJ80ckhrQLXHQkW4/s1600/red-blue-divider.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSePAjsuxkqX5CL1sKkrNinmokSosCrlXn4lgWwttFp8VVidHhkeQG5l1xOmehn7DUCldsl4Lc_AFqSut0oBkw3ntRjPioQYxgsXYSqRZDteV_E44tnzA3aAiT-uHVJ80ckhrQLXHQkW4/s1600/red-blue-divider.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUgcZh9orH4CJwpl_ldqBsJIQMMRfYa-T6mzTeQ6l4BqkS_pjaC3xx4xVl20ap37h8-WVU9v2aRczikMbDbwWU3VCImSdyJVaRvXfxxmtUmqMn4vAXefG6RektCxPJkvR3NJ7LniDMdFM/s1600/redarrowline.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUgcZh9orH4CJwpl_ldqBsJIQMMRfYa-T6mzTeQ6l4BqkS_pjaC3xx4xVl20ap37h8-WVU9v2aRczikMbDbwWU3VCImSdyJVaRvXfxxmtUmqMn4vAXefG6RektCxPJkvR3NJ7LniDMdFM/s1600/redarrowline.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRUqYbMqjltUXZxPFCJqlJDHvCSq_idE4g31lU1EfjJq0odtdCjknkuWyTZcZQb4HC29TCqkKilUjtxFJD08WEYmbBr7H9y-UhG6ar8hSkWZ-K-ri1oyKIObxnQsBV_Y4XnpNZkLUnPzA/s1600/redhearts.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRUqYbMqjltUXZxPFCJqlJDHvCSq_idE4g31lU1EfjJq0odtdCjknkuWyTZcZQb4HC29TCqkKilUjtxFJD08WEYmbBr7H9y-UhG6ar8hSkWZ-K-ri1oyKIObxnQsBV_Y4XnpNZkLUnPzA/s1600/redhearts.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbEhDtdgGI_p0QmDoqEZlOy7WgIY4utKG6g1QxBA_SrQaJ4NC9_O6u_Sr2QSMOGIgY3KB638eyx0eRhy8vR4FDAhiS_r0EveY5W8Rqp9N9l_Utk_dvcdYGC1qXpW1nQGj3RaJLt8Q8CaA/s1600/1252482a4qhv84f1t.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbEhDtdgGI_p0QmDoqEZlOy7WgIY4utKG6g1QxBA_SrQaJ4NC9_O6u_Sr2QSMOGIgY3KB638eyx0eRhy8vR4FDAhiS_r0EveY5W8Rqp9N9l_Utk_dvcdYGC1qXpW1nQGj3RaJLt8Q8CaA/s1600/1252482a4qhv84f1t.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxdSRWzKdKEo5aQHt2fcnHvwXfuU0K7Dz80Rr-dQXf9Li-P32VtdIGQ1mw6bFsc21vKLLCy_qB9Aus8BUNjpp0cae8GnNmkRp4YtQFpCwfkHTH0W9OCnAG-kRFYcce8IKfdVpzPB6opjI/s1600/48106hf2opq6lwb.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxdSRWzKdKEo5aQHt2fcnHvwXfuU0K7Dz80Rr-dQXf9Li-P32VtdIGQ1mw6bFsc21vKLLCy_qB9Aus8BUNjpp0cae8GnNmkRp4YtQFpCwfkHTH0W9OCnAG-kRFYcce8IKfdVpzPB6opjI/s1600/48106hf2opq6lwb.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDMYSN38LR7xe4mf1Qi8JccTUe4jHAzRlzOBAYARmktKJrvP36-bpVKZ99_ZqkVYTVH-ZvZOxTB5Y4oDe1JIbkaW5Au4MzPrHbSD11fMMhrt1filLuwpd4vUldT4Q6uiUT3mJ0OgHLhiM/s1600/658719kpdva3pe0d.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDMYSN38LR7xe4mf1Qi8JccTUe4jHAzRlzOBAYARmktKJrvP36-bpVKZ99_ZqkVYTVH-ZvZOxTB5Y4oDe1JIbkaW5Au4MzPrHbSD11fMMhrt1filLuwpd4vUldT4Q6uiUT3mJ0OgHLhiM/s1600/658719kpdva3pe0d.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDkzECHj-CMn5XCmMr8P035LWt4k69KdI9akQ5WV1WbvHeuhFjfdzkCr6vbRv4zj1vSaoxPwJMVE6H2hQ7oEYm24zJIXeQql50twDkezvqYfe_-MsPwNiAgIx1iN_2b3_ut4ptVpU1bEE/s1600/658729g1em44wifu.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDkzECHj-CMn5XCmMr8P035LWt4k69KdI9akQ5WV1WbvHeuhFjfdzkCr6vbRv4zj1vSaoxPwJMVE6H2hQ7oEYm24zJIXeQql50twDkezvqYfe_-MsPwNiAgIx1iN_2b3_ut4ptVpU1bEE/s1600/658729g1em44wifu.gif" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgze8ZEbVeIH2yFbsXpv3YyEs7JsGUYfOcW19_CSjEB-kOxODX70F-pKx1pNTk94PmH7fyuQtw5ViPI_k35r_ZMtA2qQOUeKmVl2epegDVr23C8gfYFj6L4dnJZ42SX4VEXyj4BrFFbl1Y/s1600/658732vu278irnx2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgze8ZEbVeIH2yFbsXpv3YyEs7JsGUYfOcW19_CSjEB-kOxODX70F-pKx1pNTk94PmH7fyuQtw5ViPI_k35r_ZMtA2qQOUeKmVl2epegDVr23C8gfYFj6L4dnJZ42SX4VEXyj4BrFFbl1Y/s1600/658732vu278irnx2.gif" /></a></div><br /><br /><br />

TẠO HIỆU ỨNG CHO LINK LIÊN KẾT

Để cho link liên kết thêm sống động, bạn phải gắn hiệu ứng cho nó. Bạn bấm vào "Xem thử" để thấy rõ hơn hiệu ứng của link liên kết...

LINK LIÊN KẾT CHẠY TỪ DƯỚI LÊN

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-BZn7LYRnd_uA2F5RuMKgAU9z-3Oo4grw611WKx5rZJBiMUcn2DI0bxH4immuwfP55vx0mXiGa196tCnV5k-Xo-nPE4WIlrKNTnQnWw29aN4qkEOanwQTtNFmzw9Cz2evlnjrjIqRyl8/s1600/1.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-BZn7LYRnd_uA2F5RuMKgAU9z-3Oo4grw611WKx5rZJBiMUcn2DI0bxH4immuwfP55vx0mXiGa196tCnV5k-Xo-nPE4WIlrKNTnQnWw29aN4qkEOanwQTtNFmzw9Cz2evlnjrjIqRyl8/s1600/1.PNG" /></a></div><span style="font-size: large;">Bạn có thể tạo tiện ích các link liên kết với hiệu ứng chạy từ dưới lên (hoặc từ trên xuống) để tiết kiệm không gian Blog, ngoài ra nó có thể trang trí Blog thêm đẹp...</span></div><div style="text-align: justify;"><span style="font-size: large;">Bạn xem thử tiện ích phía dưới</span><br /><br /><br /><br /><br /><a name="more"></a></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div class="container"><ul class="col"><li><h2>Có hình nền</h2><table style="width: 230px;"><tbody><tr> <td background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnymm6p2ZW2TMLUcQo2UYgwpbloIE-mtaY5jPjWRfDv9WMYOW3aZSMFLBMe8LGTvnlqUlegfZeY-d47K5CKbhFQb2KfJb6fu-lMD8pjPgjCEXSVXjR5jrjKC28H2ynQ6QDdUEEo84p8Cc/s1600/1482375vyhdbwpwjm.gif" style="padding: 10px;"><br /><span style="color: red; font-size: small;"><marquee align="justify" behavior="scroll" bgcolor="transparent" direction="up" height="150" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="1" scrolldelay="50" title="Bấm vào để xem" truespeed="" width="230"><br /><br /><br /><a href="http://www.thanhnien.com.vn/Pages/default.aspx" target="_blank"><span style="color: #0033ff;">● BÁO THANH NIÊN</span></a><br /><br /><br /><br /><a href="http://www.phunuonline.com.vn/Pages/default.aspx" target="_blank"><span style="color: #9900db;">● BÁO PHỤ NỮ</span></a><br /><br /><br /><br /><a href="http://www.baothethao.vn/" target="_blank"><span style="color: #118024;">● BÁO THỂ THAO</span></a><br /><br /><br /><br /><a href="http://www.congan.com.vn/" target="_blank"><span style="color: #44006d;">● BÁO CA.TPHCM</span></a><br /><br /><br /><br /><a href="http://bongdaplus.vn/Home.bbd" target="_blank"><span style="color: magenta;">● BÁO BÓNG ĐÁ</span></a><br /><br /><br /><br /><a href="http://tuoitre.vn/" target="_blank"><span style="color: #118024;">● BÁO TUỔI TRẺ</span></a><br /><br /><br /><br /><a href="http://nld.com.vn/" target="_blank"><span style="color: #0033ff;">● BÁO NGƯỜI LAO ĐỘNG</span></a><br /><br /><br /><br /><a href="http://www.blogger.com/%20http://luatviet.org/Home/default.aspx" target="_blank"><span style="color: #660092;">● BÁO LUẬT VIỆT</span></a><br /><br /><br /><br /><a href="http://vnexpress.net/" target="_blank"><span style="color: #ff8000;">● BÁO VNEXPRESS</span></a><br /><br /><br /><br /><a href="http://www.baomoi.com/" target="_blank"><span style="color: #00006d;">● BÁO MỚI</span></a><br /><br /><br /><br /><a href="http://laodong.com.vn/" target="_blank"><span style="color: red;">● BÁO LAO ĐỘNG</span></a><br /><br /><br /><br /><a href="http://dantri.com.vn/" target="_blank"><span style="color: #9900db;">● BÁO DÂN TRÍ</span></a><br /><br /><br /><br /><a href="http://phapluattp.vn/" target="_blank"><span style="color: #118024;">● BÁO PHÁP LUẬT</span></a><br /><br /><br /><br /><a href="http://www.muctim.com.vn/Home/" target="_blank"><span style="color: magenta;">● BÁO MỰC TÍM</span></a><br /><br /><br /><br /><a href="http://tintuconline.com.vn/vn/index.html" target="_blank"><span style="color: #118024;">● BÁO VN.NET</span></a><br /><br /><br /><br />● Cám ơn các bạn đã ghé tham quan, <br />chúc các bạn và gia đình luôn vui vẻ, <br />hạnh phúc và đạt nhiều thành công trong cuộc sống<br /><br /><br /></marquee></span></td></tr></tbody></table></li><li><br /><h2>không có hình nền</h2><marquee align="justify" behavior="scroll" bgcolor="transparent" direction="up" height="190" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="1" scrolldelay="50" title="Bấm vào để xem" truespeed="" width="230"><br /><br /><br /><a href="http://dungheineken.blogspot.com/p/blog-page.html" target="_blank"><span style="color: #0033ff;">● MẸO VẶT</span></a><br /><br /><br /><br /><a href="http://dungheineken.blogspot.com/p/photoshop.html" target="_blank"><span style="color: #9900db;">● VIDEO PHOTOSHOP</span></a><br /><br /><br /><br /><a href="http://dungheineken.blogspot.com/p/cai-at-win-ghost-phan-chia-o-ia.html" target="_blank"><span style="color: #118024;">● VIDEO CÀI ĐẶT WIN-GHOST</span></a><br /><br /><br /><br /><a href="http://dungheineken.blogspot.com/p/web-hay.html" target="_blank"><span style="color: #44006d;">● NHỮNG TRANG WEB HAY</span></a><br /><br /><br /><br /><a href="http://dungheineken.blogspot.com/p/download.html" target="_blank"><span style="color: magenta;">● DOWNLOAD PHẦN MỀM</span></a><br /><br /><br /><br /><a href="http://dungheineken.blogspot.com/p/giai-ap.html" target="_blank"><span style="color: #118024;">● GIẢI ĐÁP THẮC MẮC</span></a><br /><br /><br /><br /><a href="http://dungheineken.blogspot.com/p/vui-de-hoc.html" target="_blank"><span style="color: #0033ff;">● VUI ĐỂ HỌC</span></a><br /><br /><br /><br /><a href="http://www.blogger.com/%20http://dungheineken.blogspot.com/p/gop-y.html" target="_blank"><span style="color: #660092;">● TỰ GIỚI THIỆU</span></a><br /><br /><br /><br /><br />● Cám ơn các bạn đã ghé tham quan, <br />chúc các bạn và gia đình luôn vui vẻ, <br />hạnh phúc và đạt nhiều thành công trong cuộc sống<br /><br /><br /></marquee></li></ul><br /><div style="text-align: justify;"><span style="font-size: large;">Để làm được như vậy, đầu tiên bạn <i><b>đăng nhập vào Blog > chọn Thiết kế > chọn thêm tiện ích HTML/Javacript</b></i> rồi dán một trong hai code tương ứng với mỗi mẫu phía dưới vào, chỉnh sửa lại cho phù hợp với bạn rồi bấm <i><b>Lưu</b></i> lại là xong</span><br /><br /><span style="font-size: large;">* Liên kết có hình nền</span></div><div style="text-align: justify;"><textarea cols="70" name="code" rows="10" style="-moz-border-radius: 7px 7px 7px 7px; background: none repeat scroll 0% 0% rgb(239, 245, 251); border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) rgb(1, 116, 223); border-style: solid; border-width: 1px 1px 1px 20px; color: black; line-height: 1.5em; padding: 5px;"> <table width="130"><tr> <td style="padding: 10px" background= "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtEJfXbtIyznpx2_Mn6Vo_t6LZN6NhHTuC10CyBRmAWos8Eg34kg7qGbyfkqapNRN9O1mAtXc6eAPqaZEcV2jUjigDmm8J5Lwd5MMS_8HZm0ZRiy8cCGcsnjpCpIbL2NJAJCxJx2M5k-s/s1600/1630676vt5ty15geg.gif"><br /> <font size="3" color="#FF0000"><marquee behavior="scroll" align="justify" direction="up" height="150" width="200" scrollamount="1" scrolldelay="50" bgcolor="transparent" title="Bấm vào để xem" truespeed="" onmouseover="this.stop()"onmouseout="this.start()"><br /> <br /><br /> <a target="_blank" href="http://www.thanhnien.com.vn/Pages/default.aspx"><font color="#0033FF">● BÁO THANH NIÊN</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://www.phunuonline.com.vn/Pages/default.aspx"><font color="#9900db">● BÁO PHỤ NỮ</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://www.baothethao.vn/"><font color="#118024">● BÁO THỂ THAO</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://www.congan.com.vn/"><font color="#44006d">● BÁO CA.TPHCM</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://bongdaplus.vn/Home.bbd"><font color="#ff00ff">● BÁO BÓNG ĐÁ</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://tuoitre.vn/"><font color="#118024">● BÁO TUỔI TRẺ</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://nld.com.vn/"><font color="#0033FF">● BÁO NGƯỜI LAO ĐỘNG</font></a><br /><br /> <br /> <br /> <a target="_blank" href=" http://luatviet.org/Home/default.aspx"><font color="#660092">● BÁO LUẬT VIỆT</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://vnexpress.net/"><font color="#ff8000">● BÁO VNEXPRESS</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://www.baomoi.com/"><font color="#00006d">● BÁO MỚI</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://laodong.com.vn/"><font color="#FF0000">● BÁO LAO ĐỘNG</font></a><br /><br /><br /> <br /> <a target="_blank" href="http://dantri.com.vn/"><font color="#9900db">● BÁO DÂN TRÍ</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://phapluattp.vn/"><font color="#118024">● BÁO PHÁP LUẬT</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://www.muctim.com.vn/Home/"><font color="#ff00ff">● BÁO MỰC TÍM</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://tintuconline.com.vn/vn/index.html"><font color="#118024">● BÁO VN.NET</font></a><br /><br /> <br /> <br />  ● Cám ơn các bạn đã ghé tham quan, <br /> chúc các bạn và gia đình luôn vui vẻ, <br /> hạnh phúc và đạt nhiều thành công trong cuộc sống<br /> <br /> <br /> </marquee></font></td></tr></table>

* Liên kết không có hình nền

<marquee behavior="scroll" align="justify" direction="up" height="150" width="200" scrollamount="1" scrolldelay="50" bgcolor="transparent" title="Bấm vào để xem" truespeed="" onmouseover="this.stop()"onmouseout="this.start()"><br /> <br /><br /> <a target="_blank" href="http://www.thanhnien.com.vn/Pages/default.aspx"><font color="#0033FF">● BÁO THANH NIÊN</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://www.phunuonline.com.vn/Pages/default.aspx"><font color="#9900db">● BÁO PHỤ NỮ</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://www.baothethao.vn/"><font color="#118024">● BÁO THỂ THAO</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://www.congan.com.vn/"><font color="#44006d">● BÁO CA.TPHCM</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://bongdaplus.vn/Home.bbd"><font color="#ff00ff">● BÁO BÓNG ĐÁ</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://tuoitre.vn/"><font color="#118024">● BÁO TUỔI TRẺ</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://nld.com.vn/"><font color="#0033FF">● BÁO NGƯỜI LAO ĐỘNG</font></a><br /><br /> <br /> <br /> <a target="_blank" href=" http://luatviet.org/Home/default.aspx"><font color="#660092">● BÁO LUẬT VIỆT</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://vnexpress.net/"><font color="#ff8000">● BÁO VNEXPRESS</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://www.baomoi.com/"><font color="#00006d">● BÁO MỚI</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://laodong.com.vn/"><font color="#FF0000">● BÁO LAO ĐỘNG</font></a><br /><br /><br /> <br /> <a target="_blank" href="http://dantri.com.vn/"><font color="#9900db">● BÁO DÂN TRÍ</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://phapluattp.vn/"><font color="#118024">● BÁO PHÁP LUẬT</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://www.muctim.com.vn/Home/"><font color="#ff00ff">● BÁO MỰC TÍM</font></a><br /><br /> <br /> <br /> <a target="_blank" href="http://tintuconline.com.vn/vn/index.html"><font color="#118024">● BÁO VN.NET</font></a><br /><br /> <br /> <br />  ● Cám ơn các bạn đã ghé tham quan, <br /> chúc các bạn và gia đình luôn vui vẻ, <br /> hạnh phúc và đạt nhiều thành công trong cuộc sống<br /> <br /> <br /> </marquee></font></td></tr></table>

Bây giờ, bạn thay đổi link liên kết ở dòng lệnh a herf=http:// địa chỉ liên kết
Thay đổi màu ở mục color
Thay đổi kích thước ở mục Width (chiều rộng), Height (chiều cao)
Thay đổi hình nền ở mục background (đối với code có hình nền)
Muốn chạy từ trên xuống thì thay đổi chữ "up" thành chữ "down"

LINK LIÊN KẾT CHẠY TỪ DƯỚI LÊN

Bạn có thể tạo tiện ích các link liên kết với hiệu ứng chạy từ dưới lên (hoặc từ trên xuống) để tiết kiệm không gian Blog, ngoài ra nó có th...

Game và Thủ Thuật

Wellcome to My Blog