Latest Posts

Thứ Năm, ngày 12 tháng 1 năm 2012

Blogger cho phép nhận xét theo luồng

Là một fan của Blogger chắc chắn bạn sẽ tiếp tục yêu thích nền tảng này với một tính năng thú vị vừa được công bố: Nhận xét theo chủ đề. Cụ thể hơn tính năng này cho phép tác giả hoặc những bạn đọc khác hồi âm người đã để lại nhận xét trước đó bằng cách trả lời tiếp theo nội dung của họ mà không cần phải trả lời theo thứ tự như trước. Đây là một tính năng rất quen thuộc đối với người dùng WordPress và hôm nay chúng ta đã thấy có mặt ở Blogger.


Để sử dụng tính năng mới này, bạn cần cài đặt Feed ở chế độ đầy đủ bằng cách đăng nhập Blogger, chọn Settings (Cài đặt) -> Site Feed (Nguồn cấp Trang Web), chọn Full (Đầy đủ) tại mục Allow Blog Feeds (Cho phép Nguồn cấp dữ liệu Blog).


Sau đó hãy chọn vị trí khung nhận xét Embedded below post (Nhúng bên dưới bài đăng) như hình:


Bây giờ hãy mở blog của bạn để thử nghiệm tính năng mới này!

Nếu bạn sử dụng một template tùy biến, đã theo các hướng dẫn trên nhưng vẫn chưa thấy xuất hiện, hãy tiếp tục đọc hướng dẫn này.

Nhấn thẻ Design (Thiết kế) -> Edit HTML (Chỉnh sửa HTML), thực hiện sao lưu template đề phòng trường hợp làm sai chúng ta có thể phục hồi, sau đó nhấn Expand widgets templates (Mở rộng tiện ích mẫu) tìm đoạn code sau đây:

<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</div>

Và thay thế bằng:

<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>

Lưu lại mẫu và thưởng thức sự khác biệt!

Chúc bạn cuối tuần vui vẻ!
read more...

Thứ Sáu, ngày 30 tháng 12 năm 2011

Danh mục: hướng dẫn cách tạo blog mới với blogger của google

Chào mừng các bạn đến blog "Hướng dẫn cách tạo blog" trên blogger của google (hay còn gọi nôm là là blogspot :) ). Để các bạn tiện theo dõi, tôi sẽ liệt kê chi tiết từ A-Z các bước từ cách tạo một blog như thế nào cho đến việc tùy chỉnh các thiết lập trên blog:

Hướng dẫn cách đăng ký tạo một blog mới:

- Hướng dẫn tạo mới một tài khoản Email của google (hay tạo một tài khoản gmail mới)
- Hướng dẫn tạo một tài khoản Google để có thể sử dụng nhiều dịch hữu ích của google
- Hướng dẫn tạo một blog mới trên blogger của google

Các hướng dẫn khác trên blog:

- Cách tìm, chọn và áp dụng một mẫu có sẵn cho blog  của bạn
- Tùy biến mẫu có sẵn, tùy biến nâng cao
- Cách viết và xuất bản blog
- Cách up và chèn ảnh cho bài viết trên blog
- Cách up và chèn video cho bài viết trên blog
- Cách up và chèn âm thanh cho bài viết trên blog
- Cách up và chèn flash cho bài viết trên blog
- Tự động hóa lịch xuất bản, cách đặt lịch xuất bản bài viết
- Tổ chức, quản lý bài viết với đặt nhãn
- Cách tạo một menu ngang cho blog
- Cách tạo menu sổ
- Cách tạo một biểu tượng fanvico cho blog thêm chuyên nghiệp
- Cách tạo banner
- Cách trỏ một tên miền miễn phí lên blog của bạn
- Cách trỏ một tên miền chuyên nghiệp cho blog của bạn
- Cách tạo một diễn đàn cho blog của bạn
read more...

Thứ Ba, ngày 18 tháng 10 năm 2011

Hướng dẫn tạo mới một tài khoản Email của google (hay tạo một tài khoản gmail mới)

Bạn muốn có địa chỉ thư điện tử với tốc độ gửi - nhận tin nhanh? Mình đã sử dụng Gmail của Google và rất ưng ý: đăng kí nhanh , tốc độ gửi và nhận tin nhanh, dung lượng lưu trữ lớn, quản lí cũng rất dễ dàng... Ngoài ra, với tài khoản gmail, bạn có thể tham gia rất nhiều các dịch vụ khác của các website, mạng xã hội và dịch vụ internet khác có liên kết với google.... thật Cool phải không ! Bây giờ xin được hướng dẫn các bạn cách tạo một tài khoản Gmail.


Đầu tiên bạn vào bằng địa chỉ http://gmail.com/, sau đó làm theo các hướng dẫn dưới đây:

1. Nhấp vào nút Tạo một tài khoản mới để đăng kí tài khoản Gmail





2. Bạn cần điền đầy đủ thông tin vào ô theo hướng dẫn:



Giao diện trang đăng kí Gmail

 3. Xác minh tài khoản:

Trong trường hợp Google bắt bạn xác minh tài khoản để chống spam qua điện thoại thì bạn cần nhập số DDT của mình vào nhé


 Sau khi nhận được tin nhắn mã xác mình thì nhập vào ô xác mình và bấm Xác minh để xác nhận và hoàn thành quá trình tạo tài khoản gmail.



CHÚC CÁC BẠN THÀNH CÔNG!
read more...

Danh sách tuyển chọn các website về blog templates dành cho blogger

