BTKS 18: Popular-Posts

Popular Posts Blogspot giống Fphn.blogspot.com đẹp và phong cách mầu đỏ

Posted by fasfsaf on 14:15 with No comments so far

Thủ thuật Code tạo Popular Posts cho Blogspot. Nhằm thống kê những bài viết trong toàn bộ Web đưọc xem nhiều nhất.

- Popular posts giống Fphn.blogspot.com được hiển thị 10 bài, Và có phân rõ 3 bài Top được xem nhiều nhất

- Tìm trong Template từ khóa <b:widget id='PopularPosts1'

- Thay thế đoạn Code có sẵn bằng đoạn code sau:

<b:widget id='PopularPosts1' locked='false' title='Hot in Week' type='PopularPosts'>

<b:includable id='main'>

<div class='tieudeboxbenphai'><a href='http://fphn.blogspot.com/'>Xem nhiều</a></div>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
<b:else/>
<a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<b:if cond='data:post.thumbnail'>
<a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'>
<img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail' expr:title='data:post.title'/></a>
<b:else/>
<a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'>

<img alt='no image' class='item-thumbnail' expr:alt='data:post.title' expr:title='data:post.title' src='http://bit.ly/hGWr7r'/></a>
</b:if>
<a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
<div class='clear'/>
<b:else/>
<b:if cond='data:post.thumbnail'>
<a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail' expr:title='data:post.title'/></a>
<b:else/>
<a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><img alt='no image' class='item-thumbnail' expr:alt='data:post.title' expr:title='data:post.title' src='http://bit.ly/hGWr7r'/></a>
</b:if>
<a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
<div class='clear'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
<b:include name='quickedit'/>
</b:includable>

</b:widget>

- Chèn đoạn CSS sau trên ]]></b:skin>

#PopularPosts1 .tieudeboxbenphai a{background:#c50202 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi22_YsSzYcA2jFFw56msZePXmYuDJ02Cal5iPSvsRn_CRqz6_tGDfs9BNH7CwJ26FDZRp_wV7cWdIjwzvmQR8Q30_xbx1EnmUWZgBYUpxIqJVV2KVbp0lC9XD9rc3Yjao2D1sybCK8L_P-/s23/likeok.PNG) left no-repeat;background-position:110px 5px}#PopularPosts1 ul{list-style-type:none;float:left;width:100%}#PopularPosts1 ul li{position:relative;padding:10px;float:left;height:25px;overflow:hidden;width:100%}#PopularPosts1 ul li:first-child{background:#fff;padding:10px 30px;height:65px}#PopularPosts1 ul li:first-child a{float:left;margin-left:0 !important;padding:0 !important;width:40%;color:#B1320D;height:100%;}#PopularPosts1 ul li:first-child:after{content:"1";color:#fff !important;border:1px solid #e74c3c;background:#e74c3c}#PopularPosts1 ul li:first-child + li{background:#}#PopularPosts1 ul li:first-child + li:after{content:"2";color:#fff !important;border:1px solid #2882bc;background:#2882bc}#PopularPosts1 ul li:first-child + li + li{background:#fff}#PopularPosts1 ul li:first-child + li + li:after{content:"3";color:#fff !important;border:1px solid #f39c12;background:#f39c12}#PopularPosts1 ul li:first-child + li + li + li{background:#}#PopularPosts1 ul li:first-child + li + li + li:after{content:"4";color:#333 !important;border:1px solid #ccc;background:#fff}#PopularPosts1 ul li:first-child + li + li + li + li{background:#fff}#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5";color:#333 !important;border:1px solid #ccc;background:#fff}#PopularPosts1 ul li:first-child + li + li + li + li + li{background:#}#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6";color:#333 !important;border:1px solid #ccc;background:#fff}#PopularPosts1 ul li:first-child + li + li + li + li + li + li{background:#fff}#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7";color:#333 !important;border:1px solid #ccc;background:#fff}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li{background:#}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8";color:#333 !important;border:1px solid #ccc;background:#fff}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li{background:#fff}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9";color:#333 !important;border:1px solid #ccc;background:#fff}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li{background:#}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10";color:#333 !important;border:1px solid #ccc;background:#fff}#PopularPosts1 ul li:first-child:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li:after,#PopularPosts1 ul li:first-child + li + li:after,#PopularPosts1 ul li:first-child + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li:after{position:absolute;top:10px;left:0;border-radius:100px;width:20px;height:20px;padding:5px;line-height:1em;text-align:center;font:bold 16px arial;color:#333}#PopularPosts1 ul li:first-child + li img,#PopularPosts1 ul li:first-child + li + li img,#PopularPosts1 ul li:first-child + li + li + li img,#PopularPosts1 ul li:first-child + li + li + li + li img,#PopularPosts1 ul li:first-child + li + li + li + li + li img,#PopularPosts1 ul li:first-child + li + li + li + li + li + li img,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li img,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li img,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li img{display:none}#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;margin-left:10px;background:transparent;padding:0;width:128px;height:72px}#PopularPosts1 ul li .item-thumbnail img{width:128px;height:72px}#PopularPosts1 ul li a{font:bold 12px arial;color:#2882bc;text-decoration:none;float:left;margin-left:30px;width:85%;height:32px;overflow:hidden}#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}

