Trái Đất Mũi

Traidatmui.com – Với sự nâng cấp của mình Blogger càng ngày càng làm mới mình với nhiều cải tiến nổi bật. Mới đây Blogger vừa cho ra mắt giao diện chỉnh sử HTML (HTML Edit) với nhiều cải tiến mới, nếu bạn là một người chuyên design thì không thể không quan tâm đến sự cải tiến mới này. Với sự cải tiến mới này thì tất cả mã nguồn Template sẽ được thu gọn lại, với chức năng đóng mở thì bạn có thể xem tất cả code hay thu gọn lại nếu không cần chỉnh sửa code ở phần đó. Ngoài ra cũng có sự khác biệt ở tính năng xem trước mẫu, cửa sổ xem trước blog của bạn hiện ra trình duyệt như thế nào không còn mở ra 1 tab mới nữa mà sẽ hiển thị ngay bên dưới các công cụ chỉnh sửa. Hơn nữa, khi trong template bạn có nhiều tiện ích (widget) thì bạn chỉ cần chọn Jump to widget mà bạn cần chỉnh sửa để chỉnh sửa code một cách nhanh chóng.

Giao diện cải tiến này rất hữu ích với các design, thao tác dễ dàng nhanh chóng. Tuy nhiên nếu bạn chưa quen cũng gây khá nhiều lúng túng trong thao tác chỉnh sửa HTML.

Giao diện chỉnh sửa HTML mới

Blogger làm mới giao diện chỉnh sửa HTML (Edit HTML) với nhiều cải tiến mới

Để đi nhanh đến các tiện ích bạn muốn chỉnh sửa thì với chức năng Jump to widget bạn sẽ thực hiện nhanh chóng

Nút nhảy nhanh đến tiện ích cần chỉnh sửa

Mặc định thì code của template sẽ ở dạng thu gọn, nếu bạn muốn mở rộng code để chỉnh sửa thì click vào dấu 3 chấm (...) hoặc mũi tên bên trái ngay dòng code đó để mở rộng code hoặc thu gọn lại.

Code được thu gọn với chức năng đóng mở

Khi bạn click xem trước (Preview) giao diện sẽ hiện ngay trong khu vực chỉnh sửa

Với cải tiến này thì tất cả code được đánh số thứ tự bên trái sẽ giúp bạn nhanh chóng tìm đến dòng code lỗi hoặc cần chỉnh sửa, ở đây bạn cũng có thể nhận dạng ra và phân biệt nhanh chóng các đoạn code trong template.

Với sự cải tiến mạnh mẽ của Blogger thì mình tin rằng thời gian tới Blogger sẽ là một nền tảng rất hoàn hảo để chúng ta có thể tập trung phát triển web/blog.

(Traidatmui.com) – Nhằm tạo cho nút read more (Đọc thêm) của bạn trong Blogspot đẹp hơn mình chia sẻ cho các bạn bộ ảnh gồm các nút read more lớn nhỏ mà mình sưu tầm được để các bạn sử dụng mà không cần phải bận rộn với những bước thiết kế phức tạp. Ở đây mình có 2 bộ ảnh 1 là các nút lớn và 1 là gồm những nút read more nhỏ, bạn có thể chọn lựa bộ phù hợp và download về sử dụng

Bộ hình ảnh nhỏ

Bạn tải về:

Bộ ảnh lớn

Bạn tải về:

Như vậy sẽ tiện lợi khi bạn sử dụng các thủ thuật liên quan đến nut read more mà không cần phải tìm kiếm hay mất thời gian thiết kế các nút này.

(Traidatmui.com) – Trước đây mình đã chia sẻ bài viết chèn biểu tượng hiển thị trạng thái Online của bạn trên Yahoo (Xem tại đây) để người dùng có thể tương tác với bạn, tuy nhiên đó chỉ hiển thị biểu tượng Online hay Offline của bạn thôi, hôm nay mình chia sẻ cùng mọi người cách tạo và nhúng tiện ích chat Yahoo trực tuyến thông qua Pingbox, tiện ích này không đòi hỏi người dùng phải tạo nick chát trên Yahoo mà có thể đặt nick tạm hoặc chát với tên của họ rất dễ dàng. Khi bạn đăng nhập vào tài khoản Yahoo hay Y!M thì người truy cập blog sẽ thấy được tình trạng bạn đang Online hay Offline và bạn sẽ sử dụng Yahoo Messenger để chát với người dùng blog bạn. Và những thông tin chát chỉ có người dùng và bạn biết thôi người thứ 3 sẽ không thấy thông tin chát này.

