Công cụ hiển thị khách thăm Blog

Công cụ hiển thị khách thăm Blog

Nếu bạn đang sở hữu 1 blog hay webblog, chắc bạn rất muốn biết có một công cụ để xem xét webblog của mình có bao nhiêu khách truy cập trực tuyến, nó giúp cho bạn biết được người truy cập thuộc khu vực, nước nào, họ quan tâm đến chủ đề nào nhất trong webblog?

Xin giới thiệu với các bạn 4 trong nhiều loại công cụ để giứp bạn giải quyết vấn đề này. Tuy nhiên tôi xin có một lời khuyên cho các bạn: Nếu trang webblog của bạn hiện tại chưa phổ biến có ít khách truy cập thì tốt nhất bạn chưa nên vội hiển thị các công cụ này để tránh cho khách truy cập vào webblog của bạn có ấn tượng không tốt về lượng người truy cập.

Dưới đây là 4 công cụ trực tuyến cung cấp tính năng này:

  1. Feedjit: có hơn 70 triệu widget được yêu cầu mỗi tháng, Cung cấp cho bạn 4 widget gồm: Thông tin về khách truy cập trực tuyến: (1) LIVE TRAFFIC FEED. (2) LIVE TRAFFIC MAP. Thông tin hướng dẫn về nội dung khách truy cập (3) LIVE RECOMMENDED READING. (4) LIVE PAGE POPULARITY
Chỉ cần vài thao tác cơ bản, bạn đã có code của widget này để upload vào webblog của bạn.
 
2. Who's.amung.us : Cũng giống  như  Feedjit, đây là một công cụ miễn phí có thể dễ dàng tích hợp vào webblog. Không có yêu cầu đăng ký và thậm chí bạn có thể tuỳ chọn để ẩn các widget để không một người nào khác sẽ có thể truy cập vào số liệu thống kê của bạn.


3. 24Log : các dịch vụ yêu cầu đăng ký, nhưng nó có một vài nút với phong cách riêng của 24log để cho bạn lựa chọn. Ngoài ra bạn cũng có thể xác định khung thời gian sẽ được dùng để tính số lượng người dùng trực tuyến (từ 1 đến 60 phút tuỳ thuộc lựa chọn của bạn) theo thời gian thực.

 
4. Myonlineusers.com : Đây là dịch vụ đơn giản nhất, cung cấp cho bản mã code để hiển thị đơn giản bằng text hiển thị số người online truy cập vào webblog.

Hãy sử dụng các công cụ này để giúp bạn thống kê được số liệu cần thiết giúp bạn có phương án tốt nhất để có nội dung chủ đạo cho webblog

Blogger Templates : Barack Obama

Blogger Templates : Barack Obama

As promissed here is a brand new blogger template I ported for you and it is a special one. As you can see on the picture it is a support template for the upcomming US President :) Barack Obama. This template realy kicks ass if you are in the support campain for Obama. There is not much to be said see it for your self.

Preview the template here
Download the template here

p.s You can follow me now on twitter to do so and stay up to date visit my twitter page

Template setup:
Unzip the template and upload it in edit html view, if blogger pops an error out, delete all coockies, cache and other stuff from your browser, make a browser restart and try again.

To change the title find inside edit html view "Barack Obama on Blogger" and change to your blog title.

To change the description find inside edit htm view "Made by BloggerTemplates.Itmag.org" and change to your blog description.

