Nếu đang sử dụng nền tảng Blogspot để viết blog hẳn bạn đã từng hoặc đang gặp vấn đề về việc lựa chọn một Template (hay Theme) thích hợp cho trang web của mình. Đối các Blog Platform khác như Wordpress hay Joomla, ngoài các theme được chia sẻ miễn phí, bạn hoàn toàn có thể mua các theme Premium với thiết kế chuyên nghiệp đúng nghĩa, hoặc thậm chí bạn có thể đặt hàng các designer thiết kế riêng cho mình một mẫu theme "không đụng hàng".


Trong khi đó, các templates của Blogger lại hoàn toàn miễn phí với số lượng cực kì lớn khiến nhiều người bối rối trong việc lựa chọn, và cũng chính vì free nên bạn khó có thể đánh giá được chất lượng bên trong của một Blogger Template. Lí do mà Blogger không phải là mảnh đất màu mỡ của các web designer chuyên nghiệp chính là vì mã nguồn đóng của nó, rất hạn chế trong việc can thiệp vào SEO và phát triển các tiện ích mở rộng. Mọi thứ đều nằm trong quyền sinh sát của Google. Tuy vậy chúng ta vẫn dùng Blogger, lí do thì ai cũng biết rồi: free và dễ tùy biến.

Trong bài viết này, Noct muốn chia sẻ một ít kinh nghiệm trong việc lựa chọn một template cho blog của bạn, một số ý kiến có thể hơi chủ quan:

Bạn có thể tự thiết kế được template không ?
Template do chính bạn làm ra là phù hợp nhất, bởi chỉ có bạn mới hiểu rõ về blog của mình và chắc chắn là bạn muốn nó phải thật đẹp, thật hoàn hảo. Tuy vậy, việc tự thiết kế template không chỉ cần khiếu thẩm mỹ mà còn đòi hỏi một kiến thức nhất định về Blogspot, về CSS, HTML và biết sử dụng thành thạo ít nhất một phần mềm đồ họa, ví dụ như Photoshop. Nếu bạn chưa sẵn sàng trong việc tự thiết kế template cho riêng mình thì hãy cân nhắc việc lựa chọn một template do người khác thiết kế.

Bạn viết blog về vấn đề gì ?
Phải xác định được nội dung chủ đạo của blog thì bạn mới dễ dàng tìm được template phù hợp. Một blog nhật kí cá nhân thì không nên sử dụng các template dạng báo chí và ngược lại. Một khi đã định rõ được nội dung cần viết thì cũng dễ hình dung được bố cục phù hợp cho template. Ví dụ, blog về tranh ảnh thì chỉ nên có 2 cột, và phần đăng bài phải đủ rộng để hiển thị ảnh một cách đầy đủ

Bạn muốn template trông phải như thế nào ?
Tùy vào sở thích và gu thẩm mỹ của mỗi người mà chọn template thích hợp. Ví dụ, bạn muốn nó trông sáng sủa và màu sắc chủ đạo là màu xanh chẳng hạn. Ngoài ra, có thể bạn muốn template đó phải có một cái footer gồm 3 cột tiện ích và phải có một cái Slider ở trên cùng để thu hút độc giả .v.v.. Các yếu tố này khá quan trọng trong việc lựa chọn template, bởi nếu bạn không quan tâm tới chúng mà chọn bừa một template để rồi cảm thấy không phù hợp với sở thích và nội dung thì quả là phí công vô ích.