- Fphn.blogspot.com chúc bạn thành công

Popular Posts Blogspot giống Fphn.blogspot.com đẹp và phong cách

Posted by fasfsaf on 14:04 with No comments so far

Thủ thuật Code tạo Popular Posts cho Blogspot. Nhằm thống kê những bài viết trong toàn bộ Web đưọc xem nhiều nhất.

- Popular posts giống Fphn.blogspot.com được hiển thị 10 bài, Và có phân rõ 3 bài Top được xem nhiều nhất

- Tìm trong Template từ khóa <b:widget id='PopularPosts1'

- Thay thế đoạn Code có sẵn bằng đoạn code sau:

<b:widget id='PopularPosts1' locked='false' title='Hot in Week' type='PopularPosts'>

<b:includable id='main'>

<div class='tieudeboxbenphai'><a href='http://fphn.blogspot.com/'>Xem nhiều</a></div>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
<b:else/>
<a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<b:if cond='data:post.thumbnail'>
<a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'>
<img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail' expr:title='data:post.title'/></a>
<b:else/>
<a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'>

<img alt='no image' class='item-thumbnail' expr:alt='data:post.title' expr:title='data:post.title' src='http://bit.ly/hGWr7r'/></a>
</b:if>
<a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
<div class='clear'/>
<b:else/>
<b:if cond='data:post.thumbnail'>
<a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail' expr:title='data:post.title'/></a>
<b:else/>
<a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><img alt='no image' class='item-thumbnail' expr:alt='data:post.title' expr:title='data:post.title' src='http://bit.ly/hGWr7r'/></a>
</b:if>
<a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
<div class='clear'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
<b:include name='quickedit'/>
</b:includable>

</b:widget>

- Chèn đoạn CSS sau trên ]]></b:skin>

