Thứ Hai, 3 tháng 1, 2011

Tạo tiện ích thumnail bài mới đăng chạy kiểu marquee

Tạo tiện ích bài mới đăng vói ảnh thumnail và tiệu đề bài đăng chạy dạng marquee sẽ làm cho blog của bạn hấp dẫn và cao cấp hơn.

Các bước thực hiện như sau:
1. Đăng nhập vào blogger, nhấp chọn "Bảng điều khiển" ( Dashboard )
2. Nhấp chọn Thiết Kế ( Design )
3. Cửa sổ mới hiện ra, chọn Chỉnh sửa HTML ( Edit HTML )
Tại trình chỉnh sửa HTML, tìm đoạn mã sau
]]></b:skin>

4. Ngay trước đoạn ]]></b:skin>, dán đoạn mã này vào
<!--Tạo thumbnail bài mói đăng; mã 1-www.socmai.tk-->
<style>
body
{
padding:100px 0px 0px 8px;
font-family: Arial;
font-size: 12px;
color:#000;
text-align: left;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtKzlMnV7DqK_7s4e8Wb_Fb43yU5YWwEb5ZRbOXTcMquD7xLp6vPmRjwKg-v8u6Cn0bil5UMuJSkrl4GuY-yiAzT5z6qtS1ZSToVEgkW9jHNuyzfh_aVvF0ZloK6fAdVneyNNgxtkzBNz6/") no-repeat top left;
ackground-attachment:fixed;
}
.bgcontent{background:#efefef;
height:150px;
width:100%;}
#rc-content {
padding:4px;
background:#efefef;
width:100%;
}
#rc-main {
width:110px; /*không nên thay đổi độ rộng này*/
background:#fff url(https://lh5.googleusercontent.com/_9-sNIAfGhKg/TXXfgP5zNLI/AAAAAAAAAGU/Dh1jYQZoSgM/main-bg.png) repeat-y;
}
#rc-top {
background:#fff url(https://lh3.googleusercontent.com/_9-sNIAfGhKg/TXXff4uaqaI/AAAAAAAAAGQ/cj2q0Y_nb-A/top-bg.png) no-repeat top;
height:3px;
}
#rc-bottom {
background:#fff url(https://lh5.googleusercontent.com/_9-sNIAfGhKg/TXXffoEZMJI/AAAAAAAAAGM/JJSC-pSoUTk/bottom-bg.png) no-repeat bottom;
height:3px;
}
.rc-thumbs {
padding:2px 5px 5px 5px;
height:70px;
}
.rc-thumbs IMG {
width:100px;

height:70px;
}
.rc-title {
height:60px;
padding:0px 3px 2px 3px;
line-height:1.3em;
font-size:11px;
font-weight:bold;
}
.rc-title a {color:#0000ff;}
.rc-title a:hover {color:#ff0033;}
a {
color: #ff0033;
text-decoration:none;}
a:hover {
color: #0000ff;}
a img {
border-width:0;
}
</style>
<!--Đóng mã; www.socmai.tk-->
5. Nhấp chọn Lưu Mẫu ( Save Template )

6. Trở về trang Thiết Kế ( Design )
7. Nhấp chọn Thêm tiện ích ( Add gadget ) HTML
Bạn muốn thumbnail hiển thị ở vị trí nào trên giao diện của blog thì chọn thêm tiện ích ở đó.
8.Sau khi chọn tiện ích HTML, một trình biên tập HTML hiện ra, dán đoạn mã dưới đây vào, sau đó nhấp LƯU:
<div class="bgcontent">

<script language="JavaScript">

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhDeB6_IUEn0Lth3-VCcJv0E8OQ80IbbQ6T2xuF2qOcG4TBLumg108k67bqGXmyDaruw5TEhKiFLsXePUK8KdXSiGU7DB6Hba0RdMfv_XhKOo9xQ9LPj9CPYylftptUOE6LDs3B1-naLZW/";

showRandomImg = true;

zaBold = false;

numposts = 30;

label = "Việt Nam vs Trung Quốc";
summaryTitle = 70;

home_page = "http://www.socmai.tk/";

</script>

<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" align="center" height="200" width="100%">

<script src="http://traidatmui-tips.googlecode.com/files/rc_label.js" type="text/javascript"></script>

</marquee>

</div>
<br/>
<br/>
Thay đổi các thông số này:
numposts=30 là hiển thị 30 bài đăng mới.
http://www.socmai.tk là bài mới đăng của Socmai.tk, bạn thay nó bằng trang chủ blog của bạn, ví dụ: http://tenblogcuaban.blogspot.com
width=100% là tiện ích sẽ hiển thị bằng 100% màn hình.
label="Việt Nam vs Trung Quốc" là nhãn của blog.
Và nhiều thông số khác tùy bạn thay đổi sao cho phù hợp với giao diện blog của bạn.


Share



Không có nhận xét nào:

Đăng nhận xét

Bạn có biết ? Bạn được nhận xét tự do trên bất kỳ bài đăng nào của Socmai. Thêm lựa chọn Tên/URL để tạo link hoặc sử dụng cập thẻ <a></a>.