Bài viết mới nhất cho blogger không dùng Javascript

Bài mới nhất theo Label không dùng Javascript

Bài mới nhất theo Label không dùng Javascript

Bài viết mới nhất cho blogger không dùng Javascript


Bước 1: Đăng nhập Blogger.com -> Page Elements -> trên sidebar -> Add a Gadget -> Blog List (Danh sách Blog)

Tại mục Title -> Đặt tên nhãn tùy ý bạn (chủ đề của nhóm)

Tick chọn vào các mục Title of most recent itemSnippet of most recent item,Thumbnail of most recent item.

Nhấn ADD TO LIST

Sau đó dán vào mục Add by URL với địa chỉ sau đây:

http://www.VuaDauDua.com/feeds/posts/default/-/Tên nhãn2?start-index=1
http://www.VuaDauDua.com/feeds/posts/default/-/Tên nhãn2?start-index=2
http://www.VuaDauDua.com/feeds/posts/default/-/Tên nhãn3?start-index=3

Cứ thế cho đến khi nào bạn cần dừng lại (4,5,… là số bài viết mới nhất hiển thị cho nhãn)

Bạn cần thay VuaDauDua.com bằng tên blogspot của bạn và Tên nhãn1 bằng tên của nhãn cần áp dụng, rồi nhấn SAVE để lưu tiện ích.

Bước 2: Vào Edit HTML, chọn Expand Widget Templates.

Dùng từ khóa BlogList1 (nhấn Ctrl+F) tìm đến đoạn code tương tự như sau:
<b:widget id='BlogList1' locked='false' title='Tên nhãn 1' type='BlogList'>
<b:includable id='main'>

…. Phần nằm giữa này là code trọng tâm của tiện ích …

</b:includable>
</b:widget>
Ở đây bạn cần chú ý thẻ <b:includable id='main'> và thẻ </b:includable> chứa code trọng tâm của tiện ích, nói chung đoạn code nằm giữa 2 thẻ này rất dài. Việc bạn cần làm tiếp theo là thay đoạn code nằm giữa 2 thẻ đó bằng đoạn code dưới đây:
<div class='widget-content'>
<div id='recentposts-ha'>
<ul expr:id='data:widget.instanceId + &quot;_blogs&quot;'>
<b:loop values='data:items' var='item'>
<li>
<b:if cond='data:item.itemThumbnail'>
<img expr:src='data:item.itemThumbnail.url'/>
<b:else/>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBOYZ2A0bDvo-Y7MDvuv7P9X-ZO-KiYC7OZpGLXH_fUpkcJuxaHQKUWyRxYrmK1v6IXfy81WU5DNA4fcwhBp1B6qyHByADXOylS10PNdrjepOXx4TVf9iMCQq12D50oiQypYxuB51ZR6Qu/s1600/no-image.PNG'/>
</b:if>
<a expr:href='data:item.itemUrl' expr:title='data:item.itemTitle' target='_blank'><data:item.itemTitle/></a><br />
<data:item.itemSnippet/>
<div style='clear: both;'/>
</li>
</b:loop>
</ul>
</div>
</div>
Bước 3: Đặt code CSS bên dưới vào trước dòng ]]></b:skin>
#random-posts img, #recentposts-ha img, #recent-posts img{float:left;border:1px solid #d1d1d1;margin:0 5px 7px 5px;padding:3px;width:100px;height:80px;}
#random-posts a, #recentposts-ha a, #recent-posts a{font-weight:bold}
Lưu Template là OK.

Cứ như vậy bạn có thể áp dụng cho nhiều nhãn và bạn sẽ sử dụng BlogList2, BlogList3, BlogList4, BlogList5…

Lưu ý: nếu bạn áp dụng thủ thuật này tại những vùng có chiều rộng khá lớn (ví dụ phần Main) thì có thể bố trí các bài viết thành 2 cột, bạn chỉ cần thêm code CSS như thế này:
.recentposts-ha ul li {float: left;margin-right: 10px;width: 48%}

Từ khóa: Bài viết mới nhất cho blogger không dùng Javascript


[Tác giả: thuthuatblogger.info]






COMMENTS

Name

Banner,2,Code,8,CSS,2,DNS cho Blogger,6,Favicon,1,HTML,6,JavaScript,2,Kiếm tiền với Youtube,1,Labels,1,Mật khẩu cho bài đăng,1,Nhãn,1,Search Google,1,Template Blogger,1,theme blogger,1,Thủ thuật Blogger,45,Thủ thuật Youtube,2,Tiệc ích Password,3,Tiện ích,9,Tiện ích bài viết liên quan,2,Trang,1,Wifi,1,Xóa bản quyền,1,
ltr
item
Khám Phá Blogger: Bài viết mới nhất cho blogger không dùng Javascript
Bài viết mới nhất cho blogger không dùng Javascript
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn8Mb9X2rCP37_1RFdZ-lR_cJX398Z9O6BDDQdUBmo1HU3ITcukh_jkgWenlZtwyfbhKkTgWlNq2SFL08LCQmjgxxtXgIlZLOLIWDg_MSO7fQPq1K0G5iQCaZCGnNA8JPl1hah0tx1qeCy/s1600/BaiVietMoiBlogspot.PNG
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn8Mb9X2rCP37_1RFdZ-lR_cJX398Z9O6BDDQdUBmo1HU3ITcukh_jkgWenlZtwyfbhKkTgWlNq2SFL08LCQmjgxxtXgIlZLOLIWDg_MSO7fQPq1K0G5iQCaZCGnNA8JPl1hah0tx1qeCy/s72-c/BaiVietMoiBlogspot.PNG
Khám Phá Blogger
https://blogger.affimart.com/2013/11/blogspot-bai-viet-moi-cho-nhan-label.html
https://blogger.affimart.com/
http://blogger.affimart.com/
http://blogger.affimart.com/2013/11/blogspot-bai-viet-moi-cho-nhan-label.html
true
4203661997903332293
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy