• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Theo dõi bài viết mới nhất từ blog khác

38
21/07/2011

Có một số cách để bạn theo dõi bài viết mới nhất từ các blog đó là đăng ký nhận tin cập nhật RSS qua email, đối với blogspot thì có thể theo dõi qua Google Connect. Từ phương diện này, mình sáng tạo tùy biến tiện ích Blog List (Danh sách Blog) để tạo ra tiện ích có chức năng cập nhật bài viết mới nhất của những blog bạn ưa thích. Tiện ích này hiển thị ảnh đại diện bài viết (có thuộc tính title là khoảng cách thời gian tính từ thời điểm bài viết được đăng cho đến thời điểm hiện tại), tiêu đề bài viết có thuộc tính title là đoạn trích dẫn bài viết (snippet), faviicon của blog kèm theo tiêu đề blog.

Xem Demo.

Để tạo tiện ích này, bạn hãy thực hiện như sau:

Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML, chọn Expand Widget Templates. Tìm đến thẻ đóng </b:widget> liên quan đến một tiện ích nào đó gần vị trí bạn muốn đặt tiện ích này. Sau đó đặt sau thẻ đóng </b:widget> bằng đoạn code bên dưới.

<b:widget id='BlogList100' locked='false' title='Cập nhật từ blog khác' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>

<div class='widget-content'>
<!-- Updating the Recent Post from Other Blog widget styled by Bloggerism -->
<div class='blog-list-container' expr:id='data:widget.instanceId + &quot;_container&quot;'>
<ul expr:id='data:widget.instanceId + &quot;_blogs&quot;'>
<b:loop values='data:items' var='item'>
<li expr:style='data:item.displayStyle'>
<span class='item-content' style='float:left;width:15%;padding:0;margin-left:5px'>
<div class='item-thumbnail' style='float:left;height:50px;padding:1px;margin:0;border:1px solid #DDD'>
<b:if cond='data:item.itemThumbnail'>
<a expr:href='data:item.itemUrl' expr:title='data:item.timePeriodSinceLastUpdate' target='_blank'><img alt='' border='0' expr:src='data:item.itemThumbnail.url' height='50' width='50'/>
</a>
</b:if></div>
</span>
<div class='blog-content' style='float:right;width:75%;padding-left:5px'>
<b:if cond='data:showItemTitle == &quot;true&quot;'>
<span class='item-title'>
<b:if cond='data:item.itemUrl != &quot;&quot;'>
<a expr:href='data:item.itemUrl' expr:title='data:item.itemSnippet' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
</b:if>
<br/>
<span class='blog-icon'>
<b:if cond='data:showIcon == &quot;true&quot;'>
<input expr:value='data:item.blogIconUrl' type='hidden'/>
</b:if>
</span>
<span class='blog-title' style='padding-left:10px'>
<a expr:href='data:item.blogUrl' target='_blank'>
<data:item.blogTitle/></a>
</span>
</div>
<div style='clear: both;'/>
</li>
</b:loop>
</ul>

</div>
</div>
</b:includable>
</b:widget>

Lưu Template.

Bước 2. Vào Page Element. Tìm đến tiện ích có tên Cập nhật từ blog khác, chỉnh sửa rồi tick chọn vào tất cả các mục Icon, Title of most recent item, Snippet of most recent item, Thumbnail of most recent item, Date of last update. Sau đó nhấn ADD TO LIST rồi lần lượt đặt các URL của các trang blog mà bạn ưa thích (ví dụ http://www.abc.com/). Sau khi add URL xong, lưu tiện ích là được.


Nếu muốn phần Favicon + Blog Name nằm trên phần Post Title thì đảo vị trí cho nhau giữa 2 phần code được đánh dấu màu xanh và màu nâu. Ngoài ra ở Bước 1, bạn có thể tìm hiểu và đặt thêm CSS để tùy biến style theo ý thích của bạn một cách dễ dàng. Hy vọng tiện ích này sẽ giúp bạn tiện theo dõi bài viết mới nhất của những blog bạn ưa thích ngay trên blog của chính bạn.

{38 bình luậnAdd yours ?}

06:30:00, 22 thg 7, 2011

uhm rất hay, như vậy không phải đăng kí rss nữa:53)

Reply
07:58:00, 22 thg 7, 2011