To change the top navigation inside edit html find the slash "/" just before home and change the to your link do the same for the rest of navigation links, debates, election 08, issues, media and senate.
I hope you like this one and don`t forget to follow me on twitter

Bộ sưu tầm các themes Blogger cực đẹp

Bộ sưu tầm các themes Blogger cực đẹp

Posted on November 5th, 2008 by admin

5 Comments

Theme dành cho Blogger nếu so với Wordpress quả là ít hơn rất nhiều, ngay cả những Plugins hỗ trợ cũng vậy. Nghĩ ra thì thiệt thòi cho người dùng Blogger quá. Danh bạ web 2.0 hy vọng bài viết này sẽ giúp người dùng Blogger có thêm nhiều lựa chọn trong việc tìm kiếm cho blog mình có 1 giao diện đẹp và dễ nhìn.
Leia

Demo | Download
iWork

Demo | Download
WP-Polaroid

Demo | Download
Aspire

Demo | Download
Visionary Reloaded

Demo | Download
Maggo

Demo | Download
Statement

Demo | Download
Template Tabs

Demo | Download
Vibrant

Demo | Download
iTheme

Demo | Download
DF Marine

Demo | Download
DANH BẠ THEMES
btemplates

blogskins

Thủ thuật tạo nút ẩn hiện tiện ích widget

[VnPressNet] - Bằng việc chèn đoạn mã code java nhỏ vào code của widget trong Edit HTML là bạn có thể tạo 1 nút liên kết nằm ở tiêu đề của mỗi widget cho phép ẩn/hiện widget đó khi click vào đó.
Thủ thuật tham khảo từ blog của Fandung
Với thủ thuật này, bạn có thể ẩn nội dung như  hình minh họa:
 
☼ Các bước thực hiện thủ thuật:

1. Vào bố cục (layout)
2. Vào chỉnh sửa code HTML(edit code HTML)
3. Chọn "mở rộng mẫu tiện ích" (expand widget template)
4. Tìm đọan code của widget mà bạn muốn chèn tiện ích này vào, như ở hình minh họa, áp dụng thủ thuật cho tiện ích Label, như vậy ta sẽ tìm code của nó, và bên dưới sẽ là code của nó:

• 
  
  
  
  
  
  

5. Và thêm code vào như bên dưới:

[▼/▲]

• 
  
  
  
  
  
  

- Lưu ý : có thể thay đổi code màu xanh theo ý bạn, cụ thể
+ [▼/▲] : đổi các kí tự ▼/▲ theo ý thích của bạn.
+ float:left;margin-right:5px; : đây là code xác định vị trí hiển thị của nút [▼/▲] trên tiêu đề của widget. Nếu bạn muốn nó hiển thị bên phải thì sửa lại là float:right;margin-right:5px;
6. Save template.
Nếu muốn mặc định nội dung tiện ích widget hiển thị thì sửa dòng :

//

thành:

//

Chúc các bạn thành công với thủ thuật này.

Link http://www.vnpressnet.com/2009/08/thu-thuat-tao-nut-hien-tien-ich-widget.html

Tạo Readmore (Đọc tiếp) một cách tự động, ver 2.0 (hổ trợ thumnail ảnh)

Tạo Readmore (Đọc tiếp) một cách tự động, ver 2.0 (hổ trợ thumnail ảnh)

Nếu bạn muốn tạo các link Read More (đọc tiếp) của mình 1 cách tự động mà không cần phải thủ công dùng các thẻ span (class=fullpost) để ngăn phần miêu tả và phần post đầy đủ. Nó cũng giúp cho các blog trước đây không có read more có thể chủ động tạo link mà không cần phải sửa lại toàn bộ các bài viết.

Bạn có thể đọc giới thiệu đầy đủ hơn về tính hữu ích của read more tự động ở đây.

Với bản 1.0, bạn chỉ có thể tạo readmore tự động không có hình đại diện, với bản 2.0 này, có hỗ trợ hình đại diện, nó sẽ lấy ảnh đầu tiên trong bài viết làm ảnh đại diện. Cài đặt:Chú ý: với các blog đang sử dụng phiên bản read more 1.0 thì hãy gỡ bỏ code đó ra nhé, nếu bạn không biết cách gỡ thì hãy đọc lại bài hướng dẫn ở đây để truy ra code của nó mà xóa cho đúng Vào Template - Edit HTML, Expand widget, tìm đến thẻ và thay nó bằng đoạn code sau:

-->đọc tiếp...

Ngoài ra bạn còn phải cho đoạn code dưới đây vào phần HEAD ( ... ) của template:

Thay đổi giao diện template blogspot

Thay đổi giao diện template blogspot

Hướng Dẫn Tạo Widget Người Hâm Mộ Trên Facebook

Facebook đang ngày càng trở nên phổ cập cho mọi người và dường như không có một tài khoản trên Facebook thì chưa hẳn đã được coi là Pro. Tuy nhiên, đây cũng là một kênh khá hay để quảng bá cho blog và các sản phẩm của các cá nhân và công ty.
Nói về Facebook thì chắc hẳn không giấy mực nào có thể tả nổi bởi nó quá lớn, quá nhiều tiện ích và quá nhiều người coi đó là nơi tâm sự, giãi bày và kết bạn. Tuy nhiên, một tính năng mới có tên Fans Widget hay thường gọi là Người Hâm Mộ thì ít blogger để ý.
Mình cũng thuộc típ người tò mò và khi thấy ai có cái gì mới, đẹp và hữu ích thì phấn đấu có bằng được. Đó là lý do mình tìm tòi để có được một widget Người Hâm Mộ trên Facebook như các bạn đã thấy trên trang chủ của blogviet.
Hôm nay xin chia sẻ các bước đơn giản để tạo một trang dành cho người hâm mộ giống như thế để các bạn tiện tham khảo:
Bước 1: Tạo một trang trên Facebook
Bạn truy cập vào đây để tạo một trang theo các chủ đề khác nhau mà bạn yêu thích. Mình chọn website vì trang đó dành cho blogviet:

Bước 1: Tạo trang

Bạn điền tất cả các thông tin như hình trên và cuối cùng là click vào nút Tạo Trang.
Bước 2: Hiệu chỉnh thông tin trang hâm mộ:
Bạn sẽ được dẫn tới một trang mới như sau:

Bước 2: Hiệu chỉnh

Việc bạn cần làm là chỉnh sửa trang này, thay hình ảnh avatar cho mình, thêm các thông tin về trang để bạn bè biết thêm. Sau khi đã chỉnh sửa hết và cảm thấy ưng ý, bạn chỉ cần chọn mục Thêm hộp người hâm mộ vào trang của bạn như hình khoanh đỏ bên tay trái.
Bước 3: Dán code vào blog
Đây là trang bạn nhận mã code của Widget Người Hâm Mộ để dán vào blog của mình. Bạn có thể bỏ nút Include Stream cho widget được gọn hơn và xem DEMO ngay bên tay phải.

Bước 3: Dán code

Copy mã code  về và dán vào vị trí nào mà bạn thích trên blog thì tùy. Bạn có thể thay đổi kích thước chiều rộng và số dòng. Mặc định width là 300px và dòng là 10.
Chúc các bạn thành công và nhớ là hãy trở thành Người Hâm Mộ của blogviet thông qua widget trên blog của mình nhé.

Chat Box đẹp với chức năng Ẩn và Hiển thị hộp thoại Chat

Chat Box đẹp với chức năng Ẩn và Hiển thị hộp thoại Chat

Thursday, November 19, 2009 Labels: Thu thuat, Tin hoc, Widget 3 comments

Hộp Chat Box dạng thu gọn giúp bạn tối ưu hoá hình ảnh của Weblog do ưu điểm không chiếm không gian trên các trang Page, khi cần sử dụng bạn chỉ cần click vào chữ "Chat Box" thì hộp thoại sẽ hiện ra, và cũng thao tác đó bạn ẩn giấu chúng một cách nhanh chóng.

Sau đây là cách thực hiện để tạo được một Hộp Chat Box ẩn giấu được mà anh3ngơ học lỏm được:


Bước 1: Truy cập vào Blogger / Layout /  Edit HTML



Bước 2: Dán đoạn code dưới vào phía trên

Bước 3: Vào  Blogger / Layout /  Page Element và tạo một tiện ích (Add a Gadget) dạng HTML/Javascript


Bước 4: Dán đoạn code dưới vào tiện ích HTML/JavaScript vừa tạo

Chat Box

[Ẩn Chat Box]

Trong đó: Đoạn code màu đỏ là code của hộp chát box, như anh3ngơ sử dụng dịch vụ là của shoutmix, các bạn có thể tạo shoutmix theo hướng dẫn Tạo Shoutbox để chatvới khách thăm blog.


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

Tạo tiện ích “Bài viết ngẫu nhiên – Random Post”

Tạo tiện ích “Bài viết ngẫu nhiên – Random Post”

Tuesday, March 17, 2009 Labels: Thu thuat, Tin hoc, Widget 20 comments

Phattrienso cũng không nhớ rõ đã thực hiện tạo cái widget “Bài viết ngẫu nhiên – Random Post” từ đâu và như thế nào, và cũng tưởng đã post  bài viết hướng dẫn tạo chúng.
Vừa rồi Tac-Ke có qua thăm blog và yêu cầu có bài hướng dẫn thì mới biết là đã bỏ sót bài viết này. Do vậy trong bài viết này phattrienso xin hướng dẫn các bạn cách thực hiện để tạo ra tiện ích “Random Post” hay thường gọi là Bài viết ngẫu nhiên.
Xin nói trước là cách thực hiện cực kỳ đơn giản, bất cứ ai cũng có thể tạo được chỉ bằng vài click.
Trước tiên bạn vào Dashboard - “Bảng điều khiển”  I Layout I Page Elements và Add a Gadget
Chọn Tiện ích HTML/JavaScript (như hình vẽ)

và copy và paste đoạn mã sau vào:

Bạn thấy sao? Rất đơn giản.
Bạn đã được gì? – Một tiện ích “ Bài đăng ngẫu nhiên “.
Bạn nói gì? Nếu có hãy comment nhé.
Bạn muốn cám ơn phattrienso? Hãy click quảng cáo (he he).
Chúc các bạn thành công.

FEEDJIT - Tiện ích Feed cho BlogSpot

FEEDJIT - Tiện ích Feed cho BlogSpot

Trang web FEEDJIT có 4 tiện ích khá hay và bổ ích dành cho các blogger và webmaster có thể cài vào blog/ trang web của mình.

1. LIVE TRAFFIC FEED giúp bạn có thể biết người đọc đến từ quốc gia nào, thông qua trang web nào.
2. LIVE TRAFFIC MAP giúp bạn biết được lượng người đọc tập trung đa số tại đâu.
3. LIVE RECOMMENDED READING giúp bạn biết được bài viết hoặc trang web nào được nhiều người xem. Tương tự như vậy với chức năng cuối cùng.
4. LIVE PAGE POPULARITY giúp bạn thống kê bài viết hoặc trang web được ghé thăm nhiều nhất trong ngày với tỷ lệ % bên cạnh.

Ở đây Đầu Cọ muốn giới thiệu đến mọi người chức năng thứ 4 đã được Đầu Cọ thử nghiệm tại I Love Google trong một thời gian dài như bạn thấy bên phần side-bar của blog. Chức năng khá đơn giản và gọn nhẹ nhưng không cần bạn phải đăng ký làm thành viên của trang web. Chỉ cần ghé vào trang chủ FEEDJIT rồi bấm vào nút Add it!, sao chép đoạn mã vừa được cung cấp. Sau đó đăng nhập vào tài khoản Blogger của bạn, chọn Trình bày | Phần tử Trang, bấm chọn Thêm Phần tử Trang để dán đoạn mã vừa rồi vào phần tử mới HTML/Java Script.

Bài viết nên tham khảo:
>> Cài đặt Google Translate với biểu tượng cờ các quốc gia vào blog
>> Tạo Công cụ tìm kiếm – Search Engine trong Blogspot
>> Tạo tiện ích “Bài viết ngẫu nhiên – Random Post”

Còn một cách đơn giản hơn để thêm tiện ích này vào blog sử dụng dịch vụ Blogger của Google bằng cách bấm chọn vào nút Blogger rồi chọn tên blog bạn cần thêm tiện ích này vào.
Lưu ý rằng FEEDJIT cung cấp cho bạn nhiều mẫu khác nhau với nhiều màu nền, màu font... khác nhau. Vì vậy Đầu Cọ khuyên bạn nên chọn một mẫu cho phù hợp với giao diện blog của mình. Nếu không chọn được một mẫu thích hợp, bạn có thể tự tay thiết kế riêng một mẫu cho mình với những thông số phía dưới: Background: màu nền, Text: màu chữ, Heading: màu tiêu đề, Border: màu viền của tiện ích, Links: màu của các liên kết. Thông số cuối cùng Width giúp bạn điều chỉnh bề ngang của tiện ích sao cho thích hợp với blog của mình.
Vậy là xong phần cài đặt nhưng vì sao Đầu Cọ giới thiệu với mọi người tiện ích cuối cùng tại FEEDJIT? Với 2 tiện ích đầu, Đầu Cọ nghĩ rằng người đọc không quan tâm nhiều lắm tới việc ai và từ đâu ghé thăm blog của bạn. Những tiện ích này thiết nghĩ các blogger hoặc webmaster đã có những công cụ thống kê hiệu quả hơn như Google Analytics... Việc đặt thêm 2 tiện ích đầu không những không bổ ích mà còn chiếm diện tích và có thể làm blog của bạn tải lâu hơn. Ở tiện ích thứ 3, theo lời khuyên từ FEEDJIT thì không nên đặt tiện ích này trên blog của bạn nếu có lượng người ghé thăm ít (dưới 20 lượt/ngày). Còn với tiện ích cuối cùng, những bài viết cũ của bạn sẽ có cơ hội được mọi người ghé đọc nhiều hơn vì xuất hiện tại đây với nhiều lý do khác nhau như nhờ các liên kết từ các diễn đàn hoặc blog khác, từ khóa từ các trang web tìm kiếm... Tại đây khi người đọc ghé thăm blog của bạn, mặc dù bài viết đã cũ nhưng nếu là bài viết có tiêu đề gây sự chú ý hoặc đúng vấn đề họ đang quan tâm thì cũng không thừa. Trong khi nếu không có tiện ích trên, những bài viết cũ của bạn cũng sẽ ít được những người đọc mới ghé thăm "lục soát".

phattrien@so [theo Đầu Cọ-Google]

Tạo dòng chữ chạy đơn giản

Tạo  dòng chữ chạy đơn giản

Để làm dòng chữ chạy hiển thị trên blog, hãy tham khảo các đoạn mã dưới đây.

Link Bài

 
1. Bạn cần một dòng chữ chạy đơn giản, hãy đưa nó vào giữa hai tag ...

Mã :

 Dòng chữ chạy 

Kết quả hiển thị:

Dòng chữ chạy

2. Bạn cần dòng chữ có định dạng (kiểu chữ, font chữ, kích thước chữ, màu sắc,...) liên kết, hình ảnh....

Kiểu chữ

In nghiêng

Mã:

 Chào mừng bạn đến vớiThủ Thuật Cho Blogger! 

Kết quả hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger!

In đậm

Mã:

 Chào mừng bạn đến vớiThủ Thuật Cho Blogger! 

Kết quả hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger!

Font chữ:

Mã:

 Chào mừng bạn đến vớiThủ Thuật Cho Blogger!  

Hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger!

Màu chữ:

Mã:

 Chào mừng bạn đến vớiThủ Thuật Cho Blogger!  

Hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger!

Kích thước chữ:

Mã:

 Chào mừng bạn đến vớiThủ Thuật Cho Blogger!  

Hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger!



Nếu bạn muốn có chữ hoặc hình ảnh hay cả hai cùng "chạy".

Mã:

 Chào mừng bạn đến vớiThủ Thuật Cho Blogger!  

Kết quả hiển thị:

Chào mừng bạn đến vớiThủ Thuật Cho Blogger!


3. Định kích thước hiển thị MARQUEE trên trang

Mã:

Chào mừng bạn đến với Thủ Thuật Cho Blogger

Với WIDTH="20%" (chiều rộng) thì dòng chữ chạy chỉ xuất hiện trong khoảng 20% kích thước màn hình.

Kết quả hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger

Tương tự như vậy bạn có thể định chiều cao HEIGHT.

4. Chiều chạy

Mã:

Chào mừng bạn đến với Thủ Thuật Cho Blogger

Kết quả hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger

Bạn có thể thay LEFT bằng RIGHT, UP và DOWN nếu bạn muốn chiều chạy lần lượt từ bên phải qua, dưới lên và trên xuống

Kết quả hiển thị:

DIRECTION="RIGHT"

Chào mừng bạn đến với Thủ Thuật Cho Blogger

DIRECTION="UP"

Chào mừng bạn đến với Thủ Thuật Cho Blogger

DIRECTION="DOWN"

Chào mừng bạn đến với Thủ Thuật Cho Blogger

4. Cách "chạy":

Mã:

Chào mừng bạn đến với Thủ Thuật Cho Blogger

Kết quả hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger

Như mặc định, dòng chữ chạy này sẽ xuất hiện từ bên trái, và lập đi lập lại. Nếu bạn muốn chỉ "chạy" một lần từ bên trái qua hãy thay SCROLL bằng SLIDE, hoặc ALTERNATE chạy qua lại.

Kết quả hiển thị:

BEHAVIOR="SLIDE"

Chào mừng bạn đến với Thủ Thuật Cho Blogger

BEHAVIOR="ALTERNATE"

Chào mừng bạn đến với Thủ Thuật Cho Blogger

5. Thời gian trễ

Mã:

Chào mừng bạn đến với Thủ Thuật Cho Blogger

Ở đây thời gian trễ tính bằng mili giây (1 miligiây=1/1000 giây). Tôi chọn 200, nghĩa là thời gian trễ bằng 200/1000=0,2 giây

Kết quả hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger

Hãy so sánh:

Không có thời gian trễ

Chào mừng bạn đến với Thủ Thuật Cho Blogger

SCROLLDELAY="100"

Chào mừng bạn đến với Thủ Thuật Cho Blogger

SCROLLDELAY="1000"

Chào mừng bạn đến với Thủ Thuật Cho Blogger

SCROLLDELAY="2000"

Chào mừng bạn đến với Thủ Thuật Cho Blogger

6. Số lần lặp

Mã:

Chào mừng bạn đến với Thủ Thuật Cho Blogger

Nếu bạn muốn số lần lặp lại cụ thể, hay thay 10 bằng con số khác. Sau lần lặp cuối dòng chữ sẽ biến mất.

Kết quả hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger

7. Bước "nhảy":

Mã:

Chào mừng bạn đến với Thủ Thuật Cho Blogger

30 ở đây là số pixel (số điểm ảnh) trên màn hình của bạn. Mỗi lần xuất hiện dòng chữ sẽ "nhảy" một bước cách điểm trước đó 30 pixel.

Kết quả hiển thị:

SCROLLAMOUNT=30

Chào mừng bạn đến với Thủ Thuật Cho Blogger

SCROLLAMOUNT=60

Chào mừng bạn đến với Thủ Thuật Cho Blogger

SCROLLAMOUNT=100

Chào mừng bạn đến với Thủ Thuật Cho Blogger

8. Màu nền

Mã:

Chào mừng bạn đến với Thủ Thuật Cho Blogger

Kết quả hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger

Thay ORANGE bằng các từ khác để được màu theo ý muốn của bạn. Ví dụ: RED (đỏ), BLUE (xanh da trời), GREEN (xanh lá cây), PINK (hồng), YELLOW (vàng), VIOLET (tím), BLACK (đen)....


Cuối cùng, bạn copy mã, paste vào HTML/JavaScript (Template | Add A Page Element | HTML/JavaScript), di chuyển đến vị trí thích hợp bấm Save để hoàn tất.

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

Cơ cấu tổ chức của mẫu Blogger Template

9/01/2009 06:38:00 CH Được đăng bởi tranhung09

Trước khi thiết kế một mẫu template, bạn cần hiểu biết về cơ bản cơ cấu tổ chức của mẫu Blogger template. Về cơ bản, cấu trúc của bất kỳ các mẫu là không hoàn toàn giống nhau. Nhưng, với những hiểu biết cơ bản bạn có thể hiểu rõ được các cơ chế của mẫu blog hiện có, thiết kế được mẫu blog và có thể làm thay đổi cơ cấu tổ chức của blog.
Một vài phần cấu trúc của mẫu blog mà bạn có thể thấy hầu hết trong các blog: headers, footers, và phần bài viết. Nhưng có một số phần tạm gọi là các sections blocks hoặc containers không hiển thị trên màn hình nhưng nó là các HTML-wise quan trọng được xây dựng để mẫu blog làm việc theo đúng chức năng.
Chúng ta xem hình ở dưới, một mẫu cơ bản container bao gồm các khối như dưới:

Chi tiết cụ thể bao gồm:

1. Body: là toàn bộ viền bao outer các khối mẫu blog của bạn (nói một cách đơn giản nó là toàn bộ những thứ mà bạn nhìn thấy hiển thị trên màn hình).
2. Outer-wrapper: nội dung này bao trùm toàn bộ mẫu blog (Body giống như là phần bên ngoài mẫu blog). Nói chung, bạn thiết kế một wrapper để chứa nhiều các block nhỏ trong đó. Các block chung hầu hết chứa trong Outer-wrapper là các Header, Content, và Footer.
3. Header: block này là phần trên cùng của hầu hết các blog (cái tên header đã nói lên điều này một cách rõ ràng). Nhưng bên trong Header bạn có thành phần phụ khác đó là Header Title, Header Descripaion và các thành phần khác giống như banners quảng cáo, thanh trình đơn menu bar,,,. Do vậy, để chửa toàn bộ các blocks phụ nói trên trong đó thì Header nhất thiết phải được thiết kế đủ rộng để chứa chúng.
4. Content: nằm dưới Header là Content-wrapper – đây là phần quan trọng hơn cả, chứa các thành phần quan trọng như Sidebar containers (1,2 hoặc nhiều sidebars) và phần nội dung chính (phần chứa các bài viết, nhận xét hoặc các quảng cáo).
5. Footer: là phần nằm ở phía dưới cùng của hầu hết các mẫu. Giống như Header section, bạn cũng cần phải thiết kế Footer-wrapper để chứa các nội dung phụ trong Footer section.
6. Main: Main-wrapper là thành phần chính nằm trong Content-wrapper. Bên trong Main-wrapper là phần bài viết, nhận xét, ngày tháng đăng bài và các tiện ích khác được tạo từ lựa chọn “Add Page Element”.
7. Sidebar: là thành phần bao gồm các tiện ích - About Me, Labels, Archive, Text, HTML, Adsense. Trong mẫu cơ bản của Blogger template, bạn thường thấy các mẫu có 1 sidebar - hoặc 2-column (Main and Sidebar). Nhưng bạn cũng có thể dễ dàng thêm các cột Sidebar vào mẫu Blogger. Bạn cần phải hiểu rõ về chúng, trước hết là về cơ cấu tổ chức của các mẫu Blog để có thể quyết định thêm vào bên trái hay bên phải Main container các Sidebar để tạo thành mẫu 2 sidebars – hoặc mẫu 3-column.
8. Blog Post: Đây là phần bài viết của bạn hiển thị bào gồm Tiêu đề bài viết, bài viết, tác giả, Labels, ...

Một cách khác để hiểu rõ hơn về cấu trúc mẫu blog là xem biểu thị tree bắt đầu từ nội dung lớn cho tới các phần phụ nhìn giống như:

• Body
  
  • Outer-wrapper
  • Header-wrapper
    
    • Blog Title
    • Blog Description
    • Other widgets
    
    
  • Content-wrapper
    
    • Sidebar-wrapper (1,2,3...)
    • Main-wrapper
    • Date Header
    • Posts
      
      • Post Title
      • Post Content (or called Post Body)
      • Post Footer (Author, Labels, etc)
      
      
    • Comments
    • Feed Link
    • Other widgets (mostly ad units)
    
    
  • Footer-wrapper
    
    • Footer text (disclaimer, copyrights, etc)
    • Other widgets
    
    
  
  

Một khi bạn hiểu rõ cấu trúc cơ bản này, nó sẽ giúp bạn dễ dàng hơn để bắt đầu học tập về cấu trúc mã Blogger. Học mã cấu trúc không phải là học tập về HTML hay CSS, nhưng khi hiểu rõ mã mẫu Blogger được tổ chức ra sao sẽ giúp bạn thùy chỉnh mẫu một cách khá nhiều chỉ với những kiến thức cơ bản nhất.
Hướng dẫn tiếp theo: sẽ giúp bạn Tìm hiểu cấu trúc mã code của mẫu Blogger

Nguồn: VnPressNet

Hướng dẫn tạo template 3 cột

Hướng dẫn tạo template 3 cột

 

#Published Anhvo, 02:49:00 PM, 02/10/200710/02/2007 02:49:00 PM

Tất cả các template mẫu của blogger.com tính đến hiện tại (10/2007) đều mặc định chỉ có 2 cột: một sidebar(cột biên) bên phải và một main hiện các bài viết. Đối với các mẫu template này, nhiều bạn cảm thấy bất tiện và ngay chính tôi cũng không thích gì nó lắm, khi blog của bạn có nhiều Widget thì việc bố trí widgets chỉ trên một sidebar bên phải sẽ làm cho ta có cảm giác "nặng nề" mất cân đối, vì thế blog sẽ không đẹp. Bài này sẽ hướng dẫn các bạn thêm một sidebar bên trái, và hơn thế nữa, đọc xong bài này bạn có thể tự tạo cho mình thêm hai cột, ba cột... bên trái hay bên phải tùy thích.

1. Lý thuyết

Các template của blogger sử dụng tag

để "định nghĩa" và định vị các wrapper (gói). Phần header (đầu) nằm trong header-wrapper. Phần sidebar nằm trong sidebar-wrapper. Phần main (chứa bài viết) nằm trong main-wrapper. Phần footer (chân) nằm trong footer-wrapper. Main-wrapper và Sidebar-wrapper nằm trong Content-wrapper. Header, Content, Footer Warapper nằm trong Outer-wrapper.

Có thể hình dung cách bố trí như vậy theo sơ đồ sau:



2. Thực hành

Bây giờ chúng ta thực hành tạo thêm cột bên trái (leftsidebar) cho blog của mình. (bài này hướng dẫn với mẫu Minima, các mẫu khác cũng làm tương tự).

Vào Edit Template, có 2 chỗ cần chỉnh sửa, đó là CSS và BODY.

- Edit CSS:

Tìm đến đoạn code có dạng như sau:

CODE 1:

/* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 660px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; } #main-wrapper { width: 410px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { width: 220px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

#outer-wrapper: Bạn hãy để ý các chữ màu đỏ, 660 đó là độ rộng mặc định của toàn bộ blog của bạn. Bạn hãy thay đổi con số này lớn hơn một tí để khi thêm sidebar bên trái vào blog của bạn nhìn không hẹp phần giữa. Ví dụ tôi thay 660 bằng 970.

#main-wrapper: Độ rộng thể hiện bài viết là 410. Bạn có thể thay bằng một số lớn hơn, nên chọn 500 hoặc 550. Tôi thay bằng 550.

#sidebar-wrapper: hiện tại chúng ta chỉ có 1 sidebar, độ rộng là 220. Hãy chú ý dòng float: right; , dòng này cho biết sidebar sẽ hiển thị bên phải.

Như vậy, để thêm một sidebar bên trái nữa, ta chỉ cần copy đoạn code của #sidebar-wrapper và chỉnh chữ "right" thành "left". Nhưng bạn phải hiệu chỉnh bề rộng của các sidebar (các dòng width: 220px; ), sao cho tổng bề rộng của 2 sidebar-wrapper và main-wrapper nhỏ hơn outer-wrapper. (Ví dụ bài này là 550+ 200 + 200 =950 < 970)

Đoạn CODE 1 sau khi copy và chỉnh sửa:

CODE 2:

/* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 970px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; } #main-wrapper { width: 550px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { width: 200px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #leftsidebar-wrapper { width: 200px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

Tiếp theo, tìm trong CSS đoạn code như sau:

CODE 3:

#header-wrapper { width:660px; margin:0 auto 10px; border:1px solid $bordercolor; }

CODE 4:

#footer { width:660px; clear:both; margin:0 auto; padding-top:15px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; }

Hãy thay các số 660 (độ rộng của #header-wrapper và #footer) bằng với độ rộng của #outer-wrapper mà lúc nãy bạn đã thay. Ví dụ của tôi là 970.

Như vậy đoạn CODE 3 và CODE 4 sẽ trở thành:

CODE 5:

#header-wrapper { width:970px; margin:0 auto 10px; border:1px solid $bordercolor; }

CODE 6:

#footer { width:970px; clear:both; margin:0 auto; padding-top:15px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; }

- Edit BODY: Lưu ý là không đánh dấu chọn Expand Widget Templates với thao tác này.

Tìm sau thẻ đoạn code "tương tự" như sau:

CODE 7:

Copy toàn bộ đoạn CODE 8 này vào "ngay phía trên" đoạn CODE 7 vừa tìm được. Sở dĩ phải "ngay phía trên" là vì leftsidebar sẽ hiển thị bên trái của main-wrapper.

CODE 8:

Như vậy phần EDIT BODY nhận được là:

CODE 9:

Xong rồi, bây giờ bạn Save Template lại, vào Page Elements để thêm các Widget bình thường.

Nếu như bạn làm không được, có thể DOWNLOAD ở đây templates 3 cột mẫu tôi đã làm sẵn. Lưu ý khi thay template mới nó sẽ làm mất một số widget của bạn và đòi hỏi bạn phải tạo lại widget (mất công thôi chứ ko có gì).

Blog 2 cột:


Sau khi thêm 1 cột:


*** Bằng cách tương tự, bạn có thể tạo thêm 1,2 sidebar nữa tùy thích. Mọi thứ đều nằm trong tay bạn.

Anh Võ

Cách đơn giản để lấy tạo Feed từ trang không hỗ trợ Feed

Cách đơn giản để lấy tạo Feed 

từ trang không hỗ trợ Feed

#Published Anhvo, 09:08:00 PM, 30/6/20096/30/2009 09:08:00 PM

Bạn vào 1 trang web, 1 blog, 1 forum và thích chuyên mục trong đó. Bạn muốn theo dõi tin tức trang đó hàng ngày bằng cách đơn giản nhất là lấy Feed từ chuyên mục đó, hoặc chỉ là để lấy tin mới nhất từ mục đó vào blog của bạn. Nhưng nếu trang web đó không hỗ trợ Feed thì sao? Ở đây có 1 cách vô cùng đơn giản sẽ giúp bạn tạo Feed cho chuyên mục mà bạn ưa thích.

Dưới đây tôi sẽ làm ví dụ, lấy Feed cho chuyên mục http://www.xomnhiepanh.com/story.php

- Vào trang http://feedity.com

- Bạn điền vào ô trống địa chỉ của chuyên mục http://www.xomnhiepanh.com/story.php. Sau đó bấm nút Preview.

- Trở lại chuyên mục của bạn, xem nó bao gồm những bài nào. Chọn 1 bài để nhớ. Ở đây tôi chọn (nhớ) bài đầu tiên là "Lại việc đặt tên cho ảnh".

- Trở lại trang Feed vừa Preview, ở mục Simple Refine bên phải, bạn bấm menu xổ xuống sẽ thấy hàng loạt các link từ trang muốn tạo Feed. Bạn chọn link cho chuyên mục của mình, tất nhiên là chọn "Lại việc đặt tên cho ảnh" mà lúc nãy mình đã nhớ. (Vì nó nằm trong chuyên mục cần lấy Feed)

- Bấm Refine. Bây giờ bên phải sẽ là một danh sách các link "đúng" từ chuyên mục mà mình muốn lấy Feed. Bạn chọn một Category tùy ý rồi bấm Get Feed.

Bây giờ link Feed của bạn đã có. Bạn có thể sử dụng nó cho mục đích riêng của mình.

Hybrid News Dành Cho Blogger

by Tran Tinh on August 23, 2009

Hybrid Theme là một trong wordpress framework đang được yêu thích trên internet bởi đó là theme cho phép các blogger thoải mái thiết kế các child theme theo phong cách của riêng mình. Hơn nữa, Hybrid là themes được thiết kế theo chuẩn CSS và XHTML và được tối ưu SEO. Có rất nhiều child theme đã ra đời dành cho Hybrid và một trong số đó phải kể đến Hybrid News.
Hybrid News là dạng Premium Themes dành cho các blog magazine mà blogviet khá thích. Tuy nhiên, do nhiều lý do mà blogviet chưa thể chuyển sang theme này được. Hơn thế nữa, nó được chia sẻ miễn phí cho tất cả blogger.
Nếu như WordPress có Hybrid News thì blogger cũng đã có bản clone khá hoàn hảo được chia sẻ miễn phí trên btemplates bởi freebloggertemplate.info. Điều ấn tượng của templates này là khả năng tích hợp slide feature cho các bài ấn tượng mà nhiều templates không có.

Hinh anh DEMO

Cài đặt template này cũng không khác gì các templates khác, chỉ có điều phần Slide Feature thì cần mất mọt chút thời gian thì nó mới chạy như trang DEMO được. Tính năng thumbnail đã được tích hợp sẵn và tự hiển thị hình ảnh thumbnail khi trong bài viết có hình ảnh đính kèm.
Hướng dẫn hiệu chỉnh Hybrid News Templates:
Để hiệu chỉnh template, bạn đăng nhập vào blogger, tìm đến Edit HTML và chọn expand full templates:
1. Top Navigations (giống như Pages trong WordPress):
Tìm đến đoạn code sau rồi chỉnh sửa theo ý muốn các khu vực có màu sắc:

• Home


• About” href=”#“>About


• Archives” href=”#“>Archives


• Blog” href=”#“>Blog


• Elements” href=”#“>Elements


• New menu” href=”#“>New Menu

2. Second Navigations (giống như Category trong WordPress):
Tìm đến đoạn code sau và hiệu chỉnh các mục có màu sắc khác nhau:

• Edit Title” href=”#“>Edit


• Edit Title” href=”#“>Edit


• Edit Title” href=”#“>Edit


• Edit Title” href=”#“>Edit

3. Slide Feature [Tự động cập nhật hình ảnh và nội dụng như trong WordPress]
Lưu ý: Để cho tính năng này hoạt động tốt, blog của bạn phải có ít trên trên 2 bài viết đã đăng nhé. Nếu có ít hơn 2 bài thì nó sẽ không hoạt động đâu.
Tìm đến đoạn code có chứa địa chỉ feed của blog như sau:
http://iloveblogviet.blogspot.com/feeds/posts/default
Thay chữ iloveblogviet thành domain của bạn. Nếu bạn muốn hiển thị theo các label khác nhau thì dùng đường link có cấu trúc như sau:
http://iloveblogviet.blogspot.com/feeds/posts/default/-/yourbloglabel
Hiện nay chỉ có 2 script trong Slide Feature:
Script 1:

startposts = 0;
numposts = 1;
home_page = “http://iloveblogviet.blogspot.com/feeds/posts/default”;

Script 2:

startposts = 1;
numposts = 2;
home_page = “http://iloveblogviet.blogspot.com/feeds/posts/default”;

Đồng nghĩa chỉ có 2 bài thay nhau luân phiên. Nếu bạn muốn thêm nhiều hơn VD: 5 bài thì bạn chỉ cần thêm đoạn code sau:

”); //]]>

Copy nó và chèn thêm 3 đoạn ngay dưới rồi thay các chỉ số sau theo thứ tự tăng dần:
startposts = 0;
numposts = 1;
Nếu là slide 3 thì các số sau sẽ tương ứng:
startposts = 2;
numposts = 3;
Các slide tiếp theo cứ tăng dẫn như ở trên. Sau khi đã thêm và hiệu chỉnh, các bạn nên Preview trước xem nó hoạt động ra sao trước khi Save Changes nhé.
Nếu đã ok thì coi như mọi thứ đã hoàn thành. Các bạn có thể xem DEMO thì vào blog dự phòng của mình tại đây và download tại đây. Bạn nào ngại hiệu chỉnh và muốn dùng luôn cái của mình thì cứ cho mình biết nhé.
Chúc thành công nhé.
Các bài liên quan:

Cơ cấu tổ chức của mẫu Blogger Template

9/01/2009 06:38:00 CH Được đăng bởi tranhung09

Trước khi thiết kế một mẫu template, bạn cần hiểu biết về cơ bản cơ cấu tổ chức của mẫu Blogger template. Về cơ bản, cấu trúc của bất kỳ các mẫu là không hoàn toàn giống nhau. Nhưng, với những hiểu biết cơ bản bạn có thể hiểu rõ được các cơ chế của mẫu blog hiện có, thiết kế được mẫu blog và có thể làm thay đổi cơ cấu tổ chức của blog.
Một vài phần cấu trúc của mẫu blog mà bạn có thể thấy hầu hết trong các blog: headers, footers, và phần bài viết. Nhưng có một số phần tạm gọi là các sections blocks hoặc containers không hiển thị trên màn hình nhưng nó là các HTML-wise quan trọng được xây dựng để mẫu blog làm việc theo đúng chức năng.
Chúng ta xem hình ở dưới, một mẫu cơ bản container bao gồm các khối như dưới:

Chi tiết cụ thể bao gồm:

1. Body: là toàn bộ viền bao outer các khối mẫu blog của bạn (nói một cách đơn giản nó là toàn bộ những thứ mà bạn nhìn thấy hiển thị trên màn hình).
2. Outer-wrapper: nội dung này bao trùm toàn bộ mẫu blog (Body giống như là phần bên ngoài mẫu blog). Nói chung, bạn thiết kế một wrapper để chứa nhiều các block nhỏ trong đó. Các block chung hầu hết chứa trong Outer-wrapper là các Header, Content, và Footer.
3. Header: block này là phần trên cùng của hầu hết các blog (cái tên header đã nói lên điều này một cách rõ ràng). Nhưng bên trong Header bạn có thành phần phụ khác đó là Header Title, Header Descripaion và các thành phần khác giống như banners quảng cáo, thanh trình đơn menu bar,,,. Do vậy, để chửa toàn bộ các blocks phụ nói trên trong đó thì Header nhất thiết phải được thiết kế đủ rộng để chứa chúng.
4. Content: nằm dưới Header là Content-wrapper – đây là phần quan trọng hơn cả, chứa các thành phần quan trọng như Sidebar containers (1,2 hoặc nhiều sidebars) và phần nội dung chính (phần chứa các bài viết, nhận xét hoặc các quảng cáo).
5. Footer: là phần nằm ở phía dưới cùng của hầu hết các mẫu. Giống như Header section, bạn cũng cần phải thiết kế Footer-wrapper để chứa các nội dung phụ trong Footer section.
6. Main: Main-wrapper là thành phần chính nằm trong Content-wrapper. Bên trong Main-wrapper là phần bài viết, nhận xét, ngày tháng đăng bài và các tiện ích khác được tạo từ lựa chọn “Add Page Element”.
7. Sidebar: là thành phần bao gồm các tiện ích - About Me, Labels, Archive, Text, HTML, Adsense. Trong mẫu cơ bản của Blogger template, bạn thường thấy các mẫu có 1 sidebar - hoặc 2-column (Main and Sidebar). Nhưng bạn cũng có thể dễ dàng thêm các cột Sidebar vào mẫu Blogger. Bạn cần phải hiểu rõ về chúng, trước hết là về cơ cấu tổ chức của các mẫu Blog để có thể quyết định thêm vào bên trái hay bên phải Main container các Sidebar để tạo thành mẫu 2 sidebars – hoặc mẫu 3-column.
8. Blog Post: Đây là phần bài viết của bạn hiển thị bào gồm Tiêu đề bài viết, bài viết, tác giả, Labels, ...

Một cách khác để hiểu rõ hơn về cấu trúc mẫu blog là xem biểu thị tree bắt đầu từ nội dung lớn cho tới các phần phụ nhìn giống như:

• Body
  • Outer-wrapper
  • Header-wrapper
    • Blog Title
    • Blog Description
    • Other widgets
  • Content-wrapper
    • Sidebar-wrapper (1,2,3...)
    • Main-wrapper
    • Date Header
    • Posts
      • Post Title
      • Post Content (or called Post Body)
      • Post Footer (Author, Labels, etc)
    • Comments
    • Feed Link
    • Other widgets (mostly ad units)
  • Footer-wrapper
    • Footer text (disclaimer, copyrights, etc)
    • Other widgets

Một khi bạn hiểu rõ cấu trúc cơ bản này, nó sẽ giúp bạn dễ dàng hơn để bắt đầu học tập về cấu trúc mã Blogger. Học mã cấu trúc không phải là học tập về HTML hay CSS, nhưng khi hiểu rõ mã mẫu Blogger được tổ chức ra sao sẽ giúp bạn thùy chỉnh mẫu một cách khá nhiều chỉ với những kiến thức cơ bản nhất.
Hướng dẫn tiếp theo: sẽ giúp bạn Tìm hiểu cấu trúc mã code của mẫu Blogger

Nguồn: VnPressNet

http://www.co.cc/

Đang Ký tên miền co.cc

http://www.co.cc/

Khi tìm đã tìm được tên miền ưng ý. Bạn tiến hành đăng ký. Nếu không rành tiếng Anh, hãy đổi sang tiếng Việt ở menu chọn ngôn ngữ nằm trên góc phải.


Lưu ý: Ở khung điền Host bạn chỉ cần gõ www các phần còn lại tên miền sẽ tự động được điền. Đến đây bạn có thể tiến hành khai báo tên miền mới cho blog và chờ tên miền này hoạt động trong vòng 1 giờ sắp tới.

Tên miền co.cc cũng hỗ trợ chuyển tiếp tới một địa chỉ khác, ở đây chúng ta sẽ chuyển tiếp đến blog Yahoo! 360. Để sử dụng bạn chọn URL Forwarding và nhập thông tin.
Redirect To: Địa chỉ chuyển tiếp đến blog của bạn. Ví dụ:
như blog tôi là http://vn.myblog.yahoo.com/cho-con

• Page Title: Tên blog. Ví dụ: ¯¨~-.¸¸,.-~*' HIJIKATA Toshizou ¯¨'*·~-.¸
  
  

• Frame: Chọn Path Forwarding (Display real address) để chuyển tiếp đến địa chỉ blog của bạn, hiển thị địa chỉ thật của blog. Chọn còn lại nếu bạn muốn dấu địa chỉ blog thật của mình.
  • Meta Description: Miêu tả blog.(vd:chữ Thành cái mà bất kì samurai vẫn giữ trng lòng đầy tôn kính)
  • Meta Keywords: Các từ khóa của blog.(vd:nhat ban)
• Hai thẻ meta này giúp các công cụ tìm kiếm đánh chỉ mục và tìm thấy blog của bạn trong các máy chủ tìm kiếm của họ.
• 
  
  
  Cuối cùng nhấp Setup để hoàn thành. Vậy là bạn có thể truy cập blog với một địa chỉ khác địa chỉ mặc định của nhà cung cấp. Hãy thử truy cập blog Yahoo! 360 Plus của toshi xem nhé: www.hijikatatoshizou.co.cc

Ngày nay tên miền quốc tế có giá khá rẻ, nếu không thích sử dụng miễn phí như vậy bạn có thể đầu tư một khoản nhất định mua tên miền, blog của bạn sẽ chuyên nghiệp hơn chẳng khác nào một website

nguồn :http://www.thuthuatblog.com/

Đăng ký tên miền tenban.CU.TO cho Blog Plus

Đăng ký tên miền tenban.CU.TO cho Blog Plus

---

.Lần trước Chip đã vít bài hướng dẫn đăng kí tên miền tenban.tk cho Blog Plus rùi
hum nai rảnh nên post típ cái tên miền tenban.CU.TO cho Blog nha
hị ^^!
cái nài cho các bạn nào thích nghịch ngợm nha ^^!

VD:
http://chiplove.cu.to
http://chiplove9xpro.cu.to

Bức ảnh trên wWw.ChipLove.Biz đã được thu nhỏ. Click vào đây để xem ảnh với kích cỡ 652x466 với dung lượng %3$sKB.

Để có 1 tên miền .Cu.To như trên
đầu tiên
các bạn vào đây để đăng kí nha
http://www.cu.to/register.php

Nó sẽ bảo bạn nhập tên miền cần đăng kí, quy định các chữ cái từ A-Z và số, và đc quyền có ký tự - ở giữa
Ghi tên miền xong, các bạn nhấn Check để kiểm tra
Nếu tên miền có rồi nó sẽ báo tenmien.cu.to is taken
Nếu chưa ai dùng, nó sẽ báo Available như bên dưới
Típ theo các bạn click vào Click here to register để bắt đầu đăng kí



nó sẽ hỏi họ, tên, email của bạn
Cái email cần điền chính xác để tí nó gửi link xác nhận tới nhé, điền lung tung là mất tên miền đó.
Bên dưới cùng các bạn chèn link blog của mình vào
Sau đó nhấn Continue



Okie, ko có lỗi nào, nó sẽ chuyển tới trang để mình tùy chỉnh tiêu đề, giới thiệu, từ khóa của blog
Các bạn làm tương tự như mình, rùi check vô cái *By submiting...
Cuối cùng nhấn Finish Registration để kết thúc.



Nó thông báo đã đăng kí thành công, domain của mình đã đc thêm vào cơ sở dữ liệu

Bây giờ các bạn phải vào cái mail mà mình đăng kí ở trên để kích hoạt tên miền này



Ở mail nó sẽ gửi tới 1 đường link như bên dưới, các bạn click vô đó để kích hoạt tên miền



Okie, đã kích hoạt xong rồi



Bây giờ các bạn có thể vào blog của mình = tên miền vừa đăng kí
^^!
hì
thía là xong rồi
Chúc thành công nha ^^!
hì hì
Demo: