Banner, quảng cáo thanh trượt cho blogger (blogspot)

Đây là bài viết về thủ thuật blogger đầu tiên về thủ thuật blogger của mình. vì mình thấy thủ thuật blog đã có khá nhiều trang thực hiện việc này
mình xin giới thiệu 1 thủ thuật làm quảng cáo, banner, hay bất kì hình ảnh phục vụ cho lợi ích nào. Hình ảnh này sẽ trượt theo 2 bên khung hình của trình duyệt như blog của mình.
để làm được điều này trước tiên bạn vào Design (thiết kế) --> edit HTML và dán đoạn code sau đây dưới thẻ HEAD
1. code:
<style type="text/css">
#slideads{
position: absolute;
visibility: hidden;}
#slideads1{
float:left;
margin-left: 20px;}
#slideads2{
float:right;
margin-right: 20px;}
</style>
<script src="http://vuphong90.freevnn.com/quangcaotruot.js;" type="text/javascript">
</script>

ở đoạn code này các bạn có thể lấy đường dẫn http://vuphong90.freevnn.com/quangcaotruot.js của mình hoặc cũng có thể lấy nó về và đưa lên Host của bạn. nếu bạn chưa có Host thì mình nghĩ bạn nên đăng kí cho bạn 1 cái Host - Free để tránh phụ thuộc vào Host người khác.
2. sau khi đã đưa code trên vào xong bạn SAVE TEMPLATE (lưu mẫu) lại.
3. sau đó bạn chọn PAGE ELEMANTS ( phần tử của trang ) và chọn thêm 1 tiện ích HTML/JAVASCRIPT và nên để tiện ích đó ở dưới Blog Post (bài đăng)
4. Dán code dưới đây vào HTML/JAVASCRIPT bạn vừa thêm
code:
<div id="slideads">
<div class="slideads1" id="slideads1">
<a href="http://nguoinhaque0909.blogspot.com/" target="_blank"><img border="0" src="http://i1178.photobucket.com/albums/x364/phongvu90/login.jpg" /></a></div>
<div class="slideads2" id="slideads2">
<a href="http://nguoinhaque0909.blogspot.com/" target="_blank"><img border="0" src="http://i1178.photobucket.com/albums/x364/phongvu90/login.jpg" /></a> </div>
</div>

các bạn thay link http://nguoinhaque0909.blogspot.com bằng link mà các bạn muốn trỏ đến
các bạn thay link ảnh http://i1178.photobucket.com/albums/x364/phongvu90/login.jpg bằng hình ảnh muốn hiển thị trên blog của bạn

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

Chuyên mục: Thu thuat blogspot, thu-thuat, thu-thuat-blogger