Đầu tiên bạn phải đăng nhập tài khoản Yahoo của bạn tại đây, sau đó vào đây để bắt đầu tạo Pingbox của bạn.

- Background theme: Đây là phần bạn chọn giao diện nền của Pingbox, bạn có thể chọn màu hoặc nền bằng hình ảnh.
- Text size&color: bạn chọn cỡ chữ và màu sắc văn bản trong tiện ích
- Display name: Tên hiển thị trong Pingbox
- Show Yahoo! Messenger display image: Chọn hiển thị ảnh Avatar hay không
- Online greeting: Lời chào khi bạn đang Online
- Offline message: Tin nhắn lúc bạn offline
- Require visitors to enter Nickname to send IM: Nếu bạn check vào đây thì buộc người dùng phải nhập nick hoặc họ tên mới bắt đầu chat.

Sau khi đã chỉnh sửa theo ý mình thì bạn chọn "Save" để lấy code chèn vào blog của bạn.

Bạn có thể tùy chỉnh độ rộng và chiều cao lại cho phù hợp với vị trí bạn muốn đặt tiện ích. Xong bạn copy code và chèn vào HTML/Javascript của Blogger.

Như vậy là xong, chúc bạn thành công

(Traidatmui.com) – Trước đây mình đã hướng dẫn các bước cơ bản để tạo một form liên hệ với JotForm, tuy nhiên mình chỉ dừng lại ở chỗ hình thành nên các trường của form chưa đề cập đến việc hoạt động của form. Và cũng có một số bạn hỏi mình về vấn đề này nhưng chưa có dịp giải đáp, hôm nay xin chia sẻ cùng các bạn vấn đề này. Vấn đề hoạt động của form là làm thế nào để nhận được những thông tin của người dùng nhập vào form qua email của mình, làm sao để tạo tính năng trả lời tự động đến mail người dùng và làm thế nào để hiển thị thông báo gửi thành công khi người dùng đã gửi thông tin. Và bài viết này mình sẽ hướng dẫn các bạn cách tạo nó, nếu bạn chưa biết cách tạo các trường của form có thể xem lại tại đây, ở đây mình xem như các bạn đã hoàn tất hình thức của form.

Như các bạn biết giao diện thiết kế Form sẽ như thế này, tại đây bạn chọn mục Setup & Embed.

A. Thiết lập email nhận thông tin và tự động trả lời tới email người dùng

Thiết lập email nhận thông tin

Để thiết lập email nhận thông tin mà người dùng nhập vào form bạn chọn Email Alerts và chọn Add new Email.

Một cửa sổ lightbox hiện ra, bạn chọn Notification Email và chọn Next để đi tiếp

Đến bước này chúng ta sẽ thiết lập email nhận và thông tin người dùng mà bạn muốn thấy trong email. Ở phần Sender name bạn chọn trường Họ và tên, Sender E-mail chọn trường địa chỉ email và phần Recipient E-mail phía dưới là email mà bạn muốn nhận thông tin của form này. Xong bạn nhấn Next.

Đến đây là bước thiết lập hình thức trình bày nội dung mà bạn muốn nhận trong email của mình. Hình thức mặc định của JotForm như bên dưới

Bây giờ chúng ta sẽ thiết kế lại. Tại đây bạn chọn HTML, nếu bạn thành thạo HTML thì có thể tự thiết kế cho mình hoặc bạn có thể copy và dán code mình thiết lập bên dưới vào HTML Source Editor sau đó chọn Update

<div style="background: #ccc; border: 1px solid #ccc;">

<table border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#fdfa9d">

<tbody>

<tr>

<td style="border-bottom: 1px dashed #333; padding: 4px ! important; text-align: center;" width="170" bgcolor="#fac904"><span style=" "><strong>Nội i dung bạn {hoVa} gửi</strong></span></td>

