0
☼ Cách tiến hành:
1- Đăng nhập vào Blog

2- Chọn Bố cục.
3-Chọn thêm tiện ích (Add Widget) - thêm 1 tiện ích HTML/Javarscrip (xem video). 
4- Dán đoạn code bên dưới vào:
<style type="text/css">
.mota{
position: relative;
z-index: 0;
text-decoration:none;
}
.mota:hover{
background-color: transparent;
z-index: 50;
}
.mota span{
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: black;
text-decoration: none;
}
.mota span img{
border-width: 0;
padding: 2px;
}
.mota:hover span{
padding:5px;
visibility: visible;
top: 20px;
left:50px;
width:250px;
background:#ccc;
text-align: justify;
}
</style>

<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg55a2vwvQGoD5H4yyFPnAL5d96IQVFwVawdUo0BRxuJYHPdOlr30Ci1RM6XdC7AW_vSYmBkT-t8S-VAhsubM9ObcwlmQi-3DlNXeEXB-WiwWxVFVfZk96f8IIjpo11hyphenhyphensEMsw511-6A455/s1600/nothumbnail-namkna-blogspot-com.gif";
showRandomImg = true;
tablewidth = 245;
cellspacing = 1;
borderColor = "#30a1db";
bgTD = "#fff";
imgwidth = 60; // độ rộng của ảnh thumbnail
imgheight = 60; // chiều cao của ảnh thumbnail
fntsize = 12;
acolor = "#E67C15";
aBold = true;
icon = " » ";
text = "no";
showPostDate = false;
summaryPost = 150;
summaryFontsize = 12;
summaryColor = "#000";
icon2 = " » ";
numposts = 8;
label = "Blogspot-tips";
home_page = "http://namkna.blogspot.com/";
</script>
<script src="http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/s2-label.js" type="text/javascript"></script>
Trong đó:
  • Width: 250px :độ rộng của bảng nhỏ khi rê chuột vào tiêu đề bài viết.
  • Background: #ccc : màu nền của cửa sổ popup khi rê chuột vào tiêu đề bài viết, bạn có thể xem mã màu Tại đây.
  • Imgwidth = 60 : chiều rộng của ảnh đại diện.
  • Imgheight = 60 : chiều cao của ảnh đại diện.
  • SummaryPost = 150 : số ký tự hiển thị ở cửa sổ Popup khi khi rê chuột.
  • Home_page: địa chỉ blog của bạn, hãy thay http://namkna.blogspot.com/ thành URL blog của bạn.
  • Label: Tên nhãn muốn hiển thị, hãy thay Blogspot-tips thành tên nhãn của bạn.
  • Numposts=8: Số bài muốn hiển thị trong tiện ích này.
4. bấm Lưu tiện ích lại: 
Thủ thuật trên áp dụng cho các bài viết trong cùng một nhãn, nếu các bạn muốn áp dụng cho cả blog thì các bạn thay link Javarscip sau:
http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/s2-label.js
Thành code bên dưới:
http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/s2-post.js

Post a Comment Blogger

 
Top