Tin mới đăng:

Bài viết ngẫu nhiên có ảnh thumbnail cho blogspot (theo nhãn)

Style này mình đã thấy bên mothuthuat lâu rồi nhưng từ khi mothuthuat ngừng hoạt động thì style này cũng thất truyền luôn. Thủ thuật này nhìn khá đẹp mắt, để thủ thuật này tiếp tục đến với mọi người dưới đây mình sẽ giới thiệu lại thủ thuật này cho mọi người.

» Cách tiến hành thủ thuật như sau:
1- Đăng nhập vào Blog
2- Vào Phần tử trang (Bố Cục)
3- Chọn Thêm Tiện ích
4- Tạo 1 widet HTML/Javarscipt và dán đoạn code sau vào:
<style type="text/css">
* {margin:0;padding:0;}
#random-posts {
width:300px;
}
#random-posts h3 {
background:url(http://4.bp.blogspot.com/-KHAtb_JzkQk/UaWpwsottqI/AAAAAAAAatU/0kQWXlwrb-I/s1600/img-bg-rd1-Dautocrazy-Blog-com.png) no-repeat top left;
padding:3px 5px 14px 5px;
font-size:13px;
color:#fff;
}
img#rd-thumb {
float:left;
width: 40px;
height:40px;
margin-right:5px;
border:1px solid #ccc;
padding:2px;
}
img#rd-thumb0 {
float:left;
width: 80px;
height:80px;
margin-right:5px;
border:1px solid #ccc;
padding:2px;
}
ul, li {list-style:none;}
#random-posts li {
height:50px !important;
padding:5px 3px 0 5px;
}
li#li-rd a, li#li-rd-chan a, li#li-rd-le a {text-decoration:none;}
li#li-rd a:hover, li#li-rd-chan a:hover, li#li-rd-le a:hover {text-decoration:underline;}
li#li-rd {border:1px solid #ddd; background:#f6f6f6;height:90px !important;font-weight:bold;}
li#li-rd-chan {background:#f6f6f6;}

div#info h1 {font-size:20px;}
div#footer {padding-left:135px;}
</style>

<br />
<div id="random-posts">
<h3>
Random Posts</h3>
<div id="rd-posts-loading">
<img align="absmiddle" src="http://2.bp.blogspot.com/-Mfs4edjPEDU/UaWp58_dAJI/AAAAAAAAatc/dzRZEReHLvI/s1600/loading-related-Dautocrazy-Blog-com.gif" />
</div>
</div>
<script type="text/javascript">
var maxEntries = 7;
nocmtext = "No Comment";
cmtext = "Comments";
</script>
<script src="http://buixuandoanh.com.vn/js/rd-post-thumb.js" type="text/javascript"></script>
<script src="http://www.xuandoanh.com/feeds/posts/default/-/Thủ thuật?alt=json-in-script&callback=getRandomPosts&max-results=999999" type="text/javascript"></script>
Trong đó:
     Thay Thủ thuật thành tên nhãn bạn muốn hiển thị.
     Thay "http://www.xuandoanh.com/" thành URL địa chỉ Blog của bạn.
Lưu ý:
     
Thủ thuật lấy dữ liệu bài ngẫu nhiên từ feed do vậy blog bạn phải cài đặt feed.
Bạn nên downloaf file rd-post-thumb.js về và upload lên host riêng để đảm bảo sự ổn định và dùng lâu dài.
4. Lưu Mẫu
Bài viết ngẫu nhiên có ảnh thumbnail cho blogspot (theo nhãn) Bài viết ngẫu nhiên có ảnh thumbnail cho blogspot (theo nhãn)
9/10 356 bình chọn

Chia sẻ:

Xin chào! Mình là Bùi Xuân Doanh. Mình muốn được chia sẻ cùng các bạn những gì mình biết.

Theo dõi tôi trên Facebook Or Youtube


Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Quản trị

    Admin Bùi Xuân Doanh

    Click để Chat với Admin! Click để Chat với Admin!

    Email: buixuandoanh@gmail.com

    Hotline: 0983.379.818

Tư vấn Kỹ thuật