</tr>

<tr>

<td style="padding: 5px ! important;" width="170">

<p><span >Họ và tên: {hoVa}<br /></span></p>

<p><span style="font-size: 12px;">Địa chỉ email: {diaChi9}<br /></span></p>

<p><span >Địa chỉ web/blog: {diaChi}<br /></span></p>

<p><span style="font-size: 12px;">Chủ đề: {chuD}<br /></span></p>

<p><span >Nội dung: {niDung}<br /></span></p>

</td>

</tr>

</tbody>

</table>

</div>

Kết quả sẽ như hình bên dưới, bạn có thể thiết kế lại theo ý thích của mình. Xong chọn Finish.

Lưu ý: Mỗi form tên trường sẽ khác, bạn thay thế tên trường cho phù hợp. Tên trường của bạn phải chính xác thì bạn mới có thể nhận được thông tin của trường đó, đối với tên trường bạn hãy click vào tên trường ở khung Form Fields.

Thiết lập nội dung tra lời tự động

Cũng giống như trên sau khi bạn chọn Add new Email, bạn chọn Autoresponder Email.

Bây giờ chúng ta thiết lập ngược lại với trên vì bây giờ chúng ta sẽ là người gửi bạn thiết lập như ảnh bên dưới. Xong chọn Next để tiếp tục

Đến đây cũng giống như bạn thiết kế hình thức nhận mail ở trên, bước này bạn tự thiết kế nhé, xong bạn chọn Finish để hoàn tất

B. Tạo thông báo gửi thành công

Sau khi bạn chọn Setup & Embed, bạn chọn tiếp Thank You, hộp lightbox hiện ra, tại đây sẽ có 3 tùy chọn.

- Default Thank You page: Đây là trang thông báo mặc định của JotForm

- Custom URL: Đây là đường dẫn trang mà bạn muốn redirect tới sau khi người dùng gửi thông tin.

- Thank You message: Phần này là phần bạn tự quyền quyết định mẫu thông báo và nó sẽ hiển thị ngay trên trang bạn đặt Form. Mình sẽ hướng dẫn bạn làm phần này, bạn chọn mục này sau đó chọn Next để tiếp tục.

Nó cũng hiện ra các công cụ giúp bạn thiết kế nội dung của thông báo, bạn vẫn có thể sử dụng và chỉnh sửa mã HTML theo ý bạn như đã hướng dẫn ở trên. Phần này tùy theo ý thích của mỗi người bạn hãy tự thiết kế cho mình nhe.

Bạn yên tâm không cần phải lấy code nhúng lại vào blog nữa, mọi thay đổi sẽ được cập nhật ngay trong blog của bạn.

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

(Traidatmui.com) – Bạn đã từng nuôi thú chưa? Nếu bạn đã từng nuôi thú thì bạn cũng biết khi để con thú của mình sống thì phải cho chúng ăn đúng không? Vâng bạn cũng có thể nuôi thú của mình yêu thích ngay trên trang web/blog của bạn. Bài viết này mình chí sẻ cùng các bạn trang website bunnyherolabs.com cung cấp cho bạn một số thú rất dễ thương bạn có thể thêm chúng vào blog rất dễ dàng. Ở đây mình sẽ nói sơ qua các bước xây dựng để có được code nhúng vào blog cho bạn nào không biết cách lấy code nhe.

Xem minh họa bên dưới, bạn click more và cho thỏ ăn nhé

Đầu tiên bạn hãy click vào đây và chọn cho mình một con thú yêu thích, khi chọn được thú yêu thích bạn hãy click vào nó để đi tiếp.

Bây giờ đến bước bạn có thể đặt tên cho thú của mình ở phần Pet Name và tên người nuôi nó ở phần Adopter Name, bạn cũng có thể thay áo cho thú bằng cách click vào màu sắc bạn thích.

Sau khi xong bạn chọn Finish để đi đến bước lấy code, đến đây bạn chọn nơi mà bạn muốn đặt thú để nuôi, nếu bạn muốn lấy code nhúng vào blog thì chọn "Other Sites" và copy code nhúng vào tiện ích HTML là xong.

Chúc bạn nuôi thú mau lớn nhé

(Traidatmui.com) - Trước đây ,cũng như bây giờ bạn đã thử dùng tính năng "Blogger in Draft" chưa ? Nói dễ hiểu hơn là những gì "mới" đang được dùng thử nghiệm trước khi chính thức đưa vào cập-nhật cho mọi người dùng Blogger.com. Nếu bạn đã logged vào Blogger account của bạn rồi,bạn có thể nhấp vào tên tiêu đề của bài viết để đến Blogger in Draft.

Bạn có thể tìm hiểu và dùng thử qua link Blogger in Draft này , sau khi vào đúng bạn sẽ thấy Logo "B" blogger không còn là màu cam nữa mà chuyển qua "B" màu Xanh,như vậy bạn đã ở đúng Blogger in Draft rồi đấy. Giống như việc Upload video trực tiếp trên Blogger ,giai đoạn ban đầu thì chỉ có người truy cập vào Blogger in Draft mới có thể upload video được.( bạn có thể xem lại các bài cũ về Blogger in Draft trên blog Bloggervietnamese này.) Sau khi có những kết luận và hồi báo cụ thể từ nhiều người dùng Blogger in Draft ,video upload mới được đưa vào chính thức trên menu viết blog như bạn thấy hiện nay.

GIỚI THIỆU "MỚI" có trên Blogger in Draft :

Hiện tại, khi log vào blogger in draft rồi bạn có thể dùng các tiện-ích như sau :

- Scheduled Post Publishing : bạn có thể ấn-định cho ngày xuất bản bài viết lên trang blogger của bạn. Điều này sẽ rất hữu-ích cho blogger chuyên hay không chuyên nghiệp khi có những bài viết muốn đưa lên có ịch trình.

Ví dụ : đơn giản như muốn bài chúc mừng đúng dịp sinh-nhật người yêu mà nayý-tưởng dồi-dào để viết ngay không chờ đến "lúc đó" lại bận đi công-tác hay...quên mất toi.

- Blog List : là tiện ích để cho thể hiện các bài-tin mới từ những địa chỉ ưa thích giống như danh sách Blogroll ,với Reader của Google nay sẽ nằm trên Sidebar của blog rất thuận tiện để biết ngay khi mở trang blog của chính mình.

Ngoài ra Blogger in Draft còn có những cài đặt cho New page element mà bạn cần biết,khi vào blogger in draft bạn sẽ thấy Add new page element nay là Add a gadget và danh mục các tiện ích có tiếng Việt với hình icon minh hoạ cho từng gadget rất hay :

- Feed subscription : để người đến tham blog có thể đăng ký lấy bài vết mới qua email đây là tiện ích tương tự dùng giao thức RSS ,giúp bạn có sẵn không cần đăng ký Feedburner hay các dịch vụ Feed khác.

- Google Gadgets : tất cả những gadgets có trong nguồn Google bạn lấy đưa lên sidebar ngay tức khắc,không cần đi qua trang nào khác ngoài Blogger in Draft.

- Search Box : bạn còn có công cụ tìm kiếm ,đặc biệt với danh sách Linklist là các link từ nơi khác đến blog của bạn.Chỉ cần chọn SearchBox ở add new page element.

Các mẫu sử dụng bạn xem ở trang blog như hình bên dưới là Gadget WIKIPEDIA ,dùng trên blogger in draft lấy gadget ra ngoài sidebar. Gadget của Google rất nhiều,bạn chọn tuỳ thích như khi dùng iGoogle.

Giới thiệu chính từ Blogger Buzz.

Our two latest features, which you can try out now on draft.blogger.com, are:
- Scheduled Post Publishing If you write a post on Blogger in draft and set the post’s date and time to some time in the future, we’ll schedule the post to appear on your blog at that time, and not before.
- Blog List Add a blogroll to your blog’s sidebar. The Blog List is powered by Google Reader, so it can show when each blog was last updated and even include post titles and snippets.
Keep in mind these features are still being worked on, and let us know if you find any problems.
We have other page elements on draft, too:
- Help your readers subscribe to your blog in their favorite feed reader with the Feed Subscription page element.
- Add any of the thousands of Google Gadgets to your blog’s sidebar with our Google Gadget support.
- Search over your blog, your Link Lists, or all the pages you’ve ever linked to with the Search Box.