#PopularPosts1 {float: left;margin-bottom: 15px;}
#PopularPosts1 .tieudeboxbenphai a {background:#2882bc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi22_YsSzYcA2jFFw56msZePXmYuDJ02Cal5iPSvsRn_CRqz6_tGDfs9BNH7CwJ26FDZRp_wV7cWdIjwzvmQR8Q30_xbx1EnmUWZgBYUpxIqJVV2KVbp0lC9XD9rc3Yjao2D1sybCK8L_P-/s23/likeok.PNG) left no-repeat;background-position: 80px 6px;}
#PopularPosts1 ul{list-style-type:none;float: left;width: 100%;padding: 0;margin: 0;}
#PopularPosts1 ul li{position:relative;padding:10px;float: left;height: 25px;overflow: hidden;width: 290px;}
#PopularPosts1 ul li:first-child{background:#fff;padding: 10px 30px;height: 65px;}
#PopularPosts1 ul li:first-child a {float: left;margin-left: 0 !important;padding: 0 !important;width: 110px;color: #B1320D;}
#PopularPosts1 ul li:first-child:after{content:"1";color: #fff !important;border: 1px solid #e74c3c;background:#e74c3c}
#PopularPosts1 ul li:first-child + li {background:#efefef}
#PopularPosts1 ul li:first-child + li:after{content:"2";color: #fff !important;border: 1px solid #2882bc;background:#2882bc}
#PopularPosts1 ul li:first-child + li + li {background:#fff}
#PopularPosts1 ul li:first-child + li + li:after{content:"3";color: #fff !important;border: 1px solid #f39c12;background:#f39c12}
#PopularPosts1 ul li:first-child + li + li + li {background:#efefef}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4";color: #333 !important;border: 1px solid #ccc;background:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li {background:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5";color: #333 !important;border: 1px solid #ccc;background:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li {background:#efefef}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6";color: #333 !important;border: 1px solid #ccc;background:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li {background:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7";color: #333 !important;border: 1px solid #ccc;background:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#efefef}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8";color: #333 !important;border: 1px solid #ccc;background:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li {background:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9";color: #333 !important;border: 1px solid #ccc;background:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li {background:#efefef}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10";color: #333 !important;border: 1px solid #ccc;background:#fff}
#PopularPosts1 ul li:first-child:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li:after,#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li:after{position:absolute;top:10px;left:0px;border-radius: 100px;width:20px;height:20px;padding:5px;
line-height:1em;text-align:center;font:bold 16px arial;color:#333}
#PopularPosts1 ul li:first-child + li img,#PopularPosts1 ul li:first-child + li + li img,#PopularPosts1 ul li:first-child + li + li + li img,#PopularPosts1 ul li:first-child + li + li + li + li img,#PopularPosts1 ul li:first-child + li + li + li + li + li img,#PopularPosts1 ul li:first-child + li + li + li + li + li + li img,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li img,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li img,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li img {display: none;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;margin-left: 10px;background:transparent;padding:0;width:65px;height:65px;border: 1px solid #eee;}
#PopularPosts1 ul li a{font:bold 12px arial;color:#555;text-decoration:none;float: left;margin-left:30px;overflow: hidden;}
#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}

- Fphn.blogspot.com chúc bạn thành công

Style bài viết phổ biến cho blogger/blogspot

Posted by fasfsaf on 13:57 with No comments so far

Style này được áp dụng hầu hết trong blogspot, nhưng chỉ là kiểu mặc định của blogger, đến đây mình share 1 thủ thuật tinh chỉnh nó trông đẹp hơn rất nhiều

Hãy chắc blog của bạn đã có widget PopularPosts này và đặt hiển thị tối đa 5 bài nhé. Sau này khi hoàn thành thủ thuật bạn sẽ có thể chỉnh nó lên hơn 5.

- Đăng nhập vào Blog
- Vào Mẫu (Template)
- Chọn Chỉnh sửa HTML (Edit HTML)
- Thêm đoạn code sau vào trước thẻ ]]></b:skin> :

.top1, .top2, .top3, .top4, .top5, .top6, .top7, .top8, .top9, .top10 {border-bottom:1px dotted #ccc;padding-top:6px;font:bold 12px Tahoma;width:280px;margin-left:10px;font: bold 13px Tahoma;color:#FF6600}
.top1 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9GOx-olTW_D0Eynpn1Cw74UWEeeRyqQXi05zgKU2Q_RNtgurxOQz9IZlgpRxar8eGk-1E9P0Madj5DMfmTG6nwusUtwl7pcnhpZgvc7lA1dbeu4hMW_JeTLLN63hRUHd7oRGNA8nqldEv/s25/1-popular.png) no-repeat left}
.top2 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ1r9IX3eeP-QU61isAjI2_bg4gFtxcp2TIXMzzMBmehWegDYYsfhziWuhCsBrnu5vhq3vOWxE1EDHodpQbuM9JIHWmEuAqf_9CrhWc7AMvbqn4gmqiapMg6FdWBTE71aAYmHUxb-_5F4C/s25/2-popular.png) no-repeat left}
.top3 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimnPOqej61_kMxwpNGGGHkd2ZCvL4bA9072nzer9yLmcrihTbmgDzpSalfCDCXKrLhln0FN-tqgBTHZZur5M6idkm9CIT8vrIqhVJUVbI6wA7B5qgSF1YW1VKma9fLYE27eMLOkP5mhGSK/s25/3-popular.png) no-repeat left}
.top4 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOLqvj82DYG_kuo6gdTaPR3-zDPf7Myzl5UNvF73klShmiQjiHywydD0nmzF9vVoYnaOEdXH4iCBmnZJK0Bk_qPxMPUaWxg8L3MeVJsycFoJTmcr3PrRCOtqVC_P8WcAphgPkAtpHTr9u8/s25/4-popular.png) no-repeat left}
.top5 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-YkkBFzlpInOVlvvTub956TPYOrqx5Q73gcoYyI544a0fw5rlshMiH_NYs6A2qtM8KLhZuszqaX7_fTALC51SMp9SjFGI57mKzj32NMo5KdEGjdill53jVloJbJJVMGaIqvrSGWcgF1Fg/s25/5-popular.png) no-repeat left}
.top6 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxOQijfgtOKakAKSihXhGLV_dTOS16l4Q5AvuL2MMV_ApOp5l2jDmQs5-8gv6S2zy94-_DZ6ds_vCpMeXbgTR5y6nwWESKANnvb3qsilMx4-yE7AXfwTa_93XWKMhLH6tc-IzOzuM8e1aS/s25/6-popular-.png) no-repeat left}
.top7 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2cG3YCjmvcDGUCpMQ4Zn-CfNjHjgCMuURiYEOt1G-MkVjWc5TErWiUOisNatk3lhRVouKHhVJcQR_vlWlmcpBNmZIvhCbl4gvuPnJP10jskt743hNMb4dRmfRBxxSrFplHivLAqr1Fthb/s25/7-popular-.png) no-repeat left}
.top8 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZsxY7HVan3vim3uPAOuP-4NH1G6ybiNgnurzohLh8PSIk8hFJVKbpmeATL632RjCPyppMuwEgmEpTVSUYA9ANth4SSuHoGBtYzdFb0S-iOhhHCCpMOewB2ZHQFrd1tUOup5kKlPPPMCzR/s25/8-popular.png) no-repeat left}
.top9 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie9_fQkx0y-X3qZetcUssGj5zqoa37bEh8HmlLSN60V_M07FTnErB6HJLansgOzK4liX-dJChWxyiGkTqWCKVZzQ9W3upwOU1SJM-gM3ne_dMGw4FRcazJdKaEfQny7RlsfKOIqs5YDRZv/s25/9-popular.png) no-repeat left}
.top10 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM-QjADQ-uZTdhjR2AALgj6BDEOWhs3gvLt3DrejLDbog4sdHMqRvMgYfN-eeFE6MU7sYfHN3qbukRpAEg6ex7r7UbijySpi8m17KqMCBgaN4FhzqazP3BYNqvjwthwN28Mq67Ty5BMrpW/s25/10-popula.png) no-repeat left}
.widget-item-control {display:none}
.popular-posts ol{list-style-type:none;}
.popular-posts ol li a, .randoms ul li a {color:#333333}
.PopularPosts img { border: 1px solid #CCCCCC; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); height: 65px;
margin-left: 27px; padding: 2px; z-index: -1;width: 90px;z-index:10}

- Thêm đoạn code sau vào trước thẻ </head> :

<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
showRandomImg = true;
summaryPost = 230;
numposts2 = 5;
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieQA5RhOtmgSB5GQ1mISALuoMhB8-Cn5bbPU5sSpzh8hhM_TRPiVzUAUfhiPoESNsuC8EToQpElPEqgC5p5uw475ZICoN0YAl6qJ9PtaJdARDxvroEhxTxzfhVcSDPBRmJjtTmZAT5isI/s300/no_image.jpg";
aBold = true;

function removeHtmlTag(strx, chop) {
if (strx.indexOf("<") != -1) {
var s = strx.split("<");
for (var i = 0; i < s.length; i++) {
if (s[i].indexOf(">") != -1) {
s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length)
}
}
strx = s.join("")
}
chop = (chop < strx.length - 1) ? chop : strx.length - 2;
while (strx.charAt(chop - 1) != ' ' && strx.indexOf(' ', chop) != -1) chop++;
strx = strx.substring(0, chop - 1);
return strx + ' [...]'
}

function showrecentposts2(e) {
j = (showRandomImg) ? Math.floor((imgr.length + 1) * Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts2; i++) {
var f = e.feed.entry[i];
var g = f.title.$t;
var h;
if (i == e.feed.entry.length) break;
for (var k = 0; k < f.link.length; k++) {
if (f.link[k].rel == 'alternate') {
h = f.link[k].href;
break
}
}
if ("content" in f) {
var l = f.content.$t
} else if ("summary" in f) {
var l = f.summary.$t
} else var l = "";
if (j > imgr.length - 1) j = 0;
img[i] = imgr[j];
s = l;
a = s.indexOf("<img");
b = s.indexOf("src=\"", a);
c = s.indexOf("\"", b + 5);
d = s.substr(b + 5, c - b - 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != "")) img[i] = d;
if (i == 0) {
var m = '<div class="folder-topnews fl"><img src="' + img[i] + '" title="' + g + '" class="img-subject fl"><p style="padding-bottom:5px"><a href="' + h + '"><b>' + g + '</b></a></p><p>' + removeHtmlTag(l, summaryPost) + '</p></a></div>';
document.write(m)
}
if (i == 1) {
var m = '<div class="folder-othernews fl"><div class="other-folder fl"><img alt="" class="img-other fl" src="' + img[i] + '" alt="' + g + '"><a href="' + h + '">' + g + '</a></div>';
document.write(m)
}
if (i == 2) {
var m = '<div class="fl"><ul><li><a href="' + h + '">' + g + '</a></li>';
document.write(m)
}
if ((i > 2) && (i < numposts2 - 1)) {
var m = '<li><a href="' + h + '">' + g + '</a></li>';
document.write(m)
}
if (i == numposts2 - 1) {
var m = '<li><a href="' + h + '">' + g + '</a></li></ul></div></div>';
document.write(m)
}
j++
}
}
//]]>
</script>
<script>
$(document).ready(function () {
$(".popular-posts ol>li:eq(0)").addClass("top1");
$(".popular-posts ol>li:eq(1)").addClass("top2");
$(".popular-posts ol>li:eq(2)").addClass("top3");
$(".popular-posts ol>li:eq(3)").addClass("top4");
$(".popular-posts ol>li:eq(4)").addClass("top5");
$(".popular-posts ol>li:eq(5)").addClass("top6");
$(".popular-posts ol>li:eq(6)").addClass("top7");
$(".popular-posts ol>li:eq(7)").addClass("top8");
$(".popular-posts ol>li:eq(8)").addClass("top9");
$(".popular-posts ol>li:eq(9)").addClass("top10");
});
</script>

- Tiếp tục tìm đoạn code : <b:widget id='PopularPosts1' Thay thế

<b:widget id='PopularPosts1' locked='false' title='Hot - Xem nhiều' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ol>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>

<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>

<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
<b:else/>
<div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><img alt='no image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieQA5RhOtmgSB5GQ1mISALuoMhB8-Cn5bbPU5sSpzh8hhM_TRPiVzUAUfhiPoESNsuC8EToQpElPEqgC5p5uw475ZICoN0YAl6qJ9PtaJdARDxvroEhxTxzfhVcSDPBRmJjtTmZAT5isI/s300/no_image.jpg'/></a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>

<div class='item-content'>
<div class='item-title'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'><img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/></a>
</div>
<b:else/>
<div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><img alt='no image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieQA5RhOtmgSB5GQ1mISALuoMhB8-Cn5bbPU5sSpzh8hhM_TRPiVzUAUfhiPoESNsuC8EToQpElPEqgC5p5uw475ZICoN0YAl6qJ9PtaJdARDxvroEhxTxzfhVcSDPBRmJjtTmZAT5isI/s300/no_image.jpg'/></a>
</div>
</b:if>
<a expr:href='data:post.href' expr:title='data:post.snippet'><data:post.title/></a>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ol>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Cuối cùng lưu lại và xem kết quả.

BTKS 18

Giới thiệu về tôi

Lưu trữ Blog

vnexpress.net

Xã hội

Thế giới

Kinh doanh

Giải trí

Thể thao

Pháp luật

Gia đình

Khoa học

Số hóa

Ôtô - Xe máy

Bạn đọc

Tâm sự

Rao vặt

Video

Cười

Thứ Tư, 24 tháng 9, 2014

Popular Posts Blogspot giống Fphn.blogspot.com đẹp và phong cách mầu đỏ

Popular Posts Blogspot giống Fphn.blogspot.com đẹp và phong cách

Style bài viết phổ biến cho blogger/blogspot

Blogger templates

Popular Posts

Blogger news

Blogroll

About

Blog Archive

Categories