Hôm nay mình sẽ giới thiệu cùng mọi người dạng Recent Post widget bài viết mới nhất có hình ảnh (thumbnail) thu nhỏ đẹp cho blogger. Recent Post widget with thumbnail for blogger.
Các bước tạo Recent Post widget bài viết mới nhất có hình ảnh (thumbnail) thu nhỏ đẹp cho blogger
Bước 1: Đăng nhập Blogger => Thêm tiện ích (Add widget)
Bước 2: Copy và paste code bên dưới vào trong widget
<div class="eggTray">
<script
src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"http://softwarecrack.ga/feeds/posts/default"},
"hideHeader":"false","height":"490","count": 10 }</script>
<div
style="font-family: arial, sans-serif; font-size: 9px;"
class="ycdr"><a
href="http://www.softwarecrack.ga/2015/05/tao-bai-viet-moi-nhat-co-hinh-thu-nho.html"
target="_blank" title="Grab this widget">Recent Posts
Widget</a> <a href="http://softwarecrack.ga/"
target="_blank">Blogger
Widgets</a></div><noscript>Your browser does not
support JavaScript!</noscript></div>
<style type=text/css>
.eggTray {margin:10px 0px;padding:0px;}
.ybr li {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
.pipesTitle {padding-top:0px;}
.pipesDescription {display:true;}
.ycdr
{background:transparent
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8s0KcO5sRoIcsqFpdg7RdwuhziOBgd-bF606Dri_9itGEB2ffgIqUxqBrSmVeQM6LUG5MKa1bX1O2pE93HFqWE3qQ-dshttfNH2i4UetqlhtdYKsawd4KMsxNsT0Niz4Eyd4a_SyKcfk/s1600/logo.png)
0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px
0px 0px 0px;line-height:14px;}
.ycdr, .ycdr a {color:#999999;}
.widget .popular-posts ul {padding-left:0;}
</style>
Tùy chỉnh:
- http://softwarecrack.ga; thay bằng tên blog của bạn
- height:490; bạn có thể thay đổi chiều cao bài viết mới của bạn
- 10; số lượng bài viết hiển thị