Theo bloggervietnamese.blogspot.com

(Traidatmui.com) - Việc thiết kế web hay blog rất cần nhiều công cụ hỗ trợ và ở dưới đây mình xin giới thiệu đến các bạn một số trang web có thể giúp ích cho bạn trong việc tạo blog hay web. Với sự hỗ trợ ccs trang này bạn có thể tạo ra các style tuyệt đẹp một các dễ dàng và nhanh chóng. Danh sách này đươc phattrienso tập hợp và nay mình xin chia sẽ cùng các bạn.

Web 2.0 Badges: Tập hợp bộ web badges miễn phí, đẹp và rất cool.

My cool button - tạo nút đơn giản cho web 2.0.
Stripe Generator - Chuyên gia trong việc tạo các sọc cho web 2.0.

Webscriptlab: Web giúp bạn tạo ảnh gif loading rất nhanh chóng.

Ajax loading: tạo ảnh gif loading cho web.

Loadinfo.net: Tạo load ajax.

Roundedcornr - Tạo góc bo tròn.

Web 2.0 logo creatr - Tạo logo web 2.0.

Web 2.0 Free Logo Generator - Một trang khác cho tạo logo web 2.0.

Background Image Maker - Tạo background.

Dưới đây là một số trang hữu ích khác

1. Web 2.0 Workgroup - Mạng lưới các blog chuyên nghiệp của thế hệ web 2.0.
2. Seomoz Web 2.0 Awards 2007 - duyệt và trao giải các web 2.0 xịn :D.
3. Go2web20 - Bộ sưu tập logo web 2.0.
4. Listio - Web 2.0 Directory and community.
5. Web2list - another web 2.0 directory.
6. Unleashing Web 2.0: From Concepts to Creativity - by Gottfried Vossen and Stephan Hagemann.
7. Professional Web 2.0 Programming - by Eric van der Vlist.
8. Web 2.0 Validator - các công cụ web 2.0.
9. What is Web 2.0? - by Andy Budd.
10. Microformats: Empowering Your Markup for Web 2.0 - by John Allsopp.
11. Web ReDesign 2.0: Workflow that Works - by Kelly Goto.
12. tools.dynamicdrive.com - tạo ảnh gradient.
13. Stripedesigner - tạo sọc, viền cho web 2.0
14. Mentalized - Ajax loading.
15. Napyfab - Một trang khác về ajax loading.
16. Freshbadge - tạo badge.

Theo phattrienso

(Traidatmui.com) - Theo yêu cầu một bạn có nickname Magnifficat, bạn yêu cầu hướng dẫn cách chèn đồng hồ vào blog. Thật ra thủ thuật thêm tiện ích đồng hồ vào blog đã được rất nhiều bạn giới thiệu. Tuy nhiên để giúp một số bạn mới bắt đầu vào nghề viết blog biết cách thực hiện, mình xin viết bài này chia sẻ lại cách thực hiện và bài viết này mình sẽ thực hiện thêm tiện ích "Đồng hồ" từ website clocklink.com.

Xem LIVE DEMO

1. Đầu tiên bạn vào trang clocklink.com và lựa chọn cho mình một đồng hồ thích hợp cho blog mình. Trang này có một số đồng hồ phân theo một số chủ đề (phần nằm cột bên trái của trang).

2. Khi click vào một mục nào đó, một số dạng đồng hồ sẽ hiện ra, bạn chọn đồng hồ mà mình thích và định chèn vào blog.

3. Sau khi bạn chọn được đồng hồ ưng ý, bạn click vào "View HTML Tag" của đồng hồ đó để lấy code. Bạn sẽ thấy phần điều khoản của trang Clocklink, bạn chỉ việc chọn "Accept" để đi tiếp đến phần lấy code.

4. Ở đây bạn có thể chọn màu cho đồng hồ của bạn, sau khi chọn được màu cho Clock, bạn hãy copy 1 trong 2 code hiển thị bên dưới để chèn vào blog của mình

