Tạo Popular pots có có số đếm và title trích dẫn

<span style="background-color: white;"><br></span><br><div class="separator" style="clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" target="_blank"><img alt="Nice Popular Post Widget With Counter - Popular pots có có số đếm và title trích dẫn" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAR8R2BUY5eIc-zRxyMkcM8LoTSAMV2weuUeYsVhfZdVlGeTcoON20qZY8WFtGSwBYbsyuHBI8ZwBA9ou8j9Uvejq8iYda-I652x4asxqPhNS5KJ-GDwJS9BaCaX2M3KkkAHBttkNZLo64/s1600/Nice-Popular-Post-Widget-With-Counter-popular+post+voi+so+dem+anh+minh+hoa-+tieu+de+va+mo+ta+cho+blogspot.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Nice Popular Post Widget With Counter - Popular pots có có số đếm và title trích dẫn"></a><span style="background-color: white;"></span></div><div style="font-family: Arial; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;">PopularPosts là 1 widget được rất nhiều người dùng Blogger sử dụng, đây là widget cho biết những bài đăng phổ biến được nhiều người đọc trên blog của bạn. Ngoài 3 dạng thống kê: <i>7 ngày qua, 30 ngày qua </i>và<i>mọi lú</i>c nó có 4 kiểu hiển thị là: <i>chỉ mình tiêu đề bài đăng, tiêu đề bài đăng và đoạn trích dẫn, tiêu đề bài đăng và hình ảnh, tiêu đề bài đăng kèm đoạn trích dẫn</i> và hình ảnh. Thủ thuật sau đây sẽ hiển thị PopularPosts bao gồm số đếm (count), ảnh minh họa (thumbnail), và tiêu đề bài viết (post). Về cơ bản style này tương tự với style <a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-mau-sac-cau-vong-cho-bai-viet-pho.html" style="color: #006666; text-decoration: none;" target="_blank"><b>Cool Popular Posts</b></a> mà mình từng giới thiệu đến các bạn.</span></div><span style="background-color: white;"><br style="font-family: Arial; line-height: 19.59375px;"><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="font-family: Arial; line-height: 19.59375px;"></a><span style="font-family: Arial; line-height: 19.59375px;">Các bạn có thể xem 2 Demo mình thực hiện trên 2 blog khác nhau để xem hiệu quả nha:</span><br style="font-family: Arial; line-height: 19.59375px;"><br style="font-family: Arial; line-height: 19.59375px;"><span style="color: red; font-family: Arial; line-height: 19.59375px;"><b><a class="button big" href="http://namkna-demo.blogspot.com/2012/01/popular-pots-co-co-so-em-va-title-trich.html" rel="nofollow" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(0, 85, 85); box-shadow: rgba(255, 255, 255, 0.2) 0px 1px inset; color: #519ad6; outline: none; padding: 10px 20px; text-decoration: none;" target="_blank"><span style="color: red;">DEMO</span> <span style="color: red;">1</span></a></b></span><span style="font-family: Arial; line-height: 19.59375px;">     </span><b style="font-family: Arial; line-height: 19.59375px;"><a class="button big" href="http://demo-namkna-blog.blogspot.com/2012/12/popular-pots-co-co-so-em-va-title-trich.html" rel="nofollow" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(0, 85, 85); box-shadow: rgba(255, 255, 255, 0.2) 0px 1px inset; color: #519ad6; outline: none; padding: 10px 20px; text-decoration: none;" target="_blank"><span style="color: red;">DEMO 2</span></a></b></span><br><h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;"><span style="background-color: white; font-size: small;">☼ Có gì mới?</span></h3><div style="font-family: Arial; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;"><b>1-</b> Hiển thị số đếm dựa trên một scip tương đối nhẹ, do vậy không ảnh hưởng nhiều tới tốc độ load của blog bạn.</span></div><div style="font-family: Arial; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;"><b>2- </b>Thêm ảnh no thumbnail chung cho những bài viết không có ảnh minh họa để giúp style đẹp hơn và không bị phá vỡ bố cục (Xem ở hình minh họa hoặc blog <a href="http://namkna-demo.blogspot.com/2012/01/popular-pots-co-co-so-em-va-title-trich.html" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank"><b>demo 1</b></a></span><br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-popular-pots-co-co-so-dem-va-title.html#more">Đọc thêm »</a>

Tạo Popular pots có có số đếm và title trích dẫn

PopularPosts là 1 widget được rất nhiều người dùng Blogger sử dụng, đây là widget cho biết những bài đăng phổ biến được nhiều người đọc trên...

Đọc thêm »

Hiển thị đoạn trích dẫn dạng title cho Bài đăng phổ biến

<br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"></div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><b>PopularPosts</b> là 1 widget được Blogger đưa vào dùng thử nghiệm gần đây và được nhiều người đón nhận, đây là widget cho biết những bài đăng phổ biến được nhiều người đọc. Ngoài 3 dạng thống kê: 7 ngày qua, 30 ngày qua và mọi lúc nó có 4 kiểu hiển thị là: chỉ mình tiêu đề bài đăng, tiêu đề bài đăng và đoạn trích dẫn, tiêu đề bài đăng và hình ảnh, tiêu đề bài đăng kèm đoạn trích dẫn và hình ảnh. Thủ thuật sau đây sẽ hiển thị PopularPosts với tiêu đề bài đăng và hình ảnh, còn đoạn trích dẫn sẽ hiển thị khi đưa chuột vào tiêu đề.</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: center;"><a class="button green" href="http://namkna-test.blogspot.com/2012/12/hien-thi-oan-trich-dan-dang-title-cho.html" rel="nofollow" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(125, 183, 47)), to(rgb(78, 125, 14))); border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border: 1px solid rgb(83, 131, 18); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; color: #006666; cursor: pointer; display: inline-block; font-family: Arial, Helvetica, sans-serif; line-height: 14px; margin: 0px 2px; outline: none; padding: 0.5em 2em 0.55em; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 1px; vertical-align: baseline; zoom: 1;" target="_blank">View Demo</a></div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: center;"><i>Ảnh minh họa:</i></div><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" target="_blank"><img alt="PopularPosts Title - Hiển thị đoạn trích dẫn dạng title cho bài đăng phổ biến" src="http://3.bp.blogspot.com/_u7a1IFxc4WI/TQFw6FFlgGI/AAAAAAAAAbo/UrSJzt5W5Vo/s320/PopularPosts_Title.PNG" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Hiển thị đoạn trích dẫn dạng title cho bài đăng phổ biến"></a></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/hien-thi-doan-trich-dan-dang-title-cho.html#more">Đọc thêm »</a>

Hiển thị đoạn trích dẫn dạng title cho Bài đăng phổ biến

PopularPosts  là 1 widget được Blogger đưa vào dùng thử nghiệm gần đây và được nhiều người đón nhận, đây là widget cho biết những bài đăng p...

Đọc thêm »

Ẩn một bài viết bất kỳ trong tiện ích Bài viết xem nhiều

<br /><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPw3wwK73UdnhbfaogtsjkvQBNTfdWpONEeb0_-xpF5TkB53OnBZCqWPTf-OCFq7CF0RNgJeI2KkxTonmaJFFch7FLLe0EE_91ZpWi4MmkKbq0X0gnXBteGgHyXx1kqSCdvUg4w65quGA/s1600/hidden-one-post-on-popular-post-in-blogger-blogspot.png" imageanchor="1" style="clear: right; color: #006666; float: right; margin-bottom: 1em; margin-left: 1em; text-decoration: none;"><img alt="Ẩn một bài viết bất kỳ trong tiện ích Popular Posts" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPw3wwK73UdnhbfaogtsjkvQBNTfdWpONEeb0_-xpF5TkB53OnBZCqWPTf-OCFq7CF0RNgJeI2KkxTonmaJFFch7FLLe0EE_91ZpWi4MmkKbq0X0gnXBteGgHyXx1kqSCdvUg4w65quGA/s200/hidden-one-post-on-popular-post-in-blogger-blogspot.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Ẩn một bài viết bất kỳ trong tiện ích Popular Posts" width="200" /></a></div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;">Tiện ích bài viết xem nhiều (Popular Posts) được cung cấp bởi Blogger. Nó hiển thị các bài viết được xem nhiều nhất trên blog. Giúp cho đọc giả của blog có thể đọc những bài viết được quan tâm nhiều nhất trên blog của bạn. Nhưng vì 1 vấn đề nào đó mà bạn không muốn hiển thị nó trên tiện ích. Khi đó ta hoàn toàn có thể ẩn nó đi 1 cách dễ dàng.</div><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"></a><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">Thủ thuật cũng khá đơn giản nên mình sẽ đi ngay vào hướng dẫn.</span><br /><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;"><span style="font-size: small;">☼ Cách tiến hành:</span></h3><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><b>1-</b> Xác định được link của bài viết cần ẩn.</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><b>2- Đăng nhập</b> (login) vào Blog</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><b>3-</b> Vào <b>Mẫu</b> (Template)</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><b>4- </b>Chọn<b> Chỉnh sử HTML</b> (Edit HTML) =><b> Tiếp tục</b> (Proceed) => Mở rộng tiện ích mẫu:</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><b>5- </b>Tìm đoạn code của tiện ích Bài viết xem nhiều (Popular posts). Rồi thêm các đoạn code <span style="background-color: lime;">màu xanh</span> như bên dưới : <img alt="" border="0" height="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2yaxp4A10phP3p1mBxhY1dXioyAW5Re9xrwDyWd3deh8Ypmna2pXRZIAbvKTV-kWRkms1mmR1mD5yhRBwEHFawgq_qae9C5fxzGRR3epVbk3L16R_mhmsC3bKLaWVZSyT_PCgqXnzgp7k/s200/popular-post-hide-namkna-ngoctra.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Ẩn một bài viết bất kỳ trong tiện ích Popular Posts" width="1" /></div><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><b:widget id='PopularPosts1' locked='false' title='Bài đăng Phổ biến' type='PopularPosts'><br /><b:includable id='main'><br /><b:if cond='data:title'><h2><data:title/></h2></b:if><br /><div class='widget-content popular-posts'><br /><ul><br /><b:loop values='data:posts' var='post'><br /><span style="background-color: lime;"><b:if cond='data:post.href != &quot;<b style="color: red;">LINK BÀI VIẾT CẦN ĐƯỢC ẨN</b>&quot;'></span><br /><li><br /><b:if cond='data:showThumbnails == &quot;false&quot;'><br /><b:if cond='data:showSnippets == &quot;false&quot;'><br /><!-- (1) No snippet/thumbnail --><br /><a expr:href='data:post.href'><data:post.title/></a><br /><b:else/><br /><!-- (2) Show only snippets --><br /><div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><br /><div class='item-snippet'><data:post.snippet/></div><br /></b:if><br /><b:else/><br /><b:if cond='data:showSnippets == &quot;false&quot;'><br /><!-- (3) Show only thumbnails --><br /><div class='item-thumbnail-only'><br /><b:if cond='data:post.thumbnail'><br /><div class='item-thumbnail'><br /><a expr:href='data:post.href' target='_blank'><br /><img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/><br /></a><br /></div><br /></b:if><br /><div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><br /></div><br /><div style='clear: both;'/><br /><b:else/><br /><!-- (4) Show snippets and thumbnails --><br /><div class='item-content'><br /><b:if cond='data:post.thumbnail'><br /><div class='item-thumbnail'><br /><a expr:href='data:post.href' target='_blank'><br /><img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/><br /></a><br /></div><br /></b:if><br /><div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><br /><div class='item-snippet'><data:post.snippet/></div><br /></div><br /><div style='clear: both;'/><br /></b:if><br /></b:if><br /></li><br /><span style="background-color: lime;"></b:if> <!--kết thúc lệnh ẩn 1 bài viết được chỉ định --></span><br /></b:loop><br /></ul><br /><b:include name='quickedit'/><br /></div><br /></b:includable><br /></b:widget></pre><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;">- Thay dòng <span style="color: red;"><b>LINK BÀI VIẾT CẦN ĐƯỢC ẨN</b></span> thành link bài viết là được.</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;">Để ẩn những vị trí khác bạn nên đọc: <a href="http://thuthuatvitinhaz.blogspot.com/2013/07/an-nhan-xet-cho-mot-trang-nhat-dinh.html" style="color: #006666; text-decoration: none;" target="_blank"><b>Ẩn nhận xét cho một trang nhất định</b></a></div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;">- Cuối cùng save template lại.<br /><br /></div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><div style="font-family: 'Times New Roman'; line-height: normal; text-align: start;"><b style="background-color: white; font-family: Arial; line-height: 19.59375px;"><i><span style="color: #cc0000;"><u>Xem thêm:</u></span></i></b></div><ul style="background-color: white; color: #d80556; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 19px; margin: 0.5em 0px; padding: 0px 2.5em; text-align: start;"><li style="color: #065f5e; list-style: none; margin: 0px 0px 0.25em; padding: 0px;"><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-popular-pots-co-co-so-dem-va-title.html" rel="dofollow" style="color: teal; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank">Tạo Popular pots có có số đếm và title trích dẫn</a></li><li style="color: #065f5e; list-style: none; margin: 0px 0px 0.25em; padding: 0px;"><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/hien-thi-doan-trich-dan-dang-title-cho.html" rel="dofollow" style="color: teal; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank">Hiển thị đoạn trích dẫn dạng title cho Bài đăng phổ biến</a></li><li style="color: #065f5e; list-style: none; margin: 0px 0px 0.25em; padding: 0px;"><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/an-nhan-xet-cho-mot-trang-nhat-dinh.html" rel="dofollow" style="color: teal; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank">blogspot</a></li><li style="color: #065f5e; list-style: none; margin: 0px 0px 0.25em; padding: 0px;"><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/hien-thi-bai-dang-pho-bien-dang-anh.html" rel="dofollow" style="color: teal; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank">Hiển thị Bài đăng phổ biến dạng ảnh xoay tròn từ CSS3 cho blog</a></li><li style="color: #065f5e; list-style: none; margin: 0px 0px 0.25em; padding: 0px;"><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-mau-nen-rieng-cho-bai-viet-xem.html" rel="dofollow" style="color: teal; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank">Tạo Màu nền riêng cho bài viết xem nhiều nhất</a></li><li style="color: #065f5e; list-style: none; margin: 0px 0px 0.25em; padding: 0px;"><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-hien-thi-bai-dang-pho-bien-dang-anh.html" rel="dofollow" style="color: teal; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank">Tạo Hiển thị bài đăng phổ biến dạng ảnh chuyển động</a></li><li style="color: #065f5e; list-style: none; margin: 0px 0px 0.25em; padding: 0px;"><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-tien-ich-bai-dang-pho-bien-bo-tri.html" rel="dofollow" style="color: teal; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank">Tạo Tiện ích Bài đăng phổ biến bố trí theo chiều ngang</a></li><li style="color: #065f5e; list-style: none; margin: 0px 0px 0.25em; padding: 0px;"><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-bai-viet-pho-bien-dang-anh-gallery.html" rel="dofollow" style="color: teal; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank">Tạo Bài viết phổ biến dạng ảnh Gallery cho blog</a></li><li style="color: #065f5e; list-style: none; margin: 0px 0px 0.25em; padding: 0px;"><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-bai-viet-pho-bien-dang-slides-truot.html" rel="dofollow" style="color: teal; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank">Tạo Bài viết phổ biến dạng Slides trượt dọc cho Blogger</a></li></ul><ul style="background-color: white; color: #d80556; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 19px; margin: 0.5em 0px; padding: 0px 2.5em; text-align: start;"><li style="color: #065f5e; list-style: none; margin: 0px 0px 0.25em; padding: 0px;"><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-mau-sac-cau-vong-cho-bai-viet-pho.html" rel="dofollow" style="color: teal; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank">Tạo màu sắc cầu vồng cho Bài viết phổ biến thumbnail và số cho blog</a></li><li style="color: #065f5e; list-style: none; margin: 0px 0px 0.25em; padding: 0px;"><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/bo-goc-cho-cac-bai-viet-pho-bien-cua.html" rel="dofollow" style="color: teal; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank">Bo góc cho các bài viết phổ biến của blogger</a></li><li></li></ul></div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><div style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: left;"><b>                                                                                                                   Theo: Namkna</b></div><div style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: left;"><b>                                                                                                                   <a alt="Thu thuat vi tinh" href="http://thuthuatvitinhaz.blogspot.com/" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="Thu thuat vi tinh"></a><a alt="Thu thuat vi tinh" href="http://thuthuatvitinhaz.blogspot.com/" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="Thu thuat vi tinh">Thu thuat vi tinh</a></b></div></div>

Ẩn một bài viết bất kỳ trong tiện ích Bài viết xem nhiều

Tiện ích bài viết xem nhiều (Popular Posts) được cung cấp bởi Blogger. Nó hiển thị các bài viết được xem nhiều nhất trên blog. Giúp cho đọc ...

Đọc thêm »

Hiển thị Bài đăng phổ biến dạng ảnh xoay tròn từ CSS3 cho blog

<br><div class="separator" style="background-color: #f0f2f3; clear: right; float: right; font-family: Arial; line-height: 19.59375px; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" height="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEE1v48PzfBmM2tvT13HEug85x9lUsgl2rtCZvS46TzN_Ycgd85k5W5ic2iqmZ2kk0uUCNUXbxcRmTPH0Ys_HvxHCLmR2YvLhF4oqquRmFOzGpfe6WUm_xm727P8jCCmAXdh0sm45hz8MO/s200/popular-post-namkna-ngoctra.jpg" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" width="1"></div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;">Thêm 1 style mới cho tiện ích bài đăng phổ biến, ưu điểm của style này là giúp tiết kiệm không gian, và không sử dụng javascript mà dùng các lệnh CSS3 để làm đẹp nên rất nhẹ. tạo hiệu ứng ảnh chuyển động xoay tròn khi bạn chỉ chuột vào ảnh</div><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"></a><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">Các bạn hãy xem Demo để thấy rõ hơn.</span><br><br style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><a class="button big" href="http://namkna-test.blogspot.com/2013/02/popular-posts-xoay-tron-voi-css3.html" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(0, 85, 85); box-shadow: rgba(255, 255, 255, 0.2) 0px 1px inset; color: #519ad6; font-family: Arial; line-height: 19.59375px; outline: none; padding: 10px 20px; text-decoration: none;" target="_blank"><span style="color: red;"><b>X</b></span><b><span style="color: red;">EM</span><span style="color: white;"> DEMO</span></b></a><br><br style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">Ảnh minh họa:</span><br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" target="_blank"><img alt="Popular Posts xoay tròn với CSS3 cho blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht4rYFriIKI6hz4PS57QMAK839Gj3QIuhhOE9NXWxgVKaK_69rfJHbGJ4nRT8lXsZOsBWhPjv-LUV2mL3NHzMFu6lXMJpxv1Ig8XEUonCSaCT5lr3sTh25g4b2eTdsUsKG0y-Hg_dys70/s1600/tien-ich-popular-posts-xoay-tron-voi-css3-for-blogger.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Popular Posts xoay tròn với CSS3 cho blogger"></a></div><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;"><span style="font-size: small;">☼ Bước 1: Thêm Tiện ích Bài đăng phổ biến (Add widget Popular posts):</span></h3><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><b>1- Đăng nhậ</b>p vào Blog</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><b>2-</b> Vào <b>Bố cục</b> (Template)<br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/hien-thi-bai-dang-pho-bien-dang-anh.html#more">Đọc thêm »</a>

Hiển thị Bài đăng phổ biến dạng ảnh xoay tròn từ CSS3 cho blog

Thêm 1 style mới cho tiện ích bài đăng phổ biến, ưu điểm của style này là giúp tiết kiệm không gian, và không sử dụng javascript mà dùng các...

Đọc thêm »

Tạo Màu nền riêng cho bài viết xem nhiều nhất

<span style="background-color: white;"><span style="font-family: Arial, sans-serif; font-size: 14px; line-height: 18px;"><b><i><span style="color: #38761d;">Thủ thuật này sẽ thay đổi màu nền của blog bạn khi truy cập vào bài viết được xem nhiều nhất. Bài viết xem nhiều nhất thống kê theo widget Popular Posts, do đó blog bạn cần phải có widget này. </span></i></b></span><br style="font-family: Arial, sans-serif; font-size: 14px; line-height: 18px;"><br style="font-family: Arial, sans-serif; font-size: 14px; line-height: 18px;"><iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/CpRlyXv7gts?rel=0" style="font-family: Arial, sans-serif; font-size: 14px; line-height: 18px;" width="560"></iframe><span style="font-family: Arial, sans-serif; font-size: 14px; line-height: 18px;"> </span><br style="font-family: Arial, sans-serif; font-size: 14px; line-height: 18px;"><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="font-family: Arial, sans-serif; font-size: 14px; line-height: 18px; text-decoration: underline;"></a></span><br><h2 style="font-family: Arial, sans-serif; font-size: 18px; line-height: 18px; margin: 0px;"><span style="background-color: white;">Cách 1: Sử dụng JavaScript.</span></h2><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-mau-nen-rieng-cho-bai-viet-xem.html#more">Đọc thêm »</a>

Tạo Màu nền riêng cho bài viết xem nhiều nhất

Thủ thuật này sẽ thay đổi màu nền của blog bạn khi truy cập vào bài viết được xem nhiều nhất. Bài viết xem nhiều nhất thống kê theo widget P...

Đọc thêm »

Tạo Hiển thị bài đăng phổ biến dạng ảnh chuyển động

<br><div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" target="_blank"><img alt="Hiển thị bài đăng phổ biến dạng ảnh chuyển động" border="0" height="117" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg30zsoAn-TnUMkv4GIDV-qtjzNx3C3qSwrfpUpwLv4L9VDkvhsmBy-Scu6bIbbtk1279ZE5GiOD6xOJJJh3S40zd_b8RTF9wjCCdAsn8tvv_BDUIsuPwK8JUn6Q6Oc_EKFvQe2S9Qupej3/s320/bai-dang-namkna.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Hiển thị bài đăng phổ biến dạng ảnh chuyển động" width="123"></a></div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><b>Chắc mọi người đều không xa lạ với hiệu ứng trình diễn ảnh chuyển động <a href="http://thuthuatvitinhaz.blogspot.com/2013/07/trinh-dien-bai-viet-moi-dang-slide-dep.html" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank">sử dụng jQuery</a>. Hôm nay mình sẽ hướng dẫn áp dụng hiệu ứng này vào widget PopularPosts để trình diễn những bài đăng phổ biến dạng kiểu slider, widget PopularPosts này nằm ở phía trên của bài đăng.</b><br><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more"></a><b>Xem Demo</b><br><div style="text-align: center;"><span style="border-width: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="color: purple;"><a class="button" href="http://namkna-demo.blogspot.com/2012/04/hien-thi-bai-ang-pho-bien-dang-anh.html" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(221, 221, 221); box-shadow: rgb(249, 249, 249) 0px 0px 1px inset, rgb(223, 223, 223) 1px 1px 1px; color: #357798; cursor: pointer; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.2; margin: 0px; padding: 6px 12px; text-decoration: none; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline;" target="_blank"><span style="color: purple;"><span style="color: white;">Demo for Post</span></span></a></b></span><b></b></div><br><b>Xem ảnh minh họa.</b></div><div class="separator" style="clear: both; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" target="_blank"><img alt="Hiển thị bài đăng phổ biến dạng ảnh chuyển động" border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBzzwkVFn4ugcM9HHft_770K48LnTLdXczmAqmJTz9xNHJY20u2SUmAa-rd1HY14_AGdkgpnN_tOq8wkJDhj-0QZquRE5ICrpi3pqiQBeWWNrgJhUGTKvmmtG9mcKH6MOG5xyhPB-W1Grg/s640/bai-dang-namkna-1.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Hiển thị bài đăng phổ biến dạng ảnh chuyển động" width="640"></a></div><div style="font-family: Arial, Helvetica, sans-serif;"><div style="text-align: justify;"></div><div style="text-align: justify;"><b style="color: blue;">☼ </b><b style="color: blue;">Cách tiến hành:</b></div><div style="text-align: justify;"></div><div style="text-align: justify;">   1- <b>Đăng nhập</b> vào Blog<br></div></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-hien-thi-bai-dang-pho-bien-dang-anh.html#more">Đọc thêm »</a>

Tạo Hiển thị bài đăng phổ biến dạng ảnh chuyển động

Chắc mọi người đều không xa lạ với hiệu ứng trình diễn ảnh chuyển động  sử dụng jQuery . Hôm nay mình sẽ hướng dẫn áp dụng hiệu ứng này vào ...

Đọc thêm »

Tạo Tiện ích Bài đăng phổ biến bố trí theo chiều ngang

<br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img alt="Tiện ích Bài đăng phổ biến bố trí chiều ngang" border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibfFZY_bVyD8WQM5QZL5if0BEsD4RKCuMoTk1Py-LN2aN3QeOm8NxEHDuuUNJyOxBN_q9w_TUjuCh29i4FIuOLO36RQX1DO205b9YGUp5PLUMvFoDnWfSQsCT2WL0V3rdehYK5gwM03hv-/s200/bai-viet-lien-quan-popular-post-dang-hang-ngang-cho-blogspot-namkna-blogspot-com.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Tiện ích Bài đăng phổ biến bố trí chiều ngang" width="200"></a></div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Hôm nay namkna sẽ giới thiệu cho các bạn thêm một tiện ích popular post dạng ngang nữa. Đặc điểm của dạng này là không sử dụng các hiệu ứng Javarscrip mà chỉ cải tiến từ dạng popular post của blogspot do vậy ác bạn có thể yên tâm về tốc độ của tiện ích này tuy nhiên nó không tự dộng trượt được. Nếu muốn dạng trượt thì các bạn tham khảo <a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-hien-thi-bai-dang-pho-bien-dang-anh.html" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank"><b>bài viết này</b></a></span></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"><br><div style="text-align: center;"><span style="border-width: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="color: purple;"><a class="button" href="http://namkna-demo.blogspot.com/2012/04/bai-ang-pho-bien-bo-tri-chieu-ngang.html" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(221, 221, 221); box-shadow: rgb(249, 249, 249) 0px 0px 1px inset, rgb(223, 223, 223) 1px 1px 1px; color: #357798; cursor: pointer; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.2; margin: 0px; padding: 6px 12px; text-decoration: none; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline;" target="_blank"><span style="color: purple;"><span style="color: white;">Demo for Post</span></span></a></b></span></div><br>Ảnh minh họa:<br><div class="separator" style="clear: both; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" target="_blank"><img alt="Tiện ích Bài đăng phổ biến bố trí chiều ngang - vers 2" border="0" height="76" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBY7EeCntm7n4t9JuChT1qjb0qes-K7HjiDYg2cFd8sBQ8ECm0Tc23s-9d1sCde_sZzP7xR2W8md_SSu10RC8WXd1PU8YZUYMf3nuaFJpsim5Csb8D_Foy4UfGFJYngL7DnOjIIhn2A9uh/s400/bai-dang-pho-bien-theo-chieu-ngang-namkna-blogspot-com.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Tiện ích Bài đăng phổ biến bố trí chiều ngang - vers 2" width="400"></a></div><b style="color: blue;">☼ </b><b style="color: blue;">Cách tiến hành:</b></div><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"></a><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;"><br></span></span><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"></span><br><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-tien-ich-bai-dang-pho-bien-bo-tri.html#more">Đọc thêm »</a>

Tạo Tiện ích Bài đăng phổ biến bố trí theo chiều ngang

Hôm nay namkna sẽ giới thiệu cho các bạn thêm một tiện ích popular post dạng ngang nữa. Đặc điểm của dạng này là không sử dụng các hiệu ứng ...

Đọc thêm »

Tạo Bài viết phổ biến dạng ảnh Gallery cho blog

