[Tips] - Recent Post / Bài viết mới nhất dạng Slide ngang đếm số cho Blogspot Blogger V2

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUtkGateG7pOtQIV60sQ7Ez1qn0VRxmvs3KI6-kSVpy0zcouS_fSVPfkcoc0SQKd9vocKx-YMuFGs7_nh8PpLHpIfbgvobFNoID27fprL5hub7P6wiqnN7dmR-0AXVdvKHkK_ZKknBqh0c/s1600/recent+post+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="[Tips] - Recent Post / Bài viết mới nhất dạng Slide ngang đếm số cho Blogspot Blogger V2" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUtkGateG7pOtQIV60sQ7Ez1qn0VRxmvs3KI6-kSVpy0zcouS_fSVPfkcoc0SQKd9vocKx-YMuFGs7_nh8PpLHpIfbgvobFNoID27fprL5hub7P6wiqnN7dmR-0AXVdvKHkK_ZKknBqh0c/s1600/recent+post+2.png" title="[Tips] - Recent Post / Bài viết mới nhất dạng Slide ngang đếm số cho Blogspot Blogger V2"></a></div><div style="text-align: center;"><span style="color: #666666;"><i>[Tips] - Recent Post / Bài viết mới nhất dạng Slide ngang đếm số cho Blogspot Blogger V2</i></span></div><a href="http://www.terocket.com/2014/11/recent-post-bai-viet-moi-nhat-dang-slide-ngang-dem-so-cho-blogspot-blogger-v2.html#more">Đọc thêm»</a>

[Tips] - Recent Post / Bài viết mới nhất dạng Slide ngang đếm số cho Blogspot Blogger V2

[Tips] - Recent Post / Bài viết mới nhất dạng Slide ngang đếm số cho Blogspot Blogger V2 Đọc thêm»

Read more »

[Tips] - Recent Post / Bài viết mới nhất dạng Slide tự trượt cho Blogspot Blogger V1

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitFDz3xHNh9fene2ZFvirAjLno3sdggsEz44CD8bizqTU5VtGouI8u0VqU3K8vvZCggfdx1eEyOEN9Wg7ZSDpY_ZSFRbWcUozJK6rgFRtHmyd1sPO3vTu38fR5D2X5tpNO3YhCAvFywv4u/s1600/recent+post+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="[Tips] - Recent Post / Bài viết mới nhất dạng Slide tự trượt cho Blogspot Blogger V1" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitFDz3xHNh9fene2ZFvirAjLno3sdggsEz44CD8bizqTU5VtGouI8u0VqU3K8vvZCggfdx1eEyOEN9Wg7ZSDpY_ZSFRbWcUozJK6rgFRtHmyd1sPO3vTu38fR5D2X5tpNO3YhCAvFywv4u/s1600/recent+post+1.png" title="[Tips] - Recent Post / Bài viết mới nhất dạng Slide tự trượt cho Blogspot Blogger V1"></a></div><div style="text-align: center;"><span style="color: #666666;"><i>[Tips] - Recent Post / Bài viết mới nhất dạng Slide tự trượt cho Blogspot Blogger V1 - Tạo sự chuyên nghiệp cho website của bạn!</i></span></div><a href="http://www.terocket.com/2014/11/recent-post-bai-viet-moi-nhat-dang-slide-tu-truot-cho-blogspot-blogger-v1.html#more">Đọc thêm»</a>

[Tips] - Recent Post / Bài viết mới nhất dạng Slide tự trượt cho Blogspot Blogger V1

[Tips] - Recent Post / Bài viết mới nhất dạng Slide tự trượt cho Blogspot Blogger V1 - Tạo sự chuyên nghiệp cho website của bạn! Đọc thêm»

Read more »

Sitemap 2 cột có phân trang cho blogspot

<div class="separator" style="clear: both; text-align: justify;"><b>Sitemap trong blog là một phần rất quan trọng, ngoài chức năng sắp xếp bài viết một cách khoa học, nó giúp điều hướng độc giả trên trang của bạn, một sitemap đạt yêu cầu phải gọi được số bài đăng nhiều và sắp xếp khoa học đẹp mắt. </b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzl4Nm310cyjrZO29_bznnFFNf6X-dh07VA6DG_8NtQpHixB_eYQKMluA5gTz2sSsaIW5u3zCS-CIszCcTAXq9dFNZpy-7wg8nPzuX-pqxcdI5GlsfHaP9C2DCw9fgm_51AMU1JldNYxIg/s1600/2col-sitemap+-+kjmagic.blogspot.com.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Sitemap 2 cột có phân trang cho blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzl4Nm310cyjrZO29_bznnFFNf6X-dh07VA6DG_8NtQpHixB_eYQKMluA5gTz2sSsaIW5u3zCS-CIszCcTAXq9dFNZpy-7wg8nPzuX-pqxcdI5GlsfHaP9C2DCw9fgm_51AMU1JldNYxIg/s1600/2col-sitemap+-+kjmagic.blogspot.com.png" title="Sitemap 2 cột có phân trang cho blog"></a></div><div style="text-align: justify;">Bài viết này mình sẽ chia sẻ một Sitemap dạng 2 cột, kèm theo tiện ích phân trang bên dưới danh sách bài viết (xem hình minh họa bên trên). Điểm đặc biệt của tiện ích này mà nhiều người đánh giá cao là khả năng load bài viết mà không cần phải tải lại trang (xem demo ở link bên dưới) nhờ sử dụng hiệu ứng từ thư viện Jquyery.</div><br><a href="http://www.terocket.com/2014/05/sitemap-2-cot-co-phan-trang-cho-blog.html#more">Đọc thêm»</a>