Một vài lưu ý khác
Khi đã chọn được template ưng ý thì chưa nên vội sử dụng nó ngay, hãy thử nghiệm nó trên một blog phụ để đảm bảo rằng mọi thứ đều ổn. Việc đầu tiên nên làm là mở blog thử nghiệm bằng tất cả các trình duyệt phổ biến (Firefox, Chrome, IE...) để xem có xung đột gì xảy ra hay không ? Nếu trên Firefox, template hiển thị kiểu này nhưng trên IE lại hiển thị kiểu khác thì quả là tai hại. Nếu đủ khả năng, hãy tự fix các lỗi đó còn không thì nên chọn một template khác ít xung đột hơn. Cái thứ hai cần chú ý là tốc độ trang web khi dùng template đó, nhiều template bị chèn quá nhiều script hoặc code viết chưa chuẩn dẫn đến tốc độ trang web trở nên chậm chạp khiến ảnh hưởng đến traffic và SEO. Bạn có thể truy cập địa chỉ gtmetrix.com để kiểm tra tốc độ blog thử nghiệm, gtmetrix cũng đưa ra nhiều lời khuyên hữu ích để cải thiện tốc độ blog. Một vấn đề cần quan tâm nữa là khả năng SEO của template, đây là yếu tố rất khó có thể đánh giá, nhất là đối với Blogspot. Tuy vậy chúng ta vẫn dễ dàng cải thiện SEO cho template bằng nhiều thủ thuật được chia sẻ trên mạng.

Tiêu chí lựa chọn template của mình là: bố cục đơn giản, màu sắc sáng sủa, đẹp, nhiều hiệu ứng bắt mắt nhưng vẫn đảm bảo tốc độ load nhanh. Hy vọng bài viết này có ích cho bạn trong việc tìm kiếm một template thích hợp nhất với mục đích.

Một số trang web chuyên cung cấp Template cho Blogger:
-   http://btemplates.com (kho template đồ sộ nhất)
-   http://www.premiumbloggertemplates.com (nhiều template "độc")
-  http://besttheme.net (cung cấp nhiều template cực đẹp được convert từ wordpress)
-   http://www.deluxetemplates.net (thư viện template minimalist)
-   http://www.zoomtemplate.com

Sau nhiều lần thử nghiệm và nâng cấp hôm nay mình cũng đã hoàn chỉnh xong... theme Phim47.com. Temp này mình đã tích hợp ANCMedia mới nhất. Các bạn có thể down về và sử dụng. Temp có slider nên load hơi lâu.

Nhiều bạn chưa xem video hướng dẫn liên tục gửi support về mình với những câu hỏi : "Cài thế nào, sử dụng thế nào. .." và "Xì pam" câu hỏi đó, hay nói cách khác là nhai đi nhai lại nó trên khắp các diễn đàn có bài mình viết. Cụ thể là ai thì cũng không nêu ra hết ở đây được, nhưng có thể sẽ có bài này của mình trong blog của họ chỉ trong vài giây nữa ^^!

DEMO | DOWNLOAD

Mình đã nói một câu rất rõ ràng "Việt Nam dùng quá nhiều hàng share rồi !". Nhưng nó chỉ luôn chỉ vào những con người luôn biết sử dụng người khác làm công cụ cho mình kiếm tiền. Vậy làm sao để các bạn có thể khuyến khích họ share hay giúp đỡ mình. Mình chỉ giúp và share cho những ai mình có thể tin tưởng... Vì vậy ai có tư tưởng đó cin miễn pm mình nhé. Mình sẽ cho vào Box Spam luôn. Cảm ơn mọi người.

@nguoiaochuclam: em đã hoàn thành cho anh sản phẩm ANCMusic. Liên hệ em sớm để lấy nhé.

Share full xml hiện tại mình đang dùng giao diện matxac cực đẹp và chuẩn.
Trước mình hạn chế bị người khác rip theme nên css có vẻ khủng bố ^^ . Ai sài vui lòng để lại Design

Demo: http://www.bay68.com

Download direct link 

Để Post nhạc  nên post theo cấu trúc sau để hiện thị cho đẹp ở rss và search google

Thông tin Track list

[m]linkzipyshare[/m] [/m]

(Link nhạc luôn phải được đặt trong thẻ [m][/m])
Nên post Track list rồi đến redmore cuối cùng là link để tránh rip data (ai chưa biết hãy xem ở bài trước). Như vậy nếu bị rip chỉ rip đc Track list mà ko lấy được link.
Hiện tai JS này không thể play ở IE6 vì vậy mình đã làm 1 thông báo lỗi khi có người sử dụng IE6 để nghe nhạc.

Hỗ trợ play các kiểu link sau:
    http://mp3.zing.vn/bai-hat/Gio-Lanh-Cao-Thai-Son/ZWZD7EO0.html
    http://www.nhaccuatui.com/nghe?M=eYY7QIkAx4
    http://nhacso.net/nghe-nhac/honey-honey.WVBZVktX.html
    http://www29.zippyshare.com/v/84705837/file.html
    http://hn.nhac.vui.vn/em-luon-o-trong-tam-tri-anh-the-men-m198386c3p5314.html
    http://musik.soha.vn/mp3/decv89hwexo/Be-My-Baby-Wonder-Girls.html
    http://s1.chacha.vn/audio/mp3/0/0/85/87785.mp3
    http://www.youtube.com/watch?v=_wr12xYqQHw

Nếu blog có Thành viên post nhạc vào chỉnh sửa HTML tìm js sau để add avatar:

<script type='text/javascript'>
function djbay68 (post) { dj = new Array()
dj[0] = &quot;<img border='0' src='http://4.bp.blogspot.com/-FlWak9nJpM0/TtJFVo-oeBI/AAAAAAAAAh4/-bwdIN4NO6I/s1600/HelloXimo.png' style='width:120px;height:120px'/>&quot;
dj[1] = &quot;<img border='0' src='http://3.bp.blogspot.com/-sUhAUBtyp-I/TtJH6Wc-3dI/AAAAAAAAAiA/4s41lLxgqLU/s1600/nguagovt.jpg' style='width:120px;height:120px'/>&quot;
dj[2] = &quot;<img border='0' src=Link ảnh Author2' style='width:120px;height:120px'/>&quot;
dj[3] = &quot;<img border='0' src=Link ảnh Author3' style='width:120px;height:120px'/>&quot;

if (post == &quot;HelloXimo&quot;) {document.write(dj[0]);}
if (post == &quot;nguagovt&quot;) {document.write(dj[1]);}
if (post == &quot;TenAuthor2&quot;) {document.write(dj[2]);}
if (post == &quot;TenAuthor3&quot;) {document.write(dj[3]);}
}
</script>   

Cứ như vậy add avatar là xong max blogger là 100 người :)

Random songs vào Thiết kế -> Phần tử trang -> Chỉnh sửa  widget Random songs  thêm:
Chú ý: Chỉ thêm khi có hơn 10 bài viết ko là load trang treo 

<ul>
<script type='text/javascript'>
var rdp_numposts=8;
var rdp_snippet_length=150;
var rdp_info='no';
var rdp_comment='Nhận xét';
var rdp_disable='Tắt Nhận xét';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javascript'>
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png"}}};document.write('<li>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>

Để hiện thị icon Video, Hot, New khi post bài các bạn tạo thêm Label tương ứng muốn hiện là : Video, Hot, New nhé
nguồn fandung

Định rip làm trang Auto Game thấy kute lại làm site truyện, post đc 2 bộ truyện chán lại bỏ =))
Mình ko biết sắp xếp cái main sao cho hợp lý . Ai thích cái main hiện kiểu khác thì cho cái ảnh demo mình sẽ làm lại.

Mình làm random background có 3 cái ảnh thôi nha
Mình cũng không có file PSD đâu nên đừng PM vô ích. và điều quan trọng hơn là mình ko biết PTS :))

Cơ bản chỉ có thế có vài cái ảnh ở petkute.banbe.net các bạn up lại ko là lúc nó thay link là đi :)

DEMO | DOWNLOAD

Notice: viết nhầm RSS comment ở menu là feeds/comments/default chứ ko phải là /feeds/comment/default sửa lại dùm mình :)

