Trong bài viết này mình sẽ hướng dẫn cách đưa button "Donate" của paypal vào blog, nhờ vào đó bạn có thể nhận được tài trợ qua tài khoản Paypal của mình.

Bước 1: Tạo nút "Donate":

- Đăng nhập vào tài khoản Paypal.

- Click vào Merchant Services để đi đến trang Merchant Tools.

- Tìm đến mục PayPal Website Payments Standard và click vào đường dẫn Donations
nằm bên tay phải để đi đến trang tạo nút "Donate".



Bạn sẽ được đưa đến Step 1: Choose a button type and enter your payment details. Bạn sẽ thấy có nhiều trường, nhiều chọn lựa ở bước này. Bạn không cần để ý đến chúng. Nhưng nếu bạn muốn tùy chỉnh nút "Donate" thì bạn click vào Customize text or appearance để thay đổi, chẳng hạn như thay đổi kích cỡ của nút, bỏ đi một số logo hoặc thậm chí sử dụng hình ảnh của riêng bạn.



Bạn bỏ qua Step 2 và Step 3, bấm vào nút Create Button nằm ở cuối trang. Bạn sẽ được cung cấp mã HTML, click vào nút Select Code để copy đoạn code đó.



Bước 2: Thêm nút "Donate" vào blog:

- Đăng nhập vào tài khoản Blogger >Thiết kế (Design) > Phần tử Trang (Page Elements)>Thêm Tiện ích (Add A Gadget) > HTML/JavaScript.

- Chép đoạn mã bạn đã copy vào tiện ích HTML/Javascript đó.

- Cuối cùng, bước này cực kỳ khó đó nha, hãy xem blog của bạn để tận hưởng thành quả.

Bạn đã từng nghe về các thuật ngữ header, sidebar, footer, nav bar... nhưng không biết chúng là gì. Trong bài này mình sẽ giải thích các thuật ngữ đó, các bạn có thể xem hình, chúng ứng với từng phần mình nêu dưới đây:

1. Header: thường gồm 2 phần, tên blog và một đoạn văn miêu tả.

2. Nav bar (navigation bar): theo những mẫu template mặc định của Blogger thì thường nó nằm trên đầu trang (thường những template được thiết kế lại đều đã ẩn nó đi), cũng có một số template thanh nav bar nằm dưới phần header, nơi đây thường đặt những link trong blog của bạn.

3. Main post: khu vực bài đăng xuất hiện, bạn có thể tùy chỉnh số bài đăng xuất hiện trong phần này.

4. Sidebar: thường chứa các widget (tiện ích), những widget này có thể thêm vào hoặc loại bỏ một cách dễ dàng. Những widget phổ biến thường là : Link list, Blog list, Categories và Archieve. bạn có thể tạo thêm các widget bằng cách vào Dashboard>Page Elements>Add Gadget menu.

5. Footer: nó cũng giống như sidebar, nằm ở bên dưới, thường là những người thiết kế template đặt link của họ ở vị trí này.

6. Còn một thứ nữa, đó chính là mục "About me", bạn có thể viết vài dòng giới thiệu bản thân mình ở đây.

Hình 1:

Nhà hát Opera Sydney

Hình 2:

Trong bài viết này chúng ta sẽ bàn về vấn đề sử dụng domain.blogspot.com hay sử dụng một tên miền tùy chỉnh? Khi bạn bắt đầu tạo blog của mình trên nền tảng blogspot với tên miền chẳng hạn như là kienthucblogspot.blogspot.com thì thường là bạn sẽ bắt đầu viết blog ngay chính trên tên miền đó.

Blogger là một nền tảng hoàn toàn miễn phí, bạn có thể tạo blog bất cứ khi nào bạn muốn. Wordpress đúng là có rất nhiều chức năng nhưng bạn phải có một tên miền tùy chỉnh và thuê host trả phí hàng tháng hoặc hàng năm. Vì vậy nếu bạn muốn tạo blog miễn phí thì hãy đến với Blogger, ở đây có hàng ngàn mẫu template miễn phí, bạn không phải thuê host, bạn chỉ tốn một số tiền nho nhỏ để có một tên miền tùy chỉnh cho riêng mình. Tuy nhiên, bạn có ý định mua một tên miền để thay thế tên miền blogspot mặc định không? Theo tôi điều đó là hết sức cần thiết, lợi ích của nó mang lại thật vô cùng to lớn.

Có một số người thấy việc tạo blog trên blogger là hết sức dễ dàng, họ chỉ mất khoảng 5 phút để có được một blog có dạng tênmiền.blogspot.com. Nhưng khi họ tạo blog xong, họ lại không biết viết cái gì hoặc viết lung tung và chẳng bao lâu sau bỏ rơi tên miền đó. Một số khác thì đặt toàn là quảng cáo khiến cho người đọc bị shock khi tình cờ lướt vào trang của họ. Điều này đã phần nào không nhỏ làm ảnh hưởng đến những blog có tên miền .blogspot.com có những bài viết hết sức chất lượng.

Có một số Blogger đã sử dụng tên miền tùy chỉnh nhưng những tên miền này hầu hết đều là miễn phí, chẳng hạn như .co.cc, .tk... và tôi chắc chắn một điều rằng đọc giả sẽ nghĩ những blog này chất lượng rất là thấp, họ chỉ ghé mắt xem qua và hầu như là không muốn comment trên trang đó. Ngoài ra, khi sử dụng các loại tên miền tùy chỉnh này sẽ dễ bị rủi ro, luôn bị "die" liên tục mà tôi đã từng chính là nạn nhân của nó.

Trong khi đó, nếu bạn bỏ một số tiển khoảng 10USD/năm để mua một tên miền ở godaddy chẳng hạn thì chắc chắn mọi người sẽ đánh giá blog bạn với một con mắt khác hẳn, họ cho rằng bạn đã dám đầu tư vào một tên miền thì chắc chắn rằng chất lượng blog của bạn là rất đáng xem, điều này sẽ giúp tăng traffic trang của bạn một cách nhanh chóng. Hơn nữa, khi mua một tên miền bạn sẽ được miễn phí một email theo tên miền của bạn (yourname@yourblog.com), bạn có thể tự hào có một email do chính mình làm chủ chứ không phải nhờ vả vào các dịch vụ miễn phí như yahoo hay google.

Tuy nhiên, cũng có một số blog vẫn giữ nguyên tên miền.blogspot.com vì chất lượng của họ đã được thừa nhận, họ đã xây dựng được một thương hiệu cho riêng mình. Nhưng nếu đứng vào địa vị của tôi, cho dù tôi đã viết khoảng hơn 200 bài viết thì tôi cũng không ngân ngại để tậu cho mình một domain xịn vì những lợi ích của nó.

Bạn muốn tạo sự khác biệt ở một bức ảnh nào đó mà không biết làm sao cho ấn tượng thì thủ thuật đơn giản sau sẽ giúp bạn giải quyết vấn đề đó.
Trước tiên bạn thử rê chuột vào hình ảnh bên dưới xem coi nó như thế nào?

Bạn có thích hiệu ứng này không?

Vâng, nếu bạn thích thì hãy làm theo các bước sau đây:

- Đặt đoạn code sau đây vào trước thẻ ]]></b:skin>