Sitemap 2 cột có phân trang cho blogspot

Sitemap trong blog là một phần rất quan trọng, ngoài chức năng sắp xếp bài viết một cách khoa học, nó giúp điều hướng độc giả trên trang của...

Read more »

Bài viết mới nhiều màu sắc cho blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8xBvfP7N-wPzOZSNFg0fzlDE19r4o0hsuv-yfkzYSpGTKi5oBG712vV7m7E-82osZ6dZBelwrx0ZCLC4dJjsk7iiBHxBij3jHJcn-WQOY-UkBCNnqyJB3lOJg4Qg24vplDxjKrGQYe6Mx/s1600/recent+post+7+sac+cau+vong+cho+blogger.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Recent post nhiều màu sắc cho blogspot" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8xBvfP7N-wPzOZSNFg0fzlDE19r4o0hsuv-yfkzYSpGTKi5oBG712vV7m7E-82osZ6dZBelwrx0ZCLC4dJjsk7iiBHxBij3jHJcn-WQOY-UkBCNnqyJB3lOJg4Qg24vplDxjKrGQYe6Mx/s320/recent+post+7+sac+cau+vong+cho+blogger.png" title="Recent post nhiều màu sắc cho blogspot" width="213"></a></div><div style="text-align: justify;">Với thủ thuật này bạn sẽ có một tiện ích bài viết mới đăng theo nhãn và chủ đề riêng cho blog của bạn. Điểm đặc biệt của tiện ích này là mỗi một bài khác nhau thì màu nền cũng khác nhau (mình sử dụng 7 màu) tất nhiên bạn có thể thay đổi nó nếu bạn cảm thấy thích. Bạn có thể xem hình ảnh minh họa bên dưới để thấy rõ hơn.</div><br><a href="http://www.terocket.com/2013/12/recent-post-nhieu-mau-sac-cho-blogspot.html#more">Đọc thêm»</a>

Bài viết mới nhiều màu sắc cho blogspot

Với thủ thuật này bạn sẽ có một tiện ích bài viết mới đăng theo nhãn và chủ đề riêng cho blog của bạn. Điểm đặc biệt của tiện ích này là mỗ...

Read more »

Sitemap chọn nhãn tự động cho blogger

<div style="text-align: justify;">Site map là tiện ích được rất nhiều blogger sử dụng, Bởi nó có rất nhiều chức năng như điều hướng người đọc đến các bài viết mà họ quan tâm. Giúp họ có thể tìm được những bài đọc theo nhãn khác nhau. Hiện nay có rất nhiều loại site map khác nhau. Tuy nhiên sitemap hôm nay mình giới thiệu hoàn toàn mới. Với tiện ích này bạn có thể sắp xếp bài viết theo ý muốn và theo nhãn bạn muốn xem. Ngoài ra còn tích hợp sắp sếp bài viết theo từ khóa mà bạn quan tâm.<b> </b>Các bài viết hiển thị theo định trước và sẽ được tải thêm khi người dùng bấm vào các liên kết cuối tiện ích.<b><br></b></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1ed4z-scDQ0PJ-36-RJdM-UDCIYGT2m4c4dUfOVbOArrAJLJipSfTHVBi034FTrcstWNxobMYR96ZrpEL13GPk3hih-ZEjbIOS0LhOW9ZWlz-5xYCJPWAscs6G69_QKi_4gfeYdvFFATP/s1600/sitemap+dep+chon+nhan+tu+dong+cho+blogger.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1ed4z-scDQ0PJ-36-RJdM-UDCIYGT2m4c4dUfOVbOArrAJLJipSfTHVBi034FTrcstWNxobMYR96ZrpEL13GPk3hih-ZEjbIOS0LhOW9ZWlz-5xYCJPWAscs6G69_QKi_4gfeYdvFFATP/s1600/sitemap+dep+chon+nhan+tu+dong+cho+blogger.png"></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><i>Ảnh minh họa</i></td></tr></tbody></table><a href="http://www.terocket.com/2013/12/sitemap-chon-nhan-tu-dong-cho-blogger.html#more">Đọc thêm»</a>

Sitemap chọn nhãn tự động cho blogger

Site map là tiện ích được rất nhiều blogger sử dụng, Bởi nó có rất nhiều chức năng như điều hướng người đọc đến các bài viết mà họ quan tâm....

Read more »

Danh sách Bài viết mới xổ dọc khi click chuột cho blogspot

