Tạo khung “Tin vắn” cho Blogger

Các bạn đã từng xem các mục điểm tin hay tin vắn trên tivi? Hôm nay mình sẽ giúp các bạn làm một mục điểm tin trên Blog của các bạn.

 Demo for Post

1. Chuẩn bị

- Favicon của Blog bạn muốn liên kết

- Link đến Blog bạn muốn liên kết

2. Thực hiện

- Vào Thiết kế > Phần tử trang

- Tạo một widget HTML\JavaScript và dán vào đoạn code bên dưới ( không cần tạo tiêu đề cho widget )

<style type="text/css">      
#namknaconnect{margin:0;  padding: 0; border:double #ccc;  background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_hQXAliTgdj7qCc8_SAPfmPseqBhyphenhyphenkUvd15tEW6JEB9CNJI38EW1AXY-Yi5kVesC-kTVC75iahQsz71U3pSs_Ap7P4KXa6KCtZAZ4i20KBgdFkSZURGmEEogD-l-vvCtMX4d9Lfyl7Ugm/s128/images.jpg)  no-repeat bottom right; font-weight:bold}       
#namknaconnect p {margin:0; padding:2px 10px}       
.favicon {width:16px; height:16px; margin-right:5px}       
.connect {width:48px; height:48px; margin:5px 10px 0 0}       
</style>       
<div id="namknaconnect">       
<center  style="margin-bottom:25px"><img  src="YOUR FAVICON"  class="connect"/><a href="http://ctcptam.blogspot.com">Tin vắn</a></center> 
<marquee align='left' direction='up' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' height='165' width='100%'>       
<p> <img src="YOUR FAVICON" class="favicon" /> <a href="       
http://ctcptam.blogspot.com/" target="_blank">Kết nối để thành công</a></p>       
<p> <img src="YOUR FAVICON" class="favicon" /> <a href="       
Nguồn tin vắn" target="_blank">Tin vắn...</a></p>       
<!--tương tự cho các liên kết khác-->       
</marquee>       
</div>

- Thay đổi Up thành down nếu bạn muốn trôi từ trên xuống.

- Save (Lưu mẫu)

Chúc các bạn thành công!