Với ý tưởng giải phóng việc mở email đọc bài viết mới nên mình làm tiện ích này. Ở ngay tại ngôi nhà blogspot có thể theo dõi bài viết mới của những blog mình ưa thích. Hơn nữa với link đến các trang có pagerank tốt sẽ giúp cải thiện thứ hạng cho blogspot của bạn nữa. :59)

Reply
09:30:00, 22 thg 7, 2011

Quá thuyệt!

Reply
09:41:00, 22 thg 7, 2011

@Huỳnh Nhật Hà Thủ thuật quá pro, có lẽ sẽ có một bài cảm nhận về thủ thuật này bên blog của em trong thời gian tới :51)

Reply
09:51:00, 22 thg 7, 2011

Theo ý em nên đưa tên Blog lên trên thì hay hơn đó anh Hà! :55)

Reply
09:56:00, 22 thg 7, 2011

Đó cũng là một ý tốt, người xài có thể đảo vị trí theo ý thích của mình được. :56)

Reply
10:25:00, 22 thg 7, 2011

thủ thuật này của anh Hà rất hay và sáng tạo

Reply
10:45:00, 22 thg 7, 2011

Thank you. Trang Pikarock e nên cho cỡ chữ lớn tí nữa để dễ đọc hơn. A lướt 1 lát mỏi mắt quá.

Reply
11:27:00, 22 thg 7, 2011

Hì hì, cái thủ thuật này cứ như anh Hà viết riêng tặng em, không cần chỉnh sửa code gì hết mà vẫn đẹp hết biết :55)

Reply
13:05:00, 22 thg 7, 2011

Chào bạn… mình muốn liên kết với website bạn… mong bạn có thể liên kết với site mình nha…. thanks bạn nhiều ^_^
Site mình là: http://share2vn.blogspot.com

Reply
13:45:00, 22 thg 7, 2011

Trang của Jack nhiều hình girl nhạy cảm quá, nhìn đã mắt nhưng liên kết thì chả có liên quan gì ráo :51)

Reply
18:31:00, 22 thg 7, 2011

:53)

Reply
21:33:00, 23 thg 7, 2011

Lâu rồi mới nhờ bác Hà làm thủ thuật. Mở hàng cho mình nhé, nghe Tiến nói bên Tiến có code kiểm duyệt bài viết cho CTV vậy hà có thể làm cái này được không nhỉ

Thanks Hà

Reply
21:50:00, 23 thg 7, 2011

Cái này đơn giản thôi chứ code gì phức tạp đâu. Dùng code như thế này nè:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }
</script>
<div class='Post-Author'>
<b:if cond='data:post.author == &quot;Quan Pham&quot;'>
<p><data:post.author/> đã từng viết <strong><span><script src='/feeds/posts/default/-/Quan Pham?alt=json-in-script&amp;callback=showpostcount'/></span></strong> bài cho Ictsoft.net</p>
</b:if>
<b:if cond='data:post.author == &quot;Nguyen Van A&quot;'>
<p><data:post.author/> đã từng viết <strong><span><script src='/feeds/posts/default/-/Nguyen Van A?alt=json-in-script&amp;callback=showpostcount'/></span></strong> bài cho Ictsoft.net</p>
</b:if>
</div>
</b:if>

Khi đăng bài viết, đặt cho nó thêm cái nhãn Quan Pham, hoặc Nguyen Van A gì đó là xong thôi mà. Xét cho cùng thì kiếm dăm cộng tác viên là hiếm lắm rồi, code phức tạp cho cho nặng blog.

Reply
21:58:00, 23 thg 7, 2011

@Huỳnh Nhật Hà Hì, em nghĩ có lẽ anh hiểu không đúng ý Minh Quân thì phả :51) Theo em, có lẽ Minh Quân muốn như thế này nè anh Hà:
http://www.vnblogspot.com/search?updated-max=2011-04-05T21%3A32%3A00%2B07%3A00&max-results=10

Reply
22:23:00, 23 thg 7, 2011

Sao Quân k hỏi đồng chí Tiến. Chắc là k cho chứ gì :51)

Reply
05:29:00, 24 thg 7, 2011

@Huỳnh Nhật Hà Anh Hà, chẳng hạn như em muốn tiện ích này chỉ hiển thị 5 blog nhưng em cài đến 10 blog, có thể làm cho nó tự động xuất hiện luân phiên khi mình refresh không?

Reply
06:18:00, 24 thg 7, 2011

Kỳ quá anh Hà ơi, bây giờ nếu em cài cái cập nhật của anh thi nó không còn hiển thị nữa! :62)

