Chuẩn bị để Viết Com " Thanks"

 Cám ơn


[IMG]http://i1118.photobucket.com/albums/k615/anhnguyet43/tkn-1_zps07172a88.gif[/IMG]

CÁCH CHÈN ẢNH, VIDEO, NHẠC VÀO COMMENT BLOGGER

CÁCH CHÈN ẢNH, VIDEO, NHẠC VÀO COMMENT BLOGGER

BLOG CỦA RÒM

CÁCH CHÈN ẢNH, VIDEO, NHẠC VÀO COMMENT BLOGGER

Ròm tìm được và rinh về từ nhà của 

cohuynh

http://cohuynh.multiply.com/journal/item/911/911

************************ 

Mã chèn ảnh Động

Bạn có thể dùng thẻ sau để Post lên Comment
- Post hình : [img] link hình [/img]
- Post video: [youtube] link youtube [/youtube]
Không nên chèn ảnh dung lượng quá 2Mb.
Xin vui lòng bỏ chế độ auto play khi chèn nhạc và video.

I - Ảnh Động - Cám ơn

Happy New Year

Chuyên mục hỏi đáp

6.4.11 / Được đăng bởi Noct

Dạo này bận rộn với đồ án tốt nghiệp nên không có nhiều thời gian viết blog nữa, vì vậy mình mở chuyên mục hỏi đáp này để mọi người có thể tự do thảo luận, hỏi đáp các vấn đề vềBlogger hoặc bất cứ vấn đề gì. Nếu bạn gặp khó khăn trong việc tùy biến template thì có thể hỏi tại đây, mình sẽ giải đáp (trong khả năng).

Ngoài ra bạn cũng có thể yêu cầu một thủ thuật bất kì,
mình sẽ tìm hộ link hướng dẫn, và nếu thủ thuật đó chưa có trên Google thì Noct sẽ viết bài hướng dẫn nếu được. Nếu có vấn đề không tiện nói ra ở đây thì bạn có thể vào trang liên hệ, nhớ điền địa chỉ email thật để nhận câu trả lời.

Accordion Slider

19.4.12 / Được đăng bởi Noct

Hôm nay mình sẽ giới thiệu một loại jQuery Slider mới nhưng lại không mới:

Demo

Hẳn bạn đã nhận ra đây chính là một nâng cấp của Kwicks Slider mà Noct từng đăng trước đây. Hai tính năng sáng giá nhất của Accordion Slider này chính là hỗ trợ Video vàLightbox.

Để chèn slider này vào blog thì bạn vào phần HTML của blog tìm đoạn: 
     <div id='content-wrapper'>
hoặc bất cứ vị trí nào trong template mà bạn thấy phù hợp, chèn phía trên nó:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script src='http://noctland.googlecode.com/files/accordion.js' type='text/javascript'/>
<b:section id='slider' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML100' locked='true' title='Slider' type='HTML'/>
</b:section>
</b:if>
Lưu ý nếu trong site của bạn đang dùng các thủ thuật jQuery khác thì hãy xóa dòng màu đỏ. Đoạn code trên sẽ tạo một tiện ích HTML/Javascript mới trên blog của bạn, hãy quay lạiPhần tử trang và tiếp tục chèn vào tiện ích mới đoạn code này.

Chỉ việc chỉnh sửa lại nội dung Slider theo ý bạn và kiểm tra kết quả.

Tạo Auto Readmore cho Blogger với Cutter.js

11.6.12 / Được đăng bởi Noct

Cách đây mấy tháng thì tôi có đọc bài giới thiệu về thư viện Cutter.js ở hỗn tạp blog, nhận thấy nó khá là thú vị. Thế là vào một ngày Chủ nhật rãnh rỗi mới thử áp dụng Cutter.js trên Blogger, kết quả thu được là một thủ thuật tạo readmore tự động mới, bèn đăng lên đây để mọi người tham khảo.

Demo

Khác với các thủ thuật auto readmore từ trước đến nay, Cutter.js giúp ta giữ lại được các thẻ HTML như in đậm, in nghiêng, màu chữ...

Đầu tiên, bạn vào phần chỉnh sửa HTML của template, chọn mở rộng mẫu rồi chèn đoạn sau phía trên </head> :
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<style type='text/css'>
.post-body img { display:block; float:left; margin-right: 10px; width:100px; height:100px }
</style>
<script src='http://noctsvn.googlecode.com/svn/trunk/cutter.js'/>
</b:if>
Tiếp tục tìm đến đoạn <data:post.body/> và thay thế nó bằng đoạn sau:
<div class='post-body'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<span expr:id='data:post.id'><data:post.body/></span>
<script type='text/javascript'>
var snippet = document.getElementById(&quot;<data:post.id/>&quot;);
Cutter.run(snippet, snippet, 40);
</script>
<b:else/><data:post.body/></b:if>
<div class='clear'/>
<b:if cond='data:post.hasJumpLink'>
<a class='jump-link' expr:href='data:post.url + &quot;#more&quot;'>Read More</a><b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<a class='jump-link' expr:href='data:post.url' rel='nofollow'>Read More</a>
</b:if></b:if>
</div>
Lưu lại và kiểm tra kết quả, bạn có thể thay đổi các giá trị như số kí tự (40) hoặc kích thước ảnh đại diện (100x100). Theo cơ chế hoạt động của Cutter.js thì nó sẽ cắt 40 kí tự đầu tiên trong bài đăng để hiển thị ra trang chủ và dĩ nhiên là giữ nguyên định dạng HTML. Cũng vì vậy nên nếu không có ảnh nào được chèn giữa 40 kí tự này thì sẽ không có ảnh thumbnail, bạn cần lưu ý điều này và nên đặt một tấm ảnh lên trên cùng của bài đăng để làm ảnh đại diện ở trang chủ.

Tệp Cutter.js trong bài này đã được lược bỏ một số thứ không cần thiết cho gọn bớt (4kb), bạn có thể upload sang host khác hoặc chèn thẳng vào template.

Về tác giả

Noct là một Blogger, anh ta có niềm đam mê đặc biệt với Blogspot và muốn chia sẻ những kinh nghiệm của mình với cộng đồng.

Lựa chọn Template cho Blogger

14.2.11 / Được đăng bởi Noct

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

Về tác giả

Noct là một Blogger, anh ta có niềm đam mê đặc biệt với Blogspot và muốn chia sẻ những kinh nghiệm của mình với cộng đồng.

Enjoyed this Article?

Nếu bạn thích chủ đề này, bạn có thể đăng kí đọc tin RSS, theo dõi trên Twitter, hoặc chia sẻ trên mạng xã hội.

Tweet This Facebook Share Digg This Reddit Stumble Delicious

Lựa chọn Template cho Blogger

14.2.11 / Được đăng bởi Noct

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

Về tác giả

Noct là một Blogger, anh ta có niềm đam mê đặc biệt với Blogspot và muốn chia sẻ những kinh nghiệm của mình với cộng đồng.

Enjoyed this Article?

Nếu bạn thích chủ đề này, bạn có thể đăng kí đọc tin RSS, theo dõi trên Twitter, hoặc chia sẻ trên mạng xã hội.

Tweet This Facebook Share Digg This Reddit Stumble Delicious