Dạo này bận nhiều chuyện nên không tiện viết blog, tuy vậy vẫn cố làm một template mới để chia sẻ cho mọi người, coi như là quà năm mới.

Với bố cục đơn giản nhưng bắt mắt, Bloggy Template thích hợp cho các blog cá nhân, nhật kí...

Demo     |    Download

- Tác giả sẽ không trả lời các câu hỏi về vấn đề chỉnh sửa tùy biến template, chỉ nhận góp ý về các lỗi phát sinh.
- Những ai cố ý thay đổi thông tin tác giả trong template thì không nên comment ở đây, vì trước sau gì cũng bị xóa.

Một free template mới của Noct, được convert từ WP theme cực kì nổi tiếng : GameNow. Template này phù hợp cho các site chia sẻ tài nguyên (game, software... ) hoặc tin tức.
- Ưu điểm: đẹp, load nhanh, SEO tốt .v.v...
- Khuyết điểm: ngoài việc thiếu comment phân cấp thì chẳng có khuyết điểm nào cả.

Demo     |    Download

Hãy nhanh chóng tải về và trải nghiệm GameNow Template by Noct. Chúc vui.

Xin giới thiệu với các bạn một template mới do tự tay Noct thiết kế : SimpleBlog. Đây là một template có trả phí, SimpleBlog có các đặc điểm sau:

- 2 cột (main và sidebar)
- Footer 3 cột.
- 3 màu để bạn lựa chọn.
- Tích hợp Nivo Slider.
- Menu trượt jquery...

- Tích hợp sẵn các tiện ích Popular Posts, Hot News, Related Posts (có thumbnail).
- SEO đã được tối ưu (theo khả năng của Noct).
- Tốc độ load nhanh.

Live Demo

     Nếu bạn đang xây dựng website/blog (trên nền Blogspot) một cách nghiêm túc thì không thể thiếu một template thật sự chất lượng và không kém phần bắt mắt. Template này được Noct đầu tư khá nhiều công sức như bạn đã thấy, nếu đã từng trải nghiệm Newscast Template thì bạn cũng có thể dễ dàng sử dụng SimpleBlog. Giá bán là 10$ thanh toán qua Paypal (xem chi tiết ở Blogtipsworld), riêng những ai muốn thanh toán qua ATM hoặc tài khoản ngân hàng thì vui lòng liên hệ với Noct.

PS: template có sử dụng tiện ích bài viết liên quan có hình ảnh từ Duy Pham Blog.

Đây là template mới nhất và là template dạng Magazine đầu tiên của Noct, được convert từ Wordpress Theme cùng tên.

Demo   |   Screenshot

Như bạn đã thấy trong demo, Newscast Template có các tính năng sau:

- Kwicks Slider

- Page Navigation

- 125x125 Banners

- Các tiện ích Popular Posts, Recent Posts, Label Posts (không dùng javascript)

...

Nếu bạn đang cần một template có tốc độ load nhanh, SEO tốt và bắt mắt thì Newscast là một sự lựa chọn hoàn hảo. Rút kinh nghiệm lần trước, lần này Noct sẽ không post link tải trực tiếp mà sẽ share qua email. Nếu bạn thật sự quan tâm thì hãy liên hệ tại đây, tôi sẽ gởi template kèm hướng dẫn sử dụng tới địa chỉ email mà bạn đã điền. Hy vọng bạn sẽ thích template này.

Thêm một template mới ra lò, TechBlog là template phù hợp cho các blog về công nghệ, IT và thủ thuật...

Screenshot   |   Demo   |   Download

Sau đây là hướng dẫn sử dụng, để cài đặt phần Slider, click chỉnh sửa rồi chèn đoạn code sau:
<div id="featured">
<img width="990" height="335" src="...image1.jpg" class="featured" alt="photo-01" title="photo-01" />
<span><h5><a href="http://noct-land.blogspot.com" rel="bookmark">Tiêu đề 1</a></h5>
<p><strong>Đoạn mô tả...</strong></p></span>