Sau khi có được code rồi chúng ta sẽ đưa nó vào blog, cách thêm tiện ích dạng mã HTML trong Blogger đã được mình giới thiệu tại đây, bạn có thể vào xem và chèn vào blog của mình.

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

(Traidatmui.com) - Chắc hẳn bạn không lạ với chiếc máy tính nhỏ nhắn mà bạn thường sử dụng để tính toán các phép toán như cộng, trừ, nhân, chia... Và việc này có thể được thực hiện ngay trên blog/web của bạn bằng việc tạo một máy tính cho blog/web. Hôm nay mình sẽ giới thiệu đến bạn cách chèn thêm tiện ích máy tính điện tử vào blog/web. Tiện ích này sử dụng Flash (Webmaster-tips.net) để tạo thành chiếc máy tính nhỏ giúp bạn có thể cộng, trừ, nhân, chia và một số phép tính khác. Bạn có thể xem ảnh bên dưới hoặc click "LIVE DEMO" để thấy rỏ tính năng của tiện ích này.

Hình ảnh minh họa

1. Đăng nhập tài khoản Blogger
2. Vào thiết kế, chọn thêm tiện ích (Add a gadget) và thêm 1 HTML/Javascript
3. Chèn code sau vào phần tử HTML/Javascript trên.

Bạn có thể tùy chỉnh độ rộng (width) hay chiều cao (height) của tiện ích dựa vào phần màu đỏ (520) hay màu xanh (575) trong code.

4. Cuối cùng save lại là bạn đã có một máy tính trên trang blog/web

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

Chắc hẳn là bạn không còn lạ gì đối với website có tên facebook, một trang mạng xã hội lớn nhất hiện nay. Website được thành lập bởi Mark Zuckerberg, ngày nay trang mạng này được rất nhiều người yêu thích và sử dụng nó để kết nối mọi người với nhau, liên lạc cùng bạn bè, tải không giới hạn hình ảnh, đưa các liên kết và video và để hiểu thêm về những người họ đã gặp... Facebook còn cung cấp rất nhiều công cụ mà chúng ta có thể sử dụng cho blog/web để giúp người dùng có thể sử dụng facebook ngay trên blog. Một trong các công cụ đó là "Like button", công cụ rất hữu ích sao chúng ta không đưa nó vào blog của mình? Hôm nay mình xin chia sẽ cách để tạo và đưa tiện ích này vào blogger, nếu bạn chưa biết có thể tham khảo bài viết này.

Hình ảnh minh họa

I. Tạo nút Like (Like button)

1. Để tạo nút Like thì trước tiên bạn hãy tạo cho mình một tài khoản trên trang facebook. Nếu bạn đã có tài khoản thì hãy đăng nhập vào facebook, nếu chưa có tài khoản bạn hãy click vào đây và điền đầy đủ thông tin yêu cầu để tạo ngay một tài khoản.

2. Sau khi đã có tài khoản facebook bạn hãy đăng nhập vào tài khoản của mình và click vào đây để tiến hành tạo nút Like.