.gobump img{
border: 1px solid #ccc;
float: left;
margin: 15px;
-webkit-transition: margin 0.5s ease-out;
-moz-transition: margin 0.5s ease-out;
-o-transition: margin 0.5s ease-out;
border-radius: 5px 5px 5px 5px;
}
.gobump img:hover {
margin-top: 2px;

Xong rồi bạn lưu template lại.

Bây giờ mỗi khi bạn post ảnh, ảnh sẽ có dạng như thế này:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3DmUXKL8nTrb7T5dvrTs6KakAVtyb130CAemXwnY1XbtEPEjWlEKSYnsRSx-SFDNm3hY5bA3KiGLXYlJiB8Ls1j0aULjZWL4HEI5zp6R54mV4AQ6ZQrDEShgfQIKEoBvJ79x5QDUsouuh/s1600/gobump.jpg" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"><img border="0" height="167" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3DmUXKL8nTrb7T5dvrTs6KakAVtyb130CAemXwnY1XbtEPEjWlEKSYnsRSx-SFDNm3hY5bA3KiGLXYlJiB8Ls1j0aULjZWL4HEI5zp6R54mV4AQ6ZQrDEShgfQIKEoBvJ79x5QDUsouuh/s200/gobump.jpg" /></a></div>

Bạn chỉ cần thêm vào như sau:

<div class="separator" style="clear: both; text-align: center;">
<a class="gobump" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3DmUXKL8nTrb7T5dvrTs6KakAVtyb130CAemXwnY1XbtEPEjWlEKSYnsRSx-SFDNm3hY5bA3KiGLXYlJiB8Ls1j0aULjZWL4HEI5zp6R54mV4AQ6ZQrDEShgfQIKEoBvJ79x5QDUsouuh/s1600/gobump.jpg" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"><img border="0" height="167" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3DmUXKL8nTrb7T5dvrTs6KakAVtyb130CAemXwnY1XbtEPEjWlEKSYnsRSx-SFDNm3hY5bA3KiGLXYlJiB8Ls1j0aULjZWL4HEI5zp6R54mV4AQ6ZQrDEShgfQIKEoBvJ79x5QDUsouuh/s200/gobump.jpg" /></a></div>

Chúc các bạn thành công!

Ngày nay, ai trong chúng ta đều có thể tạo ra một blog cho riêng mình, chia sẻ những gì mình thích và biết với cộng đồng blogger. Tuy nhiên, chỉ có những người hiểu biết về code thì mới có thể tùy biến blog của mình theo ý thích, thiết kế ra những widget hết sức ấn tượng. Bạn rất thích những blog như thế, luôn muốn theo dõi chúng để có thể cập nhật thông tin cho mình. Bạn đã làm gì để cập nhật thông tin? Tôi đoán chắc rằng hầu hết các bạn đều đăng ký nhận tin RSS qua email hoặc theo dõi qua Google Connect.

Nhưng nay những việc đó theo tôi nghĩ là không còn cần thiết nữa vì chúng ta đã có tiện ích "Thủ thuật từ Blogspot khác" được phát triển bởi Huỳnh Nhật Hà, admin của trang Thủ thuật Blogger.

Trong bài viết này tôi không trình bày code vì nó đã được chỉ dẫn rất rõ bên trang web của anh Hà mà chỉ đánh giá tiện ích này theo quan điểm hết sức riêng của mình.

Với việc cài đặt tiện ích này, bạn không cần rời khỏi trang web của mình mà vẫn có thể theo dõi các trang mình yêu thích, xem có bài viết mới hay chưa để kịp thời cập nhật thông tin. Một điểm đáng chú ý khác của thủ thuật này là nó tự lấy các favicon và hình ảnh bài đăng mới nhất của trang mà mình đã add vào với các thông số về chiều rộng cũng như chiều cao hết sức hợp lý sẽ làm cho trang của bạn trở nên hấp dẫn hơn, mượt mà hơn. Nhưng phải nhấn mạnh rằng việc không dùng javascript, nguyên nhân chính khiến cho các trang load chậm, trong tiện ích này là một điều mà tôi cho rằng mọi người sẽ không ngần ngại để cài đặt cho trang của mình. Các bạn có thể xem demo ngay chính trên trang Kiến thức Blogspot này. Ngoài ra, với việc đưa tiện ích này vào, lượng traffic trên trang bạn sẽ được cải thiện hết sức ấn tượng, nằm ngoài khả năng dự đoán của bạn.

Tuy nhiên, không phải nói như thế là tiện ích này quá hoàn hảo, không có hạn chế. Nếu một bài đăng trên các trang mình đã add vào tiện ích không có hình ảnh thì nó sẽ không được cân đối lắm. Tác giả đã rất cố gắng khắc phục hạn chế này bằng cách tự thêm vào hình ảnh mặc định cho bài đăng không có hình ảnh nhưng hình như nó vẫn kén chọn hay sao ấy mà không thấy hiển thị.

Mặc dù vẫn còn điểm bất cập ở trên nhưng tôi tin chắc rằng đây là một thủ thuật mà bạn nên đưa vào blog của mình. Và tôi mong rằng trong một thời gian ngắn nhất, tác giả sẽ khắc phục được hạn chế cho những bài đăng không có hình ảnh.

Sau hơn 8 tháng sử dụng tên miền miễn phí http://nguontrithuc.tk, mình cứ ngỡ rằng sẽ sử dụng mãi tên miền này vì tính ổn định của nó. Nhưng trong những ngày gần đây, các trang web có đuôi .tk cứ liên tục không truy cập được mà chẳng hiểu vì lý do gì.

Vốn vẫn biết rằng tiền nào của đó, xài miễn phí thì phải chịu một số giới hạn nhưng lẽ ra dot.tk cũng phải thông báo cho mọi người một tiếng để biết rõ nguyên nhân, đằng này vẫn "bình chân như vại", xem như không có gì xảy ra.

Vốn đã có quyết định sẽ gắn liền với Blogspot, sẵn tiện thêm vụ trục trặc tên miền miễn phí nên mình quyết định đăng ký tên miền kienthucblogspot.info nhằm mục đích phục vụ lâu dài cho sự nghiệp viết blog của mình.

Mục tiêu của Kiến thức Blogspot là chia sẻ những kỹ thuật về blogspot, giới thiệu và tùy biến các template đẹp, viết những bài nhận xét về các thủ thuật hay, về các blogger Việt nhằm phục vụ cho quý đọc giả đã hết lòng ủng hộ trang của mình khi còn ở tên miền cũ.

Website Kiến thức Blogspot sẽ luôn phấn đấu để có những bài viết hết sức chất lượng phục vụ nhu cầu của bạn đọc. Tuy nhiên, chắc chắn vẫn sẽ có những bài viết chưa thể nào thõa mãn nhu cầu của các bạn cho nên rất mong được sự đóng góp tích cực của tất cả mọi người, qua đó chúng ta có thể cùng nhau học hỏi những kinh nghiệm quý báu để sự nghiệp viết blog của toàn thể chúng ta ngày càng nâng cao và chất lượng hơn.

Nhân dịp đưa tên miền Kiến Thức Blogspot hoạt động chính thức vào ngày 29/7/2011, mình xin kính chúc tất cả quý bằng hữu cũng như bạn đọc gần xa dồi dào sức khỏe, chúc luôn thành đạt trong cuộc sống.

Trân trọng thông báo!

Mình thật sự đã phân vân rất lâu chẳng biết có niên viết bài này hay không nữa. Lý do? Đơn giản đề tài này đã có nhiều trang nói đến, sợ rằng mọi người sẽ cảm thấy chán vì không có gì mới mẻ. Tuy nhiên, sau khi cân nhắc kỹ lưỡng, mình quyết định vẫn viết về đề tài này vì nghĩ rằng vẫn còn rất nhiều bạn sẽ vẫn bỡ ngỡ, chưa hiểu lắm về tính năng Read more sẵn có của Blogger.

Có nên sử dụng Read more sẵn có của Blogger hay không?

Vâng, theo mình là có và nó thật sự cần thiết với tất cả các blog, đặc biệt là những blog có bài đăng dài. Tại sao cần thiết, theo mình nghĩ có một số nguyên nhân sau đây:

- Thứ nhất, khi bạn sử dụng Read more sẵn có của Blogger, tốc độ tải trang của bạn sẽ nhanh hơn vì trang của bạn chỉ phải tải từ đầu bài đăng cho đến dấu ngắt trang. Trong khi đó, nếu bạn sử dụng Auto Read more hoặc read more dùng javascript chắc chắn thời gian tải trang sẽ lâu hơn bởi vì cái phần không hiển thị trong các thủ thuật này thật ra chỉ bị ẩn đi chớ không có hẳn như tính năng Read more sẵn có của Blogger.

- Thứ hai, khi bạn sử dụng Read more thì bạn được lợi ích mà Tien Nguyen đã từng viết:

Chức năng readmore của blogspot giúp bài viết hiển thị dạng tóm tắt trên trang chủ và các trang search cũng như các trang feed. Như vậy bạn đọc phải truy cập vào trang bài viết mới có thể xem bài đầy đủ.
Điều này giúp blog của bạn có thêm một lượng traffic tương đối lớn. Vì vậy mà mặc dù đã có auto readmore nhưng Vnblogspot không bao giờ quên thêm readmore cho mỗi bài viết.
Để thêm readmore, các bạn đặt con trỏ vào vị trí mong muốn trong bài viết rồi click vào biểu tượng "Chèn dấu ngắt nhảy". Đường ngắt trang (readmore) được chèn vào và phần tóm tắt sẽ hiển thị từ đầu bài viết đến ngay đường này.

Tuy nhiên, mình vẫn không thống nhất với Tien Nguyen ở điểm đã tốn thời gian sử dụng Read more sẵn có của Blogger thì tội gì phải dùng thêm chức năng Auto Read more chi cho nặng. :)

Thứ ba, khi sử dụng Read more sẵn có thì phần tóm tắt đó bạn có quyền chọn lựa đoạn văn phù hợp, câu chữ xuất hiện sẽ không bị vô nghĩa, trái ngược hoàn toàn với các thủ thuật Auto Read more hoặc Read more có dùng Java script. Đặc biệt đối với những blog có bài đăng dài nếu sử dụng Read more sẵn có của Blogger sẽ không bị lỗi phân trang hoặc mất bài viết như các thủ thuật kia.

Cuối cùng, theo mình nghĩ "Con ai nấy thương", Blogger đã cho ra đời tiện ích này thì chắc chắn sẽ dành nhiều ưu ái cho nó mà chúng ta chưa khám phá ra chăng?

Trong lúc post bài, bạn có nhiều cách để tạo sự chú ý của đọc giả, bạn có thể in đậm, in nghiêng... Hôm nay, tôi sẽ giới thiệu với các bạn thủ thuật highlight một đoạn văn trong bài viết.

Các bạn thử xem ví dụ minh họa bên dưới:


Làm cách nào để có thể tạo được như vậy?

Rất đơn giản, khi đăng bài, các bạn sử dụng đoạn code sau:

<div align="center">
<div style="background-color: #cccd94; border: 1px solid black; font-family: sans-serif; font-weight: bold; padding: 10px; text-align: center; text-transform: capitalize; width: 300px;">
<i>Một cách để thu hút sự chú ý của đọc giả là<span style="color: blue; font-weight: bolder;"> highlight trong text box.</span></i></div>
</div>