<br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" target="_blank"><img alt="Popular Post dạng ảnh Gallery cho blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGUQPgqJWAEyPE3N-kiZkI4vLzy3fAYbwGH73y5nNU14bMGNWpK7P2jIBTp61Q2scouEtapdjy8sLEukvsr4_3uJzytBWkUPVTYF88vj6XATW_QhXP_m4AyeH7pZXdOz7y49RABUCz-U4/s1600/bai-dang-pho-bien-popular-post-Gallery-dang-anh-cho-blogger-blogspot.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Popular Post dạng ảnh Gallery cho blogspot"></a></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Bài viết này sẽ hướng dẫn các bạn cách sửa đổi giao diện cũ nhàm chán của blogger. Trong thủ thuật này các bài viết phổ biến sẽ hiển thị dưới dạng ảnh thumbnail và có tóm tắt trên nền thumbnail đó. Tiện ích thích hợp với các blog chia sẻ hình ảnh, bán hàng. Với các blog chia sẻ thông tin thì sẽ không hợp cho lắm (tất nhiên vẫn có thể áp dụng nếu bạn thấy thích).</div><br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"></a><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Các bạn hãy xem Demo hoặc ảnh minh họa để thấy rõ hơn:</span><br><br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><a class="button big" href="http://namkna-test.blogspot.com/2013/03/demo-bai-dang-pho-bien-dang-anh.html" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(0, 85, 85); box-shadow: rgba(255, 255, 255, 0.2) 0px 1px inset; color: #519ad6; font-family: Arial; font-size: 14px; line-height: 19.59375px; outline: none; padding: 10px 20px; text-decoration: none;" target="_blank"><span style="color: red;">XEM</span><span style="color: white;"> DEMO</span></a><br><br><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;">☼ Bước 1: Tạo một tiện ích Popular post.</h3><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">- Nếu blog bạn đã có tiện ích Popular post rồi thì có thể bỏ qua bước này tiến hành luôn bước 2:</div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>1- Đăng nhập</b> vào Blog<br><b>2- </b>Vào <b>mẫu </b>(Template)<br><b>3-</b> Chọn <b>Thêm Tiện ích</b> (Add Widget)<br><b>4.</b> Bấm chọn mục <b>bài đăng phổ Biến</b>(Popularposst) sau đó <b>lưu </b>lại:<br><br><div class="separator" style="clear: both; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRbIIU1Po3kyO4cOwrZRumn4RsUcOlj5qhwDiItCH1KfYFUz1neifq207azg2K9C0fCf01wtf-DEoCHmJUMMPjATa8RTepetT3ZIRyMoWt0ON2BiT30_GL__4X8NO6-pFrhSV4mDUNujY/s1600/bai-dang-pho-bien-popular-post-dang-anh-cho-blogger-blogspot-01.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;"></a></div>5. Bấm vào<b> chỉnh sửa </b>(Edit) tiện ích Bài Đăng Phổ Biến (Popularposst) bạn vừa tạo để xác định Id của tiện tích popular post và cài đặt các thông số.<br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-bai-viet-pho-bien-dang-anh-gallery.html#more">Đọc thêm »</a>

Tạo Bài viết phổ biến dạng ảnh Gallery cho blog

Bài viết này sẽ hướng dẫn các bạn cách sửa đổi giao diện cũ nhàm chán của blogger. Trong thủ thuật này các bài viết phổ biến sẽ hiển thị dướ...

Đọc thêm »

Tạo Bài viết phổ biến dạng Slides trượt dọc cho Blogger

<br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" target="_blank"><img alt="Rotating Slides for Popular Posts Blogger - Popular Posts dạng Slides trượt dọc cho Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnjrhsxbRy9EJ1QELj9pmMAwPHkOye6sEAxborjsR-ASum2IQWQ2doftuoBzTAReFe7R8oj2CKGUVS61FaPG2TkiBx0qLrJdnjLrbNvZvWFaESBkaIAHi0AhBshXzBtua7-o1e0Qaf8yg/s1600/Add+Rotating+Slides+Of+Popular+Posts+Widget+To+Blogger+blogspot.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Rotating Slides for Popular Posts Blogger - Popular Posts dạng Slides trượt dọc cho Blogger"></a></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Thủ thuật tuyệt vời này sẽ biến đổi widget bài viết phổ biến (popular post) cung cấp bởi blogger thành thanh trượt dọc với nội dung cập nhật tự động. Tiện ích được tạo bởi <a href="http://www.abu-farhan.com/2011/08/new-popular-post-for-blogger-with-animation/" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank">Abu-Farhan</a> sau đó được cải thiện bởi <a href="http://www.mybloggertricks.com/2011/09/add-rotating-slides-of-popular-posts.html" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank">mybloggertricks</a>. Widget rất dễ dàng cài đặt  trên blogger. Bạn chỉ cần dán mã của hiệu ứng bên trong một widget <b>HTML/Javascript</b>. Tiện ích mới này hoạt động trên tất cả các trình duyệt phổ hiến hiện nay và có thể dễ dàng tùy chỉnh. Tôi đã chỉnh sửa đôi chút so với mã gốc để màu sắc đẹp hơn. Widget sẽ không có hình ảnh thu nhỏ xuất hiện nếu bạn chưa thêm bất kỳ hình ảnh trong bài viết của bạn.</div><br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"></a><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Cách bạn có thể xem hình minh họa ở bên cạnh hoặc xem demo ở bên dưới:</span><br><br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><a class="button big" href="http://demo-namkna.blogspot.com/2013/03/popular-posts-dang-slides-truot-doc-cho.html" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(0, 85, 85); box-shadow: rgba(255, 255, 255, 0.2) 0px 1px inset; color: #519ad6; font-family: Arial; font-size: 14px; line-height: 19.59375px; outline: none; padding: 10px 20px; text-decoration: none;" target="_blank"><span style="color: red;">VIEW</span><span style="color: white;"> DEMO</span></a><br><br><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;">Bước 1 » Thêm widget Popular Posts vào blogspot của bạn!</h3><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><div><b>1.1- Đăng nhập</b> vào Blog<br></div></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-bai-viet-pho-bien-dang-slides-truot.html#more">Đọc thêm »</a>

Tạo Bài viết phổ biến dạng Slides trượt dọc cho Blogger

Thủ thuật tuyệt vời này sẽ biến đổi widget bài viết phổ biến (popular post) cung cấp bởi blogger thành thanh trượt dọc với nội dung cập nhật...

Đọc thêm »

Tạo màu sắc cầu vồng cho Bài viết phổ biến thumbnail và số cho blog

<br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" target="_blank"><img alt="Rainbow PopularPosts multiple lever (V4)" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhK7J2hrnM9kli1P6TFeYuy7bm1UOrp4KCfeCPMLDOEknliQoY6vxCmKKJdsb_r_zaL2oWmofjY_NvczE5xc1q6NmiCGYzUyGlTOdsPp85vfrOkhPqcn6t1tswUwEe9T9CN5ANjUV0kOj1/s1600/Rainbow+PopularPosts+multiple+lever+and+count+for+blogger+blogspot+demo.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Rainbow PopularPosts multiple lever (V4)"></a></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Popular posts là 1 tiện ích được cung cấp bởi Blogger, Tiện ích này hiển thị các bài viết được xem nhiều nhất trong blog với các khoảng thời gian như : 1 tuần, 1 tháng, hay mọi lúc. Và nó cũng có 3 chế độ hiển thị: chỉ hiển thị tiêu đề, hiện thị tiêu đề và ảnh thumbnail, và thứ 3 là kiểu hiện thị đầy đủ (gồm : tiêu đề, ảnh thumbnail và trích dẫn).</div><br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"></a> <br><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;">¤ Bài viết này mình sẽ hướng dẫn các bạn cách tạo tiện ích Rainbow popularpost với một số đặc điểm.</h3><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">» Hiệu ứng xoay ảnh thumbnail bằng mã CSS.</div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">» Có số đếm tối đa 9 bài nhiều hơn so với mẫu cũ chỉ có 5 bài.</div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">» Bài viết hiển thị dạng phân cấp thụt vào (tối đa 9 cấp)</div><br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;">¤ Bước 1 » Thêm Rainbow PopularPosts multiple lever and count cho blogger!</h3><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><blockquote class="tr_bq" style="background-color: #f0fdff; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(150, 215, 226); margin: 0px; padding: 10px;"><b>Lưu ý: </b>- Nếu blog bạn đã có tiện ích Popular Posts rồi thì bắt đầu thực hiện từ<i><b> bước 1.5</b></i>.</blockquote><b>1.1- Đăng nhập</b> vào Blog</div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>1.2- </b>Vào <b>mẫu </b>(Template)</div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>1.3-</b> Chọn <b>Thêm Tiện ích</b> (Add Widget)</div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>1.4.</b> Bấm chọn mục <b>bài đăng phổ Biến</b> (Popularposst):<br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-mau-sac-cau-vong-cho-bai-viet-pho.html#more">Đọc thêm »</a>

Tạo màu sắc cầu vồng cho Bài viết phổ biến thumbnail và số cho blog

Popular posts là 1 tiện ích được cung cấp bởi Blogger, Tiện ích này hiển thị các bài viết được xem nhiều nhất trong blog với các khoảng thời...

Đọc thêm »

Bo góc cho các bài viết phổ biến của blogger

<span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Trong hướng dẫn này mình sẽ giải thích làm thế nào để bo góc cho các bài viết phổ biến của blogger. Thủ thuật này chạy tốt với tất cả các trình duyệt web hiện đại. Mình đã sử dụng CSS3 để bo góc xung quanh tất cả các bài viết. Các bạn có thể làm theo các bước hướng dẫn dưới đây để thêm nó vào blog.</span><br><br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Ảnh minh họa.</span><br><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" target="_blank"><img alt="Round Corners Popular Post for Blogger" class="decoded" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVQDzWFZHxqnDxWZv0sNh4n3RTT-S92_eQIhTQVI_xtTaGg9lT1a4JmuiWFhDhbKYCeJmul4fW9Sg7_ng57rstEBc7O3SfibjA-A2E4PALgXilshz8TdyTT4E52H27yem6MWSG2poDuJU/s320/Round-corners-popular-post-widget.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Round Corners Popular Post for Blogger"></a></div><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;">☼ Bước 1: Tạo một tiện ích Popular post.</h3><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">- Nếu blog bạn đã có tiện ích Popular post rồi thì có thể bỏ qua bước này tiến hành luôn bước 2:</div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>1- Đăng nhập</b> vào Blog<br><b>2- </b>Vào <b>mẫu </b>(Template)<br><b>3-</b> Chọn <b>Thêm Tiện ích</b> (Add Widget)<br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/bo-goc-cho-cac-bai-viet-pho-bien-cua.html#more">Đọc thêm »</a>

Bo góc cho các bài viết phổ biến của blogger

Trong hướng dẫn này mình sẽ giải thích làm thế nào để bo góc cho các bài viết phổ biến của blogger. Thủ thuật này chạy tốt với tất cả các tr...

Đọc thêm »