Blogger cho phép bạn chọn và thay đổi mẫu giao diện của blog với rất nhiều mẫu đẹp mắt. Bạn có thể tùy chỉnh theo ý thích của mình. Nếu muốn chọn các mẫu có sẵn bạn có thể tìm và tải về các mẫu đẹp trên các trang như:

- 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

Để thay đổi giao diện blog template của mình, bạn xem bài viết hướng dẫn Cách tìm, chọn và áp dụng một mẫu có sẵn cho blog  của bạn.
read more...

Thứ Sáu, ngày 08 tháng 7 năm 2011

Blogger thay đổi giao diện

Thời gian gần đây Google giới thiệu rất nhiều dịch vụ mới và nâng cấp giao diện cho các dịch vụ hiện tại. Và Blogger là một trong số những dịch vụ được nâng cấp giao diện trong đợt này như một thông báo phát đi từ tháng 4 năm nay.

Cảm nhận ban đầu về giao diện này khá hiện đại, bố trí các biểu tượng và mục rõ ràng, màu sắc khá giống với 2 themes Preview & Preview (Dense) vừa được Gmail giới thiệu cách đây không lâu và đặc biệt là tốc độ tải rất nhanh.

Trong giao diện cài đặt của blog, các thẻ đã được thay thế bằng các menu bên trái và nội dung từng mục được hiển thị ngay để điều chỉnh. Thủ Thuật Blog nhận thấy cách bố trí giao diện này với các menu bên trái không lạ gì đối với những tín đồ WordPress.

Chỉ cần truy cập blog tại địa chỉ draft.blogger.com có thể dùng thử giao diện mới này.


Bạn cảm nhận như thế nào về giao diện mới của Blogger?
read more...

Thứ Hai, ngày 04 tháng 7 năm 2011

HostGator khuyến mãi khủng: Giảm giá 40%

Cơ hội duy nhất trong ngày hôm nay 04/07/2011 (Ngày Quốc khánh của Mỹ) dành cho những ai mua host tại HostGator - một nhà cung cấp dịch hosting được nhiều blogger Việt Nam sử dụng - với khuyến mãi khủng: Giảm giá 40%!

Một vài lưu ý từ HostGator:

  • Chỉ duy nhất trong ngày hôm nay. Kết thúc lúc 11:59PM giờ CST.
  • Giảm giá 40% cho hóa đơn đầu tiên của tất cả các gói và tất cả thời gian
  • Các khách hàng hiện tại có thể được hưởng khuyến mãi này bằng cách tạo thêm tài khoản phụ.

Bạn có thể mua host tại HostGator qua link giới thiệu của Thủ Thuật Blog: JULY4
read more...

Thứ Sáu, ngày 24 tháng 6 năm 2011

Chia header thành 2 phần

Kể từ khi đưa vào sử dụng Template Designer mã nguồn mẫu do Blogger đề xuất đã thay đổi rất nhiều so với những mẫu được sử dụng trước đó. Nhiều thành phần mới được thêm vào và việc tùy biến giao diện đòi hỏi phải công phu hơn nhưng không có nghĩa là không làm được.

Bài viết này hướng dẫn cách chia thành phần header (đầu) thành hai phần khác nhau, giúp bạn có thể đặt chỗ cho một logo bên trái và treo thêm một banner bên phải.

Mặc định phần đầu của Blogger chỉ chứa tên blog và miêu tả về blog nằm ngang trên cùng. Công việc của chúng ta là "cắt" phần đầu này ra làm hai.

Ở đây xin lấy mẫu SIMPLE đầu tiên làm ví dụ minh họa.

Bước 1. Đăng nhập Blogger, tại thẻ Design (Thiết kế) | Edit HTML (Chỉnh sửa HTML) tìm đoạn code sau đây:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Thủ Thuật Blog (Header)' type='Header'/>
</b:section>

Và thay bằng:

<b:section class='header' id='header-left' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Thủ Thuật Blog (Header)' type='Header'/>
</b:section>
<b:section class='header' id='header-right' maxwidgets='1' showaddelement='yes'/>

Bước 2. Tiếp tục tìm header-outer bạn sẽ nhìn thấy như thế này:

.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;
}

Bây giờ chúng ta thay bằng:

.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;
height: 100px;
overflow: hidden;
}

#header-left{
width: 350px;
float: $startSide;
overflow: hidden;
}

#header-right{
width: 468px;
float: $endSide;
overflow: hidden;
}

.tabs-outer{
clear: both;
}

Và tiến hành lưu lại.

Như bạn thấy trong đoạn CSS trên tôi đã đề nghị kích thước ngang header-leftheader-right lần lượt là 350px và 468px. Tổng kích thước này không được vượt quá chiều ngang của template.

Tùy vào kích thước logo và banner mà muốn sử dụng cũng như kích thước của template mẫu hãy điều chỉnh các con số trên cho cân xứng.

Chiều ngang của template

Trước khi thay đổi

Sau khi thay đổi và thêm tiện ích HTML/JavaScript (Nội dung là một banner 468x60)

Hiển thị trên blog

Sử dụng logo:

Bạn vừa thấy 350px là chiều ngang của logo, còn chiều cao thì bao nhiêu? Xin thưa chiều cao của logo chính là chiều cao của header-outer, ở đây 100px. Như vậy bạn cần thiết kế logo có kích thước 350x100.

Chọn kiểu hiện thị logo

Tất nhiên đây chỉ là những con số gợi ý, thực tế như thế nào còn tùy thuộc vào bố cục template, margin, padding và kể cả quan điểm thẩm mỹ của từng người.

Hãy cùng chia sẻ với Thủ Thuật Blog cách làm của bạn.
read more...