Hình minh họa
Bước 1: Vào blogger → Mẫu → Chỉnh Sửa HTML
Bước 2: Dán code bên dưới vào trước thẻ ]]></b:skin> sau đó lưu lại template
/*Tooltip*/
#osdhtmltooltip{
border: #999 1px solid;
padding: 4px;
font-size: 10pt;
z-index: 100;
left: -300px;
visibility: hidden;
width: 350px;
font-family: Arial;
position: absolute;
background-color: #fcfee4;
text-align: left;
}
#osdhtmltooltip img{
float: left;
padding: 3px;
border: solid 1px #FFF;
margin: 2px;
}
#osdhtmltooltip h3{
color: #000;
padding: 2px;
margin: 0px;
font-weight: bold;
text-transform: none;
text-decoration: none;
}
#osdhtmltooltip span{
color: #999;
font-style: italic;
}
#osdhtmltooltip div{
color: #000;
}
#osdhtmlpointer{
z-index: 101;
left: -300px;
visibility: hidden;
position: absolute;
}
#rc-posts-2-col {
width:320px;
}
#rc-posts-2-col h3 {
background:url(http://4.bp.blogspot.com/-squSsQwi_2s/UQPM9PEsZBI/AAAAAAAAKHE/1sYEGl4QwJY/s1600/recent-bg.png) no-repeat top left;
padding:3px 5px 14px 5px;
font-size:12px;
margin:0px;
color:#fff;
}
table#rc-2cot {border-top:1px solid #ccc;border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
#rc-tr1 {background:#f3f3f3;}
#rc-tr0 {background:#fff;}
#rc-td {padding:2px; color:#ff0000; border-right:1px solid #ccc;width:160px;}
#rc-td img {float: left;width: 40px;height: 40px;border: 1px solid #ccc;margin:5px;padding: 1px;}
#rc-td a {color:#ff0000;text-decoration:none;}
#rc-td a:hover {text-decoration:underline;}
Bước 3: Vào blogger → Bố cục → Thêm một widget HTML/Javascript mới sau đó dán vào phần nội dung code bên dưới rồi lưu lại để hoàn thành thủ thuật
<script src="https://googledrive.com/host/0Bz_65BAr9KCZS2ppVjQtTTJyLUU" type="text/javascript"></script>
<script type="text/javascript">
numposts = 12; //số bài viết hiển thị trong tiện ích
postcount = 400; //số kí tự của đọan nội dung tóm tắt bài viết
sumTitle = 40; // số kí tự của tiêu đề bài viết
colortitle = "#555";
tcolortitle = "#ff6c00"; // màu của tiêu đề bài viết ở phần mô tả
cmcolor = "#6b1f01"; // màu của phần thông tin bài viết (gồm : ngày đăng và số nhận xét)
nocmtext = "No Comment";
cmtext = "Comments";
posttext = "Posted in";
label = "Thủ Thuật Blogger"; //Tên nhãn
home_page = "http://chinhtrucblog.blogspot.com//";// Link blog của bạn
</script>
<div id="rc-posts-2-col"><h3>Thủ thuật Blogger</h3><div id="rc-posts-loading"><img align='absmiddle' src='http://1.bp.blogspot.com/-PDG6t2PnV94/UQPNQUyEBKI/AAAAAAAAKHM/6j7xQg6yw3I/s1600/loading.gif'/></div>
<script src="https://googledrive.com/host/0Bz_65BAr9KCZVmI1OEpuVXRQa1E" type="text/javascript"></script>
</div>
Lưu ý : Các bạn thay đổi những ô bôi đậm thành địa chỉ và tên mà mình muốn hiện thị.
- Đọc kỹ bài viết và làm theo từng bước nhé. Có nhiều bạn chưa đọc kỹ đã vội làm rồi nên không thực hiện được.
Thủ thuật này bạn làm ra ah hay quá nha, bạn thật là tài zỏi
Trả lờiXóaThanks, blog của bạn cũng hay đấy
XóaCam on truoc. De thu xem sau
Trả lờiXóahoc de thi
Mình làm nhg nó cứ chạy loading không ra được bạn ơi, giúp mình với. Cảm ơn bạn nhiều nhé!
Trả lờiXóaDo file js up trên code google bị die, mình mới cập nhật lại link bạn thực hiện lại nha. nhớ thay ô bôi màu vàng thành tên blog của bạn
Xóabạn ơi mình làm mà nó cứ loading hoài bạn xem lại giúp minhg với ạ
XóaVậy à bạn , để mình xem lại nhé:3)
Xóanghiện cái này quá mà cái này làm biếng chèn
Trả lờiXóahttp://mai2labaoxa.blogspot.com/search/label/thu%20thuat
nghiện thì làm tới luôn ,chứ còn làm biếng gì nữa .Tiện ích này cũng đơn giản thôi mà :1)
Xóahết làm được rồi loading mãi thôi anh ạ
Trả lờiXóaMình kiểm tra vẫn chạy được mà, bạn thực hiện lại nhé.:3)
XóaMong anh giúp cái last view dưới thanh menu làm thế nào ạ em cảm ơn
Trả lờiXóaÝ bạn là LATEST NEWS hả , mình sẽ viết bài hướng dẫn :3)
XóaĐăng nhận xét