<div style="text-align: justify;">Bài viết này namkna sẽ hướng dẫn các bạn tạo một tiện ích bài mới nhất dạng xổ dọc của menu. Tức là tiêu đề của các bài viết sẽ hiển thị theo danh sách khi bạn bấm vào nhãn bạn muốn xem. Tiện ích này hoạt động dựa trên nguyên tắc Json kết hợp với Javascript, các bài viết được gọi từ feed, do vậy trước khi áp dụng tiện ích này bạn phải chắc chắn blog bạn phải đăng ký feed rồi (chắc là ai cũng đăng ký rồi tuy nhiên vì một lý do nào đó mà bạn chưa đăng ký thì bạn có thể tham khảo <a href="http://namkna.blogspot.com/2013/03/create-add-feedburner-atom-for-blogspot.html" target="_blank"><b>bài viết này</b></a> nha)</div><br>Các bạn có thể xem hình ảnh minh họa được mình quay lại ở bên dưới:<br><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4WPfjOVDWr7tKU4FZoBvTrnD-9v7gxVlfe5Roa1GkttzxWG08nsdfcOUoYy-uH5Y-OaejbDgt8OQYb9BEjB8bN8ooD5M5PngypE4bISUOWtKv4w1iWzvEcryH5PUgTyyK6HF6Azs_jQ55/s1600/BAI+VIET+MOI+NHAT+XO+DOC+CHO+BLOGGER.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Bài viết mới xổ dọc khi click chuột cho blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4WPfjOVDWr7tKU4FZoBvTrnD-9v7gxVlfe5Roa1GkttzxWG08nsdfcOUoYy-uH5Y-OaejbDgt8OQYb9BEjB8bN8ooD5M5PngypE4bISUOWtKv4w1iWzvEcryH5PUgTyyK6HF6Azs_jQ55/s1600/BAI+VIET+MOI+NHAT+XO+DOC+CHO+BLOGGER.gif" title="Bài viết mới xổ dọc khi click chuột cho blogspot"></a></div><br><a href="http://www.terocket.com/2013/07/dropdown-recent-post-for-blogger.html#more">Đọc thêm»</a>

Danh sách Bài viết mới xổ dọc khi click chuột cho blogspot

Bài viết này namkna sẽ hướng dẫn các bạn tạo một tiện ích bài mới nhất dạng xổ dọc của menu. Tức là tiêu đề của các bài viết sẽ hiển thị the...

Read more »

Tạo bài viết dạng Grid hoặc List ở trang chủ cho blogspot

<div style="text-align: justify;">Hiện nay có rất nhiều blog để hiển thị 2 chế độ dạng danh sách gồm hình ảnh thu nhỏ, tiêu đề bài viết và phần mô tả của bài viết (list) và dạng ảnh thu nhỏ và tiêu đề của bài viết (grid), bài viết này mình sẽ hướng dẫn các bạn một cách nhanh gọn của <a href="http://under-88.blogspot.com/2012/08/membuat-post-display-grid-dan-list.html#axzz2dyDYoj31" rel="nofollow" target="_blank">under-88</a> để có thể làm được thủ thuật đó với hiệu ứng từ thư viện Jquery mượt mà khi chuyển đổi mà không hề phải tải lại trang web hay blog của bạn.<br><br>Các bạn có thể xem ảnh minh họa bên dưới <i>(do đây là hình ảnh động do vậy nếu không xem được bạn hãy bấm <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaGf4-m_PAjKM8qr9Oi7SRl9MunjPDOU5ujAiBcBDNYTwtyLT2lg17v1t5Z1FwkY_d1IyA3t3qMUjP0zXOKnFMyU1j9JmfgAsLn_R8sUp1LKDK8ZRaK-tigE8eKrGQ9-6YxOvdbInq6t9U/s1600-d/tao-bai-viet-dang-grid-hoac-list-cho-blogspot.gif" rel="nofollow" target="_blank"><b>vào đây</b></a> để tải hình ảnh về máy để xem nha):</i></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaGf4-m_PAjKM8qr9Oi7SRl9MunjPDOU5ujAiBcBDNYTwtyLT2lg17v1t5Z1FwkY_d1IyA3t3qMUjP0zXOKnFMyU1j9JmfgAsLn_R8sUp1LKDK8ZRaK-tigE8eKrGQ9-6YxOvdbInq6t9U/s1600/tao-bai-viet-dang-grid-hoac-list-cho-blogspot.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tạo bài viết dạng Grid hoặc List ở trang chủ cho blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaGf4-m_PAjKM8qr9Oi7SRl9MunjPDOU5ujAiBcBDNYTwtyLT2lg17v1t5Z1FwkY_d1IyA3t3qMUjP0zXOKnFMyU1j9JmfgAsLn_R8sUp1LKDK8ZRaK-tigE8eKrGQ9-6YxOvdbInq6t9U/s1600/tao-bai-viet-dang-grid-hoac-list-cho-blogspot.gif" title="Tạo bài viết dạng Grid hoặc List ở trang chủ cho blogspot"></a></div><a href="http://www.terocket.com/2013/06/tao-bai-viet-dang-grid-hoac-list-o.html#more">Đọc thêm»</a>

Tạo bài viết dạng Grid hoặc List ở trang chủ cho blogspot

Hiện nay có rất nhiều blog để hiển thị 2 chế độ dạng danh sách gồm hình ảnh thu nhỏ, tiêu đề bài viết và phần mô tả của bài viết (list) và d...

Read more »

[V4] Featured Posts metro slider cho blogspot

<div style="text-align: justify;">Slider này lấy ảnh thumbnail của các bài viết mới nhất có thể theo nhãn hoặc toàn bộ blog tùy lựa chọn của bạn, Bằng cách cải tiến code của tiện ích bloglisst. bạn có thể lấy ảnh từ bài viết của blog bạn hoặc blog nào khác bạn muốn. tất cả hoàn toàn tự động với giao diện 2 cột bắt mắt thích hợp cho mọi blog.</div><div style="text-align: justify;"><br></div><div style="text-align: justify;">Thủ thuật này đã có trong <a href="https://www.box.com/s/aaurwagmklkwypeukp57" rel="nofollow" target="_blank">template metro</a> của <a href="http://blog.nguoiaolam.net/" rel="nofollow" target="_blank">Hồng Hòa Vi</a>, Mình làm theo yêu cầu của <a href="https://www.facebook.com/namkna.blogspot/posts/386554794786231?comment_id=2120277&offset=0&total_comments=4&ref=notif&notif_t=share_comment" rel="nofollow" target="_blank">Cậu bé mùa dông </a>Bạn có thể xem demo hoặc ảnh minh họa:</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxhEMyQ6ehO0PKNm38nndy627uSFkycBfaNDgThF47DPGcvR-ORwBz_MJZcfGeRQ2xXERk9Ic8JaYt4-z-Vw_LDz-Mj2N6GhchvQoRm4LUmkTtnCYk-So4iVK6XBXBA8L1-ILVoI3CaQ1U/s1600/Featured+Posts+metro+slider+cho+blogspot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="[V4] Featured Posts metro slider cho blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxhEMyQ6ehO0PKNm38nndy627uSFkycBfaNDgThF47DPGcvR-ORwBz_MJZcfGeRQ2xXERk9Ic8JaYt4-z-Vw_LDz-Mj2N6GhchvQoRm4LUmkTtnCYk-So4iVK6XBXBA8L1-ILVoI3CaQ1U/s1600/Featured+Posts+metro+slider+cho+blogspot.png" title="[V4] Featured Posts metro slider cho blogspot"></a></div><br><a href="http://www.terocket.com/2013/05/featured-posts-metro-slider-cho-blogspot.html#more">Đọc thêm»</a>

[V4] Featured Posts metro slider cho blogspot

Slider này lấy ảnh thumbnail của các bài viết mới nhất có thể theo nhãn hoặc toàn bộ blog tùy lựa chọn của bạn, Bằng cách cải tiến code của ...

Read more »

[ves3] Simple Slider ảnh bài mới trượt cho blogspot

<div style="text-align: justify;">Hôm nay mình sẽ giới thiệu cho các bạn thêm một mẫu slider mới. Dạng này thích hợp với các blog phim, ảnh,... Về cơ bản nó tương tự như <a href="http://namkna.blogspot.com/2013/02/auto-recent-posts-slider-jquery-blogger.html" target="_blank"><b>bài này</b></a>. Được phát triển bởi <a href="http://www.maskolis.com/2013/02/membuat-simple-slider-otomatis-gambar.html" rel="nofollow" target="_blank">maskolis</a>. bạn có thể xem ảnh hoặc Demo.</div><div style="text-align: center;"><img alt="Simple Slider bài mới trượt cho blogspot ves3" class="decoded" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYbWE8kqw1x_JJFtpAj0572n3anFg6KWVK7kfnnhVvBnhS4nV2-acpaHRC2oEd_DOjf0u9UnHaxq95XNuYweCG2ixZmmR9EoE4R-eJ9MJUqIO0n8izYBg3D2LMNuLnGWqHYkA_9uMfEJk/s1600/slider+vertikal.jpg" title="Simple Slider bài mới trượt cho blogspot ves3"></div><br><a href="http://www.terocket.com/2013/05/simple-slider-bai-moi-truot-cho.html#more">Đọc thêm»</a>

[ves3] Simple Slider ảnh bài mới trượt cho blogspot

Hôm nay mình sẽ giới thiệu cho các bạn thêm một mẫu slider mới. Dạng này thích hợp với các blog phim, ảnh,... Về cơ bản nó tương tự như bài ...

Read more »

[Ves2] Slider bài mới trượt ngang thumbnail cho blogger

Tiện ích Slider ves 2 này  được phát triển trên<a href="http://namkna.blogspot.com/2013/05/slider-bai-moi-nhat-truot-ngang-voi.html" target="_blank"><b><i> vesion 1</i></b></a> của masko<a href="http://www.maskolis.com/2012/07/membuat-slider-carousel-otomatis-versi.html" rel="nofollow" target="_blank">lis</a>, Với đôi chút cải biến về giao diện như: nó lấy ngẫu nhiên một ảnh thumbnail từ các bài viết mới nhất (recent post)  và  hiển thị dưới dạng một slider trượt ngang. Hiệu ứng chuyển ảnh mượt mà dựa trên thư viện JQuery <br><div style="text-align: justify;">Các bạn có thể xem ảnh minh họa hoặc demo bên dưới:</div><div style="text-align: center;"><img alt="Slider bài mới trượt ngang thumbnail cho blogger ves2" class="decoded" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj45t6DSmDM-yD1mEc_BjZVf4cOFJHRqSIi8FxQkk0HShVjkENVHgxzlb88996Xg5rtzd_oXSVGNzxPQlCvKXsxiCJkSQJqPkHH42uqDCPJfAGUYgbvIu9kPM_axqXg3eYPjIJWoWAAUNg/s1600/slider+carousel.jpg" title="Slider bài mới trượt ngang thumbnail cho blogger ves2"></div><a href="http://www.terocket.com/2013/05/slider-bai-moi-truot-ngang-thumbnail.html#more">Đọc thêm»</a>

[Ves2] Slider bài mới trượt ngang thumbnail cho blogger

Tiện ích Slider ves 2 này  được phát triển trên vesion 1 của masko lis , Với đôi chút cải biến về giao diện như: nó lấy ngẫu nhiên một ảnh...

Read more »

Slider bài mới nhất trượt ngang với thumbnail cho blogger [Ves1]

Hôm nay namkna sẽ hướng dẫn các bạn cách tạo một tiện ích mang phong cách của tiện ích bài viết mới nhất (recent post) nhưng hiển thị dưới dạng một slider trượt ngang với các ảnh thumbnail và tiêu đề bài viết. Hiệu ứng chuyển ảnh mượt mà dựa trên thư viện JQuery. Tiện ích được phát triển bởi <a href="http://www.maskolis.com/2012/04/membuat-slider-carousel-otomatis.html" rel="nofollow" target="_blank">maskolis</a>.<br><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3cNskPdPDqqwM5pqLjsZDaKTsmUFaBSF8pH_lt-lrdj_g3-7noAttX_CNKl7TOvEv6YPzuAIPozB6zg-6FhIlBR-qdWSO0rAr5tdWYqFUQdkZhmP-vPY1gQyf2ztzrtubjrbR3Cs-rAIq/s1600/slider-bai-moi-nhat-truot-ngang-voi-Jquery-ves1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="[Ves1] Slider bài mới nhất trượt ngang với thumbnail cho blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3cNskPdPDqqwM5pqLjsZDaKTsmUFaBSF8pH_lt-lrdj_g3-7noAttX_CNKl7TOvEv6YPzuAIPozB6zg-6FhIlBR-qdWSO0rAr5tdWYqFUQdkZhmP-vPY1gQyf2ztzrtubjrbR3Cs-rAIq/s1600/slider-bai-moi-nhat-truot-ngang-voi-Jquery-ves1.gif" title="[Ves1] Slider bài mới nhất trượt ngang với thumbnail cho blogger"><br><br></a></div><a href="http://www.terocket.com/2013/05/slider-bai-moi-nhat-truot-ngang-voi.html#more">Đọc thêm»</a>

Slider bài mới nhất trượt ngang với thumbnail cho blogger [Ves1]

Hôm nay namkna sẽ hướng dẫn các bạn cách tạo một tiện ích mang phong cách của tiện ích bài viết mới nhất (recent post) nhưng hiển thị dưới d...

Read more »

Magazine recent post trang trí homepage cho blogspot V3

<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtCCgtFNmMXy5fBRX1jCF104daqKOXbnWELzO-B80weyHd7bEY66tsf48Ku8x9XG7yBE6_aXEdzePoytmWNJB-OTK2D64EcTQZb3OBrxUyB1-sEXC3vMe4PpRLk9NvxoxH8ORahytLN4I/s1600/magazine+recent+post+for+homepage+v3+for+blogspot.png" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img alt="Magazine recent post for homepage v3 blogspot" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtCCgtFNmMXy5fBRX1jCF104daqKOXbnWELzO-B80weyHd7bEY66tsf48Ku8x9XG7yBE6_aXEdzePoytmWNJB-OTK2D64EcTQZb3OBrxUyB1-sEXC3vMe4PpRLk9NvxoxH8ORahytLN4I/s400/magazine+recent+post+for+homepage+v3+for+blogspot.png" title="Magazine recent post trang trí homepage cho blogspot V3 - Magazine recent post for homepage v3 blogspot" width="262"></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><b><i>Bấm vào hình để xem ảnh với kích thước gốc</i></b></td></tr></tbody></table><div style="text-align: justify;">Hôm nay mình giới thiệu cho ccs bạn cách thiết kế giao diện trang chủ của bạn theo phong cách báo trí (magazine) cho blogspot của bạn. Blog của bạn sẽ chuyên nghiệp hơn <a href="http://namkna.blogspot.com/2013/03/recent-post-for-home-page-travel.html" target="_blank"><b>ves 2 </b></a>với các mục bài viết mới nhất và bài viết hiển thị theo nhãn (label) mà bạn muốn hiển thị. Chỉ với 1 file Javarscript dùng chung cho tất cả.</div><br><a href="http://www.terocket.com/2013/05/magazine-recent-post-for-homepage-v3.html#more">Đọc thêm»</a>

Magazine recent post trang trí homepage cho blogspot V3

Bấm vào hình để xem ảnh với kích thước gốc Hôm nay mình giới thiệu cho ccs bạn cách thiết kế giao diện trang chủ của bạn theo phong cách báo...

Read more »

Recent posts dạng báo trí cho trang chủ của blogger

<div style="text-align: justify;">Recent posts dùng cho các template báo trí hiện nay có rất nhiều mẫu khác nhau tuy nhiên style dạng <a href="http://namkna.blogspot.com/2011/09/style-moi-cho-tien-ich-vne-recent-posts.html" target="_blank"><b>Magazine </b></a>mà mình đã giới thiệu trước đâ<b>y </b>được rất nhiều blogger quan tâm và thích thú vì giao diện đẹp và load khá nhanh so với các tiện ích Recent posts dành cho trang chủ của blogger cùng loại. Tuy nhiên nó có một nhược điểm khiến nó chưa được sử dụng rộng rãi đó là mỗi khung hiển thị lại gọi một lần JS như vậy nếu chèn nhiều khung thì sẽ phải gọi nhiều file JS <i>(mặc dù nó giống nhau hoàn toàn)</i>.<br><br>Nhận thấy đây là một style Recent post  rất hay với một số tùy chỉnh nâng cao được rất nhiều bạn đọc yêu thích. Và cũng theo yêu cầu của một số bạn là làm sao cho tiện ích gọn hơn, sử dụng chung một file javascipts duy nhất để tránh phải load nhiều lần gây chậm trang, nên hôm nay namkna sẽ chia sẻ đến các bạn một tùy biến nâng cao và cập nhật của style này. Về cơ bản tiện ích Recent posts này có giao diện  báo trí giống như trang vnexpress.net đang sử dụng hiện nay.<br><br>Các bạn có thể xem hình ảnh  minh họa của thủ thuật này bên dưới, Nó gồm nhiều hình ảnh như bên dưới gộp lại<i> (ở đây mình chỉnh chụp một ô trong tổng số 5 ô được sử dụng)</i>.</div><div style="text-align: center;"><img alt="Recent posts Magazine for homepage blogger" class="decoded" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNl_HN_MO-Ahr1uurDgS9Bqjm0788Mu1LEKkzTYgongh98Y58IHy5wAeJi9Ee4qxHzpLIIPEeAVX78BSjdNUmVy1rhi6DryKswVWGpg3JhGa_iNNdRwTIl55-cDRuxt92Cefr4NmbOThYO/s1600/Recent-Post-giong-VNExpress-cho-blogspot-namkna-ngoctra-1.png" title="Recent posts Magazine for homepage blogger"> </div><a href="http://www.terocket.com/2013/03/recent-posts-magazine-for-homepage.html#more">Đọc thêm»</a>

Recent posts dạng báo trí cho trang chủ của blogger

Recent posts dùng cho các template báo trí hiện nay có rất nhiều mẫu khác nhau tuy nhiên style dạng Magazine mà mình đã giới thiệu trước đâ ...

Read more »

Recent post cho trang chủ blogger style 2

<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1xX_mI1rfLzULkdOFiXSpnqzfo6ZLpFZxaxSEgw7oRGjVdYruqo36r9auSVFoM0bzrOVnJj-Izk5JSnFYBHCaFiPt7oabODaHQPCKY_m0bJhzvFlYzaLMCJfNIVjrxUTGWy42zongvoOV/s1600/recent-post-for-home-page-travel-trang-tri-trang-chu-blog.png" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img alt="Recent post cho trang chủ blogger" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1xX_mI1rfLzULkdOFiXSpnqzfo6ZLpFZxaxSEgw7oRGjVdYruqo36r9auSVFoM0bzrOVnJj-Izk5JSnFYBHCaFiPt7oabODaHQPCKY_m0bJhzvFlYzaLMCJfNIVjrxUTGWy42zongvoOV/s640/recent-post-for-home-page-travel-trang-tri-trang-chu-blog.png" title="Recent post cho trang chủ blogger" width="313"></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><i>Ảnh minh họa thủ thuật (Bấm vào hình để xem ảnh gốc nha)</i></td></tr></tbody></table><div style="text-align: justify;">Hôm nay namkna giới thiệu thêm cho các bạn một mẫu recent post mới để trang trí cho trang chủ của blog. Tiện ích đơn giản, load nhanh và dễ áp dụng. Tiện ích bao gồm một khung bài viết mới nhất tổng quát trên cùng, và các khung bài viết mới nhất cho từng nhãn bên dưới. Blog của bạn sẽ mang phong cách Magazine (báo trí), travel (du lịc) hoặc chuyên nghiệp hơn. </div><br><a href="http://www.terocket.com/2013/03/recent-post-for-home-page-travel.html#more">Đọc thêm»</a>

Recent post cho trang chủ blogger style 2

Ảnh minh họa thủ thuật (Bấm vào hình để xem ảnh gốc nha) Hôm nay namkna giới thiệu thêm cho các bạn một mẫu recent post mới để trang trí cho...

Read more »

Slider bài viết mới nhất trượt ngang cho blogger

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAeHSkV0gPI7sk3ouev1ESIVKVmz8Jf5RoIEm5etQn-QRAhHiv2R5-V7cmNgvOKQ54IDUUsCbXM6V5lWGn77YT5CT8Ht9uiMQcW2PkquGtiJC1pkBdz5es3UzOXbzwJyoaIhSZE4IXW70/s1600/automatic-slider-related-post-for-blogger-blogspot.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Bài viết mới nhất trượt ngang đẹp cho blogger - Auto Recent Posts Slider jQuery Blogger" border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAeHSkV0gPI7sk3ouev1ESIVKVmz8Jf5RoIEm5etQn-QRAhHiv2R5-V7cmNgvOKQ54IDUUsCbXM6V5lWGn77YT5CT8Ht9uiMQcW2PkquGtiJC1pkBdz5es3UzOXbzwJyoaIhSZE4IXW70/s320/automatic-slider-related-post-for-blogger-blogspot.png" title="Bài viết mới nhất trượt ngang đẹp cho blogger - Auto Recent Posts Slider jQuery Blogger" width="320"></a></div><div style="text-align: justify;">Bài viết mới nhất dạng thanh trượt ngang là một cách tốt để hiển thị bài viết gần đây của bạn dưới dạng một slide show. Bạn có thể nhìn thấy thanh trượt như vậy trong nhiều blog wordpress, nhưng với blogger nó không có nhiều người biết để áp dụng. Thủ thuật này được chia sẻ bởi <b>Abu-Farhan</b> và thêm một số code của <a href="http://www.helperblogger.com/2012/04/automatic-recent-posts-slider-with.html" rel="nofollow" target="_blank">helperblogger</a> Và được mình chỉnh cho phù hợp với vlogger. Nếu bạn nghĩ rằng tùy biến rất khó thì bạn đã sai, tiện ích này rất dễ dàng tùy biến và thêm vào blog. Bạn không cần phải thêm hình ảnh, văn bản hoặc bất kỳ liên kết nào như các slider khác, tất cả là tự động. </div><a href="http://www.terocket.com/2013/02/auto-recent-posts-slider-jquery-blogger.html#more">Đọc thêm»</a>

Slider bài viết mới nhất trượt ngang cho blogger

Bài viết mới nhất dạng thanh trượt ngang là một cách tốt để hiển thị bài viết gần đây của bạn dưới dạng một slide show. Bạn có thể nhìn thấy...

Read more »

Bài viết mới nhất cuộn lên với Jquery cho Blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC7r1Ar0cfX5HncFrWYUgzwYuRagzWAtEciwabv1L887FG3nOg68-DISn-cDW5v7R18e3ppd18rjcM-fgg8DH9VcDBIPsGcc0WKu4FD2y6T4uaJaIZPP8Ged8G1opBKsKikL9Sf3dUXY8/s1600/Scrolling-Ticker-Recent-Post-Gadget-For-Blogger-blogspot.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Bài viết mới nhất cuộn lên với Jquery cho Blogspot" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC7r1Ar0cfX5HncFrWYUgzwYuRagzWAtEciwabv1L887FG3nOg68-DISn-cDW5v7R18e3ppd18rjcM-fgg8DH9VcDBIPsGcc0WKu4FD2y6T4uaJaIZPP8Ged8G1opBKsKikL9Sf3dUXY8/s200/Scrolling-Ticker-Recent-Post-Gadget-For-Blogger-blogspot.png" title="Bài viết mới nhất cuộn lên với Jquery cho Blogspot" width="200"></a></div><div style="text-align: justify;"><span class="dropcap" style="background-color: #f6f7f8; color: #02614e; float: left; font-family: times; font-size: 50px; font-weight: bold; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 1px; margin-top: 5px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; padding-top: 1px; text-shadow: gray 1px 1px 2px; text-transform: uppercase;">H</span>iển thị một danh sách các bài viết gần đây bên sidebar của bạn (<i>Scrolling/Ticker Recent Post Gadget For Blogger</i>) là một cách tuyệt vời để giữ khách truy cập của bạn bận rộn. Có rất nhiều tiện ích bài viết gần đây bạn có thể sử dụng, nhưng namkna thủ thuật này chắc chắn sẽ gây sự chú ý của độc giả khi truy cập vào blog của bạn.</div><br><a href="http://www.terocket.com/2013/01/scrolling-recent-post-for-blogger.html#more">Đọc thêm»</a>

Bài viết mới nhất cuộn lên với Jquery cho Blogspot

H iển thị một danh sách các bài viết gần đây bên sidebar của bạn ( Scrolling/Ticker Recent Post Gadget For Blogger ) là một cách tuyệt vời đ...

Read more »

Recent post width thumbnail 3 cột cho blogspot.

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOREfsWvDlfOdzQxZLkgooJ-GZqFZHU_lgP1KUCEArdyi0mFf-xWNBVo27DdJHbUqd_EGNPeOeFffUh4fjwm2JgO-Pz_IISAOAHJRzoutOomyhs6k_wYncbNJNRPtX3dj8AKRWLQLfDKxC/s1600/recent-post-giong-trang-zing-namkna-blogspot-com.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Tiện ích Recent post dạng 3 cột cho blogspot." border="0" height="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOREfsWvDlfOdzQxZLkgooJ-GZqFZHU_lgP1KUCEArdyi0mFf-xWNBVo27DdJHbUqd_EGNPeOeFffUh4fjwm2JgO-Pz_IISAOAHJRzoutOomyhs6k_wYncbNJNRPtX3dj8AKRWLQLfDKxC/s200/recent-post-giong-trang-zing-namkna-blogspot-com.png" title="Tiện ích Recent post dạng 3 cột cho blogspot." width="1"></a></div><div style="text-align: justify;">Hôm nay namkna sẽ giới thiệu thêm cho các bạn một tiện ích recent post mới, tiện ích này trước đây được news.zing.vn sử dụng và cũng từng được fandung giới thiệu rồi, tuy nhiên hiện nay đã thất lạc do vậy namkan sẽ giới thiệu lại tiện ích này cho các bạn có nhu cầu.</div><a href="http://www.terocket.com/2012/05/recent-post-width-thumbnail-3-cot-cho.html#more">Đọc thêm»</a>

Recent post width thumbnail 3 cột cho blogspot.

Hôm nay namkna sẽ giới thiệu thêm cho các bạn một tiện ích recent post mới, tiện ích này trước đây được news.zing.vn sử dụng và cũng từng đư...

Read more »

Bài viết mới trượt ngang từ JQuery cho blogspot style 3

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMeHFzViFPxBqChl9TH8j_kWjYo4-pXmduxDrZBDj6xLVHQ-n_VrSFf-cWbabjRcjdXi_sNK5E83QS9q6DfiXNrORVkq9t5ovkZti1iNvWAUPMXoQm5Rqp2hDQO_1KSQ7jOOe5W9sxH44L/s1600/list-recent-post-bai-viet-moi-truot-ngang-style-3-cho-blogspot-namkna-blogspot-com.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Bài viết mới trượt ngang từ JQuery cho blogspot style 3" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMeHFzViFPxBqChl9TH8j_kWjYo4-pXmduxDrZBDj6xLVHQ-n_VrSFf-cWbabjRcjdXi_sNK5E83QS9q6DfiXNrORVkq9t5ovkZti1iNvWAUPMXoQm5Rqp2hDQO_1KSQ7jOOe5W9sxH44L/s1600/list-recent-post-bai-viet-moi-truot-ngang-style-3-cho-blogspot-namkna-blogspot-com.png" title="Bài viết mới trượt ngang từ JQuery cho blogspot style 3"></a></div><div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;">Namkna sẽ giới thiệu thêm cho các bạn một tiện ích bài viết mới (Recent post) với hiệu ứng chạy ngang. Tiện ích bao gồm hình ảnh thumbnail và tiêu đề blog. </span></div><div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;">Dạng này khác với các dạng trước là các bài đăng dàn xếp theo hàng ngang. Tuy nhiên các bạn nên cân nhắc trước khi thực hiện vì sử dụng scrip nên ít hiều ảnh hưởng đến tốc độ load blog của bạn.</span></div><a href="http://www.terocket.com/2012/04/bai-viet-moi-truot-ngang-tu-jquery-cho.html#more">Đọc thêm»</a>

Bài viết mới trượt ngang từ JQuery cho blogspot style 3

Namkna sẽ giới thiệu thêm cho các bạn một tiện ích bài viết mới (Recent post) với hiệu ứng chạy ngang. Tiện ích bao gồm hình ảnh thumbnail v...

Read more »

Bài viết mới 2 cột với thumbnail có mô tả cho nhãn blogger

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh00p-ygzf7gKvf81HbkoiGiRg8HEV_C9UP_mgtZaRc5kPPE_5waMml1LW_kIzvzNy8_eVj2m9GUWIzvpfv6J3TYeBKvdR0CsSwPAnpnikbIhGlZ-neiwwbhbmdxb9Psj8iInr1_QTn3MNr/s1600/recent-post-Tooltip-bai-viet-moi-co-mo-ta-namkna-blogpsot-com.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Bài viết mới 2 cột với thumbnail có mô tả cho nhãn blogger" border="0" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh00p-ygzf7gKvf81HbkoiGiRg8HEV_C9UP_mgtZaRc5kPPE_5waMml1LW_kIzvzNy8_eVj2m9GUWIzvpfv6J3TYeBKvdR0CsSwPAnpnikbIhGlZ-neiwwbhbmdxb9Psj8iInr1_QTn3MNr/s200/recent-post-Tooltip-bai-viet-moi-co-mo-ta-namkna-blogpsot-com.png" title="Bài viết mới 2 cột với thumbnail có mô tả cho nhãn blogger" width="200"></a></div>[Namkna BlOg] - Hôm nay namkna sẽ giới thiệu đến các bạn tiện ích recent post dạng 2 cột sử dụng hiệu ứng mô tả toolip nhìn rất đẹp. và tốc độ cũng khá nhanh.Đặc điểm của tiện ích này là hiệu ứng mô tả sẽ xuất hiện khi bạn dê chuột vào tiêu đề của bài viết.<br><br><a href="http://www.terocket.com/2012/04/bai-viet-moi-2-cot-voi-thumbnail-co-mo.html#more">Đọc thêm»</a>

Bài viết mới 2 cột với thumbnail có mô tả cho nhãn blogger

[Namkna BlOg] - Hôm nay namkna sẽ giới thiệu đến các bạn tiện ích recent post dạng 2 cột sử dụng hiệu ứng mô tả toolip nhìn rất đẹp. và tốc ...

Read more »

Recent posts với hiệu ứng trượt bằng jQuery

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhfkkaG5k59qVWY8ftEJE8OOiLMyTIEXJZ5OSR5ZRISguSt6SS_9hi4hTt9Qfse-7oan9MKyP1xCNMU5rZ8ETRzFBzkyjy2VXZxdtqQdGChtQ64t_0-KhieGlafh_8LEgJ0zVnXiLIEwcO/s1600/Recent-post-with-jquery-dang-truot-doc-namkna-blogspot-com.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Recent posts với hiệu ứng trượt bằng jQuery" border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhfkkaG5k59qVWY8ftEJE8OOiLMyTIEXJZ5OSR5ZRISguSt6SS_9hi4hTt9Qfse-7oan9MKyP1xCNMU5rZ8ETRzFBzkyjy2VXZxdtqQdGChtQ64t_0-KhieGlafh_8LEgJ0zVnXiLIEwcO/s200/Recent-post-with-jquery-dang-truot-doc-namkna-blogspot-com.png" title="Recent posts với hiệu ứng trượt bằng jQuery" width="200"></a></div><div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"><b>Tiện ích recent post hôm nay namkna giới thiệu cho các bạn thêm 1 dạng bài viết mới. Tiện ích này có điểm đặc biệt là phần ảnh thumbnail, tiêu đề bài viết và đoạn trích dẫn mô tả chỉ hiện thị khi ta click thanh menu ngang chứa tên của bài viết.</b></div><a href="http://www.terocket.com/2012/04/recent-posts-voi-hieu-ung-truot-bang.html#more">Đọc thêm»</a>

Recent posts với hiệu ứng trượt bằng jQuery

Tiện ích recent post hôm nay namkna giới thiệu cho các bạn thêm 1 dạng bài viết mới. Tiện ích này có điểm đặc biệt là phần ảnh thumbnail, ti...

Read more »