Bạn có thể thay đổi các thông số theo ý thích của mình, chúc các bạn thành công!

Thủ thuật này vốn mình không định viết vì các bạn có thể view source từ Vnblogspot để có thể cài đặt vào blog của mình. Nhưng do một số bạn vẫn không biết cách áp dụng nên mình mạo muội viết một bài nho nhỏ chia sẻ về vấn đề này.

Các bạn đặt đoạn code sau đây vào trên thẻ ]]></b:skin>

.post_note {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS5rjdGtWSEJjiw_juMLMciEQzWy-fnnx6gV_11nkBxiVZ6CQ_UeMac8-EaL2R5gd4nl4TIGMr5Ine4lweCXIgA2sEt5wx0LVoMSgwmQHcaFCH_zhE6TvEs856yJ-McfpOJ8AItrQzuPjA/s1600/ghi+chu.gif);
background-color:#FFF;
background-repeat:no-repeat;
padding-top:50px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
border:#FF9900 thin dashed;
color:#000;
}

Xong lưu template lại.

Mỗi lần bạn muốn viết một ghi chú nào đó thì viết nội dung đó vào cặp thẻ này là ok.

<p class="post_note"></p>

Bất cứ người sử dụng blog nào cũng muốn blog của mình có giao diện đẹp để có thể thu hút sự quan tâm của đọc giả, tuy nhiên không phải ai cũng có khả năng tự design cho mình một template ưng ý. Nhưng nếu không có khả năng đó, chúng ta vẫn có thể nhờ vào một số trang cung cấp template miễn phí. Mình xin giới thiệu với các bạn 23 trang cung cấp template miễn phí cho blogger:

