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

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRw33kS8S5BoUboxFizrRmhEfCd2rj-DpuuMqxd5LujBCz8QAnqLKmGbYEnoTY2pezHMxGzPyy1MlZe2xI7jVpAVFYk1r37qIVWzqlvol3KjLsHD2-1QGYniBBr_OwA10O3TAlrV_D6lW2/s1600/Fphn.blogspot.com-.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"></span></a></div><div dir="ltr" style="text-align: left;" trbidi="on"><div class="" style="background-color: white; clear: both; color: #333333; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">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.</span></div><div class="" style="background-color: white; clear: both; color: #333333; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18.2000007629395px;">- Popular posts giống </span><a href="http://www.thaiaiti.com/" style="color: #333333; line-height: 18.2000007629395px; position: relative; text-decoration: none;" target="_blank">F</a>phn.blogspot.com<span style="line-height: 18.2000007629395px;"> được hiển thị 10 bài, Và có phân rõ 3 bài Top được xem nhiều nhất</span></span></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRw33kS8S5BoUboxFizrRmhEfCd2rj-DpuuMqxd5LujBCz8QAnqLKmGbYEnoTY2pezHMxGzPyy1MlZe2xI7jVpAVFYk1r37qIVWzqlvol3KjLsHD2-1QGYniBBr_OwA10O3TAlrV_D6lW2/s1600/Fphn.blogspot.com-.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRw33kS8S5BoUboxFizrRmhEfCd2rj-DpuuMqxd5LujBCz8QAnqLKmGbYEnoTY2pezHMxGzPyy1MlZe2xI7jVpAVFYk1r37qIVWzqlvol3KjLsHD2-1QGYniBBr_OwA10O3TAlrV_D6lW2/s1600/Fphn.blogspot.com-.png" /></a></div><div class="" style="background-color: white; clear: both; color: #333333; line-height: 18.2000007629395px;"><br /></div><div class="separator" style="background-color: white; clear: both; color: #333333; line-height: 18.2000007629395px;"></div><div class="separator" style="clear: both;"><span style="font-family: Arial, Helvetica, sans-serif;">- Tìm trong Template từ khóa  <b><span style="color: red;"><b:widget id='PopularPosts1'</span></b></span></div><div class="separator" style="clear: both;"><span style="font-family: Arial, Helvetica, sans-serif;">- Thay thế đoạn Code có sẵn bằng đoạn code sau:</span></div><div class="separator" style="clear: both;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div></div><blockquote class="tr_bq" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGyEqzc6j6YI79v7yL1UJghN23ECkUuokgExtER3EKf1briVOzXxDNDevEUKcLX6nnQDy21xCdOxRjWpn73AgZDTx_7IBgJRAvSgR6OfJzvV-K-zSfIYCe6zdCr_N16UlVTZHwacOiyCIY/s1600/Fphn.blogspot.gif) no-repeat rgb(249, 249, 249) !important; box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; max-height: 250px !important; overflow: auto !important; padding: 15px 20px 15px 35px !important; width: 500px;"><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><b:widget id='PopularPosts1' locked='false' title='Hot in Week' type='PopularPosts'></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">              <b:includable id='main'></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div><div><span style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-style: italic; line-height: 18.2000007629395px;"><div class='tieudeboxbenphai'><a href='</span><span style="color: #333333; font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18.2000007629395px;"><i>http://fphn.blogspot.com/</i></span></span><span style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-style: italic; line-height: 18.2000007629395px;">'>Xem nhiều</a></div></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">   <div class='widget-content popular-posts'></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">    <ul></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">     <b:loop values='data:posts' var='post'></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">      <li></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">       <b:if cond='data:showThumbnails == &quot;false&quot;'></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">        <b:if cond='data:showSnippets == &quot;false&quot;'></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">        <b:else/></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">        </b:if></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">       <b:else/></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">        <b:if cond='data:showSnippets == &quot;false&quot;'></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <b:if cond='data:post.thumbnail'></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">           <a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'> </span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-tab-span"> </span>   <img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail' expr:title='data:post.title'/></a></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-tab-span" style="white-space: pre;"></span></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <b:else/></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">           <a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-tab-span"> </span>   </span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-tab-span" style="white-space: pre;"></span></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-tab-span"> </span>   <img alt='no image' class='item-thumbnail' expr:alt='data:post.title' expr:title='data:post.title' src='http://bit.ly/hGWr7r'/></a></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-tab-span" style="white-space: pre;"></span></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         </b:if></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <div class='clear'/></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">        <b:else/></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <b:if cond='data:post.thumbnail'></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">           <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></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <b:else/></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">           <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></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         </b:if></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <div class='clear'/></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">        </b:if></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">       </b:if></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">      </li></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">     </b:loop></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">    </ul></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">   </div></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><b:include name='quickedit'/></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">  </b:includable></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">            </b:widget></span></div></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; color: #333333; line-height: 18.2000007629395px;">- Chèn đoạn CSS sau trên </span><b style="background-color: white; line-height: 18.2000007629395px;"><span style="color: red;"> ]]></b:skin></span></b></span></div><blockquote class="tr_bq" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGyEqzc6j6YI79v7yL1UJghN23ECkUuokgExtER3EKf1briVOzXxDNDevEUKcLX6nnQDy21xCdOxRjWpn73AgZDTx_7IBgJRAvSgR6OfJzvV-K-zSfIYCe6zdCr_N16UlVTZHwacOiyCIY/s1600/Fphn.blogspot.gif) no-repeat rgb(249, 249, 249) !important; box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; color: #333333; font-style: italic; line-height: 18.2000007629395px; max-height: 250px !important; overflow: auto !important; padding: 15px 20px 15px 35px !important; width: 500px;"><span style="color: black; font-family: Arial, Helvetica, sans-serif; font-size: small; font-style: normal; line-height: normal; white-space: pre-wrap;">#PopularPosts1 .tieudeboxbenphai a{background:#c50202 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzjJcEzndVkqSnupq-o2M1QjTB9x8mPDz0b35HFjAh54ZsoEQprT207McDKFe_j24s9EvGvKCvQ9VuRcQ-J7rQrpz1sGmk7Ey05B-eLcTIyep7_i6R05VKR8IgD51LjN9fewQaJCW8uyri/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}</span></blockquote><br /><blockquote class="tr_bq" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGyEqzc6j6YI79v7yL1UJghN23ECkUuokgExtER3EKf1briVOzXxDNDevEUKcLX6nnQDy21xCdOxRjWpn73AgZDTx_7IBgJRAvSgR6OfJzvV-K-zSfIYCe6zdCr_N16UlVTZHwacOiyCIY/s1600/Fphn.blogspot.gif) no-repeat rgb(249, 249, 249) !important; box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; font-style: italic; line-height: 18.2000007629395px; max-height: 250px !important; overflow: auto !important; padding: 15px 20px 15px 35px !important; width: 500px;"><span style="background-color: transparent;"><b><a href="http://fphn.blogspot.com/"><span style="color: orange; font-family: Arial, Helvetica, sans-serif;">- Fphn.blogspot.com chúc bạn thành công  </span></a></b></span></blockquote><br /></div><br /><br /><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F4.bp.blogspot.com%2F-zFotkhgRicE%2FVCMzi-_abTI%2FAAAAAAAADIc%2FQQpcioqJWFc%2Fs1600%2FFphn.blogspot.com-.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRw33kS8S5BoUboxFizrRmhEfCd2rj-DpuuMqxd5LujBCz8QAnqLKmGbYEnoTY2pezHMxGzPyy1MlZe2xI7jVpAVFYk1r37qIVWzqlvol3KjLsHD2-1QGYniBBr_OwA10O3TAlrV_D6lW2/s1600/Fphn.blogspot.com-.png" -->

Popular-Posts Thủ-Thuật-Blogger Popular Posts Blogspot giống Fphn.blogspot.com đẹp và phong cách mầu đỏ

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  F ...

Đọc thêm »

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

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="background-color: white; clear: both; color: #333333; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">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.</span></div><div class="separator" style="background-color: white; clear: both;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18.2000007629395px;"><span style="color: #333333;">- Popular posts giống </span><a href="http://fphn.blogspot.com/"><span style="color: orange;">Fphn.blogspot.com</span></a><span style="color: #333333;"> được hiển thị 10 bài, Và có phân rõ 3 bài Top được xem nhiều nhất</span></span></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRsYXyoVgx19iY5HN_va7W0wGxZhkfG6Y1OHlSkE5psQMHeTglor0A9dHr7sgiquT3ve52blWBU-lGJDfQfV_gAoGgMLIsgOoI2Q4PFNCyJY4GpEKguUGZzMkIx9Lp03nYMzuHXUKyBqrH/s1600/Fphn.blogspot.com-.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRsYXyoVgx19iY5HN_va7W0wGxZhkfG6Y1OHlSkE5psQMHeTglor0A9dHr7sgiquT3ve52blWBU-lGJDfQfV_gAoGgMLIsgOoI2Q4PFNCyJY4GpEKguUGZzMkIx9Lp03nYMzuHXUKyBqrH/s1600/Fphn.blogspot.com-.png" /></span></a></div><div class="separator" style="background-color: white; clear: both;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18.2000007629395px;"><span style="color: #333333;"><br /></span></span></span></div><div class="separator" style="background-color: white; clear: both;"></div><div class="separator" style="clear: both; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #333333;">- Tìm trong Template từ khóa  </span><b><span style="color: red;"><b:widget id='PopularPosts1'</span></b></span></div><div class="separator" style="clear: both; color: #333333; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">- Thay thế đoạn Code có sẵn bằng đoạn code sau:</span></div><div class="separator" style="background-color: white; clear: both;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18.2000007629395px;"><span style="color: #333333;"><br /></span></span></span></div></div><blockquote class="tr_bq" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGyEqzc6j6YI79v7yL1UJghN23ECkUuokgExtER3EKf1briVOzXxDNDevEUKcLX6nnQDy21xCdOxRjWpn73AgZDTx_7IBgJRAvSgR6OfJzvV-K-zSfIYCe6zdCr_N16UlVTZHwacOiyCIY/s1600/Fphn.blogspot.gif) no-repeat rgb(249, 249, 249) !important; box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; max-height: 250px !important; overflow: auto !important; padding: 15px 20px 15px 35px !important; width: 500px;"><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><b:widget id='PopularPosts1' locked='false' title='Hot in Week' type='PopularPosts'></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">              <b:includable id='main'></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div><div><span style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-style: italic; line-height: 18.2000007629395px;"><div class='tieudeboxbenphai'><a href='</span><span style="color: #333333; font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18.2000007629395px;"><i>http://fphn.blogspot.com/</i></span></span><span style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-style: italic; line-height: 18.2000007629395px;">'>Xem nhiều</a></div></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">   <div class='widget-content popular-posts'></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">    <ul></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">     <b:loop values='data:posts' var='post'></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">      <li></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">       <b:if cond='data:showThumbnails == &quot;false&quot;'></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">        <b:if cond='data:showSnippets == &quot;false&quot;'></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">        <b:else/></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">        </b:if></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">       <b:else/></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">        <b:if cond='data:showSnippets == &quot;false&quot;'></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <b:if cond='data:post.thumbnail'></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">           <a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'> </span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-tab-span"> </span>   <img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail' expr:title='data:post.title'/></a></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-tab-span" style="white-space: pre;"></span></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <b:else/></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">           <a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-tab-span"> </span>   </span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-tab-span" style="white-space: pre;"></span></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-tab-span"> </span>   <img alt='no image' class='item-thumbnail' expr:alt='data:post.title' expr:title='data:post.title' src='http://bit.ly/hGWr7r'/></a></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-tab-span" style="white-space: pre;"></span></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         </b:if></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <div class='clear'/></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">        <b:else/></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <b:if cond='data:post.thumbnail'></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">           <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></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <b:else/></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">           <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></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         </b:if></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <a expr:alt='data:post.title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <div class='clear'/></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">        </b:if></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">       </b:if></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">      </li></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">     </b:loop></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">    </ul></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">   </div></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><b:include name='quickedit'/></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;">  </b:includable></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div><div style="color: #333333; font-style: italic; line-height: 18.2000007629395px; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">            </b:widget></span></div></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; color: #333333; line-height: 18.2000007629395px;">- Chèn đoạn CSS sau trên </span><b style="background-color: white; line-height: 18.2000007629395px;"><span style="color: red;"> ]]></b:skin></span></b></span></div><blockquote class="tr_bq" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGyEqzc6j6YI79v7yL1UJghN23ECkUuokgExtER3EKf1briVOzXxDNDevEUKcLX6nnQDy21xCdOxRjWpn73AgZDTx_7IBgJRAvSgR6OfJzvV-K-zSfIYCe6zdCr_N16UlVTZHwacOiyCIY/s1600/Fphn.blogspot.gif) no-repeat rgb(249, 249, 249) !important; box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; color: #333333; font-style: italic; line-height: 18.2000007629395px; max-height: 250px !important; overflow: auto !important; padding: 15px 20px 15px 35px !important; width: 500px;"><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 {float: left;margin-bottom: 15px;}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 .tieudeboxbenphai a {background:#2882bc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzjJcEzndVkqSnupq-o2M1QjTB9x8mPDz0b35HFjAh54ZsoEQprT207McDKFe_j24s9EvGvKCvQ9VuRcQ-J7rQrpz1sGmk7Ey05B-eLcTIyep7_i6R05VKR8IgD51LjN9fewQaJCW8uyri/s23/likeok.PNG) left no-repeat;background-position: 80px 6px;}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul{list-style-type:none;float: left;width: 100%;padding: 0;margin: 0;}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li{position:relative;padding:10px;float: left;height: 25px;overflow: hidden;width: 290px;}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child{background:#fff;padding: 10px 30px;height: 65px;}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child a {float: left;margin-left: 0 !important;padding: 0 !important;width: 110px;color: #B1320D;}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child:after{content:"1";color: #fff !important;border: 1px solid #e74c3c;background:#e74c3c}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child + li {background:#efefef}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child + li:after{content:"2";color: #fff !important;border: 1px solid #2882bc;background:#2882bc}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child + li + li {background:#fff}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child + li + li:after{content:"3";color: #fff !important;border: 1px solid #f39c12;background:#f39c12}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child + li + li + li {background:#efefef}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child + li + li + li:after{content:"4";color: #333 !important;border: 1px solid #ccc;background:#fff}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child + li + li + li + li {background:#fff}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5";color: #333 !important;border: 1px solid #ccc;background:#fff}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child + li + li + li + li + li {background:#efefef}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6";color: #333 !important;border: 1px solid #ccc;background:#fff}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li {background:#fff}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7";color: #333 !important;border: 1px solid #ccc;background:#fff}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#efefef}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8";color: #333 !important;border: 1px solid #ccc;background:#fff}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li {background:#fff}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#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}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li {background:#efefef}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#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}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#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,</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child + li:after,#PopularPosts1 ul li:first-child + li + li:after,</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#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,</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#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;</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">line-height:1em;text-align:center;font:bold 16px arial;color:#333}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#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,</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li img {display: none;}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#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;}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li a{font:bold 12px arial;color:#555;text-decoration:none;float: left;margin-left:30px;overflow: hidden;}</span><br /><span style="font-family: Arial, Helvetica, sans-serif;">#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}</span></blockquote><span style="font-family: Arial, Helvetica, sans-serif;">- <a href="http://fphn.blogspot.com/">Fphn.blogspot.com</a> chúc bạn thành công </span></div>

