thứ 724062017

bantintuvan24.7@gmail.com

Quay về Bạn đang ở trang: Home Kiến thức phổ thông Tin học Blog Code bài viết mới đẹp cho blogspot

Code bài viết mới đẹp cho blogspot

Được đăng ngày Chủ nhật, 17 Tháng 5 2015 11:49
loading...

Chia sẻ bài viết của bạn qua:

- Hiển thị một widget bài viết mới trên sidebar của blog của bạn là một trong những cách tốt nhất để thông báo cho khách truy cập blog của bạn đã được cập nhật với nội dung mới và mới hơn.

 Bài viết mới cho blog có nhiều cách để hiển thị và đã có hàng ngàn công cụ có sẵn trên tất cả các web.


Với các Recent Post được tùy biến nhiều hơn và bạn không cần phải thêm bất kỳ CSS hoặc mã jQuery vào mẫu Blogger của bạn có nghĩa là load widget của bạn nhanh hơn. Vì vậy đây là phương pháp đơn giản nhất để hút khách truy cập vào blog của bạn như vậy sẽ tăng thứ hạng của blog của bạn trên kết quả tìm kiếm của Google.

Hướng dẫn tạo code bài viết mới đẹp cho blogspot


Bước 1: Đăng nhập Blogger => Bố cục (Layout) => Thêm HTML/JavaScript

Bước 2: Copy và paste code bên dưới vào tiện ích
 
<div class="recentpoststyle">
<script src="http://goo.gl/JI3Hml"></script>
<script>
var posts_no = 3;var posts_date = true;var post_summary = true;var summary_chars = 90;</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts">
</script>
<style type="text/css">
.recentpoststyle {
    counter-reset: countposts;
    list-style-type: none;
}
.recentpoststyle a {
    text-decoration: none;
    color: #0080ff;
}
.recentpoststyle a:hover {
    color: #db4437;
}
.recentpoststyle li:before {
    content: counter(countposts,decimal);
    counter-increment: countposts;
    float: left;
    z-index: 2;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    background: #666;
    margin: 10px 5px 0px -4px;
    padding: 0px 10px;
    border-radius: 100%;
}
li.recent-post-title {
    padding: 7px 0px;
}
.recent-post-title {
    font-family: "book antiqua";
}
.recent-post-title a {
    color: #666;
    font-size: 14px;
    text-decoration: none;
    padding: 2px;
    font-weight: bold;
}
.post-date {
    padding: 5px 2px 5px 30px;
    font-size: 11px;
    color: #6d6e72;
    margin-bottom: 5px;
}
.recent-post-summ {
    border-left: 1px solid #69B7E2;
    color: #777;
    padding: 0px 5px 0px 20px;
    margin-left: 11px;
    font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif;
    font-size: 15px;
}
</style></div>


var posts_no = 3 là số bài được hiển thị

Cuối cùng lưu lại và kiểm tra xem kết quả.

Bạn có thể thay var posts_no = 3 với số lượng b

Chia sẻ bài viết của bạn qua:

loading...
loading...