Truy cập Blogger bằng tên miền khác

Thỉnh thoảng chúng ta không truy cập được blog ở Blogger (BlogSpot) cũng như cách dịch vụ mạng xã hội khác như Facebook do những biện pháp kỹ thuật của các nhà cung cấp dịch vụ internet.

Theo mặc định, địa chỉ blog của bạn có dạng http://yourblog.blogspot.com ngay khi tạo. Tình cờ một lần xem thống kê Thủ Thuật Blog phát hiện địa chỉ Blogger còn có một đuôi khác không phải .com như chúng ta thường thấy. Đó là đuôi .in, tên miền thuộc Ấn Độ, có lẽ dịch vụ này được sử dụng phổ biến ở Ấn Độ nên Google ưu ái mua luôn tên miền ở quốc gia này.

Trong trường hợp không xem được blog theo địa chỉ mặc định bạn chỉ cần thay đổi đuôi .com bằng .in. Ví dụ địa chỉ blog của bạn là http://yourblog.blogspot.com sẽ trở thành http://yourblog.blogspot.in. Tất cả những bài viết của bạn đều có địa chỉ dạng này.

Nếu có điều kiện bạn cũng có thể mua tên miền riêng cho blog của mình.

Cập nhật: Thủ Thuật Blog còn phát hiện ra một loạt tên miền quốc gia khác được Google sử dụng cho Blogger:

  • blogspot.com.au: Tên miền quốc gia Australia
  • blogspot.com.es: Tên miền quốc gia Tây Ban Nha
  • blogspot.fr: Tên miền quốc gia Pháp
  • blogspot.it: Tên miền quốc gia Ý
  • blogspot.ca: Tên miền quốc gia Canada

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ẻ!

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?

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

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.

Chơi nhạc trên blog với Yahoo! Media Player

Với việc hỗ trợ HTML và JavaScript đầy đủ, Blogger cho phép người dùng thoải mái sử dụng một trình chơi nhạc tùy thích trên blog của mình mà không bị giới hạn như Yahoo! 360plus hay một số nền blog miễn phí khác.

Còn nhớ cách đây khá lâu Thủ Thuật Blog đã giới thiệu công cụ chơi mp3 của del.ico.us (Dịch vụ ghi nhớ trang ưa thích trước đây đã được Yahoo mua lại, tuy nhiên giờ đã bán cho đồng sáng lập Youtube Chad Hurley và Steve Chen) nhưng dịch vụ này chỉ cho phép sử dụng các bài hát có định dạng mp3.

Yahoo! cũng có một công cụ chơi nhạc khác hỗ trợ định dạng âm thanh mp3 và video từ Yahoo! Movie lẫn YouTube.

Bạn có thể làm các bước sau đây để sử dụng trên blog mình:

Bước 1. Chèn đoạn JavaScript sau đây trước thẻ </body> (Đăng nhập Blogger, chọn Thiết kế | Chỉnh sửa HTML, nhấn Ctrl + F để tìm):

<script type="text/javascript" src="http://webplayer.yahooapis.com/player.js"></script>

Bước 2. Lấy link bài hát và tạo các liên kết như dưới đây:

<a href="http://mediaplayer.yahoo.com/example3.mp3">Yodel (mp3 link)</a>
<a href="http://movies.yahoo.com/movie/1810096458/info">Tron (Yahoo! Movie link)</a>
<a href="http://www.youtube.com/watch?v=i56XeM0-b8Y">Zoetrope (YouTube link)</a>

Từ giao diện kéo thả của Blogger, tạo một tiện ích HTML/JavaScript mới, dán các liên kết như trên vào và lưu lại.

Cách khác, bạn có thể gom 2 đoạn code ở bước 1 và 2 cùng dán vào HTML/JavaScript hoặc dán vào một bài viết cụ thể.

Bước 3. Thưởng thức!

Yodel (mp3 link)
Tron (Yahoo! Movie link)
Zoetrope (YouTube link)

Cách cài đặt mới cho AdSense for domain

Google vừa giới thiệu một cách thức cài đặt AdSense for domain đơn giản hơn bằng cách trỏ NS (NameServer) của tên miền về máy chủ của dịch vụ.

Trước đây cách thức cài đặt cho dịch vụ này khá phức tạp bắt buộc bạn phải tạo 4 bản ghi A trỏ lần lượt về 4 IP 216.239.32.21, 216.239.34.21, 216.239.36.21 và 216.239.38.21 và thêm một bản ghi CName cũng trỏ về Google.

Tuy nhiên cách thức cài đặt mới này khá đơn giản, bạn chỉ việc thay đổi NS của tên miền về Google bằng cách sử dụng 4 NS sau:
  • ns1.googleghs.com
  • ns2.googleghs.com
  • ns3.googleghs.com
  • ns4.googleghs.com
Cách này tương tự như dịch vụ Sedo đã áp dụng (Sedo chỉ sử dụng 2 NS).


Sau khi đã trỏ NS về máy chủ của Google, bạn cần đăng nhập vào AdSense, chọn thẻ Setup -> Domains và khai báo tên miền muốn sử dụng. Mất 24h để mọi thức hoạt động một cách thông suốt.

Nói thêm, AdSense for domain là một dịch vụ cho phép bạn kiếm tiền từ những tên miền chưa phát triển nội dung. Khi một ai đó tình cờ vào trang có quảng cáo AdSense for domain thì bạn sẽ nhận được tiền. Dịch vụ này là một phần của Google AdSense, hiện vẫn chưa hỗ trợ tiếng Việt nên chỉ những tài khoản mà người đăng ký phát triển nội dung bằng một trong những ngôn ngữ được hỗ trợ mới có.

Xin lưu ý nếu sử dụng tên miền quốc gia Việt Nam (.vn), mỗi lần thay đổi NS bạn bắt buộc phải trả phí. Do đó, áp dụng cách cũ để thay đổi các bản ghi trên DNS của nhà cung cấp tên miền vẫn hợp lý hơn.

Cập nhật (Ngày 19/04/2012): Dịch vụ này đã được Google cho "về hưu" bắt đầu từ hôm qua 18/04/2012. Bạn có thể sử dụng các dịch vụ tương tự như Sedo, Bodis,...