Reply
10:42:00, 24 thg 7, 2011

Đồng chí Tiến bận quá, chèn code trên vào đâu nhỉ Hà

Reply
19:50:00, 24 thg 7, 2011

Cảm ơn anh Hà, em đã làm được Author Panel có đếm số bài viết của tác giả! :55)

Reply
18:53:00, 25 thg 7, 2011

trong blogspot có sẵn widget update bài mới nhất đấy :51)

Reply
19:19:00, 25 thg 7, 2011

Nhưng mà cái này update bài viết từ blogspot khác cơ mà, hơn nữa có những tùy biến tính năng mà widget đó làm gì có được nào :51)

Reply
22:03:00, 27 thg 7, 2011

Cái này vẫn còn bị lỗi anh Hà ơi. Mới đầu anh viết bài "Khai trương..." không có hình ảnh, sau anh update hình lên, em đã Remove blog của anh trong cài đặt, sau đó add lại nhưng vẫn không xuất hiện hình ảnh.

Reply
22:07:00, 27 thg 7, 2011

Do cái feed a đã dùng Feedburner nên update lại chưa có tác dụng liền. Cứ để vậy, viết bài mới sẽ OK thôi mà.

Reply
22:20:00, 27 thg 7, 2011

Sao có một số comment nó vẫn hiện trong Inbox, không phải bị vô Spam, nhưng lại không hiện trong blog là sao vậy anh Hà?

Reply
22:36:00, 27 thg 7, 2011

Anh Hà, em đã khôi phục được bài Read more em lỡ tay xóa hôm trước rồi đó, có điều không tìm lại được comment. :51)

Reply
23:06:00, 27 thg 7, 2011

K vô spam thế đi đâu ta, cái này để ngâm cứu xem à nha. Khôi phục bài viết đã bị xóa nhờ Subscription nên sao khôi phục comment được. :34)

Reply
23:18:00, 27 thg 7, 2011

@Huỳnh Nhật Hà Không anh, em không subscribe. :51)

Reply
00:15:00, 28 thg 7, 2011

A đã biết một cách khôi phục bài bị xóa rất hay đó.

Reply
11:00:00, 30 thg 7, 2011

Tiện ích này giá như có cập nhật thêm số lượng comments của bài viết mới thì đã lắm đó anh Hà :51)

Reply
11:09:00, 30 thg 7, 2011

K được e à, vì nó nằm ở sidebar nên k thể có số comments được. Nếu có thì lại dùng js như mấy tiện ích cũ rồi làm gì. K js thì chỉ có nằm trong phần Main mới có thể có số comments được.

Reply
12:05:00, 31 thg 7, 2011

Một bài viết rất hay, thanks bác Hà

Reply
01:16:00, 1 thg 8, 2011

@Quan Pham À thì ra là vậy. Có phải nó trông giống như thế này k hè:

http://www.thuthuatblogger.info/search/label/Javascript?max-results=10

Reply
12:22:00, 1 thg 8, 2011

a.Hà ơi, em không muốn lấy blog-icon blog tự động vì nó load hơi chậm. Theo dõi chỉ khoảng 5 blog, nên em muốn add từng blog-icon theo cách thủ công để chạy cho nhanh thì làm thế nào?

Reply
12:29:00, 1 thg 8, 2011

Cái này k làm thủ công được e à. Có thể theo dõi bao nhiêu blogspot cũng được mà, cứ Add URL vào thôi. Cái blog-icon load chậm chắc chờ Blogger cải tiến gì hơn thôi e.

Reply
21:48:00, 6 thg 9, 2011

Hi! Huỳnh Nhật Hà!

Mình áp dụng hướng dẫn bài viết này Blog của mình đẹp thật, nhưng có một chút chưa đồng nhất với Blog của mình, Đường phân cách các bài với nhau, và mình muốn bỏ cái mũi tên đi thì làm thế nào. Hà có thể giúp mình với, Bolg của mình là vnfreeall.blogspot.com

Reply
18:05:00, 5 thg 11, 2011

Bạn ơi, mình muốn hỏi làm thế nào để điều chỉnh size icon của các blog mình theo dõi vậy ? Mình copy theo dòng code ở trên thì thấy nó bé tí, hic...

Reply
23:48:00, 6 thg 11, 2011

@ღTiểu bạch thỏღ Cái ảnh đại diện to rồi mà. Còn đã là favicon thì 16x16 như thế là chuẩn, to hơn nhìn k cân đối.

Reply
Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn