Tạo hộp list liên kết cho Blogger

Tạo hộp list liên kết chạy lên cho Blogger



CODE 1

<style type="text/css">

#anhbiafacebook{margin:0; padding: 0; height:238px; overflow: auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYm8FfyGXFkPaNLz8u9unAdzxD6S7Pi1IxectYncKE2WYKg4zrGbEYu-sRKdk-7Djz1VBB7ddRXC8VTqMDwiAtzS92R4pU5riVHs4B2LljDcQJ4aVVqHbyoJQE7u8lSQ99fZHOeamPh5Di/s1600/lienketblogger.jpg) no-repeat bottom right; font-weight:bold}

#anhbiafacebook p {margin:0; padding:2px 10px}

.favicon {width:50px; height:40px; margin-right:5px}

.connect {width:48px; height:48px; margin:5px 10px -15px 0}

</style>

<marquee align='left' direction='up' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' height='100' width='60%'>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlO7iJFTdtuo2tSjm7tYuqFoNN0NYZpR5rgVxjeKm4Loq6baLtCS-kcTaKeR5hCkm3FNWxVgubfchQKMGvGTwmDKayn6ZeJ0u6JLTuCD-xY37Oo0arK-wyb8xSCO7zb3xuYWkWlOFuvzk/s1600/RONG+BIEN.jpg" class="favicon" /> <a href="http://suoinganthong.blogspot.com/2013/11/ve-ep-vinh-cam-ranh....html" target="_blank">Vẻ đẹp Vịnh Cam Ranh...

</a><hr />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP4XDEB6rr51XXfs5s_QULHHWTr-PPrOMKwuDqI1V48rJ7pQNeOLnHNdm-5qbW4WEkop1NqQqJYZ4xwS2waJZFskaUBUghzZZWdVVuQAuwwEgoSyB6Np29nhk4CCmgZGlIeof6ZYr7lCQ/s1600/NT2.jpg" class="favicon" /> <a href="http://suoinganthong.blogspot.com/2013/08/chieu-nha-trang-bien-goi.html" target="_blank">Chiều Nha Trang biển gọi

</a><hr />

<img src="http://anhdep.anhsaokhuya.net/anh-dep-tinh-yeu/anhsaokhuya.net%20(47).gif" class="favicon" /> <a href="http://suoinganthong.blogspot.com/2012/09/vo-gia-cung-co-gia.html" target="_blank">Vo gia cũng có giá

</a><hr />

<img src="https://2.bp.blogspot.com/-3DQNTbCbXdA/UZ4W8zE_IXI/AAAAAAAABzI/xIggigowhFI/s320/DSC02206.JPG" class="favicon" /> <a href="http://suoinganthong.blogspot.com/2013/07/kuala-lumpur-mot-goc-nhin_4.html" target="_blank">Kuala Lumpur một góc nhìn

</a><hr />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4flQSAyUjRwZmzdppIjpXsamM3Zej7sVx4AXhvWuKPVJ6XrQc01jVWZQQ4GHARPkBUoVveXOtMlGoU7f_o-C_1r-oS3BZkCFLn-QfiAXmvmwHRO-x3al0Cyo1ww5dxWdYGixQq7D8swGS/s1600/0162.gif" class="favicon" /> <a href="http://suoinganthong.blogspot.com/2013/05/blog-post.html" target="_blank">Đường xưa không lối

</a><hr />

</marquee></div>

Nếu không kèm theo hinh sử dụng code sau

<div class="nganthong">

<div class="tieude">
Tên của ô chạy</div>
<div class="flexcroll" id="mycustomscroll">
<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" scrolldelay="98">
<ul>
<li><a href="Link bài viết 1">Tên bài viết 1</a></li>
<li><a href="Link bài viết 2">Tên bài viết 2</a></li>
<li><a href="Link bài viết 3">Tên bài viết 3</a></li>
<li><a href="Link bài viết 4">Tên bài viết 4</a></li>
</ul>
</marquee></div>
</div>

CODE2

<style type="text/css"> 
#anhbiafacebook{margin:0; padding: 0; height:238px; overflow: auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYm8FfyGXFkPaNLz8u9unAdzxD6S7Pi1IxectYncKE2WYKg4zrGbEYu-sRKdk-7Djz1VBB7ddRXC8VTqMDwiAtzS92R4pU5riVHs4B2LljDcQJ4aVVqHbyoJQE7u8lSQ99fZHOeamPh5Di/s1600/lienketblogger.jpg) no-repeat bottom right; font-weight:bold}
#anhbiafacebook p {margin:0; padding:2px 10px}
.favicon {width:16px; height:16px; margin-right:5px}
.connect {width:48px; height:48px; margin:5px 10px -15px 0}
</style>
<div id="anhbiafacebook">
<center style="margin-bottom:25px"><a href="http://anhbiafacebook.blogspot.com/p/lien-ket-blogger.html">LIÊN KẾT BLOGGER</a></center>

<marquee align='left' direction='up' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' height='165' width='100%'>

<img src="http://anhbiafacebook.blogspot.com/favicon.ico" class="favicon" /> <a href="http://anhbiafacebook.blogspot.com/" target="_blank">Ảnh bìa Faceboook
</a><hr />
<img src="http://vnwindows8.blogspot.com/favicon.ico" class="favicon" /> <a href="http://vnwindows8.blogspot.com/" target="_blank">Thủ thuật Windows 8
</a><hr />
</marquee></div>

Lưu ý:
+ Link màu tím: Là địa chỉ thông báo "liên kết site" của bạn.
+ Link màu xanh: Địa chỉ hình favicon của site bạn muốn liên kết (Nếu là Blogspot thì đều có dạng link này)
+ Link màu xanh đậm: URL site bạn muốn liên kết
+ Dòng chữ màu đỏ: Tên site bạn muốn liên kết
+ Nếu muốn thêm liên kết site mới thì chỉ việc chèn thêm đoạn code mình đã tô màu nền.

Tạo hộp list liên kết cho Blogger
CODE

<center><select onchange="if (this.value != '#') window.open(this.value, '_blank');" style="font-family: Arial; font-size: 8pt; height: 23; width: 150">
<option value="#" />--Website--
<option value="http://www.4shared.com/account/home.jsp#dir=dRspDTFv" />4shared<option value="http://vi.netlog.com/thong_ngan" />Netlog nganthong
<option value="http://mathophanglang.blogtiengviet.net/?cat=698899" />Mạt hồ phẳng lặng Bog
<option value="http://pics.bloghaikich.com" />Funny Pictures
<option value="http://www.hotgirl9x.com" />Hot Girls 9x
<option value="http://demkhongngu.com" />Diễn đàn Kết bạn
</select></center>

/////////