3. Tại giao diện hiện ra bạn hãy điền thông tin như bên dưới, tại ô URL to Like bạn hãy điền địa chỉ blog của bạn (ví dụ: http://www.traidatmui.com), phần Layout Style để bạn chọn bố cụ cho tiện ích này. Bạn có thể tùy chọn và xem trước tiện ích này (phần bên phải) trước khi đưa nó vào blog.

4. Sau khi tùy chỉnh xong, bạn hãy click "Get Code" để lấy mã chèn vào blog.

II. Chèn tiện ích vào blogger

1. Đăng nhập tài khoản Blogger
2. Vào thiết kế và chọn chỉnh sửa HTML (chọn mở rộng mẫu tiện ích)
3. Chọn vị trí đặt code (code này là phần bạn code bạn vừa copy ở phần "Get Code" ở trên).
- Nếu muốn tiện ích này nằm bên dưới tiêu đề và trên nội dung bài viết bạn hãy tìm và thêm code ở trên vào ngay sau code bên dưới.

- Nếu muốn nó nằm ở cuối bài viết bạn tìm và chèn code trên vào ngay sau code bên dưới.

<data:post.body/>

4. Cuối cùng là save template lại.

» Cập nhật cách chèn nút like cho từng bài viết trên Blogspot (10/09/2011)

Ở trên là các bạn đã biết cách lấy code để chèn nút Like của facebook vào trong blogger, tuy nhiên đối với code trên thì người dùng khi nhấn vào nút like tức là họ đánh giá chung cho tên miền của bạn ví dụ là http://www.traidatmui.com. bây giờ bạn muốn xem đánh giá like cho từng bài viết trên blog thì làm như thế nào, tức là số người nhấn nút Like của bài viết này không ảnh hưởng tới nút like của bài viết khác. Để làm được điều đó, chúng ta chỉ cần thực hiện một cách đơn giản bên dưới.

Thông thường sau khi bạn lấy code của Facebook nó sẽ có 3 dạng. Lưu ý là ở đây mình chỉ lấy code chính cần chỉnh sửa thôi còn các code còn lại giữ nguyên nhé.

a. Dạng xfbml

<fb:like href="http://www.traidatmui.com" send="false" layout="box_count" width="450" show_faces="true"></fb:like>

b. Dạng HTML5

c. Dạng Iframe

Các bạn thấy ở 3 code trên có chung một phần đó là href="http://www.traidatmui.com"phần này xác định link đánh giá. Bây giờ bạn thay phần đánh dấu màu đỏ

href="http://www.traidatmui.com"

thành

expr:href='data:post.url'

Như vậy là nút like có thể hiển thị theo từng bài viết trên Blogpsot của bạn

Chúc bạn thành công.

Việc tạo chữ chạy trên nền màu hay nền bằng hình ảnh thì chắc cũng không lạ đối với các bạn, thủ thuật để làm không quá khó khăn. Hôm nay mình xin chia sẽ cùng các bạn các để tạo chữ chạy trên nền Flash, với hiệu ứng flash này sẽ làm cho nền chữ trông đẹp hơn. Để sử dụng được tiện ích này trước tiên bạn phải có file flash (swf) và bạn chỉ việc làm như bên dưới.

1. Đăng nhập tài khoản
2. Thêm tiện ích HTML
3. Dán code bên dưới vào

Chỉnh sửa:
- Đường link màu đỏ chính là link của flash, nếu bạn không thích sử dụng flash đó thì thay thành link flash khác.
- Đoạn text màu xanh đó là nội dung mà bạn muốn hiển thị, nếu muốn các nội dung hiển thị từng chập thì bạn chèn dấu "#" giữa hai nội dung đó.

Dưới đây là một số địa chỉ flash bạn có thể sử dụng thay cho link flash trên.
http://img190.imageshack.us/img190/355/7101.swf

http://img23.imageshack.us/img23/3077/791n.swf

http://img23.imageshack.us/img23/1260/79567552.swf

http://img199.imageshack.us/img199/3548/7181.swf

http://img187.imageshack.us/img187/7206/7134.swf

http://img11.imageshack.us/img11/1594/774.swf

http://img401.imageshack.us/img401/759/7142.swf

http://img401.imageshack.us/img401/3736/7141.swf

http://img263.imageshack.us/img263/3921/714.swf

http://img170.imageshack.us/img170/1079/71302.swf

http://img193.imageshack.us/img193/2772/723.swf

http://img161.imageshack.us/img161/2830/741.swf

http://img398.imageshack.us/img398/2558/64387200.swf

http://img38.imageshack.us/img38/1784/773.swf

(Traidatmui.com) – Tuyết rơi sẽ làm cho blog bạn trở nên đẹp hơn, thế nhưng làm thế nào để có thể làm cho tuyết rơi trắng trên nền blog của bạn. Tuy nhiên thủ thuật này chỉ nhìn thấy được khi blog của bạn có nền màu càng tối càng tốt. Bây giờ mình sẽ chia sẽ cách tạo tuyết rơi trên blog của bạn bằng một đoạn mã rất đơn giản, bạn chỉ việc copy và dán mã bên dưới là xong.

☼ Bắt đầu thực hiện
1. Bạn hãy đăng nhập tài khoản blogger
2. Vào bố cục thêm 1 HTML/Javascript
3. Copy và dán đoạn code bên dưới vào HTML/Javascript đó

4. Công việc cuối cùng của bạn là save lại

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