Popular-Posts Thủ-Thuật-Blogger Popular Posts Blogspot giống Fphn.blogspot.com đẹp và phong cách

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  Fp...

Đọc thêm »

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

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6sSy84Gp26dIpQZlu3r3aDFBVx_xggA-Qu3v2l8dGwcc-M4RjlGTpxIJNvcFEjFPUU32a7CxitlyEJ1DE9uXAWmvl-O8uw_c2r6wtzqqdd1oXyObGnYUAjO_8LfqbgUz0DrOoynn6Gjt4/s1600/Fphn.blogspot.com-.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6sSy84Gp26dIpQZlu3r3aDFBVx_xggA-Qu3v2l8dGwcc-M4RjlGTpxIJNvcFEjFPUU32a7CxitlyEJ1DE9uXAWmvl-O8uw_c2r6wtzqqdd1oXyObGnYUAjO_8LfqbgUz0DrOoynn6Gjt4/s1600/Fphn.blogspot.com-.png" /></span></a><span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; line-height: 18.2000007629395px;">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</span><br /><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; color: #333333; line-height: 18.2000007629395px;"><br /></span><span style="background-color: white; color: #333333; line-height: 18.2000007629395px;"><br /></span></span><br /><div style="background-color: white; color: #333333; line-height: 19.59375px; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">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.</span></div><div style="background-color: white; color: #333333; line-height: 19.59375px; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div><div style="background-color: white; line-height: 19.59375px; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><b style="text-align: left;"><span style="color: #333333;">  - </span><span style="color: red;">Đăng nhập</span></b><span style="color: #333333; text-align: left;"> vào Blog</span></span><br /><span style="font-family: Arial, Helvetica, sans-serif;"><b style="color: #333333; text-align: left;">  - </b><span style="color: #333333; text-align: left;">Vào </span><b style="text-align: left;"><span style="color: red;">Mẫu</span></b><span style="color: #333333; text-align: left;"> (Template)</span></span><br /><span style="font-family: Arial, Helvetica, sans-serif;"><b style="color: #333333; text-align: left;">  -</b><span style="color: #333333; text-align: left;"> Chọn </span><b style="text-align: left;"><span style="color: blue;">Chỉnh sửa HTML</span><span style="color: #333333;"> </span></b><span style="color: #333333; text-align: left;">(Edit HTML)</span></span><br /><span style="font-family: Arial, Helvetica, sans-serif;"><b style="color: #333333; text-align: left;">  - </b><span style="color: #333333; text-align: left;">Thêm đoạn code sau vào trước thẻ </span><b><span style="color: red;"><span style="text-align: left;">]]></b:skin></span><span style="text-align: left;"> :</span></span></b></span></div></div><blockquote class="tr_bq" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGyEqzc6j6YI79v7yL1UJghN23ECkUuokgExtER3EKf1briVOzXxDNDevEUKcLX6nnQDy21xCdOxRjWpn73AgZDTx_7IBgJRAvSgR6OfJzvV-K-zSfIYCe6zdCr_N16UlVTZHwacOiyCIY/s1600/Fphn.blogspot.gif) no-repeat rgb(249, 249, 249) !important; box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; color: #333333; font-style: italic; line-height: 18.2000007629395px; max-height: 250px !important; overflow: auto !important; padding: 15px 20px 15px 35px !important; width: 500px;"><div style="background-color: white; font-style: normal; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">.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}</span></div><div style="background-color: white; font-style: normal; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">.top1 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFZ4Ak9ypt-BmisrrdJ9vzYU5AIQ3oJuxJIBeGiqbVytBCUnMq8O5iCWdwd4c6Sr3HJwIV_ROH0ykRvj-059bJtoDnx0aIBKkjSfb6tNIazYPlRL8P1MGMkop71MWUV_4_IwY59SM5u1Ns/s25/1-popular.png) no-repeat  left}</span></div><div style="background-color: white; font-style: normal; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">.top2 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqx8UHzFjelsXBdtX3F7jKzHqKw_Mc03W7IE0avR3t4xF3HWzLLnPwS8o8_-Bjolx3R4_3mRV1BP1A7WdoqNUrdS2Syo4oCqV_Hxnnuo-6Qmc-dWBLsZ-PV81VW4LSedW4m-Dy_r-gJcn8/s25/2-popular.png) no-repeat  left}</span></div><div style="background-color: white; font-style: normal; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">.top3 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqPu_y_PynjVcd_NgTUwuC-lDO-bAKEfKb_tV9sjv7NeGr4qE0meFtk4QUs3QhofMupqEbB_1WKqVXzsDJyrOp_rNjKjjrviLcD8U4l8tUpnb6pIo605ZS_Nrd3Xu5MYW6oB41s2Z4snv1/s25/3-popular.png) no-repeat  left}</span></div><div style="background-color: white; font-style: normal; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">.top4 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIa7KMER9juhgSfzudzb14MmUvoEhnl2DkWXoVOGYEwhe59F0UTbQa3o-2FmmcoJ8g62f-EpCVX-h14ytzFtuwbStMfGFq3IPZF93SwIGptVW3OHSg99rKIIlTEkiCR4HIN3UPwW49PDQ_/s25/4-popular.png) no-repeat  left}</span></div><div style="background-color: white; font-style: normal; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">.top5 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYhlaaI-yFRSseeqEThqAKD3Adt4NRhxQZHGzIBcNzT1AnX5gx35LfrLeZcFllnSYuJ3-3TjT0op7Ph3qANgwtSqJ_esoQxL6SnqUToKBoHYoo0AZ9PU1Rk0c0PA4m5AZ3xjkSoNtYWaRY/s25/5-popular.png) no-repeat  left}</span></div><div style="background-color: white; font-style: normal; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">.top6 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyXdVBgAeSwepAUC5EIpU2Nx2JZ5mo68WHu82kBN9ViACGIoijvu9NXotMLC5BeuzqllDIL3w0DGwTCl88dk1TXBXlDIWvCz4KCv9Bt5REoG6e2PIZ1I9PB4raIHNJwsT4pVXVvJQ2bTZB/s25/6-popular-.png) no-repeat  left}</span></div><div style="background-color: white; font-style: normal; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">.top7 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcG248x6AV0gzTXK8f3mi6bXm6TISJkoDXzoOYxP39CGOW55Eyyx0X-XzE6CzIimPMj8s5koT9k6XfMw1oWf8Bl2Ty7DyUY75CXwBY0jA6Ih8iDqgEXp6zcNL-eqQ1DCIRtrTJ-f6CbItN/s25/7-popular-.png) no-repeat  left}</span></div><div style="background-color: white; font-style: normal; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">.top8 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYaPmvN7EJFXKEIODLgR708q3-2wuVJU8u5bQ6JDG9ZkKBafZOY6SKvdQJ060nLeiFh6QtLRmtgiBhT6BSmsWTh122Aw9PrSarPnD1wnxwoQimOjmZzWsvwO4dbxmojSeq1CJTvp02UKvK/s25/8-popular.png) no-repeat  left}</span></div><div style="background-color: white; font-style: normal; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">.top9 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXJEwL0hOgmZpSnCv05HiC3BrTgeVjteKDRR2JTQCK5nxvmknQkUSrLChpIC6yYOB_7RyE8mwyXH_LjEK8RNJqkYYBekFfMllpO4q1PLZXwvUc70BiNcsooz3YOaUW_WcJtibmOcDJPZs-/s25/9-popular.png) no-repeat  left}</span></div><div style="background-color: white; font-style: normal; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">.top10 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsRK1-9E7C4moiDyo5w4ZeP0z_TMn7Qgl4IRglG3uWHBzBurP2d8Bhdo-Zs9jsSP8RtN-zve5CbIud6fdSIBDvpKwGyIdTy3yrAb0y6_kFixnkP3lNsiGSmyTBV-UFSxUWReT2kenafqmq/s25/10-popula.png) no-repeat  left}</span></div><div style="background-color: white; font-style: normal; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">.widget-item-control {display:none}</span></div><div style="background-color: white; font-style: normal; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">.popular-posts ol{list-style-type:none;}</span></div><div style="background-color: white; font-style: normal; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">.popular-posts ol li a, .randoms ul li a {color:#333333}</span></div><div style="background-color: white; font-style: normal; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">.PopularPosts img { border: 1px solid #CCCCCC; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); height: 65px;</span></div><div style="background-color: white; font-style: normal; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">margin-left: 27px; padding: 2px; z-index: -1;width: 90px;z-index:10}</span></div></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><b style="color: #333333; line-height: 19.59375px;">- </b><span style="background-color: white; color: #333333; line-height: 19.59375px;">Thêm đoạn code sau vào trước thẻ </span><span style="color: red;"><b style="line-height: 19.59375px;"></head></b><span style="background-color: white; line-height: 19.59375px;"> :</span></span></span></div><blockquote class="tr_bq" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGyEqzc6j6YI79v7yL1UJghN23ECkUuokgExtER3EKf1briVOzXxDNDevEUKcLX6nnQDy21xCdOxRjWpn73AgZDTx_7IBgJRAvSgR6OfJzvV-K-zSfIYCe6zdCr_N16UlVTZHwacOiyCIY/s1600/Fphn.blogspot.gif) no-repeat rgb(249, 249, 249) !important; box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; color: #333333; font-style: italic; line-height: 18.2000007629395px; max-height: 250px !important; overflow: auto !important; padding: 15px 20px 15px 35px !important; width: 500px;"><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"><script type='text/javascript'></span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"> //<![CDATA[</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">    imgr = new Array();</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">    showRandomImg = true;</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">    summaryPost = 230;</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">    numposts2 = 5;</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBf_bb2YcNrjy08OtQ8x8OuOXZlGsmSCScRS-cySF_yxrfA4Emkg3a3BRX2i0lqOwQfCwtJpPuslQ2tBTmkGaUs1H-eGrHP-i4BuYAghb6w7a4N8lfTsEwXXmoxXdsDx2W3v3DMPqFyXg/s300/no_image.jpg";</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">    aBold = true;</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"><br /></span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">function removeHtmlTag(strx, chop) {</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">    if (strx.indexOf("<") != -1) {</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        var s = strx.split("<");</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        for (var i = 0; i < s.length; i++) {</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">            if (s[i].indexOf(">") != -1) {</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">                s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length)</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">            }</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        }</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        strx = s.join("")</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">    }</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">    chop = (chop < strx.length - 1) ? chop : strx.length - 2;</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">    while (strx.charAt(chop - 1) != ' ' && strx.indexOf(' ', chop) != -1) chop++;</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">    strx = strx.substring(0, chop - 1);</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">    return strx + ' [...]'</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">}</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"><br /></span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">function showrecentposts2(e) {</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">    j = (showRandomImg) ? Math.floor((imgr.length + 1) * Math.random()) : 0;</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">    img = new Array();</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">    for (var i = 0; i < numposts2; i++) {</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        var f = e.feed.entry[i];</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        var g = f.title.$t;</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        var h;</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        if (i == e.feed.entry.length) break;</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        for (var k = 0; k < f.link.length; k++) {</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">            if (f.link[k].rel == 'alternate') {</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">                h = f.link[k].href;</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">                break</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">            }</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        }</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        if ("content" in f) {</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">            var l = f.content.$t</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        } else if ("summary" in f) {</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">            var l = f.summary.$t</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        } else var l = "";</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        if (j > imgr.length - 1) j = 0;</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        img[i] = imgr[j];</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        s = l;</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        a = s.indexOf("<img");</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        b = s.indexOf("src=\"", a);</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        c = s.indexOf("\"", b + 5);</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        d = s.substr(b + 5, c - b - 5);</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        if ((a != -1) && (b != -1) && (c != -1) && (d != "")) img[i] = d;</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        if (i == 0) {</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">            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>';</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">            document.write(m)</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        }</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        if (i == 1) {</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">            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>';</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">            document.write(m)</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        }</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        if (i == 2) {</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">            var m = '<div class="fl"><ul><li><a href="' + h + '">' + g + '</a></li>';</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">            document.write(m)</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        }</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        if ((i > 2) && (i < numposts2 - 1)) {</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">            var m = '<li><a href="' + h + '">' + g + '</a></li>';</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">            document.write(m)</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        }</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        if (i == numposts2 - 1) {</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">            var m = '<li><a href="' + h + '">' + g + '</a></li></ul></div></div>';</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">            document.write(m)</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        }</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">        j++</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">    }</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">}</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">//]]></span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"></script></span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"><script></span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"> $(document).ready(function () {</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">  $(&quot;.popular-posts ol&gt;li:eq(0)&quot;).addClass(&quot;top1&quot;);</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">  $(&quot;.popular-posts ol&gt;li:eq(1)&quot;).addClass(&quot;top2&quot;);</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">  $(&quot;.popular-posts ol&gt;li:eq(2)&quot;).addClass(&quot;top3&quot;);</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">  $(&quot;.popular-posts ol&gt;li:eq(3)&quot;).addClass(&quot;top4&quot;);</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">  $(&quot;.popular-posts ol&gt;li:eq(4)&quot;).addClass(&quot;top5&quot;);</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">  $(&quot;.popular-posts ol&gt;li:eq(5)&quot;).addClass(&quot;top6&quot;);</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">  $(&quot;.popular-posts ol&gt;li:eq(6)&quot;).addClass(&quot;top7&quot;);</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">  $(&quot;.popular-posts ol&gt;li:eq(7)&quot;).addClass(&quot;top8&quot;);</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">  $(&quot;.popular-posts ol&gt;li:eq(8)&quot;).addClass(&quot;top9&quot;);</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">  $(&quot;.popular-posts ol&gt;li:eq(9)&quot;).addClass(&quot;top10&quot;);</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"> });</span></div><div style="background-color: white; font-style: normal;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"></script></span></div></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><b style="color: #333333; line-height: 19.59375px;">- </b><span style="color: #333333; line-height: 19.59375px;">Tiếp tục tìm đoạn code :</span><span style="color: red; line-height: 19.59375px;"> </span><span style="background-color: white; line-height: 19.59375px;"><b><span style="color: red;"><b:widget id='PopularPosts1'</span> </b><span style="color: #333333;">Thay thế</span></span></span></div><blockquote class="tr_bq" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGyEqzc6j6YI79v7yL1UJghN23ECkUuokgExtER3EKf1briVOzXxDNDevEUKcLX6nnQDy21xCdOxRjWpn73AgZDTx_7IBgJRAvSgR6OfJzvV-K-zSfIYCe6zdCr_N16UlVTZHwacOiyCIY/s1600/Fphn.blogspot.gif) no-repeat rgb(249, 249, 249) !important; box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; color: #333333; font-style: italic; line-height: 18.2000007629395px; max-height: 250px !important; overflow: auto !important; padding: 15px 20px 15px 35px !important; width: 500px;"><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;"><b:widget id='PopularPosts1' locked='false' title='Hot - Xem nhiều' type='PopularPosts'></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">            <b:includable id='main'></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">  <b:if cond='data:title'><h2><data:title/></h2></b:if></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">  <div class='widget-content popular-posts'></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">    <ol></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">      <b:loop values='data:posts' var='post'></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">      <li></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">        <b:if cond='data:showThumbnails == &quot;false&quot;'></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">          <b:if cond='data:showSnippets == &quot;false&quot;'></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">            <!-- (1) No snippet/thumbnail --></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">            <a expr:href='data:post.href'><data:post.title/></a></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">          <b:else/></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">            <!-- (2) Show only snippets --></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">            <div class='item-snippet'><data:post.snippet/></div></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">          </b:if></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">        <b:else/></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">          <b:if cond='data:showSnippets == &quot;false&quot;'></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">            <!-- (3) Show only thumbnails --></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">            <div class='item-thumbnail-only'></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">              <b:if cond='data:post.thumbnail'></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">                <div class='item-thumbnail'></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">                  <a expr:href='data:post.href' target='_blank'></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">                  </a></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">                </div></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">              <b:else/></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">               <div class='item-thumbnail'></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">                 <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/AVvXsEjBf_bb2YcNrjy08OtQ8x8OuOXZlGsmSCScRS-cySF_yxrfA4Emkg3a3BRX2i0lqOwQfCwtJpPuslQ2tBTmkGaUs1H-eGrHP-i4BuYAghb6w7a4N8lfTsEwXXmoxXdsDx2W3v3DMPqFyXg/s300/no_image.jpg'/></a></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">               </div></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">              </b:if></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">            </div></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">            <div style='clear: both;'/></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">          <b:else/></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">            <!-- (4) Show snippets and thumbnails --></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">             <div class='item-content'></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">                 <div class='item-title'></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">                     <b:if cond='data:post.thumbnail'></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">                        <div class='item-thumbnail'></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">                            <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></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">                        </div></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">                     <b:else/></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">                        <div class='item-thumbnail'></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">                           <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/AVvXsEjBf_bb2YcNrjy08OtQ8x8OuOXZlGsmSCScRS-cySF_yxrfA4Emkg3a3BRX2i0lqOwQfCwtJpPuslQ2tBTmkGaUs1H-eGrHP-i4BuYAghb6w7a4N8lfTsEwXXmoxXdsDx2W3v3DMPqFyXg/s300/no_image.jpg'/></a></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">                        </div></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">                     </b:if></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">                        <a expr:href='data:post.href' expr:title='data:post.snippet'><data:post.title/></a></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">                 </div></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">             </div></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">            <div style='clear: both;'/></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">          </b:if></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">        </b:if></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">      </li></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">      </b:loop></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">    </ol></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">    <b:include name='quickedit'/></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">  </div></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;"></b:includable></span></span></div><div style="background-color: white; font-style: normal;"><span style="line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">          </b:widget></span></span></div></blockquote><span style="font-family: Arial, Helvetica, sans-serif;">Cuối cùng lưu lại và xem kết quả.</span></div>

Popular-Posts Thủ-Thuật-Blogger Style bài viết phổ biến cho blogger/blogspot

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 đẹ...

Đọc thêm »