Note Đóng lại
Giải pháp bán hàng online Số 1 Việt Nam

Tạo thanh cuộn trong blogspot

Đây là một thủ thuật khá là đơn giản để áp dụng cho blogspot. Tuy nhiên, vẫn có những bạn mới nhập môn nên có thể chưa biết, nên hôm nay mình viết bài này mong rằng nó có ích cho các bạn.
Để làm được như vậy bạn thực hiện như sau:
- Thêm tiện ích -> HTML/Javascript
- Copy đoạn code sau vào rồi chỉnh sửa theo ý mình
- Di chuyển tiện ích tới nơi muốn hiển thị trên blog rồi save lại.
<div class="widget-content">
<div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 300px; height: 100px; text-align: left;">

nội dung muốn thêm

</div>
</div>

- Ngoài ra, nếu bạn muốn nội dung bên trong tự động chạy thì có thể thêm như sau:

<div class="widget-content">
<div style="border: 0px solid rgb(210, 210, 210); overflow: auto; width: 300px; height: 100px; text-align: left;">

<marquee direction="up" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" align="center">

nội dung muốn thêm

</marquee>
</div>
</div>

Trong đó cần quan tâm đến dòng direction="up" nếu bạn muốn nội dung chạy từ trên xuống hay sang trái, phải thì thay up thành các giá trị: down, left, right. scrollamount="2" là tốc độ chạy.
Chúc bạn thành công.

Bạn đã xem chưa

8 nhận xét | Viết lời bình

Xin chào, cảm ơn bạn, mình đã làm được rồi :9)

:3) Không có gì! Cám ơn bạn ghé thăm blog của Minh!!

anh ơi có thể hướng dẫn e tạo phân trang cho blog như trang của anh được ko, cám ơn a nhiều

dat đoạn ma sau truoc the ]]></b:skin>
.showpageOf{background:#006666;margin-right:3px;padding:4px 7px;color:#FFF;text-shadow:1px 1px 1px #000;font-size:13px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.showpagePoint{background:#FFF;border:1px solid #006666;margin:0 3px;padding:3px 6px;color:#006666;text-shadow:1px 1px 1px #7F7F7F;font-size:13px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.showpageNum a,.showpageNum a:visited{background:#006666;margin:0 3px;padding:4px 7px;color:#FFF;text-shadow:1px 1px 1px #000;font-size:13px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.showpageNum a:hover,.showpageNum a:active{background:#FFF;border:1px solid #006666;padding:3px 6px;color:#006666;text-shadow:1px 1px 1px #7F7F7F;text-decoration:none}
Sau đó tìm đến nơi muon dat code dat doan ma sau:
<!--/page-bot -->
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=8;
var upPageWord =&#39;&#9668;&#39;;
var downPageWord =&#39;&#9658;&#39;;
</script>
<script src='http://codeminh.googlecode.com/files/pagenav.js' type='text/javascript'/>
<!-- lightbox itialize script -->
<script type='text/javascript'>
$(function() {
$(&#39;a.lightbox&#39;).lightBox();
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;ul.sf-menu&quot;).superfish({
autoArrows: false,
delay: 100, // one second delay on mouseout
animation: {opacity:&#39;show&#39;,height:&#39;show&#39;}, // fade-in and slide-down animation
speed: &#39;fast&#39;, // faster animation speed
autoArrows: false, // disable generation of arrow mark-up
dropShadows: false // disable drop shadows
});
});
</script>

sau em lam ko duoc zay anh, co the a huong dan ro hon va de hieu hon duoc ko a, cam on a nhieu

em bo tay rui a Minh oi, sao mau em lam hoai chang dc, chan qua.Du sao e cung cam on anh da chi e, chuc a nhieu suc khoe va ngay moi vui ve

Thanks: abstravel.asia, halongtopcruises.net

bạn ơi, làm thế nào vậy? sao mình ko làm được, lần đầu tiên làm cái blogspot nên còn nhiều thiếu xót, có ji bạn giúp mình với nha...^^



Copyright © 2014 Blog Thông Tin Tổng Hợp