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-->5. Nhấp chọn Lưu Mẫu ( Save Template )
<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-->
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">Thay đổi các thông số này:
<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/>
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.
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>.