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/AVvXsEhGTMho0OAliRGahcoM6dGV0l6ySQFSk8Ek9dgh50mBRuoR8bVVdX8nfEHk6Ywx6cjjtg5qfsJLqPmWQn1lBY5CSNYBep92VuYyLUrHIDam4J3yxBfu7v_e63dWgxmw0OGLUmbSRgRXD74Y/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/AVvXsEg_5TH4EYAHB7mn8Ljuh53bAgNnpbi9NsbUr2eEjqPDVLcOLdFI1QFMizY2TBEoyCxSQwIQgwYtwhb1Mg36z2aSJZbvof0Im-RUit41rdLGFW9v9rLcAQ7w4fbfBRdx6k5WP6P6CFRXfMg/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/AVvXsEiG6C1aFUMzsT18rTQGe82vTt71Dso6SR1f1SOhFXPy90_tLbep9d9DYdgqhpyH_ggMsC8p-zq2RTIdn1ssfkqeIyW-pLDeWni2sEkdosCK6YqVawiqyK-wUa10ILyfVgRMip-izqmNS8g/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWTWph4_4fKYFqcH3-tthO7cRsnKLBgdU6YXegw48xCpAGniJAeWpB8izRXyk0-etE-XpwimlQeoeAPywBdbMwa5fRvzz6_GG3ktvXHtlk8QnbnMjf5gRoUzghiNqqbS9uaO49-dq79SA/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/AVvXsEgeCcaRIBJ8HFm32bTB9oO9wFMtMwD-gIuuhw57RhHje7FwuLDX7MhxO5f7TVdwoZlAmw6dQcipReLqJp7mYJ0ztqsmftsdz-UUW15Ws2uttdN_KwOzr6gHWf3eEFei2T4uoOThqEg1FPgH/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/AVvXsEhGTMho0OAliRGahcoM6dGV0l6ySQFSk8Ek9dgh50mBRuoR8bVVdX8nfEHk6Ywx6cjjtg5qfsJLqPmWQn1lBY5CSNYBep92VuYyLUrHIDam4J3yxBfu7v_e63dWgxmw0OGLUmbSRgRXD74Y/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>

/////////