Hiển thị bài viết giống trang tin247.com

Hình ảnh minh họa thủ thuật(hiển thị giống trang tin247.com)

☼ Cách thực hiện thủ thuật:

1. Đầu tiên hãy đăng nhập vào tài khoản Blogger==>>Vào bố cục và thêm phần tử HTML/Javascript==>>Chèn đoạn mã bên dưới vào phần tử tiện ích trên
Xem Code

</table>
<style>
.mota{
position: relative;
z-index: 0;
text-decoration:none;
}

.mota a {
color:#ff0000;
}
.mota:hover{
color:#ff0000;
background-color: transparent;
z-index: 50;
}

.mota span{
position: absolute;
background: #33ccff;
padding: 5px;
left: -1000px;
border: 1px solid #ff9933;
visibility: hidden;
color:#000066;
text-decoration: none;
}

.mota span img{
border-width: 0;
padding: 2px;
}

.mota:hover span{
padding:5px;
visibility: visible;
top: 18px;
left:80px;
width:250px;
background:#ccc;
text-align: justify;
}

.summerypost a {
color:#ff0000;
font-weight:bold;
}
.summerypost a:hover {
color:#000066;}

.summerypost {
color:#000;
font-family:arial;}

.readm a{
color:#ff0000;}
.readm a:hover{
color:#006633;}

.repost{
color:#3366ff;
font-family:arial;}

.repost a{
color:#0066cc;}
.repost a:hover{
color:#ff0000;}

</style>
<script language="JavaScript">
imgr = new Array();

imgr[0] = "http://haimiennam.googlecode.com/files/no.png";

showRandomImg = true;
tablewidth = 245;
cellspacing = 1;
borderColor = "#ff0000";
bgTD = "";

imgw = 130; // độ rộng của ảnh thumb
imgh = 100; // chiều cao của ảnh thumb
imgwidth = 60;
imgheight = 60;

fntsize = 12; //Cỡ chữ của các link bài viết liên quan trong cùng nhãn đó
fontsize = 18; // Cỡ chữ của tiêu đề bài viết hiển thị dạng tóm tắt
fontsizecm = 11; // Cỡ chữ của ngày đăng bài

acolor = "#000";
titlecolor = "#f00";
aBold = true;
icon = "";
text = "Nhận Xét";
showPostDate = false; //Nếu không muốn hiển thị ngày đăng bài bạn thay TRUE thành FALSEposton = "Ngày đăng :";

minisummaryPost= 180; // số kí tự bạn muốn hiển thị cho phần tóm tắt bài viết
summaryPost = 360; // số kí tự hiển thị ở phần mô tả
summaryFontsize = 12; //Cỡ chữ bài viết tóm tắt
summaryColor = "#000";
icon2 = "";

numposts = 8; //số bài viết hiển thị trong phần bài viết liên quan
sobaiviet = 10; //Số bài hiển thị "các bài khác từ chuyện mục"
label = "SoftWare";// Thay thành tên nhãn bài bạn muốn hiển thị
nhan= "SoftWare";//Nhãn hiển thị "các bài khác từ chuyện mục"
home_page = "http://baongocso1.blogspot.com/";//Thay thành địa chỉ blog của bạn

☼ Tùy Chỉnh:
+ Code màu xanh dùng để chỉnh sửa phần mô tả cho các bài viết liên quan khi rê chuột vào link
+ Code màu xám dùng để chỉnh sửa màu của text của bài viết tóm tắt
+ Code màu đỏ dùng để chỉnh sửa màu chữ phần bài viết liên quan

Bạn hãy dựa vào những chú thích trong code để chỉnh sữa màu chữ, màu nền, kích cỡ... cho phù hợp rồi save lại.
Chúc bạn thành công !

Nguồn Traidatmui