1. Premium Blogger Templates


2. BTemplates


3. Blog Template 4u


4. Zoom Template


5. Deluxe Templates


6. Best Theme


7. Blogger Themes


8. Blogcrowds


9. Themecraft


10. Blogger Templates Free


11. AllBlogTools


12. Blogger Styles


13. Blogger Template Place


14. Blogger Theme


15. Dhe Template


16. Templates Block


17. AnshulDudeja


18. Our Blogger Templates


19. Chicablogger


20. Buy My Themes


21. Splashy Templates


22. Xml Blogger Templates


23. Lovely Templates

Bạn có những tấm ảnh cực đẹp và lớn, bạn muốn post lên cho bạn bè xem nhưng hiềm một nỗi ảnh lại không giữ được độ lớn như ảnh gốc mặc dù bạn đã chọn chế độ upload ảnh lớn.

Ví dụ: Ảnh gốc của bạn như thế này:


Nhưng khi upload ảnh lên thì chỉ còn thế này:


Vậy có cách nào khắc phục?

Rất đơn giản, bạn hãy nhìn code của bức tranh nhỏ:


Bạn lưu ý những chổ được bôi màu, và đây là code của bức ảnh lớn:


Bạn có thể thấy rõ s400 được thay thành s1600 và thuộc tính height, width đã được bỏ đi trong code của ảnh lớn.

Bạn biết cách áp dụng rồi chứ? Chúc bạn thành công

Về đề tài nâng cấp Search box này thì bên Noct đã có bài viết hướng dẫn, nhưng một số bạn vẫn áp dụng không thành công và có yêu cầu mình hướng dẫn kỹ hơn. Nay mình viết bài hướng dẫn này cũng dựa trên cách của bạn Noct nhưng có hình ảnh minh họa để giúp cho các bạn dễ áp dụng.

Bước 1: Các bạn hãy vào mục "Chỉnh sửa Trang" để tạo ra một trang "Search", có hình như thế này:


Nhớ phải đặt tên là "Search" nha.

Sau đó bàn chèn đoạn code sau vào trang "Search"


Đường link của trang Search đó sẽ phải như thế này:


Bước 2: Bạn truy cập vào địa chỉ này, bạn sẽ thấy:


bấm vào đó, bạn sẽ được chuyển đến trang kế tiếp.

Bước 3: Ở trang này, bạn phải gõ đúng địa chỉ trang của bạn và đánh dấu check vào "Tôi đã đọc và đồng ý với Điều khoản Dịch vụ.", sau đó bấm nút "Tiếp"



Bước 4: Ở bước này bạn không cần chỉnh sửa gì hết, chỉ cần bấm vào nút "Tiếp"


Bước 5: Ở bước này bạn lưu ý đến hàng chữ bôi vàng, bắt đầu từ con số đầu tiên trở về sau, đó là dãy số mà bạn cần copy ở bước 6.

Bước 6: Bạn vào trong template tìm dòng này hoặc tương tự:


Thay dòng đó thành:

<form action='/p/search.html' id='searchform'><input name='cx' type='hidden' value='006004456045489683126:mhq0myleyfm'/><input name='cof' type='hidden' value='FORID:10'/><input name='ie' type='hidden' value='UTF-8'/>

Nhớ thay chữ màu đỏ thành dãy số bạn đã copy ở bước 5.

Bước 7: Bạn tìm đến dòng ]]></b:skin> trong template rồi thêm đoạn mã sau vào trên nó:


Thông số 600 có thể chỉnh sửa cho hợp với blog của bạn.

Save template và tận hưởng thành quả!