<img width="990" height="335" src="...image2.jpg" class="featured" alt="photo-02" title="photo-02" />
<span><h5><a href="http://noct-land.blogspot.com" rel="bookmark">Tiêu đề 2</a></h5>
<p><strong>Đoạn mô tả...</strong></p></span>
</div>
Thay đổi link ảnh, link bài đăng và các chi tiết khác cho phù hợp với blog của bạn.

Vị trí của các tab ở sidebar trong layout là như thế này:

Để nút Reply ở phần Comment hoạt động được thì ta tìm dòng:
<a class='comment-reply' expr:href='&quot;https://www.blogger.com/comment.g?blogID=8572312764701610119&
Chỉ việc thay dòng màu đỏ bằng Blog ID của bạn vào.

TechBlog có sử dụng một số file .js, vốn đã được mình up sẵn lên Google Sites, tuy nhiên host này không chịu "chơi" với custom domain, vì vậy bác nào đã sắm domain riêng thì hãy upload lại các file js này lên host khác ví dụ như Google Code thì template mới hoạt động ngon lành được. Một lưu ý cuối cùng là template này không sử dụng Auto-readmore để thân thiện với SEO hơn, bạn tự chèn dấu ngắt nhảy để thu gọn bài viết ở trang chủ.

Vui lòng giữ nguyên thông tin tác giả khi sử dụng Template này.

Đây là template thứ 3 mà Noct chia sẻ trên blog này, Perception là template được convert từ theme Wordpress của Pexeto. Nó là một theme WP đa năng, nhưng mình chỉ convert cái Blog Type của nó.

Screenshot   |   Demo   |   Download

Với tiêu chí là đơn giản nhưng hiệu quả, Perception Template có các tính năng đáng giá như:

-  Jquery Dropdown menu

-  Khung nhận xét "to" và "dài"

-  Page Navi

-  SEO Optimized

Nếu bạn sử dụng template này, vui lòng giữ nguyên thông tin tác giả.

Mình từng giới thiệu Glow Template được convert từ theme wordpress cùng tên, tuy vậy phiên bản wordpress của nó là trả phí (premium) nên có thể dính tới vấn đề bản quyền nếu bị report. Lần này Noct chia sẻ một template khác được chính mình convert từ một theme wordpress của WPNow, đó là Simplista. Vì là theme free nên template được convert này có thể tự do sử dụng mà không lo lắng gì. Đặc biệt hơn, Simplista được làm dựa trên
template nổi tiếng Minima, nên có ưu thế vượt trội về SEO và tốc độ, đồng thời rất dễ tùy biến đối với những người đã quen thuộc với Minima.

Screenshot   |   Demo   |   Download 

Để cài đặt banner ở header, click chỉnh sửa widget rồi paste đoạn code sau:

<a href="http://noct-land.blogspot.com"><img src="http://www.wpnow.com/data/banners/468x60l.jpg"/></a>

Để thay đổi chiều cao các cột footer, tìm các dòng sau:
#leftcolumn { ...height:230px; }

#middlecolumn { ...height:230px; }

#rightcolumn { ...height:230px; }

Thay đổi các giá trị màu đỏ cho phù hợp, chúng nên bằng nhau.

Nếu bạn sử dụng template này, vui lòng giữ nguyên phần credit.

Glow vốn là một theme Wordpress của ElegantThemes , trong một lần rãnh rỗi mình đã thử convert nó sang Blogger, tuy chưa giống 100% nhưng cũng chấp nhận được. Template này thích hợp cho blog cá nhân (chống chỉ định với các trang tin tức) với tiêu chí là đơn giản nhưng đẹp.

Screenshot   |   Xem demo   |   Tải về

Sau khi cài đặt template, để thời gian đăng bài hiển thị chính xác bạn chỉnh lại múi giờ như sau: