Thủ Thuật Blog

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

2012-01-13T11:40:00.002+07:00

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

2011-07-09T09:57:00.005+07:00

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%

2011-07-04T14:20:00.002+07:00

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

2011-06-25T07:55:00.004+07:00

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-left và header-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

2011-06-23T17:40:00.002+07:00

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

2010-12-07T07:41:00.001+07:00

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.

Hiệu ứng tuyết rơi cho Blogger, WordPress

2010-12-06T19:31:00.005+07:00

Khi những chiếc lá vàng cuối thu lìa cành cũng là lúc mùa đông đang về. Dù đang lang thang ngoài phố hay trên mạng, bạn vẫn cảm nhận được khí trời thay đổi. Lát đát một vài website khoát lên mình bộ áo mới dành riêng cho mùa đông. Những ai chưa kịp sắm sửa thì bằng cách này hay cách khác vẫn có mùa đông riêng mình trên ngôi nhà ảo.

Một trong những cách tạo nên không khí mùa đông trên blog chính là thêm hiệu ứng tuyết rơi. Còn nhớ cách đây khá lâu Thủ Thuật Blog có hướng dẫn bạn cách chèn hiệu ứng này. Tuy nhiên hôm nay chúng ta sử dụng đoạn JavaScript mà WordPress.com vừa thông báo gửi đến người dùng của mình, hiệu ứng này được sử dụng cho đến ngày 04/01. Đọc hướng dẫn sau đây để biết các bước thực hiện.

Đối với WordPress.com, đăng nhập tài khoản tại yourblog.wordpress.com/wp-admin hoặc wordpress.com

Chọn Giao diện
Nhấn Extras
Và đánh dấu chọn dòng Show falling snow on my blog (Only until January 4th) trước khi nhấn Update Extras

Đối với WordPress sử dụng trên host và tên miền riêng (self-hosted WordPress) có ba cách sau để chèn đoạn JavaScript hiệu ứng:

Cách 1. Đăng nhập tài khoản quản lý tại địa chỉ www.yourdomain.com/wp-admin, nhấp thực đơn xổ xuống Appearance (Giao diện) -> Editor, chọn file header.php ngay bên phải và dán đoạn code dưới đây ngay trên thẻ </head> trước khi nhấn Update File (ngay bên dưới). Lưu ý file header.php phải ở chế độ cho phép cập nhật. Nếu tệp tin này không ở trạng thái cho phép cập nhật thì xem cách 2.

<script src='http://s1.wp.com/wp-content/plugins/snow/snowstorm.js?m=1291226695g&ver=1291226695' type='text/javascript'/>

Cách 2. Đăng nhập vào host thông qua tài khoản quản lý hosting hoặc bằng FTP vào thư mục gốc chứa Theme đang dùng mở file header.php và chèn ngay phía trên thẻ </head>

Cách 3. Cài đặt plugin sau đây http://wordpress.org/extend/plugins/let-it-snow/ vào blog. Với việc cài đặt plugin bạn sẽ không bị giới hạn trước ngày 04/01.

Trong khi sử dụng Blogger (BlogSpot) hãy dán đoạn code trong cách 1 trên trước thẻ </head>. Việc này được thực hiện bằng cách đăng nhập blog, chọn Bố cục (Layout) -> Chỉnh sửa HTML (Edit HTML), tìm và dán ngay phía trên thẻ </head> trước khi nhấn lưu template. Nếu bạn gặp lỗi hãy thay & trong địa chỉ đoạn JavaScript (ngay sau 1291226695g) bằng & a m p ; (viết liền, không có khoảng trắng).

Để không bị giới hạn về thời gian, hãy tải đoạn JavaScript trên về host riêng của mình (nếu có, có thể sử dụng host miễn phí 110mb.com) và tha hồ cho tuyết rơi hết mùa đông!

Bạn có thể thấy kết quả ngay trên blog này vào thời điểm bài viết này được đăng.

Các bài viết liên quan có hình với LinkWithin

2010-08-08T17:24:00.009+07:00

Có nhiều cách thêm các bài viết liên quan (những bài viết cùng một Nhãn) cho Blogger, ở đây xin hướng dẫn sử dụng công cụ LinkWithin với các bài viết có ảnh minh họa đi kèm.

Trước tiên bạn truy cập địa chỉ sau đây, nhập và chọn các thông tin phù hợp sau đó nhấn Get Widget.

Một cửa sổ hướng dẫn cài đặt hiện ra nhấn Install Widget và làm theo các bước để hoàn tất.

Tiện ích mới có tên LinkWithin vừa được thêm vào sẽ hiển thị bên dưới mỗi bài viết như hình:

Theo mặc định phía trên tiện ích này hiện dòng chữ các "You may also like:" để thay đổi hãy nhấn Chỉnh sửa tiện ích LinkWithin và bổ sung thêm đoạn code dưới đây:

<script>linkwithin_text='Bạn cũng có thể xem thêm:'</script>

Trong trường hợp có sử dụng Read more nếu không muốn các bài viết liên quan này xuất hiện ở trang chủ, có thể làm như sau:

Nhấn Chỉnh sửa tiện ích LinkWithin, chép toàn bộ đoạn code trong đó ra Notepad (Start -> All Programs -> Accessories ->Notepad) và bổ sung thêm đoạn mã màu nổi bật. Làm xong thì xóa hẳn tiện ích này đi. Đoạn mã trong Notepad tương tự như dưới đây:

<b:if cond='data:blog.pageType == "item"'> 
<script>linkwithin_text='Bạn cũng có thể xem:'</script>
<script>
var linkwithin_site_id = 202810;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts with Thumbnails" style="border: 0" /></a>
</b:if>

Tiếp theo nhấn Design -> Edit HTML, đánh dấu chọn Expand Widget Templates và dán đoạn code đó ngay phía trên <div class='post-footer'> như hình dưới:

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

Ghép nhiều tiện ích HTML/JavaScript làm một

2010-05-10T20:22:00.000+07:00

Càng sử dụng nhiều tiện ích thì thời gian toàn bộ nội dung blog được tải về hiển thị trên trình duyệt người đọc càng lâu. Làm sao để đọc giả cảm thấy mình được "phục vụ" ngay khi vừa gõ xong địa chỉ blog là vấn đề được nhiều người quan tâm đặc biệt trong tình hình mạng internet ở Việt Nam không phải lúc nào cũng ổn định.

Kinh nghiệm cá nhân cho thấy chúng ta nên sử dụng hạn chế đến mức có thể số tiện ích (gadget) trên blog. Trong số các tiện ích của Blogger, HTML/JavaScript có lẽ được dùng nhiều nhất. Nếu blog bạn sử dụng nhiều tiện ích loại này, một cách có thể làm giảm đáng kể là ghép nội dung của chúng vào một và ngăn nhau bởi tên (title) nằm giữa thẻ <h2> và </h2> như hình:

Một cách khác cũng có thể ghi Tên tiện ích 1 vào phần title và nội dung của nó ở dưới, các nội dung khác thì để lại như trên. Nhìn chung nếu sử dụng template mẫu của Blogger thì việc ghép này sẽ thấy hiển thị tương tự như nhiều tiện ích khác nhau:

Và tất nhiên tốc độ tải về của blog cải thiện thêm một ít.

Bạn có cách làm nào khác hay hơn không? Xin chia sẻ ở dưới để chúng ta cùng thảo luận.

Thủ Thuật Blog trở lại!

2010-05-08T17:05:00.003+07:00

Xin chào tất cả anh em Blogger! Đã lâu lắm rồi Thủ Thuật Blog không viết bất kỳ bài mới nào cho đứa con tinh thần của mình. Việc học, việc làm và nổi lo kiếm sống cứ như dòng xoáy cuốn phăng mình đi mà không sao thoát được. Ngoảnh lại bài viết cuối cùng được đăng trên blog cách nay đã 7 tháng. Cứ tưởng chừng như vừa mới hôm qua. Vừa ngỡ ngàng, vừa ngơ ngác mọi thứ đã thay đổi quá nhiều ...

Cộng đồng blog Việt Nam đã xuất hiện khá nhiều blog nổi bật và từng bước tiến lên chuyên nghiệp. Về mặt kỹ thuật Blogger nay đã có thêm nhiều tính năng mới, đáng kể nhất trong đó là tính năng tạo trang và công cụ thiết kế giao diện hoàn toàn khác biệt. Đó là những lý do thôi thúc sự quay lại của Thủ Thuật Blog.

Cùng với sự trở lại của mình Thủ Thuật Blog sẽ tiếp tục chia sẻ với bạn những hướng dẫn về cách làm blog mà trong đó chủ yếu dành cho Blogger.com. Bên cạnh đó trang cũng sẽ có thêm những nội dung mới đặc biệt về mạng xã hội. Tất nhiên trong đó không thiếu những nội dung mà nhiều người quan tâm.

Blogger nay đã có "read more" !

2009-09-15T15:36:00.008+07:00

Nhân dịp kỷ niệm sinh nhật lần thứ 10 Blogger giới thiệu nhiều tính năng mới. Một trong số đó là tính năng "read more" (đọc thêm) mà trước giờ chúng ta phải làm thủ công nay đã có thể thực hiện một cách dễ dàng bằng một đoạn code ngắn.

Tính năng này được gọi là Jump Breaks và bạn có thể sử dụng ngay nếu blog của bạn được tạo sau thời điểm tháng 09/2009. Khi đó nếu sử dụng trình soạn thảo mới, bạn chỉ cần nhấn chọn biểu tượng như hình:

Hoặc bạn bổ sung đoạn code như hình (nếu sử dụng trình soạn bài đăng cũ):

Nói thêm, nếu đã từng sử dụng WordPress, chắc chắc bạn không lạ gì đoạn code trên. Hãy nhớ gõ chính xác ngay cả khoảng trắng nữa nhé!

<!-- more -->

Trong trường hợp blog của bạn đã được tạo khá lâu, hãy bổ sung đoạn code sau đây vào ngay sau <data:post.body/> (Đăng nhập Blogger, chọn Layout, Chỉnh sửa HTML, đánh dấu Mở rộng tiện ích mẫu để tìm)

<b:if cond='data:post.hasJumpLink'> 
<div class='jump-link'> 
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a> 
</div> 
</b:if >

Bạn sẽ thấy kết quả như hình dưới đây:

Trong trường hợp cần tùy biến chữ "Read more", hãy nhấn sửa đổi thành phần Bài đăng blog trên layout.

Chúng ta cùng chúc mừng sinh nhật lần thứ 10 của Blogger đi nào!

Bình chọn Blog Việt 2009 giải thưởng hấp dẫn!

2009-09-04T18:35:00.008+07:00

Với mong muốn tôn vinh những blogger đã và đang có những đóng góp hữu ích cho cộng đồng blogger Việt Nam, một nhóm blogger gồm 6 người đã tự đứng ra vận động tài trợ và tổ chức cuộc thi Bình chọn Blog Việt 2009.

Tổng giải thưởng của cuộc thi này lên đến 10 triệu đồng trong đó blog đoạt giải nhất sẽ được thưởng số tiền 5 triệu. Ngoài ra còn nhiều giải thưởng cho các blog đoạt giải theo các tiêu chí khác nhau: Blog sao sáng, Blog sắc màu, Blog hi-tech, Blog cộng đồng, Blog Việt 2009. Ban tổ chức nhận đăng ký ngay từ hôm nay cho đến hết ngày 15/09/2009.

Để tham gia cuộc thi bạn chỉ cần truy cập www.binhchonblogviet.com, nhấp vào trang Đăng ký và điền đầy đủ thông tin.

Ngoài ra bạn có thể soạn email theo mẫu sau đây gửi về địa chỉ btc@binhchonblogviet.com với tiêu đề (Subject) "Đơn đăng ký tham gia cuộc thi bình chọn Blog Việt 2009":

Họ và tên:……………………………………
Địa chỉ:…………………………………………
Điện thoại liên lạc:………………………….
Email:………………………………………….
Địa chỉ blog:……………………………………
1 đoạn văn mô tả ngắn gọn dài khoảng 100 – 150 từ giới thiệu về blog của bạn:
1 đoạn video clip (tùy chọn) giới thiệu blog của mình. (tùy chọn)
1 ảnh thumbnail kích cỡ 150×150px của blog bạn. (tùy chọn)
6 ảnh full-screen mô tả hoạt động của blog (tùy chọn)

Lưu ý: Các mục (tùy chọn) sẽ không được sử dụng như là lợi thế cạnh tranh trong việc đánh giá các blog tham gia.

Chúc bạn "rinh" giải thưởng hấp dẫn này!

Cập nhật (06/10/2009):

Hôm nay ngày 06.10.2009 Ban tổ chức đã công bố danh sách 15 blog lọt vào vòng bình chọn trong đó có Thủ Thuật Blog.

Chèn nút nhúng Linkhay và Tagvn vào Blogger

2009-08-29T23:30:00.000+07:00

Một trong những cách để bài viết của bạn được nhiều người biết đến chính là việc sử dụng các dịch vụ bookmark và chia sẻ nội dung. Ở Việt Nam, LinkHay và TagVN có lẽ là hai địa chỉ được nhiều người dùng nhất.

Bạn có thể tự chia sẻ bài viết của mình lên các dịch vụ này để tìm kiếm đọc giả.
Đây là code sử dụng cho Blogger. Hãy chọn một trong hai file này để tải về:

Cách chèn vào blog:

Đăng nhập Blogger, vào thẻ Bố cục (Layout) -> Chỉnh sửa HTML (Edit HTML), đánh dấu chọn Mở rộng tiện ích mẫu (Expand widget templates), tìm:

<div class='post-footer'>
<!-- Dán code ở đây -->
    <div class='post-footer-line post-footer-line-1'>
      <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span>

Thay  bằng nội dung của 1 trong 2 tệp tin .txt đã tải về bên trên.

Hình dưới là hiển thị File 2 trên blog:

* AddThis là nút nhúng số 1 trên internet giúp người đọc đánh dấu và chia sẻ nội dung đến tất cả các mạng xã hội thông dụng. Chỉ cần sử dụng 1 nút nhúng này thay vì dùng nút nhúng của từng dịch vụ riêng lẻ.

Khắc phục lỗi khi đăng bài viết kèm bảng

2009-08-26T10:18:00.005+07:00

Khi đăng bài viết có sử dụng bảng (table) bạn sẽ gặp lỗi hiện khoảng trắng giữa tiêu đề bài viết và nội dung bảng. Bảng càng có kích thước lớn, khoảng trắng này càng rộng. Để đăng bảng một cách dễ dàng, Thủ Thuật Blog xin hướng dẫn bạn cách khắc phục bên dưới:

Bước 1. Hãy tạo một lớp (class) mới như dưới đây và dán vào bất cứ chỗ nào trong CSS của template (Đăng nhập Blogger, chọn Edit HTML, dán đoạn mã dưới ngay bên cạnh các khai báo # hoặc .)

.bang br {
  display: none
}

Bước 2. Khi post bảng, bạn bổ sung thêm phần in đậm như thế này:

<div class="bang">
<table border="1">
<tr><th>Heading</th><th>Another Heading</th></tr>
<tr><td>row 1, cell 1</td><td>row 1, cell 2</td></tr>
<tr><td>row 2, cell 1</td><td>row 2, cell 2</td></tr>
</table>
</div>

Lưu ý phần chữ màu nổi bật, bạn có thể đổi thành chữ khác, nhưng đã khai báo như thế nào thì phải sử dụng tương ứng trong div.

Bạn sẽ thấy không còn khoảng trống nữa!

Gửi link bài viết cho bạn bè qua Yahoo! Messenger

2009-07-30T20:40:00.006+07:00

Tiếp theo hướng dẫn kèm biểu tượng chia sẻ bài viết qua Yahoo! Messenger lần này chúng ta sẽ đến với cách đính kèm link dưới bài viết giúp cho đọc giả có thể dễ dàng chia sẻ cho bạn bè của mình qua các chương trình tin nhắn tức thời.

Ý tưởng này bắt nguồn từ hướng dẫn thực hiện trên WordPress của Cộng đồng WordPress Việt Nam.

Và đây là đoạn mã để chúng ta sử dụng cho Blogger: Tải về

Bạn có thể điều chỉnh các giá trị màu (border: 1px solid #cccccc; background:#999999; color: #333333; ) và cỡ chữ (font-size: 11px;) cho thích hợp với Template đang dùng.

CÁCH CHÈN VÀO BLOG:

Đăng nhập Blogger, vào thẻ Bố cục (Layout) -> Chỉnh sửa HTML (Edit HTML), đánh dấu chọn Mở rộng tiện ích mẫu (Expand widget templates) và tìm đoạn code dưới (Nhấn Ctrl + F và nhập từ khóa line-3 để tìm dễ hơn!):

<div class='post-footer-line post-footer-line-3'>
      <!-- Nơi chèn code -->
       <span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span>
      </div>

Hãy thay  bằng đoạn mã bên trên và lưu lại.

Box này chỉ xuất hiện phía dưới bài viết ở trang con. Nếu bạn không sử dụng Readmore hãy comment để được giúp đỡ.

Xong!

Chia sẻ bài viết qua Yahoo! Messenger

2009-07-30T20:13:00.007+07:00

Cách đây khá lâu tôi có giới thiệu một cách chèn biểu tượng chia sẻ bài viết qua Yahoo! Messenger vào Blogger. Khi một ai đó nhấn lên biểu tượng này trình Yahoo! Messenger sẽ khởi động (nếu chưa mở ứng dụng này) sau đó chỉ phải chọn nickname có trong danh sách bạn bè và gửi.

Tuy nhiên đoạn code trong hướng dẫn đó có thể gặp lỗi ở phiên bản mới của Yahoo! Messenger. Vì vậy nếu bạn đang sử dụng hãy sửa đổi lại như trong tệp tin này (Tải về).

Hãy thay link hình http://i240.photobucket.com/albums/ff259/thuthuatblog/y225.gif có trong tệp tin .txt bằng link biểu tượng Yahoo! Messenger riêng của bạn (nếu cần).

Đọc thêm phần hướng dẫn Cách chèn vào Blogger để biết vị trí mình muốn.

Một điều lưu ý trước khi thực hiện thao tác trên hãy sao lưu template đề phòng thao tác sai còn có cái để phục hồi!

Chúc thành công!

Làm menu ngang như thế nào?

2009-07-16T21:01:00.005+07:00

Khá nhiều bạn đọc yêu cầu được hướng dẫn làm menu ngang như menu có trên Thủ Thuật Blog. Thật ra tạo menu kiểu này không khó, quan trọng bạn phải nắm được một số kiến thức về CSS nhất định. Để bạn dễ hiểu tôi sử dụng hướng dẫn thiết kế menu ngang được giới thiệu trên WordPress.org và sau đó chúng ta ứng dụng chúng cho trường hợp của Blogger.

TÌM HIỂU CÁCH TẠO MENU NGANG:

Giả sử chúng ta có đoạn code sau đây:

<div id="navmenu">
<ul>
 <li><a href="http://www.thuthuatblog.com">Trang chủ</a></li>
 <li><a href="http://www.thuthuatblog.com/2009/05/phan-loai-noi-dung-tren-thu-thuat-blog.html">Phân loại</a></li>
 <li><a href="http://www.thuthuatblog.com/2007/09/danh-sch-blog.html">Danh sách blog</a></li>
 <li><a href="http://www.thuthuatblog.com/rss.xml">RSS</a></li>
</ul>
</div>

Nếu nhúng đoạn code này vào template Blogger hoặc qua tiện ích HTML/JavaScript, mặc định, đoạn code trên sẽ hiển thị như sau:

Trang chủ

Phân loại

Danh sách blog

Bây giờ chúng ta áp dụng CSS để đoạn navmenu trên tạo thành hàng ngang:

#navmenu ul {
        margin: 0; 
        padding: 0; 
 list-style-type: none; 
        list-style-image: none; 
}

#navmenu li {
       display: inline; 
}

Nhưng các chữ lại dính kế nhau nhìn chưa được đẹp đúng không? Chúng ta bổ sung khoảng trắng vào chúng và thêm màu cho link, cũng như đổi màu khi rê chuột vào đối tượng:

#navmenu ul {
        margin: 0; 
        padding: 0; 
 list-style-type: none; 
        list-style-image: none; 
}

#navmenu li {
       display: inline; 
       padding: 5px 20px 5px 20px;
}

#navmenu a {  /* Màu link */
       text-decoration:none; 
       color: blue; 
}

#navmenu a:hover {  /* Màu link khi rê chuột vào */
       color: purple; 
}

Thuộc tính a và a:hover định dạng các link nhưng nằm giữa <li> và </li> nên ta gom lại cho dễ nhìn (***):

#navmenu ul {
        margin: 0; 
        padding: 0; 
 list-style-type: none; 
}

#navmenu li {
       display: inline; 
       list-style-image: none; 
}

#navmenu ul li a { 
       text-decoration:none; 
       color: blue; 
       padding: 5px 20px 5px 20px; 
}

#navmenu ul li a:hover { 
       color: purple; 
}

Tuỳ thuộc vào template, khi sử dụng chúng ta có thể kết hợp màu nền, hình nền, kiểu border, font chữ, màu chữ, kích thước chữ, chiều ngang của menu (width)... vào các thành phần trên.

Ví dụ mẫu:

#navmenu ul {
        margin: 0; 
        padding: 0; 
 list-style-type: none; 
}

#navmenu li {
       display: inline; 
       list-style-image: none; 
}

#navmenu ul li a {  
       text-decoration:none; 
       color: #ffffff;      
       background: #ff0000; 
       border-right: 2px solid #000000; 
       padding: 5px 20px 5px 20px; 
}

#navmenu ul li a:hover {  
       color: #f8f400;    
       font-size: 14px;   
       background: #0000ff; 
       text-decoration:underline; 
}

ỨNG DỤNG VÀO BLOGGER:

Như vậy bạn đã hiểu nguyên tắc làm menu ngang:

Cần có một đoạn CSS như trên được dán vào giữa <b:skin><![CDATA[/* và ]]></b:skin> trong Template. (đã đề cập ở trên)

Cần một đoạn mã chứa các link của menu ngang

Tất nhiên bạn vẫn có thể sử dụng đoạn mã chứa link menu ngang chèn thẳng vào Template của blog. Nhưng ở đây tôi hướng dẫn cách làm thông qua tiện ích Linklist của Blogger.

Đăng nhập vào Blogger, từ layout thêm vào tiện ích Linklist, bạn cần bổ sung các link và tên menu ngang của mình như hình sau đó lưu lại.

Nếu quan sát kỹ bạn thấy tôi không đặt tên cho tiện ích, không thêm Trang chủ và RSS vào dữ liệu của Linklist, do chúng ta thêm vào bằng cách khác.

LinkList mà bạn vừa tạo có được điều khiển bằng đoạn mã như thế này:

<b:widget id='LinkList1' locked='false' title='' type='LinkList'/>

Hãy để ý ID của nó là duy nhất, có dạng LinkList#, với ký tự # là số duy nhất. Nếu bạn sử dụng nhiều LinkList, ký tự # sẽ lần lượt là: 1, 2, 3, ...

Tiếp tục tôi gợi ý bạn cắt đoạn mã vừa nêu cho vào notepad (khoan hãy lưu lại Template nhé), tạo div có tên navmenu, bổ sung một số thành phần thiết yếu và chúng ta sẽ được như thế này:

      <div id='navmenu'>
        <b:section class='navmenu' id='navmenu-id' showaddelement='yes'>
<b:widget id='LinkList1' locked='false' title='' type='LinkList'/>
</b:section>
      </div>

Và bây giờ hãy copy hết chúng đặt vào template. Tuỳ thuộc vào template và vị trí đặt menu mong muốn mà chúng ta có cách xử lý khác nhau. Cách xử lý này đòi hỏi bạn phải có kiến thức thiết kế, CSS cũng như những hiểu biết nhất định về mã nguồn template của Blogger.

Đây là template mẫu Minima (mặc định), nếu bạn dùng template khác, tất nhiên sẽ không giống!:

<body>
  <div id='outer-wrapper'><div id='wrap2'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>
<!-- Chèn vào đây nếu muốn đặt menu ngang phía trên header của blog -->
    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Thủ Thuật Blog.com(Header)' type='Header'/>
</b:section>
    </div>

<!-- Chèn vào đây nếu muốn đặt menu ngang phía dưới header của blog -->

    <div id='content-wrapper'>

      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol' showaddelement='no'/>
      </div>

      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
<b:widget id='HTML8' locked='false' title='' type='HTML'/>
</b:section>
      </div>

BỔ SUNG "TRANG CHỦ" VÀ "RSS":

Nếu bạn đưa hẳn link Trang chủ (http://yourblog.blogspot.com) vào dữ liệu của LinkList, khi đó chúng ta khó sắp xếp làm sao cho Trang chủ nằm đầu tiên. Do đó cách đơn giản nhất là chúng ta làm bằng ... tay!

Hãy đánh dấu Expand Widget Templates (Mở rộng tiện ích mẫu):

Dùng từ khoá LinkList để tìm tiện ích của chúng ta và bạn sẽ tìm thấy như sau:

<div id='navmenu'>
        <b:section class='navmenu' id='navmenu-id' showaddelement='yes'>
<b:widget id='LinkList1' locked='false' title='' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
 <div class='widget-content'>
   <ul>
      <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
 </div>
</b:includable>
</b:widget>
</b:section>
      </div>

Và tôi đã bổ sung phần chữ màu đỏ:

<div id='navmenu'>
        <b:section class='navmenu' id='navmenu-id' showaddelement='yes'>
<b:widget id='LinkList1' locked='false' title='' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
 <div class='widget-content'>
   <ul>
       <li><a expr:href='data:blog.homepageUrl' title='Trang chủ'>Trang chủ</a></li>
       <li><a expr:href='data:blog.homepageUrl + "2009/05/phan-loai-noi-dung-tren-thu-thuat-blog.html"' title='Phân loại nội dung'>Phân loại</a></li>
       <li><a expr:href='data:blog.homepageUrl + "2008/01/i-nt-v-blog-v-tc-gi.html"' title='Về tác giả'>Tác giả</a></li>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
             <li><a expr:href='data:blog.homepageUrl + "2007/12/quy-nh-s-dng-cc-ni-dung-trn-th-thut.html"' title='Quy định'>Quy định</a></li>
       <li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Nhận xét'>Nhận xét</a></li>
       <li class='last'><a expr:href='data:blog.homepageUrl + "rss.xml"' title='RSS'>RSS</a></li>
   </ul>
 </div>
</b:includable>
</b:widget>
</b:section>
      </div>

Bạn đã biết tôi thêm bằng cách nào rồi chứ?

Đến đây coi như chúng ta đã làm xong! Nếu có gặp khó khăn hãy comment dưới bài viết này để được giúp đỡ. Chúc thành công!

Sử dụng hộp tìm kiếm tuỳ chỉnh của Google Web Elements

2009-06-08T21:15:00.011+07:00

Google vừa bổ sung hộp tìm kiếm vào gói Web Elements (*). Với hộp tìm kiếm này, kết quả truy vấn sẽ được hiển thị ngay bên dưới hộp tìm kiếm đi kèm thẻ hiện từ ưu tiên có hình thức khá giống với Search Box, một tiện ích mới được bổ sung vào Blogger.

Đặc biệt hộp tìm kiếm này cho phép người dùng AdSense thêm mã nhà xuất bản để kiếm tiền khi người dùng nhấn xem các quảng cáo đi kèm. Việc này khắc phục được nhược điểm của tiện ích Search Box của Blogger.

Truy cập http://www.google.com/webelements/customsearch/, bạn được yêu cầu đăng nhập (nếu chưa đăng nhập trước đó), ngay bên cạnh Configure (Cấu hình) hãy trỏ chuột chọn Search my site and use AdSense for Search, nhập mã nhà xuất bản có dạng pub-xxxxxxxxxxxxxxxx (tìm trong tài khoản AdSense) và lấy code.

Người dùng nên đặt code vào vị trí đủ rộng để kết quả tìm kiếm xuất hiện trông dễ nhìn hơn.

Bạn có thể thử nghiệm hộp tìm kiếm phía trên bài viết này. Tuy nhiên một nhược điểm được tìm thấy đó là màu sắc trong kết quả tìm kiếm lại không tự động điều chỉnh phù hợp với blog. Không biết bạn có gợi ý nào hay hơn?

(*) Google Web Elements cho phép thêm các sản phẩm Google yêu thích vào trang web của bạn. Ngoài sản phẩm được nêu, bạn có thể sử dụng nhiều sản phẩm khác như Lịch, Tin tức, Bản đồ, Trình diễn,...

Cập nhật:

Cám ơn gợi ý của Ngankvn@ về cách chuyển đổi màu sắc. Sau khi tìm hiểu, Thủ Thuật Blog xin gợi ý bạn cách điều chỉnh màu trong kết quả tìm kiếm như sau:

Chúng ta có thể thêm đoạn mã sau đây vào phần CSS của template (Giữa thẻ <b:skin><! và ]]></b:skin>):

/* Màu tiêu đề kết quả */
#cse .gsc-control-cse .gs-title{
 color: #FFCC66;
 font-weight: bold;
 font-size:12px;
} 
/* Màu đoạn text chú thích */
#cse .gsc-control-cse .gs-snippet{
 color: #FFFFFF;
}
/* Màu URL phía dưới kết quả */
#cse .gsc-control-cse .gs-visibleUrl{
 color: #008000;
}

Lưu ý: Nhớ điều chỉnh lại các giá trị màu sau dấu # của thuộc tính color hoặc dùng biến màu (ví dụ: $textcolor) tìm thấy trong template.

Cách khác: Cũng tương tự nhưng bạn chèn kèm dưới đoạn code lấy được trong phần đầu vào tiện ích HTML/JavaScript:

<style type="text/css">
/* Màu tiêu đề kết quả */
#cse .gsc-control-cse .gs-title{
 color: #FFCC66;
 font-weight: bold;
 font-size:12px;
} 
/* Màu đoạn text chú thích */
#cse .gsc-control-cse .gs-snippet{
 color: #FFFFFF;
}
/* Màu URL phía dưới kết quả */
#cse .gsc-control-cse .gs-visibleUrl{
 color: #008000;
}
</style>

Chuyển nhà từ Yahoo! 360 tới WordPress

2009-05-30T13:28:00.009+07:00

Hôm qua Yahoo đã chính thức gửi email thông báo đóng cửa dịch vụ blog Yahoo! 360 vào ngày 13/07/2009. Theo thông báo này, nội dung trên Yahoo! 360 sẽ không thể truy cập được nữa kể từ ngày 12/07 tới đây và yêu cầu người dùng chuyển đổi sang Yahoo! Profile, Yahoo! 360 Plus hoặc một nền blog khác.

Ở thời điểm bài viết này được soạn, bằng một vài thao tác bạn có thể "dòn nhà" tới một trong 3 dịch vụ blog sau đây: Yahoo! 360plus, Blogger (BlogSpot) và WordPress. Còn với các dịch vụ blog khác bắt buộc bạn phải "copy and paste".

Đây là hướng dẫn cách bạn "chuyển nhà" từ Yahoo! 360 tới WordPress (*):

Bước 1. Truy cập địa chỉ http://download.360.yahoo.com, bạn sẽ thấy xuất hiện như hình dưới (hãy nhập username và password nếu chưa đăng nhập trước đó) và chọn Prepare my download.

Thông báo sau đây sẽ hiện ra:

Đợi vài phút hãy truy cập hòm thư Yahoo của bạn sẽ có email như sau:

Nhấn vào link có trong email này sẽ dẫn đến trang download như hình dưới, nhấp chuột vào Click here to download để tải về máy tệp tin nén .zip. Nhớ để ý nơi lưu tệp tin mà bạn tải về nhé!

Bước 2. Vào WordPress.com đăng ký một tài khoản (nếu chưa có) và tạo blog mới hoặc chọn blog hiện muốn chuyển nội dung sang.

Trong cửa sổ chính quản lý blog WordPress (*) chọn Công cụ (Tools) -> Nhập vào (Import) (nằm bên trái, với phiên bản WordPress 2.7) và chọn Yahoo! 360.

Duyệt đến tệp tin .zip đã được tải về bên trên (dung lượng tối đa cho phép 15MB) và nhấn Upload file and import:

Chờ giây lát bạn sẽ được thông báo hoàn tất.

Như vậy bạn đã hoàn tất quá trình chuyển nhà sang WordPress. Hãy khám phá những điều mới mẻ ở ngôi nhà mới.

Các bài viết, comment và hình ảnh minh hoạ (lấy từ bên thứ ba như Photobucket, Imageshack.us) được đăng trên blog Yahoo! 360 sẽ được chuyển sang WordPress một cách đầy đủ. Ngoài ra bạn có thể tham khảo công cụ chuyển đổi blog Yahoo! 360 sang WordPress hoặc Blogger (BlogSpot) được viết bởi Lê Phan Đức Trọng tại http://vietajax.net/360exp/. Theo đánh giá của Thủ Thuật Blog tốc độ backup dữ liệu của công cụ này đôi lúc chậm chạp, thỉnh thoảng gặp lỗi và chỉ chạy trên trình duyệt Mozilla Firefox!

(*) WordPress là gì? WordPress là một phần mềm mã nguồn mở dễ dàng tuỳ biến giao diện, cài đặt plugin, theme và nhiều thứ khác giúp cá nhân không cần biết nhiều về lập trình có thể xây dựng blog nhanh chóng. Hoàn toàn miễn phí.

Muốn sử dụng WordPress yêu cầu bạn phải có tên miền (domain) và hosting mua từ các đại lý cung cấp. Khi đó bạn tải về phần mềm này tại www.wordpress.org. Tham khảo các bài viết ở www.phamen.com để làm quen với khái niệm domain, hosting và sử dụng WordPress. Các blogger hàng đầu thế giới thường đi theo cách này. Ngoài ra, bạn có thể tập làm quen với WordPress bằng cách đăng ký tài khoản tại www.wordpress.com, blog của bạn được tạo ra sẽ có địa chỉ http://tenban.wordpress.com.

Một số link có thể đặt trong đoạn văn cuối bài viết

2009-05-29T20:30:00.008+07:00

Một số bạn hỏi cách đặt link cho đoạn văn bản được thêm vào cuối bài viết như thế nào sao cho có thể đến ngay khung comment khi nhấn vào hay chứa link để bookmark và nhiều thứ khác.

Tôi xin chia sẻ đoạn code đã sử dụng trên blog này bên dưới:

Cám ơn bạn đã ghé <a href='http://www.thuthuatblog.com' target='_blank'><span style='font-weight: bold;'>ThuThuatBlog.com</span></a>. Bạn có ý kiến thắc mắc hay bình luận gì về bài viết này vui lòng click <span style='font-weight: bold;'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>comment</a></span>. Để lưu bài viết vào trình duyệt web hoặc tài khoản lưu trữ và chia sẻ bookmark trực tuyến, hãy nhấn <a expr:href='"http://www.addthis.com/bookmark.php?pub=dv2n&url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Bookmark and Share'><span style='font-weight: bold;'>vào đây</span></a>. Bạn cũng có thể đọc bài viết trên blog thông qua các công cụ đọc tin Feed bằng <a href='http://feeds.feedburner.com/ThuThuatBlog' target='_blank'><span style='font-weight: bold;'>link này</span></a> hoặc <a href='http://www.feedburner.com/fb/a/emailverifySubmit?feedId=982240' target='_blank'><span style='font-weight: bold;'>đăng ký nhận bài viết mới</span></a> qua email. Ngoài ra bạn cũng có thể cho địa chỉ blog này vào <a href='JavaScript: bmk();'><span style='font-weight: bold;'>Favorites</span></a> (Internet Explorer) hoặc <a href='JavaScript: bmk();'><span style='font-weight: bold;'>Bookmark</span></a> (Mozilla Firefox) để tiện việc theo dõi. Nếu đang làm blog tại Google Blogger bạn cũng có thể lưu blog này ở chế độ <a href='javascript:_FollowersView._openPopup("http://www.blogger.com/follow-blog.g?blogID=635946274234476527&blogTitle=Th%E1%BB%A7+Thu%E1%BA%ADt+Blog");'><span style='font-weight: bold;'>theo dõi</span></a> trong hồ sơ, đó cũng là cách mang lại nguồn khách viếng thăm blog bạn. Tôi hy vọng bạn tìm thấy những thủ thuật thú vị từ trang này.

Một vài trong trong số những ký tự có màu nổi bậc phải được thay đổi phù hợp với thông tin của bạn như: Địa chỉ blog, địa chỉ feed, blogID...

Nếu có dịch vụ nào bạn không sử dụng có thể xoá đi, ví dụ link FeedBurner: http://feeds.feedburner.com/ThuThuatBlog

Thêm vào đó bạn cần đặt đoạn JavaScript chứa hàm bookmark dưới đây trước thẻ </body> trong template, tương tự bạn cũng phải thay phần chữ màu đỏ:

<script language='JavaScript' type='text/javascript'>   
function bmk()
{ 
 if (document.all)
  window.external.AddFavorite("http://www.thuthuatblog.com"," Thủ Thuật Blog");  
 else if (window.sidebar)
  window.sidebar.addPanel("Thủ Thuật Blog", "http://www.thuthuatblog", "");
}
</script>

Nhìn ngay phía dưới bài viết này bạn sẽ thấy đoạn code bên trên được hiển thị như thế nào!

Cách tìm blogID:

Phân loại nội dung trên Thủ Thuật Blog

2009-05-11T21:24:00.002+07:00

Để bạn đọc lần đầu tiên ghé blog có thể dễ dàng tìm thấy nội dung mình cần, Thủ Thuật Blog đã phân loại các nội dung của mình như bên dưới. Đây là những bài viết quan trọng có trên blog và vẫn còn nhiều bài viết không nằm trên mục này. Nếu cần bạn có thể xem thêm mục lục hoặc gõ từ khoá quan tâm vào công cụ tìm kiếm.

Hướng dẫn cơ bản về Blogger

Công cụ thống kê
- Làm sao thống kê số lượng người đọc blog?
- Có bao nhiêu người đang xem blog?

Âm nhạc cho blog

Tìm kiếm & Tối ưu hoá blog

Tán gẫu & Công cụ liên lạc

Hướng dẫn kiếm tiền từ blog

Tuỳ biến Blogger

Tên miền và tuỳ chỉnh tên miền

Công cụ bổ sung cho blog
- Công cụ xem trước một website
- Một công cụ khác xem trước một địa chỉ
- Chơi nhạc mp3 trên blog bằng del.icio.us
- Bộ đếm số người đang trực tuyến
- Bản đồ người xem blog

Công cụ quảng bá blog
- Sử dụng công cụ Technorati
- Làm sao truy cập blog trên ĐTDĐ

Game & các công cụ trang trí cho blog

Kiến thức cơ bản cần biết trước khi thiết kế giao diện

Thiết giao diện Blogger

Thông số cài đặt tên miền cho Blogger (cập nhật)

2009-05-11T11:29:00.005+07:00

Ngày càng nhiều người chuyển sang dùng blog ở Blogger và trang bị cho mình tên miền riêng cho thấy cộng đồng BlogSpot Việt Nam ngày càng lớn mạnh. Cách đây 2 năm - thời điểm blog này được tạo ra, số người Việt Nam sử dụng dịch vụ blog của Google có tên miền riêng chỉ đếm trên đầu ngón tay.

Mặc dù thời gian gần đây Thủ Thuật Blog rất ít cập nhật nhưng số lượng đọc giả không hề giảm điều đó cho thấy người đọc vẫn quan tâm tìm cách đến những thủ thuật nói chung và thủ thuật về blog nói riêng.

Quay lại chủ đề hôm nay chúng ta sẽ cập nhật lại thông số cài đặt tên miền cho BlogSpot.

Như bạn biết, có 2 cách làm cho một blog có địa chỉ ABC.BlogSpot.com theo tên miền riêng mình đang sở hữu. Cách thứ nhất bạn sử dụng ngay DNS của nhà cung cấp tên miền. Giả sử nhà cung cấp dịch vụ không hỗ trợ DNS khi đó chúng ta dùng cách thứ hai: Sử dụng DNS của một dịch vụ DNS trung gian.

Khi trỏ tên miền đến Blogger bạn phải thay đổi 2 bản ghi (A và CName). Với bản ghi CName có hostname www chúng ta sẽ trỏ tới ghs.google.com (có thể có thêm dấu . cuối tuỳ vào Control Panel của nhà cung cấp tên miền, các thông số còn lại để mặc định).

Trong khi đó ở phần dành cho bản ghi A (hostname: @) hãy tạo lần lượt 4 bản ghi trỏ tới 4 IP sau đây (các thông số còn lại để mặc định):

216.239.32.21
216.239.34.21
216.239.36.21
216.239.38.21

Xem hình khi hoàn chỉnh (ví dụ ở GoDaddy.com):

Thiết kế blog: Chia header thành hai phần

2009-04-10T09:50:00.006+07:00

Từ khi thay đổi template, lượt bạn đọc ghé Thủ Thuật Blog tăng hơn so với trước. Đó là nguồn động viên để bài viết mới được cập nhật. Xin gửi lời cám ơn bạn đọc đã ủng hộ blog thời gian qua. Mong rằng các bạn tiếp tục theo dõi nội dung sắp đăng tới đây.

Qua lại với bài viết này, hôm nay chúng ta sẽ chia header của blog làm 2 phần với kích thước tùy chọn. Ở đây template Minima được lấy làm ví dụ minh hoạ. Để dễ hiểu, bạn có thể tạo thêm một blog mới và thao tác theo hướng dẫn dưới:

Bước 1. Chỉnh sửa body. Đăng nhập Blogger, chọn Bố cục (Layout) | Chỉnh sửa HTML (Edit HTML) và để ý đoạn code bên dưới:

    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Header | Thủ thuật blog (Header)' type='Header'/>
</b:section>
    </div>

Đây là header nằm trên cùng có chiều ngang bằng chiều ngang của template. Giả sử chúng ta cần đặt hộp tìm kiếm nằm bên phải, vậy bạn phải thay đoạn code trên bằng:

    <div id='header-wrapper'> /* header-wrapper bao cả hai phần */
      <div id='header'> /* Phần bên trái */ 
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Header | Thủ thuật blog (Header)' type='Header'/>
</b:section>
    </div>
    <div id='box'>    /* Phần bên phải */
      <b:section class='searchbox' id='searchbox' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML99' locked='false' title='' type='HTML'/>
</b:section>
    </div>
   </div>

Trong đoạn code trên đã khởi tạo thêm một tiện ích HTML và các id: box, searchbox. Bạn có thể đặt tên tuỳ ý miễn là tên này phải trùng với khao báo của nó trong CSS ở bước 2.

Bước 2. Chỉnh sửa CSS. Bây giờ kéo thanh trượt lên trên bạn tìm:

#header { 
  margin: 5px;
  border: 1px solid $bordercolor;
  text-align: center;
  color:$pagetitlecolor;
}

Chúng ta sẽ thay thế bằng:

#header { 
  float: left;  /* Nằm bên trái, có thể dùng: float: $startSide */
  width: 310px; /* Kích thước logo của blog */
  margin: 5px;
  border: 1px solid $bordercolor;
  text-align: center;
  color:$pagetitlecolor;
}

#box { 
  float: right;  /* Nằm bên phải, có thể dùng: float: $endSide */
  width: 320px;  /* Kích thước box */
  margin: 5px;
  border: 1px solid $bordercolor;
  text-align: center;
  color:$pagetitlecolor;
}

Ở đoạn code này bạn toàn quyền thay đổi hoặc vô hiệu margin, border theo ý mình khi sử dụng logo hoặc hộp tìm kiếm. Quan trọng hơn phải tính toán khéo léo như thế nào để kích thước ngang (width) của header-wrapper bằng tổng kích thước ngang của header, box và margin của chúng.

Đây là blog demo hướng dẫn trên với layout như hình dưới đây:

Thủ Thuật Blog sẽ sớm cập nhật bài viết mới

2009-03-07T18:12:00.005+07:00

Chào các anh em Blogger, nhiều người phàn nàn sao lâu rồi mà Thủ Thuật Blog không có bài viết mới? Đúng là trước Tết tới giờ blog không được cập nhật, comments không được trả lời và nhiều thắc mắc không được giải thích.

Do một số chuyện cá nhân nên thời gian qua dù cũng thường xuyên lên mạng nhưng không dành thời gian nhiều cho blog. Giờ mọi thứ coi như tạm ổn, việc viết blog sẽ trở lại bình thường.

Sắp tới mỗi tuần Thủ Thuật Blog sẽ cố gắng cập nhật ít nhất 2 bài viết. Nội dung phần nhiều sẽ đề cập đến các vấn đề thiết kế.

Mong bạn đọc thông cảm và tiếp tục gắn bó với blog, mạnh dạn góp ý thiếu xót, gợi ý cách thực hiện hay hơn cũng như đề nghị giúp đỡ các vấn đề gặp phải.

Nhân đây xin chúc mọi người mạnh khỏe, học tập và công tác tốt, đặc biệt chúc các chị em luôn xinh đẹp, vui tươi và mạnh khỏe nhân dịp 8-3 sắp tới.

Cách đặt quảng cáo Google AdSense trên Blogger

2009-01-13T10:43:00.010+07:00

Ngày càng nhiều người tham gia kiếm tiền bằng cách đăng ký quảng cáo Google AdSense. Hôm nay Thủ Thuật Blog mang đến cho bạn hướng dẫn cách đặt quảng cáo AdSense trên Blogger (BlogSpot). Bài viết này không nhấn mạnh khía cạnh đặt quảng cáo sao cho hiệu quả, chỉ đề cập đến vấn đề thao tác để quảng cáo hiển thị ở các vị trí mong muốn.

I. ĐẶT QUẢNG CÁO TRÊN SIDEBAR, HEADER HAY FOOTER:

Cách 1. Chép và dán:

Dán code được tạo ra từ quá trình khởi tạo quảng cáo trong tài khoản Google AdSense rồi chèn trực tiếp vào tiện ích HTML/JavaScript của Blogger.

Ưu điểm:

- Dễ thao tác.
- Quản lý được hiệu quả các kênh (channel).

Nhược điểm:

- Thêm mới hoặc thay đổi kích thước quảng cáo phải tạo lại quảng cáo khác.
- Không đặt được quảng cáo trong bài đăng.

Cách 2. Kết nối tài khoản AdSense vào Blogger:

Lần đầu sử dụng bạn phải kết nối tài khoản AdSense vào Blogger. Trên Bố cục, chọn Thêm tiện ích (Add a Gadget) | Adsense, khai báo địa chỉ email đã dùng đăng ký AdSense và mã bưu điện hoặc 5 số cuối của số điện thoại trong đơn đăng ký.

Sau khi khai báo xong, từ nay muốn cho quảng cáo hiển thị bạn chỉ việc nhấn chọn AdSense, kích thước, kiểu nội dung, màu sắc quảng cáo, và lưu lại rồi kéo thả vào vị trí khác.

Ưu:

- Dễ thao tác.
- Thêm mới, xóa hoặc thay đổi kích thước quảng cáo phải thao tác ngay trong Blogger.

Khuyết:

- Không quản lý được hiệu quả các kênh (channel).
- Không đặt được quảng cáo trong bài đăng.

Như vậy cả hai cách trên đều gặp hạn chế về vị trí quảng cáo, không thể đặt giữa các bài đăng hoặc bên trong bài đăng - nơi được xem có tỉ lệ click cao nhất. Và đó là lý đo để bạn tiếp tục đọc.

II. ĐẶT QUẢNG CÁO GIỮA CÁC BÀI ĐĂNG:

Đăng nhập Blogger, nhấn Chỉnh sửa (Edit) thành phần Blog Spots (Bài đăng) trên Bố cục (Layout). Cửa sổ để cấu hình bài đăng hiện ra, nhấn chuột chọn Hiển thị Quảng cáo giữa các bài đăng (Show Ads Between Posts), cấu hình quảng cáo rồi chọn lưu lại.

Quảng cáo sẽ xuất hiện nằm giữa các bài đăng. Nghĩa là sẽ có 1 quảng cáo đi kèm sau số lượng bài đăng do bạn chọn [Show after # every posts (up to 3 times on a page)][Hiển thị sau mỗi # bài đăng (tối đa 3 lần trên một trang)] giả sử bạn chưa sử dụng ở các vị trí khác. Lưu ý: Bạn phải kết nối tài khoản AdSense vào Blogger như trên vừa đề cập.

III. ĐẶT QUẢNG CÁO BÊN TRONG BÀI ĐĂNG:

Với cách này, bạn phải chèn code Google AdSense vào template của blog. Quảng cáo nên được bao bên trong ID, class hoặc kiểu CSS riêng tương ứng với các gợi ý:

Gợi ý 1:

<div class='ads'>
  Đoạn mã Google AdSense (+)
</div>

Gợi ý 2:

<div id='ads'>
  Đoạn mã Google AdSense
</div>

Khi đó chúng ta cần khai báo CSS tương ứng và đặt nó giữa <b:skin><![CDATA[/* và ]]></b:skin> trong template.
Dùng cho gợi ý 1:

#ads{
  float: left;
  margin: 5px 5px 5px 5px;
}

Dùng cho gợi ý 2:

.ads{
  float: left;
  margin: 5px 5px 5px 5px;
}

Gợi ý 3. Gom cả hai thành một:

<div style='float: left; margin: 5px 5px 5px 5px;'>
  Đoạn mã Google AdSense
</div>

Thuộc tính float sẽ làm vị trí của div hiển thị bên trái (left) hay bên phải (right) trong thành phần chứa nó. Giống thuộc tính text-align của văn bản hay align của hình ảnh. Nhưng ở đây div hiển thị như một chiếc hộp nằm bên trái hay phải của khung văn bản. Đương nhiên nếu bạn biết nhiều về CSS bạn có thể thêm, bớt, làm nổi bậc khung chứa quảng cáo này. Theo kinh nghiệm của nhiều người, cách đặt code này linh động và hiệu quả hơn cả, thích hợp các kích thước 336 x 280, 300 x 250, 250 x 250 và 200 x 200.

Trong trường hợp muốn quảng cáo chỉ xuất hiện khi xem bài đăng cụ thể, div trên phải đặt bên trong:

<b:if cond='data:blog.pageType == "item"'>
      Đặt div mà bạn dùng vào đây 
     </b:if>

Đoạn mã Google AdSense để dùng:

a. Lấy từ tài khoản AdSense:

Đăng nhập tài khoản AdSense, tạo code quảng cáo mới và chuyển đổi các ký tự đặc biệt như < và > sang HTML. Bạn có thể tham khảo công cụ chuyển đổi ở hướng dẫn về cách đặt code của chodientu.vn. Việc chuyển đổi này không vi phạm quy định của Google AdSense.

b. Lấy từ template Blogger:

Bảo đảm rằng bạn đang dùng hướng dẫn phần II. Đăng nhập Blogger, chọn Bố cục (Layout) | đánh dấu Mở rộng tiện ích mẫu (Expand Widget Templates) để tìm đoạn code bên dưới và thêm vào các ký tự có màu nổi bật:

<data:adStart/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
     <!--
      <b:if cond='data:post.includeAd'>
        <data:adEnd/>
        <data:adCode/>
        <data:adStart/>
      </b:if>
     -->
    </b:loop>
    <data:adEnd/>

Việc thêm các ký tự này nhằm vô hiệu đoạn mã hiển thị quảng cáo nằm giữa các bài đăng. Và đây chính là đoạn code Google AdSense chúng ta cần:

<b:if cond='data:post.includeAd'>
        <data:adEnd/>
        <data:adCode/>
        <data:adStart/>
      </b:if>

Với cách lấy code thế này, bạn không phải chạm đến code AdSense gốc.

Và chúng ta sẽ chèn vào template:

<div class='post-body entry-content'>
    Đặt code vào đây, quảng cáo sẽ xuất hiện dưới tiêu đề bài đăng
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

    <div class='post-footer'>
    Đặt code vào đây, quảng cáo sẽ xuất hiện dưới chân bài đăng
    <div class='post-footer-line post-footer-line-1'>
      <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span>

Hay nhiều vị trí khác nữa tùy thuộc vào template. Chúc vui vẻ!

Làm sao để blog bạn tải nhanh hơn?

2008-12-13T20:52:00.006+07:00

Một trong những yếu tố thu hút nhiều đọc giả đến với blog là tốc độ tải về máy tính người đọc. Nếu thời gian tải quá lâu, nhiều đọc giả có thể rời bỏ blog bạn trước khi họ có cơ hội đọc nó. Đây là một vài gợi ý từ Blogger giúp blog bạn load nhanh hơn và thu hút nhiều người đọc hơn:

Bài đăng:

Thời gian tải của blog bị chi phối bởi số lượng bài viết hiển thị trên trang chủ. Bạn có thể dễ dàng điều chỉnh số lượng bài viết từ thẻ Settings (Cài đặt) | Formatting (Định dạng) và khi đó chọn số bài đăng mà mình muốn hiển thị. Con số 10 bài viết hoặc ít hơn thường được khuyên dùng.

Liên kết và JavaScript bên thứ ba:

Để tối ưu hóa tốc độ tải, các liên kết, JavaScript và tiện ích của Google/ Blogger được khuyên dùng. Ngay cả khi bạn sử dụng các liên kết và JavaScript của bên thứ ba, blog bạn sẽ tải nhanh hơn nếu bạn đặt tất cả vào cuối blog. Nếu bạn có liên kết và JavaScript bên thứ ba trong sidebar, hãy đặt chúng vào cuối sidebar.

Hình ảnh và tệp tin media:

Càng nhiều hình ảnh, video và các tệp tin media khác được đăng trên blog, thời gian tải sẽ càng kéo dài. Mặc dù hình ảnh và tệp tin media đóng vai trò quan trọng để thu hút người dùng đến với blog, song quan trọng hơn là bạn phải tối ưu hóa tốc độ tải của chúng. Đây là một vài mẹo tăng tốc độ cho tệp tin media:

Giảm kích thước tệp tin ảnh và sử dụng thumbnail chứa liên kết đến hình ảnh kích thước đầy đủ.
Nếu bạn sử dụng hình ảnh của bên thứ ba, hãy đưa chúng vào Picasa Web Albums thông qua trình soạn thảo của Blogger.
Nếu bạn muốn cho số lượng hình ảnh kích thước lớn hiển thị, bạn có thể đưa tất cả lên Picasa Web Album và đặt một liên kết trong bài đăng hoặc trên sidebar đến album này.

Các gợi ý khác:

Nếu bạn cài đặt thêm bất kỳ đoạn CSS nào vào blog, hãy chắc chắn đặt chúng vào đầu trang.

Blog càng tải nhanh càng thu hút được chú ý của đọc giả. Để giúp xác định thời gian tải về bao lâu, bạn có thể sử dụng công cụ Stopwatch . Truy cập trang, nhập địa chỉ blog vào khung và nhấn "Start Stopwatch". Khi đó công cụ này sẽ mở blog ngay dưới và ghi lại thời gian tải tất cả nội dung trên blog bao gồm hình ảnh, video, tiện ích,... Hãy ghi lại thời gian tải và dùng các gợi ý trên để có những điều chỉnh thích hợp.

Ẩn thông báo trạng thái trong kết quả tìm kiếm và phân loại

2008-12-11T23:05:00.009+07:00

Khi tìm kiếm bài viết của blog bằng công cụ tìm kiếm có trên thanh công cụ Blogger, hoặc khi chọn một nhãn (label) nào đó để xem các bài đăng cùng nhãn, nếu quan sát kỹ bạn sẽ thấy một thông báo nhỏ hiển thị ngay phía trên kết quả (Xem hình).

Nếu không thích có thông báo này, mẹo nhỏ sau đây sẽ giúp bạn loại bỏ:

Cách 1: Vô hiệu hóa đoạn mã hiển thị trạng thái. Đăng nhập blog, vào thẻ Layout (Bố cục) | Edit HTML (Chỉnh sửa HTML) và đánh dấu chọn Expand Widget Templates (Mở rộng tiện ích mẫu), tìm và thêm hai thẻ  như sau:

<b:includable id='status-message'>
<!-- 
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
-->
</b:includable>

Cách 2: Thêm đoạn CSS sau đây vào bất kỳ vị trí nào giữa <b:skin><![CDATA[/* và ]]></b:skin> trong template của blog:

.status-msg-wrap {
  display: none;
}

Hãy thử hai gợi ý trên biết đâu có hiệu quả đấy!

Sử dụng tên miền riêng cho Blogger qua DNS trung gian

2008-11-28T20:00:00.006+07:00

Không rõ có bao nhiêu người đã đọc qua hướng dẫn tạo blog với tên miền riêng mà đến hôm nay số Blogger trang bị tên miền ngày một nhiều. Nhằm giúp bạn có thêm lựa chọn, tôi viết tiếp hướng dẫn cài đặt tên miền theo một cách tiếp cận khác dễ hơn bằng cách sử dụng dịch vụ DNS trung gian miễn phí.

Trước hết phải kể đến lý do mà chúng ta sử dụng dịch vụ DNS trung gian: Thứ nhất, Control Panel của nhà cung cấp tên miền không hỗ trợ DNS, thứ hai, không bị giới hạn về số bản ghi được phép tạo cho mỗi tên miền (chẳng hạn như không hạn chế số subdomain), thứ ba, thuận tiện hơn khi cần cập nhật các bản ghi và bảo mật.

Có nhiều trang cung cấp dịch vụ DNS miễn phí như everydns.net, zoneedit.com, freedns.afraid.org, ... Ở đây tôi sử dụng DNS của sitelutions.com, tuy không phổ biến hơn ba địa chỉ kia nhưng dịch vụ này ổn định, dễ cài đặt và hỗ trợ nhiều tính năng, đương nhiên nằm trong tiêu chí miễn phí. Chúng ta có thể tiến hành qua 4 bước:

1. Thêm tên miền vào tài khoản ở Sitelutions:

Các bước đăng ký và kích hoạt tài khoản Sitelutions bạn có thể tự thực hiện.

Sau khi đăng ký xong hãy đăng nhập và nhấn Add Domain để thêm tên miền của mình vào.

Nhập tên miền (không có www), chọn thời gian hết hạn (nếu không nhớ hãy nhập tin miền vào whois.net để tìm), ghi lại các thông tin NameServer (NS) để sử dụng cho bước kế tiếp sau đó nhấp Add Domain.

2. Thay đổi NS tên miền theo NS của Sitelutions:

Bây giờ trang web mà mình mua tên miền để thay đổi NS theo thông số vừa ghi lại trên. Mất một ít thời gian để thay đổi của bạn có hiệu lực.

3. Cài đặt các bản ghi:

Sau khi hoàn tất bước 1, nhấn [Hosts/DNS] hoặc Account Control (nằm trên thực đơn ngang) | URL & DNS Control Center. Bạn sẽ tìm thấy như hình dưới.

Ở đây có 2 HostName được tạo sẵn tương ứng cho tên miền gốc ([root domain]) và tên miền con (www).

Chúng ta cài trên www trước bằng cách click [Advanced Config & DDNS]. Trang làm việc hiện ra, tìm đến CNAME Records, xóa bản ghi đã có, nhấn Add Record để tạo bản ghi mới như hình và tiếp tục hoàn tất.

Lưu ý Host Name mà chúng ta trỏ tới phải là ghs.google.com. (có dấu . cuối cùng).

Tương tự chúng ta sẽ thao tác trên [root domain] tại mục A Records và trỏ tới cả 4 IP: 216.239.32.21, 216.239.34.21, 216.239.36.21 và 216.239.38.21

Cập nhật: Hình minh họa này đã cũ so với thực tế

Nếu có cài đặt Google Apps bạn cũng có thể khai báo các thông số bản ghi MX sử dụng cho dịch vụ email ngay bên dưới trong [root domain] này.

Mất một thời gian để khai báo của bạn có hiệu lực.

4. Khai báo tên miền cho blog:

Xem thêm mục 3 của phần Cập nhật.

Hiện nay, tên miền quốc tế .com, .net, .info, ... có giá tương đối rẻ. Vào khoảng $35/năm nếu bạn đăng ký tại Register, Network Solutions; hay khoảng $10/năm nếu bạn đăng ký tại GoDaddy.com, đại lý eNom (eNom không bán trực tiếp),... hoặc có thể rẻ hơn khi gặp dịp khuyến mãi. Bạn cũng có thể liên hệ với tôi theo thông tin tại đây để có một tên miền với giá hợp lý.

Kèm biểu tượng chia sẻ bài viết qua Yahoo! Messenger vào Blogger

2008-10-11T18:15:00.007+07:00

Trước đây bạn đã được hướng dẫn cách đưa biểu tượng hiển thị trạng thái trực tuyến của mình khi đang dùng Yahoo! Messenger vào blog, hôm nay chúng ta sẽ đề cập đến việc chèn thêm biểu tượng chia sẻ bài viết qua trình tin nhắn này.

Khi sử dụng biểu tượng, một thông điệp bao gồm tên bài viết đi kèm liên kết của nó sẽ tự động được chèn vào khung nhập nội dung của chương trình tán gẫu. Và đây là đoạn code:

<a expr:href='&quot;ymsgr:sendIM?+&amp;m=&quot; + data:post.url + &quot; &lt;== &quot; + data:post.title'><img class='icon-action' src='http://i240.photobucket.com/albums/ff259/thuthuatblog/ymr.jpg' title='Gửi bài viết này cho bạn bè qua Yahoo! Messenger!'/></a>

Trong đó link biểu tượng được làm nổi bậc và bạn có thể thay bằng một trong những biểu tượng dưới (Với Firefox nhấn phải chuột chọn Copy Image Location hoặc Properties -> Chọn chép link ở Address(URL)):

Cách chèn vào Blogger:

Tùy theo template và vị trí mong muốn, nhìn chung bạn có thể đặt biểu tượng cạnh Label (Nhãn) của bài viết hoặc cạnh các thông tin khác như tác giả, giờ đăng bài,...

Đăng nhập Blogger, lưu lại template đang dùng, chọn Expand Widget Templates (Mở rộng tiện ích mẫu) và tìm đoạn vị trí gợi ý dưới:


    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
     <!-- Nơi có thể đặt code -->
     <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span> 
    <!-- Nơi có thể đặt code -->
    <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span> 
    <!-- Nơi có thể đặt code -->
   <span class='post-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
          </b:if>
        </b:if>
      </span> 
    <!-- Nơi có thể đặt code -->
    <span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
          </a>
          </span>
        </b:if>
        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span> 
    <!-- Nơi có thể đặt code -->
   </div>

      <div class='post-footer-line post-footer-line-2'>
       <!-- Nơi có thể đặt code -->
   <span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span> 
    <!-- Nơi có thể đặt code -->
  </div>
      <div class='post-footer-line post-footer-line-3'>
    <!-- Nơi có thể đặt code -->
       <span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span>
      </div>

Một cửa sổ sẽ hiện ra như thế này khi nhấn vào biểu tượng:

Có một lỗi thấy rõ ở việc hiển thị tiếng Việt tiêu đề của bài đăng trong khung nhập nội dung chat. Không biết phiên bản hiện thời Yahoo! Messenger 9.0 có khắc phục được nhược điểm này?

Có bao giờ bạn gửi link bài viết hay cho bạn bè qua Yahoo! Messenger? ( surveys)

Làm sao để truy cập blog của bạn trên điện thoại di động?

2008-10-01T20:53:00.019+07:00

Vừa ghé xem blog của Khánh tôi tìm thấy một dịch vụ rất hay đó là tạo trang web có thể truy cập bằng điện thoại di động (*) từ một địa chỉ web sẵn có trên internet. Người dùng có thể tạo ra một phiên bản khác của blog dành cho thiết bị di động hoàn toàn miễn phí chỉ với vài thao tác đơn giản. Một tính năng rất hay của dịch vụ chính là cho phép bạn tùy biến địa chỉ theo tên miền riêng.

Để sử dụng được dịch vụ này blog/website của bạn phải có tính năng cung cấp feed giúp công cụ tự động dò tìm. Trong trường hợp khác bắt buộc bạn phải nhập link feed.

Với người dùng blog Yahoo! 360plus có thể tìm thấy link feed bằng cách đăng nhập vào blog ở thực đơn Tùy chọn -> Blog URL. Blog của bạn có thể có 3 URL như trên hình.

Link feed có dạng thêm rss phía sau URL của blog. Ví dụ:

http://vn.myblog.yahoo.com/jw!8rtasCCWBkXCi54B/rss
http://vn.myblog.yahoo.com/dv2n/rss
http://vn.myblog.yahoo.com/thuthuat-blog/rss

Trong khi đó người dùng Blogger và WordPress chỉ cần có địa chỉ blog.

Để bắt đầu chúng ta truy cập địa chỉ www.mofuse.com, gõ hoặc dán link blog/feed vào dòng nhập địa chỉ nằm giữa màn hình và nhấn Mobilize đến trang tiếp theo.

Hình ảnh bên trái cửa sổ bạn quan sát được chính là nội dung hiển thị trên di động, phần bên phải để bạn điền hoặc sửa các thông tin cho blog theo 3 bước dưới.

Bước 1: Tạo địa chỉ web truy cập bằng di động: Giữ nguyên hoặc nhập lại tên của blog ở dòng Mobile Site Title, đặt tên để truy cập bằng địa chỉ http://ten_ban.mofuse.mobi (có thể thay đổi sau) và chọn phân loại trang từ thực đơn thả xuống của Mobile Site Category.

Bước 2: Tạo tài khoản khai báo truy cập bằng di động: Nhập địa chỉ email vào dòng Email Address, mật khẩu và nhập lại mật khẩu kiểm tra.

Bước 3. Đánh dấu chấp nhận điều kiện sử dụng và nhấn Launch Mobile Site.

Đến đây mọi thứ coi như hoàn tất và bạn hoàn toàn có thể truy cập blog theo địa chỉ vừa được tạo trên điện thoại di động.

TÙY BIẾN ĐỊA CHỈ:

Nếu blog bạn có tên miền riêng, bạn có thể tùy chỉnh địa chỉ trên bằng tên miền của mình. Đăng nhập trang chọn Dashboard, chọn blog muốn chỉnh sửa. Ngay ở phân mục Make it unique bạn nhấn Custom domain và gõ địa chỉ tên miền của mình vào đây. Ví dụ tôi sẽ nhập địa chỉ tên miền của mình: m.thuthuatblog.com.

Để địa chỉ này hoạt động ta cần đăng nhập trang quản lý tên miền (hoặc trang hỗ trợ DNS trung gian đã đăng ký quản lý tên miền trước đó) và tạo ra một subdomain có tên m trỏ bản ghi CName tới địa chỉ đã được tạo trên, trong trường hợp của tôi: thuthuatblog.mofuse.mobi. (có dấu chấm, nếu bạn dùng DNS của GoDaddy không cần nhập dấu chấm)

Với blog Yahoo! 360plus bạn không thể làm được việc này mà chỉ có thể truy cập blog theo link http://ten_ban.mofuse.mobi vừa được tạo bên trên.

VÀ GIAO DIỆN WEB CÙNG MỘT SỐ CHỨC NĂNG KHÁC:

Thêm vào đó chúng ta có thể thiết kế và chọn lại màu sắc ở Design/Colors, đưa logo riêng của blog ở thực đơn Your logo.

Ngoài ra bạn cũng có thể chỉnh sửa trang chủ (Edit Homepage), thêm link feed (Add a RSS Feed), thêm trang mới (Add a New Page), thêm link mới (Add a New Link) ngay dưới chuyên mục Edit Content hoặc lấy nút bấm cho biết địa chỉ truy cập blog trên di động (Mobi Badge) và xem thống kê số người đã xem blog của bạn bằng di động nhiều chức năng khác nhưng chưa dành cho dân đang ở Việt Nam!

Bạn đã bao giờ lướt web trên điện thoại di động chưa? ( polls)

(*) Điện thoại di động truy cập được web phải hỗ trợ WAP và GPRS, đã khai báo thông số trên thiết bị theo hướng dẫn của nhà cung cấp viễn thông trong khu vực có phủ sống GPRS. Nhiều dòng điện thoại bây giờ có thể truy cập ngay địa chỉ web như máy tính.

Yahoo! Messenger Pingbox : Công cụ giúp khách tham quan tán gẫu với bạn ngay trên blog

2008-09-24T22:13:00.016+07:00

Yahoo! vừa chính thức phát hành trình tin nhắn tức thời Yahoo! Messenger (Y!M) phiên bản 9 đi kèm với việc giới thiệu một số tính năng mới trong đó có công cụ hỗ trợ tán gẫu trực tiếp ngay trên web/blog hoặc hồ sơ cá nhân ở các mạng xã hội. Công cụ có tên: Yahoo! Messenger Pingbox. Với công cụ này, khách tham quan có thể chat ngay với chủ nhân của blog đang online trên Y!M 9.0, Y!M 8.0 hoặc Y!M for the Web thông qua một hộp thoai đặt ngay trên trang mà không cần phải đăng nhập Yahoo! Messenger cũng như biết nick chat của họ.

Dưới đây là các bước giúp bạn chèn hộp thoại này vào blog của mình.

Đăng nhập tài khoản Yahoo! của bạn tại địa chỉ http://messenger.yahoo.com, chọn Pingbox ở menu hàng ngang, tiếp đó bấm vào nút Create Pingbox.

Cửa sổ hiện ra để tùy chỉnh giao diện, ở đây bạn có thể chọn hình nền (background theme), màu nền (background color), kích thước và màu chữ (text size & color), thay đổi lời chào khi online (online greeting), thông điệp khi offline (offline message), tên hiển thị (display name). Làm xong bước này chúng ta nhập một cái tên cho hộp thoại ngay dưới Save Pingbox as và nhấn Next để tiếp tục.

Yahoo! liệt kê sẵn một số mạng xã hội, chọn Blogger và nhấn Copy to clipboard để lấy code tương ứng với lựa chọn. Ngoài ra bạn cũng có thể tùy chỉnh kích thước của hộp thoại Pingbox phù hợp với vị trí trên blog mà nó sẽ hiển thị trước khi chép code.

Cuối cùng đăng nhập Blogger, vào Layout (Trình bày) chọn Add a Gadget (Thêm tiện ích) -> HTML/JavaScript và dán code trước khi lưu lại.

Video làm mẫu:

Chúc thành công!

Đăng ký blog vào công cụ tìm kiếm tiếng Việt của Yahoo!

2008-08-07T13:30:00.002+07:00

Gần đây trên trang quản lý thống kê của blog này ở StatCounter lượt truy cập đến từ công cụ tìm kiếm Yahoo! tiếng Việt (vn.search.yahoo.com) ngày một thường xuyên hơn. Với số lượng người dùng các dịch vụ blog, chat và mail của Yahoo! đứng đầu Việt Nam, blog tiếng Việt của bạn không thể bỏ qua "miếng bánh ngon" đem lại lượng truy cập hấp dẫn.

Để dễ dàng tìm thấy các bài viết của mình bạn nên đăng ký địa chỉ blog và địa chỉ feed của blog vào công cụ. Cách thức tương tự như đưa vào công cụ tìm kiếm Yahoo! tiếng Anh trước đây. Khác chăng bạn truy cập bằng một địa chỉ khác và ngôn ngữ đã được Việt hóa.

Truy cập tại đây, một cửa sổ hiện ra và bấm Đăng ký miễn phí trang của bạn, bạn có thể được yêu đăng nhập tài khoản Yahoo! (nếu chưa đăng nhập Yahoo! Mail, 360,...) và khai báo các URL theo yêu cầu.

Với Blogger chúng ta có thể dùng http://yourblog.blogspot.com/rss.xml và http://yourblog.blogspot.com/atom.xml để nhập vào URL của feed (Thay yourblog bằng tên blog của bạn).

Đăng ký xong bạn chỉ việc đợi Yahoo! cập nhật và kiếm traffic cho blog.

Hình chụp lượng truy cập ThuThuatBlog.com đến từ công cụ tìm kiếm Yahoo! tiếng Việt.

Cách đặt code quảng cáo của Chợ Điện Tử vào template Blogger

2008-07-12T19:25:00.006+07:00

Trước đây chương trình quảng cáo của Chợ Điện Tử cung cấp hai loại code JavaScript và flash cho các webmaster và blogger tùy ý sử dụng cho trang của họ. Tuy nhiên loại code JavaScript không thể hiển thị đúng trên Blogger mặt dù nền blog này hỗ trợ khá đầy đủ JavaScript.

Kể từ phiên bản cập nhật gần đây, Chợ Điện Tử đã giới hạn chỉ cho các website có tên miền riêng, thứ hạng dưới 1 triệu trên Alexa tham gia hệ thống này. Các Blogger (BlogSpot) có tên miền riêng dù có đáp ứng đủ điều kiện trên cũng đành ngậm ngùi.

Sau thời gian tìm hiểu, tôi đã phát hiện ra một cách hợp lý đặt code Chợ Điện Tử vào template của Blogger. Đây là cách mà nhiều người sử dụng để đặt Google AdSense code vào blog. Đó là chuyển các ký tự đặc biệt thành mã HTML. Cách này không dùng được trong trường hợp bạn đặt trực tiếp trên layout thông qua tiện ích HTML/JavaScript.

Sau đây là các bước:

Bước 1. Đăng nhập trang quản lý tài khoản của bạn trên Chợ Điện Tử (http://ads.chodientu.vn) và tạo widget quảng cáo mới sau đó lấy code.

Bước 2. Chép tất cả đoạn code lấy được trên vào khung ở trang này, nhấn CONVERT AD CODE, và bấm HIGHTLIGHT ALL để chép hết đoạn mã chuyển đổi được.

Bước 3. Đăng nhập Blogger, chọn thẻ Layout (Trình bày) | Edit HTML (Chỉnh sửa HTML), đánh dấu chọn Expand Widget Templates (Mở rộng tiện ích mẫu). Trước khi tiếp tục chúng ta tải mẫu hiện tại về máy tính thông qua link Download Full Template (Tải mẫu đầy đủ) đề phòng thao tác sai có thể phục hồi mẫu sau này.

Dán đoạn mã chuyển đổi trên vào các vị trí mình muốn và lưu lại:

a. Phía dưới tiêu đề bài đăng:

Xin tham khảo hướng dẫn tương tự cách chèn đánh giá bài viết ngay sau tiêu đề.

b. Phía cuối bài đăng:

Xin tham khảo hướng dẫn tương tự cách chèn một đoạn văn bản cuối bài đăng.

c. Cách đặt vào HTML/JavaScript (dùng trên sidebar và vị trí khác):

Đăng nhập vào Blogger, chọn Layout (Trình bày) -> Edit HTML (Chỉnh sửa HTML), bây giờ hãy lưu ý các thành phần trang tương ứng trên sidebar (hoặc vị trí khác) sẽ được điều khiển bởi các đoạn code tương ứng. Để dễ hiểu tôi lấy ví dụ sidebar bên trái của template có hai thành phần trang (Label và HTML/JavaScript, tương ứng với id='Label1' và id='HTML1'):

      <div id='left-col'>
        <b:section class='sidebar' id='left-sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='HTML1' locked='false' title='Quà tặng từ TTO' type='HTML'/>
</b:section>
      </div>

Chúng ta sẽ đặt code quảng cáo trên thành phần HTML/JavaScript nên copy toàn bộ id='HTML1' dán ngay vị trí muốn hiển thị:

      <div id='left-col'>
        <b:section class='sidebar' id='left-sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='HTML1' locked='false' title='Quà tặng từ TTO' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Quà tặng từ TTO' type='HTML'/>
</b:section>
      </div>

Và thay đổi id='HTML1' -> id='HTML2' (mỗi id là duy nhất, nên thay đổi sao cho không trùng với id khác), title='Quà tặng từ TTO' -> title='Quảng cáo' (Bạn phải đặt title, nếu HTML/JavaScript này không có tên sẽ không thể hiển thị) như sau và lưu lại như sau:

      <div id='left-col'>
        <b:section class='sidebar' id='left-sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='HTML1' locked='false' title='Quà tặng từ TTO' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Quảng cáo' type='HTML'/>
</b:section>
      </div>

Lưu xong chúng ta check Expand Widget Templates (Mở rộng tiện ích mẫu) và tìm id='HTML2' (Dùng Ctrl + F) và dán code như dưới đây:

<b:widget id='HTML2' locked='false' title='Quảng cáo' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    Dán code Chợ Điện Tử đã convert theo hướng dẫn trên vào đây!
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>

Chúng ta có thể sử dụng bất kỳ id='HTMLNo' nào trong HTML của template để làm chèn code như trên và kéo thả thay đổi vị trí trên layout.

Nếu bạn có blog hoặc website đáp ứng yêu cầu như đã nói ở phần đầu có thể xem hướng dẫn tham gia và kiếm tiền.

Chúc bạn kiếm được nhiều tiền khao mình một chầu cà phê nhé!

Đặt code trong khung trên bài viết của Blogger

2008-07-08T21:00:00.014+07:00

Theo yêu cầu của anh Thắng, tôi viết hướng dẫn này chia sẻ một trong những cách đơn giản nhưng không kém chuyên nghiệp để đặt code nằm trên khung trong bài đăng của Blogger. Với cách làm này đoạn mã hiển thị sẽ trông dễ nhìn hơn và người đọc dễ sao chép khi muốn sử dụng.

CSS điều khiển thuộc tính khung hiện code:

Để hiển thị code bạn cần đặt chúng giữa hai thẻ mở <pre> và đóng </pre> trong bài viết của mình. Muốn đẹp hơn bạn có thể thêm khung bằng cách sử dụng các thuộc tính về màu chữ, màu nền, font chữ, đường viền, kích thước rộng và cao, thanh trượt, cách viền ... bằng cách thêm code CSS vào thẻ mở, ví dụ: <pre style="color: #333333; background: #999999; width: 100%; height: 50px; overflow: auto; padding: 10px;">.

Một cách chuyên nghiệp hơn chúng ta sẽ tạo ra một class mới và đặt chúng vào CSS của template (đặt vào bất kỳ vị trí nào giữa hai thẻ <b:skin><![CDATA[/* và ]]></b:skin> ). Việc làm này sẽ giúp bạn sử dụng khung hiển thị code thống nhất ở tất cả các bài viết có dùng khung và dễ chỉnh sửa thuộc tính khi muốn thay đổi. Ví dụ ở đây tôi tạo ra lớp pre-formatting có CSS như sau:

.pre-formatting{
  color: #333333;
  background: #999999;
  border: 2px solid #999999;
  overflow: auto;
  font-family: "Tahoma", Tahoma;
  padding: 10px;
}

Đương nhiên trong template nên bạn có thể sử dụng các biến lấy giá trị cho từng thuộc tính đã được định nghĩa trước đó. Ví dụ:

.pre-formatting{
  color: $textcolor;
  background: $bgcolor;
  border: 2px solid $bordercolor;
  overflow: auto;
  font: $headerfont;
  padding: 10px;
}

Cách sử dụng:

Để code xuất hiện mang thuộc tính của CSS đã lưu trước đó chúng ta sẽ sử dụng chế độ HTML để soạn bài và đặt code như sau:

<pre style="height: 100px;" class="pre-formatting">Code</pre>

Câu hỏi đặt ra ở đây là chúng ta đã dùng class pre-formatting, vậy tại sao phải thêm CSS điều khiển height (chiều cao của khung), có dư thừa chăng? Câu trả lời phụ thuộc vào đoạn code mà bạn dùng. Nếu đoạn code đó ngắn bạn chọn giá trị chiều cao khung nhỏ và ngược lại, không nhất thiết phải thêm vào CSS của template vì chúng ta không biết trước đoạn code mỗi lần dùng. Không dư thừa chút nào!

Cũng xin lưu ý bạn phải chuyển đổi các ký tự đặc biệt thành mã HTML (ví dụ: < thành < và > thành >) trước khi đặt giữa hai thẻ trên. Và mách nhỏ hãy lưu đoạn code đó vào Post Template (Mẫu đăng bài) trong Settings (Cài đặt) | Formatting (Đang định dạng) để không cần phải gõ mỗi lần dùng.

CẬP NHẬT:

Tôi vừa biết thêm một cách chuyên nghiệp hơn và đơn giản hơn vì không phải ước lượng height cho đoạn code bạn dùng.

Bạn cũng thêm một đoạn CSS điều khiển hiển thị code như trên nhưng để chúng đi kèm thẻ pre hoặc code:

pre, code{
  color: $textcolor;
  background: $bgcolor;
  border: 2px solid $bordercolor;
  overflow: auto;
  font: $headerfont;
  padding: 10px;
}

Khi sử dụng trong post chúng ta sẽ đặt code theo một trong hai cách:

<pre>
... code ...
</pre>

Hoặc:

<code>
... code ...
</code>

Với cách này người ta có thể dùng hình ảnh đánh số thứ tự làm nền để đoạn code hiển thị trông đẹp hơn. Bạn có thể chép đoạn code sau mà tôi đang dùng cho template của mình.

pre, code {
  display:block;
  font: 1em 'Courier New', Fixed, monospace;
  font-size : 100%;
  color: #666666;
  background : #fff url(http://img178.imageshack.us/img178/1307/prepb3.jpg) no-repeat left top;
  overflow : auto;
  text-align:left;
  border : 1px solid #99cc66; 
  padding : 0px 20px 0 30px;
  margin:1em 0 1em 0;
  line-height:17px;
}

Một số biểu tượng đặc biệt hiện trạng thái online của Yahoo! Messenger

2008-07-06T21:17:00.015+07:00

Không cần làm VIP trên Yahoo! bạn vẫn có thể sử dụng một số biểu tượng đặc biệt của Yahoo! Messenger để hiện trạng thái online của mình trên blog hoặc website.

Hãy chép lại đoạn mã sau và sửa đổi theo hướng dẫn dưới.

<a href="ymsgr:sendIM?Yahoo!ID"><img border="0" src="http://presence.msg.yahoo.com/online?u=Yahoo!ID&m=g&t=ImageNo&l=us">

Trong đó thay thế các chữ màu đỏ:

Yahoo!ID: Nickname của bạn (Hoặc địa chỉ email nếu bạn sử dụng dạng nickname@ymail.com, nickname@rocketmail.com). Ví dụ: dv2n hoặc dv2n@ymail.com

ImageNo: Số thứ tự biểu tượng mà bạn định dùng tương ứng với các hình sau:

ImageNo: 6

ImageNo: 7

ImageNo: 8

ImageNo: 9

ImageNo:10

ImageNo: 11

ImageNo: 12

ImageNo: 13

ImageNo: 14

ImageNo: 15

ImageNo: 16

Đây đoạn mã hiển thị trạng thái online của tôi và sử dụng hình 16:

<a href="ymsgr:sendIM?dv2n"><img border="0" src="http://presence.msg.yahoo.com/online?u=dv2n&m=g&t=16&l=us">

Tôi đã kiểm tra thử một Yahoo! ID bình thường vẫn sử dụng được các biểu tượng trên, không nhất thiết phải là Power User (dv2n là nick Power User). Bạn có thể xem thêm hướng dẫn cách đưa biểu tượng hiển thị trạng thái online qua Yahoo! Messenger và Skype lên blog hoặc website của mình.

Làm thế nào để sử dụng khung nhận xét của Blogger?

2008-07-03T22:52:00.009+07:00

Gần đây Blogger cập nhật nhiều tính năng mới hấp dẫn. Một trong số đó là hệ thống comment mới với khung nhập nội dung nằm ngay sau bài viết. Đây chính là tính năng được chờ đợi nhất vì ưu thế quen thuộc mà người dùng thường thấy trên các nền blog Yahoo! 360, WordPress,...

Để sự dụng tính năng này bạn phải đăng nhập blog của mình theo địa chỉ http://draft.blogger.com và chọn Embedded below post (Bài đăng dưới đây đã được nhúng) tương ứng với Comment Form Placement (Vị trí mẫu nhận xét) ở mục Comments (Nhận xét) của thẻ Settings (Cài đặt). Và nhấn xem blog để kiểm tra khung có xuất hiện hay không.

Với một blog mới vừa được tạo, tùy mẫu có thể đoạn mã quản lý xuất hiện của khung nhận xét đã được thêm trước đó. Trong trường hợp không có hay muốn sử dụng cho mẫu hiện tại bạn cần nhấn phần Expand Widget Templates (Mở rộng mẫu tiện ích) tìm đoạn code sau:

      <p class='comment-footer'>
        <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
      </p>

Và thay thế bằng:

<p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:include data='post' name='comment-form'/>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>

Lưu lại, xem blog bạn sẽ thấy xuất hiện như sau:

Để chỉnh sửa định dạng đoạn văn bản ghi dưới Post a comment(Đăng một nhận xét) trong trường hợp có sử dụng Comment Form Message (Thư thông báo Mẫu Nhận xét) bạn chỉ cần tìm đoạn mã:

   <p><data:blogCommentMessage/></p>

Và thêm một đoạn CSS điều khiển định dạng (Ví dụ tôi thêm vào canh đều văn bản và kiểu chữ nghiêng như hình trên):

<p style='text-align: justify; font-style: italic;'><data:blogCommentMessage/></p>

Nếu gặp vấn đề bạn có thể đăng một nhận xét ngay dưới bài viết này để chúng ta cùng nhau tháo gỡ. Chúc thành công!

BỔ SUNG:

Nếu khung nhận xét vẫn không xuất hiện trên trang của của bài viết cụ thể (trong trường hợp bạn đã chọn chế độ cho phép comment) hãy bổ sung thêm đoạn code màu đỏ theo vị trí của dưới đây:

<b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == "item"'>
        <b:include data='post' name='comments'/>
   <b:include data='post' name='comment-form'/>
      </b:if>
      <b:if cond='data:post.includeAd'>
        <data:adEnd/>
        <data:adCode/>
        <data:adStart/>
      </b:if>

Tên miền cho Blogger miễn phí: subdomain.BlogSpotvn.com

2008-05-29T19:28:00.049+07:00

Tin vui cho các bạn Blogger (BlogSpot.com) là tôi vừa đăng ký tên miền BLOGSPOTVN.COM và cung cấp tên miền con (subdomain) của tên miền này miễn phí cho các bạn làm blog ở Blogger. Dùng tên miền riêng sẽ giúp blog không bị ngăn khi người dùng internet của VNPT xem blog.

Tên miền con của tên miền moohay.com vẫn dùng bình thường và nếu bạn có ý định đổi sang địa chỉ này vui lòng thông báo để tôi tạo trang chuyển đổi đến địa chỉ mới của bạn.
Bước 1. ĐĂNG KÝ:
Nhấn vào đây và để lại thông tin theo mẫu (Chép và sửa lại cho phù hợp với các thông tin của bạn):

Tên blog: Tên blog của bạn
URL: Địa chỉ blog
URL dự định: http://têncủabạn.blogspotvn.com
Yahoo! Messenger ID: Nickname của Yahoo! Messenger (Dùng để nhắn cho bạn khi đã cài xong, nhớ cho nhé!). Bạn cũng có thể xem thông báo đia chỉ đã kích hoạt trong chat box tại trang www.blogspotvn.com

Ví dụ:

Tên blog: Thủ Thuật Blog
URL: http://thuthuatchoblogger.blogspot.com
URL dự định: http://ttb.blogspotvn.com
Yahoo! Messenger ID: dv2n

Bước 2. CÀI ĐẶT ĐỊA CHỈ ĐĂNG KÝ TRÊN CHO BLOG:

Tên miền đã đăng ký và kích hoạt xong vẫn chưa thể sử dụng được nếu bạn không thay đổi địa chỉ blog của mình thành địa chỉ mới này.Tóm tắt các thay đổi: Đăng nhập Blogger.com, chọn Settings (Cài đặt) | Publishing (Đang công bố), nhấn Custom Domain (Tên miền tùy chỉnh) -> nhấn Switch to advanced settings (Chuyển sang cài đặt nâng cao) và gõ tên miền đã đăng ký và lưu lại.

Có hai cách gõ:

(1) Nếu bạn dự định sẽ dùng tên miền của mình dạng không có www hãy gõ địa chỉ không có www. Ví dụ: abc.blogspotvn.com. Nhập xong lưu lại và làm giống như hình dưới. Địa chỉ blog của bạn sẽ là http://abc.blogspotvn.com.

(2) Nếu bạn dự định sẽ dùng tên miền của mình dạng có www hãy gõ địa chỉ có www. Ví dụ: www.abc.blogspotvn.com. Nhập xong lưu lại và làm giống như hình dưới. Địa chỉ blog của bạn sẽ là http://www.abc.blogspotvn.com.

Nhớ cài theo đúng hướng dẫn của hình cả hai địa chỉ có hoặc không có www đều truy cập được vào blog của bạn. Các địa chỉ đã cài không giống như hướng dẫn có thể bổ sung để hợp lý hơn.

Nhiều khi tôi không có thời gian update địa chỉ đã đăng ký vào danh sách bên dưới nên bạn đã đăng ký rồi cứ kiểm tra địa chỉ của mình trên trình duyệt web. Nếu mở địa chỉ hiện nội dung: Server Not Found, Error 404 chứng tỏ link đã sử dụng được.

Lưu ý:

Địa chỉ đã đăng ký và được kích hoạt nên sớm đưa vào sử dụng.

DANH SÁCH TÊN MIỀN CON ĐÃ ĐĂNG KÝ:(Cập nhật lúc 18h30 ngày 24/07/2008)

CẬP NHẬT:

Bạn có thể tự đăng ký một hòm thư có phần mở rộng @blogspotvn.com đi kèm với tên miền của mình thông qua dịch vụ Windows Live. Hãy nhấn Sign up để đăng ký.

Truy xuất hòm thư theo một trong ba địa chỉ sau:

http://mail.live.com
http://mail.blogspotvn.com
http://email.blogspotvn.com

Hướng dẫn cho webmaster đăng kí website vào Live Search

2008-05-24T20:40:00.015+07:00

Không chịu thua công cụ dành cho webmaster của Google, Microsoft đã phát hành phiên bản beta một công cụ tương tự giúp các webmaster dễ dàng đưa nội dung trên trang của họ vào bộ máy tìm kiếm của hãng. Đây là một trong những dịch vụ miễn phí nằm trong "dòng họ" Windows Live mà người dùng chỉ cần một tài khoản dùng chung để đăng nhập. Muộn còn hơn không, gã khổng lồ Microsoft đã bắt đầu quan tâm đến giới webmaster và thị phần tìm kiếm ngày càng giảm của chính họ.

Sử dụng công cụ này khách hàng dễ dàng tìm thấy trang của bạn trên một trong những công cụ tìm kiếm hàng đầu thế giới.

ĐƯA TRANG WEB LÊN LIVE SEARCH

Bước 1: Truy cập địa chỉ http://webmaster.live.com và nhấn vào nút Sign in to use the tools để đăng nhập hoặc tạo Windows Live ID nếu bạn không có tài khoản dùng cho MSN Hotmail, MSN Messenger, Passport.net (một địa chỉ email bất kỳ) hay Windows Live.

Bước 2: Đăng nhập xong chúng ta sẽ đến trang khai báo địa chỉ, chọn phương pháp xác minh website và điền địa chỉ email liên hệ.

Bước 3: Xác minh địa chỉ website. Chèn một đoạn mã chứa thẻ META ngay phía dưới thẻ <head> trong mã nguồn của trang web hay đưa lên host một tệp tin LiveSearchSiteAuth.xml mang nội dung được tạo ở bước này. Nếu sử dụng Blogger bạn chỉ có thể chọn cách chèn thẻ META.

Bước 4: Sau khi xác minh thành công, bạn có thể khám phá các thống kê mà công cụ này mang lại bao gồm số lượng trang được đánh chỉ mục, từ khóa, các trang hàng đầu mà bạn liên kết đến (top outbound links), các trang hàng đầu đem lại lượng truy cập cho bạn (top backlinks),...

ĐƯA HỘP TÌM KIẾM LIVE SEARCH LÊN TRANG

Đi cùng với công cụ hỗ trợ webmaster, bạn cũng có thể lấy hộp tìm kiếm Live Search chèn vào website của mình ở địa chỉ http://search.live.com/siteowner. Hộp tìm kiếm có dạng như thế này:
Tuy nhiên các từ khóa tiếng Việt khi truy xuất trên hộp tìm kiếm Live Search đặt trên website của bạn được xử lý khá kém nên không hiển thị đúng trên trang kết quả nếu không gõ lại một lần nữa.

Với việc Google cho phép các trang sử dụng công cụ tìm kiếm của họ để kiếm tiền thì công cụ của Microsoft ngày càng ít được dùng đến. Chẳng thế mà thị phần tìm kiếm tháng 4 vừa rồi của Microsoft giảm còn 9,1% (từ 9,6%). Nếu gã khổng lồ phần mềm không có những bước đi đột phá, họ sẽ ngày một mất chỗ đứng trên thị trường tìm kiếm.

Tên miền .co.cc cho Blogger, Yahoo! Blog

2008-05-14T07:58:00.016+07:00

Cách đây không lâu Phamen có một bài viết hướng dẫn đăng ký tên miền miễn phí dạng YOURBLOG.uni.cc kết hợp với EveryDNS.net để sử dụng cho Blogger nhằm giúp các đọc giả sử dụng mạng VNPT không bị ngăn khi truy cập đến địa chỉ blog có dạng *.BlogSpot.com. Tác giả đánh giá đây là sự kết hợp tuyệt vời giữa hai dịch vụ.

Tuy nhiên có một dịch vụ tương tự như vậy còn tuyệt vời hơn khi không những miễn phí đăng ký tên miền còn được khuyến mãi luôn cả quản lý DNS! Như vậy đồng nghĩa với việc chúng ta không cần phải đăng ký để sử dụng DNS trung gian, giảm đi một công đoạn và một tài khoản! Bên cạnh đó những người sử dụng Yahoo! 360 hay các dịch vụ blog khác cũng có thể dùng dịch vụ này để tạo thêm một địa chỉ đến blog của mình. Đó là dịch vụ tên miền CO.CC, có dạng www.tenmien.co.cc.

Thực hiện các bước sau đây để tạo tên miền:

Bước 1. Truy cập vào trang web CO.CC lựa chọn ngôn ngữ tiếng Việt để bắt đầu sử dụng. Bỏ qua bước này nếu tiếng Anh với bạn không là vấn đề.

Bước 2. Nhập tên miền muốn đăng ký để kiểm tra đã có ai đăng ký chưa và được miễn phí hay không.

Nếu tên miền bạn nhập được thông báo đã được đăng ký hoặc hiện có sẵn nhưng đi kèm thông báo Một năm đăng ký tên miền với $3 thì nhấp chuột vào menu Cần một tên Miền mới ngay bên trên để thử lại với một tên miền khác.

Trong trường hợp tên miền bạn chọn hợp lệ hoàn toàn sẽ hiện lên thông báo như hình dưới đây:

Một khi đã chọn được tên miền ưng ý bạn nhấn Tiếp tục đăng ký để tiến hành đăng nhập hoặc tạo tài khoản người dùng CO.CC.

Bước 3. Bạn điền các thông tin như hình dưới đây và làm theo các bước để tạo tài khoản

Bước 4. Tiến hành đăng nhập và nhấp vào tên miền đã chọn để cài đặt

Bước 5. Cài đặt cho Blogger. Chúng ta chỉ cài đặt các giá trị nằm ở mục Zone Records.

Tạo bản ghi đúng như hình dưới đây sử dụng giá trị 216.239.32.21.

Và tạo 3 bản ghi còn lại lần lượt điền vào ô Value các dãy IP: 216.239.34.21, 216.239.36.21 và 216.239.38.21

Tiếp tục tạo bản ghi có host kiểu www.tenmien.co.cc trỏ tới ghs.google.com giống như hình sau đây:

Đây là hình ảnh các bản ghi đã được tạo hoàn chỉnh.

Bước 6. Khai báo blog sử dụng tên miền

Đăng nhập Blogger, nhấn thẻ Settings (Cài đặt) | Publishing (Xuất bản) -> chọn Custom domain (Miền Tuỳ chỉnh) và chọn tiếp Switch to Advanced Settings (Chuyển sang các cài đặt nâng cao) tiến hành nhập tên miền vừa cài đặt bên trên và mã kiểm tra như hình gợi ý.

Sau khi lưu lại bạn cần đánh dấu chọn Chuyển tiếp tenmien.co.cc tới www.tenmien.co.cc và lưu thêm một lần nữa.

Chờ khoảng 1h để tên miền mới tạo chính thức hoạt động trên Blogger.

Hướng dẫn cài đặt cho Yahoo!360plus:

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! 360plus. Để 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. Xem hình cuối cùng để biết cách lấy địa chỉ blog
Page Title: Tên blog. Ví dụ: Thủ thuật blog
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.
Meta Keywords: Các từ khóa của blog.

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 tôi xem nhé: http://www.ttblog.co.cc.

Địa chỉ của blog bạn

Ngày nay tên tên miền có giá tương đối rẻ và ngay cả tên miền Việt Nam cũng có giá chỉ cao hơn tên miền quốc tế một ít, nếu không thích sử dụng miễn phí bạn có thể đầu tư một khoản nhất định mua tên miền blog của bạn sẽ trông khác hẳn!

(Cập nhật ngày 24/06/2011)

Kiềm tiền cùng Chợ Điện Tử

2008-05-04T23:36:00.011+07:00

Theo sau Daugia247.com, Chợ Điện Tử - trang thương mại điện tử hàng đầu Việt Nam - cũng đã bắt đầu phát hành chương trình quảng cáo cho phép các websmaster và blogger kiếm tiền từ website và blog của mình. Sau phiên bản thử nghiệm Alpha ngày 01/04/2008, ở phiên bản Beta này (phát hành ngày 01/05/2008) của Ads@ChợĐiệnTử có đầy đủ tính năng hơn và đặc biệt đã bổ sung tính năng được mong chờ nhất: Tính tiền theo click.

Chỉ cần khai báo các thông tin cá nhân để đăng ký tài khoản chúng ta có thể lấy code đưa lên trang của mình và kiếm tiền. Khi nào đạt tối thiểu 200.000 VND chúng ta có thể yêu cầu thanh toán qua tài khoản ngân hàng của mình.

Ads@ChợĐiệnTử có hai lựa chọn code JavaScript và flash, dễ thay đổi kích thước, giao diện, màu sắc. Tuy nhiên code JavaScript gặp lỗi khi đặt trong template và không hiển thị khi đặt trong tiện ích HTML/JavaScript của Blogger. Hiện tại tôi chỉ có thể sử dụng code dạng flash cho blog của mình.

Ads@ChợĐiệnTử sẽ xuất hiện như thế này trên blog của bạn:

Mã flash của Chợ Điện Tử cũng đã được kiểm tra nhưng không hiển thị trên blog Yahoo! 360 Plus. Vì vậy hiện thời trong số các nền blog phổ biến chỉ có Blogger (Đăng ký tại www.blogger.com, như blog ThuThuatBlog.com) và WordPress (Thuê host và cài đặt phầm mềm WordPress từ www.wordpress.org, như Phamen.com) sử dụng được quảng cáo của Chợ Điện Tử.

Dưới đây là giới thiệu chương trình, cách thức tham gia, chính sách giá và hướng dẫn cách đặt code hiệu quả do Ads@ChợĐiệnTử phát hành.

1. Kiếm tiền thế nào với Ads@CDT?

Bạn đăng ký một mẫu quảng cáo Widget của ChợĐiệnTử đã được trình bày sẵn và nhúng vào 1 khu vực phù hợp trong Website hay Blog của mình.

Một người bạn của bạn Click vào một Sản phẩm hiển thị trong mẫu Quảng cáo đó và được dẫn tới website www.chodientu.vn; người này sau đó đăng ký thành viên rồi mua hàng tại ChợĐiệnTử và bạn được trả tiền công giới thiệu theo nhiều mức hấp dẫn.

Điều duy nhất bạn cần là một Blog hoặc Website, một tài khoản tại ChợĐiệnTử và dành một chút thời gian "chơi" với Ads@ChợĐiệnTử trước khi Website của bạn trở thành 1 "cỗ máy in tiền" tự động.

2. Vì sao dùng Ads@CDT để kiếm tiền qua Blog và Website

Vì đây là cơ hội kiếm tiền đầy hấp dẫn, thu nhập có thể lên tới vài triệu, thậm chí vài chục triệu một tháng.

Vì bạn có thể kiếm tiền bất cứ lúc nào rỗi rãi, không mất thời gian và đặc biệt bạn làm việc cho mình, ngay tại nhà hoặc bất cứ chỗ nào bạn muốn.

Vì Website/Blog của bạn có nhiều diện tích chưa được tận dụng, và không phù hợp để bán quảng cáo tại vị trí đó.

Vì bạn đang đặt loại quảng cáo tương tự của nước ngoài, nhưng không hiệu quả vì thành viên của website/blog không quan tâm tới các sản phẩm đang bán tại nước ngoài.

Và còn nhiều lý do khác của riêng bạn.

3. Làm sao để tham gia chương trình?

Bước 1: Đăng ký tài khoản thành viên tại ChợĐiệnTử (nếu bạn chưa có) và đăng nhập vào trang cá nhân của bạn;

Bước 2: Click vào Menu “Tạo quảng cáo mới” trong nhóm chức năng “ADS@CHỢĐIỆNTỬ” tại trang cá nhân và làm theo hướng dẫn 4 bước để tạo ra và lưu lại một Widget quảng cáo với nội dung và hình thức phù hợp nhất với chủ đề và giao diện Website hay Blog của bạn;

Bước 3: Chèn đoạn mã HTML và JavaScript do Ads@ChợĐiệnTử cung cấp vào 1 vị trí phù hợp nhất trên website của mình, Banner quảng cáo sẽ xuất hiện tại vị trí đó với nội dung là các Sản phẩm đang bày bán tại ChợĐiệnTử và được thay đổi thường xuyên;

Bước 4: Khuyến khích độc giả website của bạn Click vào các Sản phẩm có trong Banner, hãy theo dõi và… làm giàu từ website của chính mình;

Mời bạn click vào đây đăng ký.

4. Bạn được trả tiền như thế nào?

Hệ thống phần mềm ưu việt, trung thực và chính xác 100% của Ads@ChợĐiệnTử sẽ tự động ghi nhận hành vi của những người Click vào Widget và tính tiền theo các tiêu chí sau:

200 VND cho mỗi Click qua widget(Từ ngày 06/05/2008: 350 VND/Click)

500 VNĐ cho mỗi tài khoản người dùng đăng ký và được kích hoạt bằng Email (RU);

Thêm 3.000 VNĐ cho mỗi tài khoản người dùng đã được xác minh bằng tin nhắn SMS (CRU);

Thêm 5.000 VNĐ cho mỗi tài khoản người dùng đã từng mua hàng và thanh toán hóa đơn (ACRU);

6 % từ thu nhập của thành viên do bạn giới thiệu tham gia vào mạng Ads@CDT.

5. Hướng dẫn kiếm nhiều tiền với Ads@ChợĐiệnTử

a. Tips hướng dẫn kiếm tiền hiệu quả với Website

Đặt quảng cáo Ads@CDT tại vị trí bắt mắt, dễ gây chú ý để khuyến khích thành viên click vào quảng cáo;

Tận dụng mọi vị trí trống tại website, nơi mà bạn cũng rất khó có thể bán được quảng cáo;

Trình bày quảng cáo Ads@CDT đẹp mắt (màu sắc, định dạng phù hợp);

Lựa chọn danh mục sản phẩm quảng cáo sẽ hiển thị tại website phù hợp với đối tượng người dùng tại website;

Gửi thư mời thành viên tại website tham gia vào mạng lưới thành viên của website và hướng dẫn thành viên cùng kiếm tiền.

b. Tips hướng dẫn kiếm tiền hiệu quả với Blog

Đặt quảng cáo Ads@CDT tại vị trí bắt mắt, dễ gây chú ý tại blog, tốt nhất là bạn nên chèn quảng cáo Ads@CDT sau mỗi bài viết của mình;

Tận dụng mọi blog bạn có để giới thiệu với bạn bè;

Trình bày quảng cáo Ads@CDT đẹp mắt (màu sắc, định dạng phù hợp);

Lựa chọn danh mục sản phẩm quảng cáo sẽ hiển thị tại blog phù hợp với đối tượng người đọc tại blog của bạn;

Sáng tạo ý tưởng khuyến khích người đọc tại blog click vào quảng cáo và tham gia hoạt động tại ChợĐiệnTử;

Nỗ lực giới thiệu bạn bè tham gia vào mạng lưới của bạn: qua các cuộc gặp gỡ trò chuyện, chat, gửi thư mời tham gia, qua các diễn đàn, website cộng đồng có nhiều thành viên;

Cố gắng tạo thành những nhóm mạng lưới cùng giúp nhau kiếm được nhiều tiền hơn từ Ads@CĐT

Tham gia Miễn Phí! Bạn đã sẵn sàng kiếm hàng triệu đồng mỗi tháng chưa?

Hướng dẫn sử dụng Yahoo! 360 Plus

2008-04-26T18:44:00.022+07:00

Như bài viết hôm qua đề cập, Yahoo! đã chính thức phát hành thử nghiệm phiên bản mới của Yahoo! 360 dành cho người Việt Nam với nhiều tính năng nổi bậc. Đây là phiên bản Việt hóa Yahoo! Blog Hồng Kông mà nhiều người biết tiếng Hoa đã có dịp sử dụng. Hôm nay chúng ta sẽ lần lượt khám phá các tính năng và tìm hiểu cách sử dụng của phiên bản mới này.

TẠO BLOG:

Chỉ cần có tài khoản Yahoo! bạn có thể đăng nhập tại đây khai báo các thông tin và chấp nhận điều kiện sử dụng để tạo blog. Xin lưu ý, người đủ 18 tuổi trở lên mới được phép sử dụng dịch vụ.

GIAO DIỆN BLOG:

Sau khi tạo blog xong, bạn có thể thưởng thức giao diện của Yahoo! 360 Plus với các bố trí trải đều trang. Giao diện của Yahoo! 360 Plus được thiết kế khá ấn tượng với menu ngang chứa các thao tác chính nằm trên cùng và các thành phần khác nằm trên các cột.

Trên menu ngang chính gồm:

BLOG: Chứa link trở về trang chủ blog của bạn.
Sáng tác: Nơi viết entry mới.
Admin: Nơi quản lý các thư mục (tạo mới, xóa, chuyển bài viết qua thư mục khác), hình ảnh (tạo, xóa album, đưa hình ảnh lên), comment, bài viết liên quan, blog yêu thích,... Trong khi tôi đang viết bài này Yahoo! 360 Plus đang thử nghiệm tính năng video (xem và tải video lên) từ Yahoo! Blog Hồng Kông, tính năng này hứa hẹn sẽ bổ sung khi Việt hóa hoàn chỉnh.
Bố trí: Bố trí (Chọn kiểu bố trí trang), Theme (Thay đổi theme), Module mới (Thêm module mới).
Tùy chỉnh: Tùy chỉnh các thông số cơ bản (URL, Blog yêu thích, xem thống kê).
Bạn bè Blog: Quản lý danh sách bạn bè.

VIẾT ENTRY VÀ COMMENT

Cải tiến đáng kể nhất của Yahoo! 360 chính là ở bộ soạn thảo entry hoành tráng với nhiều tùy chọn được bố trí hợp lý. Trong đó đáng kể nhất là việc phân loại bài viết theo thư mục cụ thể (thư mục được tạo trước đó trong Admin -> Các thư mục), chọn tâm trạng cho bài viết (Biều tượng sẽ xuất hiện phía trước tiêu đề entry), phân quyền người được xem entry, cho hay không cho phép comment. Ngoài ra bạn còn có thể tùy chọn ngày đăng bài, theo đó các bài viết sẽ xuất hiện trên blog theo ngày được chọn....

Khi bạn bè ghé xem blog của bạn họ có thể viết nội dung comment ở chế độ HTML ngay dưới bài viết theo phân quyền công khai hay riêng rẻ. Và bạn có thể trả lời cho từng comment dễ dàng.

Không chỉ thế Yahoo! 360 Plus còn cho phép comment lên hình ảnh trên các album.

THIẾT LẬP BLOG

Click vào ba menu ngang Admin, Tùy chỉnh và Bạn bè Blog bạn có thể đến cùng một trang thiết lập blog trong đó bao gồm Thiết lập cơ bản và nâng cao.

Với thiết lập cơ bản, bạn có thể chỉnh sử thông tin cá nhân ở Thông tin riêng (Cũng có thể chỉnh sửa ở Sửa hồ sơ phía dưới ảnh của bạn trên giao diện), chọn URL cho blog, chọn ảnh hiển thị và nhập nội dung Blast (cũng có thể chỉnh sửa trên giao diện).

Với thiết lập nâng cao, ở Thư mục riêng chúng ta có thể tạo thư mục mới, chuyển bài viết sang thư mục khác (bằng cách click lên thư mục có bài viết và chọn bài để chuyển). Tương tự như vậy thao tác cho ảnh ở Quản lý Album. Ngoài ra bạn có thể quản lý các blog mình yêu thích, sổ bạn bè, sổ đen (những người mình "làm ngơ") tại thiết lập này.

TÙY CHỈNH GIAO DIỆN BLOG

A. Chỉnh sửa các module hiển thị trang:

Yahoo! 360 Plus cho phép người dùng tùy chỉnh cách bố trí các module trên blog bằng cách kéo thả chúng đến vị trí mới tương tự như Yahoo! Mash. Để có thể kéo thả bạn cần click trên Bố trí và bắt đầu thao tác.

Nếu muốn xóa đi các module trên blog chúng ta phải cũng phải chọn Bố trí trước đó. Tương tự như vậy bạn có thể thay đổi riêng cho một số module đặc biệt sau:

1. Chỉnh sửa tiêu đề, miêu tả blog, hình nền, màu sắc và định dạng hiển thị (module Tên blog):

2. Chỉnh sửa cách hiển thị entry (module Bài mới nhất): Chế độ hiển thị bài viết, số lượng bài viết hiển thị, màu sắc,...

3. Chỉnh sửa thông tin các trang web yêu thích (module Website yêu thích):

4. Chỉnh sửa module do bạn tự thêm vào (Module trống):

B. Chọn kiểu bố trí trang:

Để chọn kiểu bố trí trang bạn chỉ cần nhấn Bố trí ở menu ngang và nhấn tiếp Bố trí ở menu hiện ngay sau đó.

Yahoo! 360 Plus có 5 kiểu bố trí trang: 2 kiểu 2 cột và 3 kiểu còn lại 3 cột.

B. Chọn theme:

Kế bên chọn kiểu bố trí, chúng ta dễ dàng chọn theme cho blog của mình. Có gần 100 theme đã được thiết kế sẵn, nếu có kiến thức về đồ họa bạn có thể tạo theme riêng của chính mình ở Chế độ tự chỉnh sửa (Hỗ trợ cả CSS).

C. Thêm module:

Nếu cảm thấy các module có trên trang chưa đủ, chúng ta có thể thêm vào bằng cách chọn Thêm module và vị trí xuất hiện trước khi nhấn thao tác xong.

Yahoo! 360 Plus có 4 module chức năng được làm sẵn: Ảnh Blog (Hiển thị ảnh trong Album lên blog), Blog yêu thích (Xem bài viết mới trong các Blog yêu thích), Tìm (Công cụ tìm kiếm thông tin trong Yahoo! 360plus và Blog của tôi), Blog về tôi (Bài viết của bạn bè nói về bạn).

Ngoài ra còn có đến 10 module cột tự thiết kế hỗ trợ HTML (Không hỗ trợ flash như trong entry hay comment).

KẾT NỐI VÀ QUẢN LÝ BẠN BÈ

Khi muốn một ai đó trở thành bạn bè, bạn chỉ cần xem blog họ, nhấn Thêm bạn và chọn mối quan hệ.

Danh sách bạn bè sẽ được đưa vào Bạn bè BLOG theo phân nhóm dễ dàng cho việc phân quyền riêng tư cho mỗi bài viết.

QUẢN LÝ TIN NHẮN

Nhiều người bảo phiên bản mới của Yahoo! 360 Plus không có Quick comment. Thật ra nếu bạn để ý module Bảng tin nhắn này, chức năng của nó không những tương tự mà còn hay hơn chỉ có điều nội dung tin nhắn không hiển thị trên trang giao diện ngoài.

QUẢN LÝ HÌNH ẢNH

Trên Yahoo! 360 Plus việc quản lý ảnh tương tự như quản lý entry, chúng ta có thể tạo album với tên riêng thông qua menu ngang Admin ->Album, di chuyển hình ảnh sang album khác, xóa hình ảnh, hay cho hiển thị hình ảnh trên trang giao diện (click trên menu ngang Bố trí -> Thêm module -> Ảnh blog).

Để đưa ảnh lên album bạn cũng sử dụng menu ngang này (Admin -> Tải lên). Theo đó các ảnh được tải lên phải có định dạng JPG và dung lượng không được vượt quá 2MB.

Thêm nữa chúng ta cũng có thể xem và quản lý ảnh từ module Album trên giao diện trang.

Và còn nhiều phần khác, bạn từ từ khám phá nhé!

Xin lưu ý vào thời điểm bài viết này được đăng, Yahoo! vẫn chưa cho phép chuyển các entry, comment, friends list, pageview từ nền blog cũ sang blog mới.

Bạn có thể theo dõi địa chỉ http://vn.myblog.yahoo.com/thuthuat-blog để biết tin tức cập nhật, cách thức chuyển đổi và các thủ thuật dành riêng cho Yahoo! 360 Plus.

Yahoo! 360 Plus: Cái nhìn đầu tiên

2008-04-25T21:28:00.010+07:00

Cuối cùng phiên bản tiếp theo của Yahoo! 360 đã được hé lộ với cái tên Yahoo! 360 Plus. Câu trả lời cho sự phập phòng chờ đợi của cộng đồng blogger Việt bấy lâu nay đã được tìm thấy. Ở phiên bản này Yahoo! đã "cải tổ" tất cả những hạn chế của phiên bản trước đó và bổ sung thêm nhiều tính năng mới hứa hẹn hấp dẫn, đặc biệt là mảng hỗ trợ cài đặt và hướng dẫn sử dụng bằng tiếng Việt tối đa.

Hình. Giao diện Yahoo! 360 Plus. (Click lên hình để xem kích thước lớn)

Đây là các tính năng nổi bậc của Yahoo! 360 Plus:

Việt hóa hoàn toàn, chỉ sử dụng các font hỗ trợ Unicode.

Blast dài tối đa 70 ký tự, tên entry tối đa 50 ký tự và avatar bao gồm 4 hình tĩnh.

Cho phép thêm đến 1000 friends trong friends list theo nhóm: Gia đình, người thân, bạn bè.

Mỗi entry có thể chọn tâm trạng, phân quyền cho nhóm người được phép đọc, đăng comment, và đặt chế độ bài viết quan trọng.

Ảnh có thể được đăng trực tiếp vào entry không phải qua các trang web khác.

Có 5 lựa chọn cách bố trí trang (Yahoo! 360 chỉ có một cách bố trí trang duy nhất). Dễ dàng kéo thả các module trên blog.

Gần 100 theme được thiết kế sẵn thuộc nhiều chủ đề hoặc chọn tự thiết kế (Hỗ trợ cả CSS).

URL đến blog khác trước và mỗi blog có thể dùng đến 3 URL: Mặc định, dùng tên truy nhập Yahoo! và tự tạo.

Đăng ký các blog Yahoo! 360 Plus khác yêu thích mà bạn thường xuyên ghé xem.

Được trang bị hộp tìm kiếm bài viết.

Quản lý bạn bè blog theo nhóm. Quản lý sổ đen.

Công cụ thống kê nhiều chi tiết.

Ngoài ra còn nhiều tính năng khác mà bạn có thể dễ dàng khám phá.

Ngay từ bây giờ bạn có thể dùng Yahoo! 360 Plus bằng cách đăng nhập tài khoản Yahoo! của mình theo địa chỉ http://vn.blog.yahoo.com/setup/notcreate.php trước khi chính thức được nhận công cụ chuyển đổi entry, comment, friends list,... sang phiên bản mới.

Bạn có thể xem blog của tôi theo một trong 3 URL sau:

http://vn.myblog.yahoo.com/jw!8rtasCCWBkXCi54B

http://vn.myblog.yahoo.com/dv2n/

http://vn.myblog.yahoo.com/thuthuat-blog

Đây sẽ là nơi tập hợp các tin tức, thủ thuật liên quan đến Yahoo! 360 Plus.

Tính năng mới của Blogger: Tự động đăng bài theo lịch sắp xếp sẵn

2008-04-15T07:00:00.006+07:00

Gần đây Blogger đã thử nghiệm tính năng cho phép tự động đăng bài theo lịch định sẵn. Đây là tính năng rất hay cho phép người quản lý blog có thể viết bài ở thời điểm hiện tại và chọn ngày giờ trong tương lai để bài viết tự động xuất hiện.

Thao tác rất đơn giản, khi soạn thảo xong bài viết chỉ cần nhấn Post Options (Tùy chọn bài đăng) chọn ngày tháng dự định đăng bài và nhấn Publish (Xuất bản bài đăng). Bài viết sẽ được chú thích bằng chữ scheduled (đã sắp xếp) và tự động xuất bản theo thời gian đã chọn trước đó.

Hình minh họa sau đây cho thấy bài viết này được sẽ tự động xuất hiện vào lúc 7h00 ngày 15/04/2008.

Lưu ý nhỏ một khi bài viết đã sắp xếp được xuất bản trên blog sẽ không thể được sắp xếp một lần nữa, tuy nhiên bạn vẫn có thể chỉnh sửa nội dung, thay đổi ngày giờ và đăng lại. Tương tự như một bài đăng đã được xuất bản, khi chỉnh sửa bài đăng đã sắp xếp thì trình soạn thảo sẽ không tự động lưu nháp như lúc bạn soạn thảo mới.

Để sử dụng tính năng này, hãy đăng nhập blog theo địa chỉ http://draft.blogger.com.

Ngoài ra từ đây bạn cũng có thể dùng thử hộp tìm kiếm, đọc feed blog, các tiện ích của Google,...

Chuyển bài viết và nhận xét từ Blogger đến WordPress

2008-03-30T15:19:00.004+07:00

Ngày càng nhiều blogger Việt Nam chơi blog chuyên nghiệp bằng cách đầu tư một khoản tiền nhất định mua tên miền và thuê dịch vụ lưu trữ. Khi đó WordPress - phần mềm tạo blog mã nguồn mở của hãng Automattic luôn là lựa chọn tin cậy số một.

Tất nhiên hãng này cũng cho bạn dùng WordPress với những ràng buộc nhất định mà không phải mất tiền. Trong trường hợp bạn đang có một blog ở Blogger muốn chuyển sang dùng WordPress thì làm thế nào? Hướng dẫn này giúp bạn "chuyển nhà" trong vài phút dù bạn có vài ngàn bài viết đi chăng nữa!

Chúng ta sẽ tiến hành qua các bước:

Bước 1: Đăng nhập vào trang quản lý blog WordPress chọn Manage -> Import -> Blogger.

Bước 2: Cấp quyền cho WordPress nhập bài viết và nhận xét từ Blogger bằng cách khai báo thông tin đăng nhập tài khoản Google (tài khoản đăng nhập blog) hoặc nhấn Grant access nếu đã đăng nhập. Việc này giống như việc bạn cấp quyền cho phép đăng bài từ Flickr.

Bước 3: Sau khi cấp quyền xong, hãy chọn blog muốn chuyển (nếu bạn có nhiều blog) và nhấn Import. WordPress sẽ tiến hành nhập bài viết và nhận xét, thời gian phụ thuộc vào máy chủ lưu trữ blog, có thể mất chỉ vài phút.

Bước 4. Quá trình Import kết thúc bạn nhấn Set Authors và bấm Save Changes để hoàn tất.

Cũng xin lưu ý, các hình ảnh có trong bài viết không tự động chuyển sang lưu trữ trên WordPress. Do đó khi bạn xóa blog ở Blogger, hình lưu trữ đăng qua thực đơn post hình của Blogger sẽ mất. Vì vậy tôi khuyên bạn sử dụng một dịch vụ lưu trữ ảnh khác như Photobucket, Imageshack.us ... khi đăng bài viết của mình.

Google AdSense hiển thị rất tốt trên các trang tiếng Việt

2008-03-19T15:43:00.008+07:00

Hôm nay dạo một vòng quanh các trang web và blog ở Blogger tiếng Việt tôi thấy Google AdSense hiển thị rất tốt các quảng cáo Việt ngữ. Dù chưa có thông tin chính thức xác nhận việc cho phép các website Việt ngữ tham gia chương trình quảng cáo này nhưng đây là một trong những tín hiệu vui cho cộng đồng webmaster Việt Nam.
Trước đó, Google AdSense đã cho phép sử dụng sản phẩm tìm kiếm của họ trên các trang tiếng Việt.

Hình. Google AdSense trên website khoahoc.com.vn

Hình. Google AdSense trên blog ConstructionEnglish.net

Hình. Google AdSense trên blog ThuThuat-ITVN.com

Google AdSense là một chương trình kiếm tiền trên mạng nổi tiếng mà hầu hết các Blogger đều quan tâm. Rào cản lớn nhất đối với người Việt Nam để tham gia chương trình này chính là nội dung blog phải được viết bằng tiếng Anh hoặc một ngôn ngữ được chấp nhận.

Tuy nhiên nhiều người khéo léo đã đăng ký được chương trình sau đó sử dụng code quảng cáo trên các trang tiếng Việt.

Bạn có thể xem thêm những điều cần lưu ý trước khi đăng ký.

Chúc bạn kiếm được nhiều tiền và ... khao tôi một chầu cà phê nhé!

Chú ý: Bài viết này chỉ mang tính chất thông tin, không khuyến khích bạn đặt quảng cáo lên các trang tiếng Việt. Theo quy định của Google AdSense đặt quảng cáo trên các trang mà ngôn ngữ chưa được hỗ trợ là không được phép.

Khai báo tên miền con để dùng cho blog ở Blogger (tên miền tại GoDaddy)

2008-03-14T07:18:00.002+07:00

Cập nhật: Việc tạo subdomain và trỏ tới Blogger theo hướng dẫn dưới đây là không cần thiết thay vì bạn có thể tạo ngay record và trỏ tới ghs.google.com.

Hơn hẳn nhiều nền blog miễn phí khác, Blogger cho bạn quyền sử dụng tên miền riêng. Chỉ cần đầu tư một số tiền nhỏ (dưới 10$/năm) là có ngay blog có tên miền chuyên nghiệp chẳng khác nào một website!

Với tên miền mua tại GoDaddy.com, chúng ta có thể tạo thêm 90 tên miền con (subdomain) và sử dụng cho 90 blog khác nhau! Hướng dẫn này sẽ giúp bạn cách tạo tên miền con và khai báo tên miền để dùng cho Blogger. Bạn cần theo 3 bước:

Tạo tên miền con.
Trỏ tên miền con tới Blogger.
Khai báo tên miền con trên blog.

Bước 1. Tạo tên miền con:

Đăng nhập tài khoản tại trang chủ của nhà cung cấp dịch vụ www.godaddy.com, chọn tên miền mà bạn định tạo subdomain. Khi trang quản lý chi tiết tên miền này hiện ra bạn nhấn add ở phần quản lý tên miền con nằm góc trái.

Tiếp đến đặt tên subdomain, khai báo địa chỉ blog định dùng và nhấn OK. Blog mà bạn định dùng ở đây phải được tạo trước đó. Nếu bạn định sử dụng hình thức Forwarding (Chuyển tiếp) hay Masking (Mặt nạ) thì công việc của bạn đến đây là xong!

Bước 2 và 3: Xem ví dụ cụ thể cuối bài viết này. Lưu ý: Khi khai báo CName, phải nhập tên subdomain vào Enter an Alias Name giống như bạn vừa tạo trước đó (Xem hình).

Nếu có điều kiện bạn có thể mua một tên miền và tha hồ sử dụng, bằng thích sử dụng tên miền con chẳng hạn như subdomain.moohay.com, subdomain.thuthuatblog.com bạn có thể yêu cầu tại đây.

Thêm tiện ích đánh giá bài viết vào blog

2008-03-12T09:09:00.007+07:00

Để giúp người đọc gắn kết với blog, Blogvn đề nghị một công cụ đánh giá bài viết khá hay từ trang JS-Kit. 5 sao là mức đánh giá cao nhất cho một bài đăng. Đây là một công cụ viết bằng JavaScript và dễ dàng chèn vào Template (Mẫu) của Blogger như hướng dẫn của người đề nghị trên. Tuy nhiên tôi xin cung cấp thêm vị trí đặt code khác hay hơn.

Sau khi đăng nhập Blogger, bạn chọn Layout (Mẫu) -> Edit HTML (Chỉnh sửa HTML) và đánh dấu chọn Expand Widget Templates (Mở rộng tiện ích mẫu). Bạn cũng nên sao lưu template của mình trước khi thực hiện tiếp.

Chúng ta sẽ chèn vào vị trí phía ngay sau tiêu đề của bài đăng và nằm cùng bài viết.

Bây giờ kéo thanh trượt hoặc nhấn phím Ctrl + F để tìm đoạn code này:

<div class='post-header-line-1'/>

Bạn chỉ việc dán đoạn code dưới đây phía ngay sau đoạn code trên:

<div style="float: left; margin: 5px;" class="js-kit-rating" title="Đánh giá bài viết này" permalink=""></div>
<script src="http://js-kit.com/ratings.js"></script>

Thay left bằng right nếu muốn công cụ xuất hiện bên phải.

Trường hợp sử dụng Read more (Đọc thêm) chỉ muốn công cụ xuất hiện khi bài đăng hiện ra đầy đủ, ví dụ như blog này, hãy dùng đoạn code sau:

<b:if cond='data:blog.pageType == "item"'>
<div style="float: left; margin: 5px;" class="js-kit-rating" title="Đánh giá bài viết này" permalink=""></div>
<script src="http://js-kit.com/ratings.js"></script>
</b:if>

Hình. Hiển thị bên phải

Nếu muốn xuất hiện phía cuối bài viết, hãy tham khảo tương tự như cách chèn một đoạn văn bản đã được hướng dẫn.

Chúng ta có thể tùy biến kiểu hiển thị, màu sắc, của công cụ theo hướng dẫn tại đây.

Nào, hãy thử cho điểm bài viết này xem nhé!

Tiện ích hiển thị những bài đăng được xem nhiều nhất

2008-03-10T07:10:00.000+07:00

Không phong phú plugin để có thể cài đặt dễ dàng như WordPress, nhưng Blogger lại được các nhà phát triển dịch vụ bổ sung nhiều tiện ích không kém phần hấp dẫn. Một trong những tiện ích như vậy đó là hiển thị số bài đăng được xem nhiều nhất trong ngày.

Tiện ích này được phát triển tại trang FEEDJIT. Chỉ việc vào trang theo địa chỉ http://feedjit.com/ và nhấn Add it để lấy đoạn JavaScript ở phần LIVE PAGE POPULARITY đưa vào HTML/JavaScipt (Đăng nhập Blogger, Layout -> Add a Page Element -> HTML/JavaScipt ). Bạn cũng có thể đưa vào blog bằng cách nhấn biểu tượng Blogger .

Nếu cần tùy chỉnh màu sắc, kích thước hiển thị tiện ích bạn nhấn Customize it. Lựa chọn màu cho sẵn (Colors) hay thay đổi màu nền (Background), chữ (Text), tiêu đề (Heading), đường viền (Border), liên kết (Links) và kéo chọn kích thước ngang (Width).

Hiển thị trên blog:

Chúc các blogger một tuần mới vui vẻ và gặt hái nhiều thành công!

Kiếm tiền cùng Daugia247.com

2008-03-08T11:00:00.002+07:00

Bạn đang vận hành một website có đông đảo thành viên, lưu lượng truy cập lớn, đặc biệt chuyên về mua bán, rao vặt, đấu giá, nhà đất... Bạn có thể tham gia chương trình liên kết kinh doanh cùng Daugia247.com - được cung cấp bởi Công ty cổ phần thương mại điện tử Hai Bốn Bảy (ECOM JSC.), trụ sở tại 12 Hoàng Dư Khương, P.12, Q.10, Tp.HCM. Thông qua Daugia247.com, ECOM JSC. cung cấp giải pháp thương mại cho hàng hóa ứ động, tải sản chậm giao dịch bằng cách đưa số hàng hóa này đấu giá trực tuyến giúp doanh nghiệp quay vòng đồng vốn cho hoạt động kinh doanh của mình.

Tham gia chương trình này bạn có thể tận dụng các vị trí còn trống trên website hay blog của mình bằng cách đặt các quảng cáo dạng banner và text. Hiện tại giá tiền cho mỗi giao dịch hợp lệ như sau:

300 VND cho mỗi click vào banner của Daugia247.com (Pay Per Click).
1,000 VND cho mỗi đăng ký đã kích hoạt từ email (Pay Per Registration).
5,000 VND cho mỗi đặt giá mới (Pay Per Unique Bid).

Ngoài ra bạn còn có thêm cơ hội kiếm tiền bằng cách giới thiệu cho các webmaster khác tham gia mạng lưới của bạn.

30,000 VND cho mỗi đăng ký tham gia chương trình liên kết hợp lệ.
50 VND cho mỗi click từ Website Liên kết cấp 2.
200 VND cho mỗi đăng ký thành viên Daugia247.com từ Website Liên kết cấp 2.
1000 VND cho mỗi đặt giá trên Daugia247.com từ Website Liên kết cấp 2.

Ngày cuối cùng mỗi tháng công ty sẽ kiểm tra và thanh toán thông qua thông tin ngân hàng mà bạn khai báo trong tài khoản. Hoặc bạn có thể nhận tiền mặt trực tiếp tại công ty khi đi nhớ mang theo giấy CMND. Có hai mức thanh toán tối thiểu 200.000 VND và 500.000 VND.

So với Hurahost, giá tiền cho mỗi click ở đây khá hơn và có nhiều cơ hội kiếm tiền hơn. Sau khi đăng ký xong, công ty sẽ xác minh các thông tin mà bạn đã cung cấp, gọi điện thoại kiểm tra và kích hoạt nếu trang của bạn đáp ứng đủ điều kiện của họ.

Mô hình kinh doanh này còn khá mới với đại bộ phận người Việt Nam chúng ta. Hy vọng rằng khi rào cản thanh toán trực tuyến được gỡ bỏ, hệ thống giao nhận hàng hóa hoạt động tốt, thương mại điện tử sẽ phát triển, ... chắc chắn mô hình kinh doanh này sẽ hoạt động hiệu quả và tất nhiên giới webmaster sẽ có nguồn thu ổn định duy trì và phát triển trang web của họ ngày một hay hơn.

Mời bạn click vào đây đăng ký.

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

CẬP NHẬT:

Đây là số tiền tôi nhận được tháng 04.2008 được thông báo bằng email. Vì nhận tiền bằng hình thức chuyển khoản nên tôi không thể chụp được ảnh minh họa. Vì lý do cá nhân địa chỉ không thể hiện đầy đủ mong bạn thông cảm.

Bầu chọn Vịnh Hạ Long

2008-03-06T22:42:00.000+07:00

Tính đến 18 giờ chiều nay (ngày 22/02/2008) ba địa danh của Việt Nam lần lượt chiếm ba vị trí dẫn đầu bảng danh sách 77 địa danh được bầu chọn nhiều nhất. Núi Fansipan từ vị trí thứ 5 sáng nay đã vượt lên vị trí thứ 3. Đây là quả tin vui cho bất cứ công dân Việt Nam nào.

Vài tuần nay, các phương tiện truyền thông tuyên truyền mạnh mẽ cuộc vận động bầu chọn các địa danh Việt Nam. Thế giới blog và tán gẫu trực tuyến truyền đi cho nhau link và hướng dẫn cách thức bầu. Thủ Thuật Blog cũng đã có bài giới thiệu cách bình chọn hiện được nhiều người xem nhất trong số những bài đăng trên blog.

Là một công dân Việt Nam, bạn hãy thể hiện tinh thần dân tộc, dành một vài phút lên mạng để bầu chọn cho các địa danh của chúng ta. Mỗi một hành động nhỏ của bạn sẽ giúp đưa vịnh Hạ Long, vườn quốc gia Phong Nha - Kẻ Bàng, núi Fansipan trở thành những kỳ quan thiên nhiên mới của thế giới.

Mỗi địa chỉ email là một lần bầu chọn. Hãy thể hiện hành động của bạn đối với hai tiếng Việt Nam!

Danh sách 7 địa danh hiện đứng đầu:

Vịnh Hạ Long (Việt Nam)
Vườn quốc gia Phong Nha - Kẻ Bàng (Việt Nam)
Núi Fansipan (Việt Nam)
Bãi biển Cox's Bazar (Bangladesh)
Rừng đước Sundarbans (Bangladesh/Ấn Độ)
Sông Ganges (Bangladesh/Ấn Độ)
Đảo Cocos (Costa Rica)

Xem hướng dẫn bầu chọn.

Thêm tiện ích hiển thị clip mới đăng tải từ Clip.vn vào blog

2008-03-04T10:58:00.002+07:00

Gia nhập cộng đồng web 2.0 gần một năm Clip.vn, trang chia sẻ video clip trực tuyến đầu tiên ở Việt Nam thường được gọi bằng cái tên "YouTube Việt Nam", đã trở nên quen thuộc với người dùng. Hàng ngày có rất nhiều người vào đây đăng tải, xem và chia sẻ các video clip thuộc nhiều chuyên mục. Clip.vn đã trở thành sân chơi cho những người yêu thích internet.

Gần đây nhóm phát triển đã trình làng công cụ cho phép các clipper cập nhật video clip mới trên trang cá nhân iGoogle. Sử dụng công cụ này, chúng ta có thể dễ dàng tạo ra tiện ích hiển thị clip trên Blogger. Công việc tiến hành theo các bước:

Bước 1: Đăng nhập blog theo địa chỉ http://draft.blogger.com, bấm trên Layout (Trình bày) sau đó chọn Add a Page Element (Thêm phần tử trang) và chọn Gadget (Tiện ích).

Bước 2: Trên cửa sổ tiện ích bạn chọn Add your own (Thêm tiện ích của bạn) và dùng link phía dưới để thêm tiện ích vào.

http://hosting.gmodules.com/ig/gadgets/file/109218233055716150425/clipvn_latest.xml

Bước 3: Cấu hình giao diện xuất hiện. Trong đó đặt tên (title), chọn kích thước cao (height), và số clip hiển thị cho tiện ích. Nhấn lưu lại.

Bây giờ bạn trở ra layout và kéo thả tiện ích đến vị trí thích hợp trước khi bấm lưu.

Hình. Hiển thị trên blog.

Quảng cáo Cubics không hiện trên site ngoài hệ thống mạng xã hội

2008-03-02T07:38:00.000+07:00

Sáng nay lướt một vòng quanh các blog sử dụng quảng cáo Cubics tôi phát hiện tất cả các quảng cáo đều trỏ về hiển thị trang chủ của địa chỉ đăng quảng cáo. Có lẽ Cubics đã có những bước đi nhằm hạn chế quảng cáo hiển thị ngoài hệ thống mạng xã hội.

Cubics là một hệ thống quảng cáo trực tuyến trên nền ứng dụng mạng xã hội Facebook, MySpace, Friendster và Bebo thanh toán theo số lượng quảng cáo hiển thị (CPM: Cost per mille). Thủ Thuật Blog đã "làm ngơ" sử dụng quảng cáo Cubics trên blog này và được thanh toán một vài lần.

Nếu động thái của Cubics trở nên quyết liệt, nhiều tài khoản quảng cáo Cubics của các blog và website tiếng Việt sẽ không thể dùng nữa. Và chúng ta đành phải nói lời chia tay Cubics!

Hình. Quảng cáo Cubics trên một số blog

Hình. Quảng cáo Cubics trên Facebook

Trong trường hợp này bạn chỉ còn cách tạo các ứng dụng trên nền các mạng xã hội mới mong tiếp tục "móc" được hầu bao của Cubics.

Quy trình chuyển tên miền

2008-02-29T07:04:00.001+07:00

Thủ Thuật Blog vừa chuyển tên miền từ eNom đến GoDaddy và gia hạn cho tên miền đến năm 2011. Công việc hoàn tất trong vòng 3 ngày kể từ khi khởi tạo. Tên miền thuthuatblog.com được chuyển về cùng một nhà cung cấp với tên miền moohay.com để tiện việc quản lý, cài đặt. Để giúp bạn có cái nhìn tổng thể và những hiểu biết cần thiết khi có nhu cầu chuyển tên miền giữa các nhà cung cấp nước ngoài hay chuyển về nhà cung cấp trong nước tôi xin chia sẻ quy trình chuyển trong bài viết này, chuyển từ Nhân Hòa về GoDaddy.com.

Một tên miền quốc tế muốn chuyển sang nhà cung cấp khác phải đáp ứng các điều kiện:

- Bạn là chủ sở hữu của tên miền.
- Tên miền phải được 60 ngày tuổi trước khi chuyển.
- Tên miền phải đặt ở trạng thái không bị khóa và cho phép chuyển.

Quy trình chuyển tên miền như sau:

Bước 1: Giao dịch và thanh toán phí chuyển tên miền.

Bạn liên hệ với nhà cung cấp mà mình chọn sẽ chuyển tên miền đến (gọi tắt là nhà cung cấp II) để thực hiện giao dịch chuyển tên miền và thanh toán phí cho họ.

Bước 2: Mở khóa (unlock) tên miền và lấy Authorization Code.

Thông thường tên miền bạn mua sẽ được nhà cung cấp khóa để tránh những sự cố đáng tiếc như mất hoặc bị chuyển đổi bất hợp pháp. Căn cứ vào bảng điều khiển quản lý tên miền của nhà cung cấp mà bạn đã đăng ký (gọi tắt là nhà cung cấp I), bạn có thể tự mở khóa hoặc yêu cầu họ làm việc này.

Tương tự như vậy bạn có thể tự tìm Authorization Code (hay được gọi bằng nhiều từ khác đồng nghĩa: EPP Authorization key, Domain secret, Authorization information key, Authorization key ... - mã chứng minh bạn là nắm quyền sở hữu tên miền) hoặc yêu cầu nhà cung cấp gửi khi không có trên bảng điều khiển.

Hình. Domain secret từ bảng điều khiển quản lý tên miền

Hình. Mã được gửi qua email

Bước 3. Nhà cung cấp II xác định địa chỉ email nắm quyền quản lý tên miền và gửi email kèm mã giao dịch (Transaction ID) và mã an toàn (Security Code). Bạn sử dụng hai mã này để khởi tạo giao dịch chuyển tên miền qua các bước trong đó bước cuối phải cung cấp Authorization code mà bên trên đề cập. Công việc của bạn đến đây là kết thúc.

Bước 4. Nhà cung cấp II sẽ gửi một email yêu cầu nhà cung cấp I cho họ quyền nhận tên miền mà bạn chuyển đến.

Bước 5. Nhà cung cấp I sẽ gửi email cho bạn thông báo yêu cầu chuyển tên miền sẽ được thực hiện trong thời gian cụ thể và bạn không cần phải làm gì với email này. Trước thời gian này nếu muốn hủy việc chuyển tên miền, bạn có thể bấm trên link theo hướng dẫn trên email.

Hình. Email thông báo thời gian để hủy chuyển tên miền hoặc chuyển ngay.

Hình. Email thông báo thời gian để hủy chuyển tên miền

Tính từ lúc khởi tạo giao dịch cho đến khi hoàn tất mất khoảng 5 - 7 ngày. Phí chuyển tên miền cho nhà cung cấp II thông thường gần bằng phí đăng ký mới tên miền. Và cũng tùy theo nhà cung cấp, bạn có thể được miễn phí thêm 1 năm. Thời gian hết hạn của tên miền vẫn như bạn đã đăng ký trước đây cộng thêm thời gian bạn được miễn phí hoặc gia hạn thêm.

Nếu có rắc rối nào phát sinh trong quá trình chuyển đổi tên miền mà không biết cách giải quyết bạn có thể liên hệ với tôi để được tư vấn.

Chúc thành công!

Những kiểu slideshow ảnh độc đáo

2008-02-27T20:55:00.000+07:00

Hầu hết các trang web chia sẻ ảnh trực tuyến đều hỗ trợ làm slideshow. Tuy nhiên các kiểu thể hiện ảnh như trình trình diễn Microsoft PowerPoint hoặc hơn thế một chút. Với công cụ flash được giới thiệu qua bài viết này, bạn có thể tạo một slideshow độc đáo, không "đụng hàng" với những blog mà bạn thấy (hay tạo slideshow từ www.slide.com).

1. Slideshow 3D xoay vòng, vòng tròn và xếp như bậc thang:

Thủ Thuật Blog đã từng giới thiệu hai kiểu này, bạn có thể xem tại đây.

Slideshow xếp bậc thang

2. Slideshow hình khối lập phương:

Bạn có thích ảnh của mình có hình khối lập phương không? Click vào đây để mở trang làm việc. Đợi một chút trang làm việc sẽ hiện ra, bây giờ hãy bấm Browse chọn hình và click Upload để đưa hình lên. Kích thước ảnh sẽ được đưa về 200 x 200, bạn chỉ có thể sử dụng các ảnh có phần mở rộng .jpg, .png và .gif. Hãy quan sát ảnh tạo thành một khối và chuyển động. Nếu đã ưng ý hãy nhấn Copy HTML code để lấy mã.

Tương tự như vậy nhưng ở thực đơn FancyCub bạn có thể đưa sáu ảnh khác nhau cho sáu mặt của khối.

Xem hiển thị trên Yahoo! 360 tại đây.

Một số game cá nhân hóa ngộ nghĩnh cho blog

2008-02-25T07:36:00.000+07:00

Làm gì với ảnh của mình chia sẻ trên blog? Post lên, tạo sideshow, làm đồng hồ, làm lịch, hay làm công cụ nhận nụ hôn? Vui hơn, ngộ nghĩnh hơn, bạn có thể đóng vai nhân vật trong các trò chơi đơn giản. Vừa chơi, vừa xả stress!

Trước hết bạn chuẩn bị một tấm ảnh hiện rõ khuôn mặt của mình lưu sẵn trên máy tính.

Ảnh tôi dùng trong hướng dẫn này

Click vào đây truy cập trang làm việc. Kế đến chọn loại game mà bạn định dùng được liệt kê trên trang. Cách chơi của từng game được giải thích ở dưới.

Các bước thực hiện:

Bước 1. Nhập vào tên của bạn (Name) và nhấn Browse chọn ảnh lưu trên máy tính và nhấn Upload để đưa ảnh lên (Nhấp lên hình để xem ảnh kích thước lớn).

Bước 2. Khi ảnh được đưa lên, bạn dùng công cụ đánh dấu để xoay, điều chỉnh kích thước và vị trí khuôn mặt. Rê chuột vào dấu ô vuông hơi chếch dưới phải để điều chỉnh kích thước, vào giữa để di chuyển và vào ô tròn để xoay vòng. Công cụ đánh dấu sẽ cho kết quả hiển thị trước nằm bên trái trang. Click Done để hoàn tất.

Bước 3. Bạn chỉ cần copy đoạn code được đánh dấu màu xanh và dán vào blog mình.

Xem thêm hướng dẫn nếu chưa rõ cách đưa lên blog.

Ở đây có tất cả 6 games:

Pirate You: Hãy trở thành kẻ cướp biển và bắn đại bác để tìm báo vật đã mất của bạn. Game như hình minh họa phía trên.

Leprechaun You: Tìm may mắn? Trở thành yêu tinh và tìm tất cả 4 lá cỏ ba lá ảo thuật.

Cupid You: Tìm tình yêu. Hãy bay với mũi tên tình ái và tìm tất cả trái tim cho người yêu của bạn.

Whack -a- You: Hãy dùng búa đập vào những cái đầu trước khi hết giờ!

Space Ranger You: Đội chiếu mũ không gian và lái chiếc xe mặt trăng vượt qua những tảng đá mặt trăng nguy hiểm. Như một biệt kích không gian mới được tuyển chọn, mục tiêu của bạn là tìm ra đáy mặt trăng và chiến thắng trò chơi.

Super You: Bạn là con chim, là máy bay, là bạn! Với khả năng bay cao siêu và tầm nhìn như tin laser, sứ mệnh của bạn là phá hủy tên lửa và cứu thế giới!

Xem thêm nhiều game khác cho blog không kém phần hấp dẫn.

Xem hiển thị trên Yahoo! 360 của tôi tại đây.

Chú ý: Vui lòng ghi rõ nguồn gốc và đặt liên kết đến blog khi sử dụng lại bài viết trên blog này.

Chèn một đoạn văn bản cuối bài đăng

2008-02-23T21:44:00.001+07:00

Ghé qua một số blog tôi thấy cuối bài đăng chèn thêm một đoạn văn bản mang nội dung cám ơn bạn đọc (di4vn.com, vietnam-blogger.com) hay cảnh báo về bản quyền (gocbep.com). Đoạn văn này có thể thêm dễ dàng vào mã nguồn theo hướng dẫn sau.

Đăng nhập Blogger, click trên Layout (Mẫu) -> Edit HTML (Chỉnh sửa HTML), đánh dấu Expand Widget Templates (Mở rộng tiện ích mẫu) và tìm vị trí <p><data:post.body/></p> (có thể dùng Ctrl + F).

Hướng dẫn 1. Blog không sử dụng "Đọc thêm":

Chỉ cần tạo một đoạn văn bản dán kế phía dưới code tìm thấy trên và lưu lại. Bạn có thể đặt đoạn văn này có định dạng, màu sắc và nằm giữa hai thẻ <p> và </p>.

Hướng dẫn 2. Blog sử dụng "Đọc thêm":

Code trong hướng dẫn sử dụng "Đọc thêm" như sau:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Đọc thêm!</a>
</b:if>

Bây giờ bạn sửa lại và bổ sung thêm phần màu đỏ:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Đọc thêm!</a>
<b:else/>
<p>Nội dung đoạn văn bản cuối bài đăng</p>
</b:if>

Ví dụ tôi đã đưa vào blog này (Bao gồm "Đọc tiếp ..." và đoạn văn bản):

    <p><data:post.body/>
    <b:if cond='data:blog.pageType != "item"'>
    <p><a expr:href='data:post.url'><span style='font-weight:bold;'>Đọc tiếp ... </span></a></p>
    <b:else/>
    <p><div style='font-style: italic; text-align: justify;'>Cám ơn bạn đã ghé <a href='http://www.thuthuatblog.com' target='_blank'><span style='font-weight: bold;'>ThuThuatBlog.com</span></a>. Bạn có ý kiến thắc mắc hay bình luận gì về bài viết này vui lòng nhấn <span style='font-weight: bold;'>Post a Comment</span> phía cuối. Nếu muốn nhận bài viết mới qua email hãy đăng ký địa chỉ ở khung bên trái. Để ghé thăm lại, bạn có thể nhấn vào thực đơn <span style='font-weight: bold;'>Favorites</span> (Internet Explorer) hoặc <span style='font-weight: bold;'>Bookmark</span> (Mozilla Firefox) lưu lên trình duyệt hay <span style='font-weight: bold;'>Bookmark</span> kế dưới đây lưu lên các trang chia sẻ trực tuyến. Ngoài ra bạn có thể đọc bài viết bằng các công cụ đọc tin <a href='http://www.thuthuatblog.com/feeds/posts/default' target='_blank'><span style='font-weight: bold;'>Feed</span></a>. Tôi hy vọng bạn tìm thấy những thủ thuật thú vị từ trang này.</div></p>
    </b:if>
  </p>

Bạn có thể thấy hiển thị cuối mỗi bài viết trên blog này.

Chúng ta đang dùng "Đọc thêm" nhưng lại sử dụng theo Hướng dẫn 1 đoạn văn bản sẽ xuất hiện trên blog dù bài đăng chỉ là nội dung tóm tắt (phần đầu bài). Trong khi sử dụng Hướng dẫn 2 đoạn văn chỉ xuất hiện khi xem post đầy đủ.

Tiện lợi của hướng dẫn này giúp bạn chỉ cần thêm một lần, không phải mất công copy dán mỗi khi bài viết hoặc lưu sẵn vào Post Template (tìm thấy trên Settings -> Formatting). Ngoài ra sau này bạn cũng không cần phải vào từng post để sửa lại khi cần thay đổi nội dung đoạn văn bản cuối.

Dưới đây là một số mẫu bạn có thể sử dụng:

Mẫu 1:

Cám ơn bạn đã đọc, nếu bạn thấy hay hãy nhấn Favorites (Internet Explorer) hay Bookmarks (Firefox) để lưu trữ đường dẫn đến bài viết. Ngoài ra bạn cũng có thể đăng ký nhận bài viết mới bằng cách thêm địa chỉ email vào khung. Chúc bạn tìm được những bài viết hữu ích.

Mẫu 2:

Bạn vừa đọc xong bài viết, hãy lưu đường dẫn đến bài viết này bằng cách nhấn Favorites (Internet Explorer) hay Bookmarks (Firefox). Ngoài ra bạn cũng có thể đăng ký nhận bài viết mới bằng cách thêm địa chỉ email vào khung bên trái. Chúc bạn vui vẻ!

Mẫu 3:

Cám ơn bạn đã đọc bài viết, hãy lưu đường dẫn đến bài viết này bằng cách nhấn Favorites (Internet Explorer) hay Bookmarks (Firefox) và thường xuyên ghé thăm để đọc các bài cập nhật kế tiếp. Chúc bạn vui vẻ!

Mẫu 4:

Bạn vừa đọc xong bài viết, hãy nhấn Favorites (Internet Explorer) hay Bookmarks (Firefox) để lưu trữ và quay lại để đọc các bài cập nhật kế tiếp. Chúc bạn vui vẻ!

Website Grader - Công cụ kiểm tra chất lượng SEO của website trực tuyến miễn phí

2008-02-21T09:08:00.000+07:00

Từ khi bắt đầu viết blog cho đến thời điểm này tôi thường không quan tâm lắm về vấn đề tối ưu hóa công cụ tìm kiếm (SEO: Search Engine Optimization), hôm qua tình cờ tôi phát hiện một công cụ phân tích SEO của site và blog rất hay. Tôi đã thử kiểm tra blog của mình và nhận được nhiều lời khuyên bổ ích.

Website Grader là công cụ miễn phí đo hiệu quả tiếp thị của một website mà tôi muốn đề cập. Công cụ này cung cấp kết quả phân tích liên quan đến lưu lượng truy cập (traffic), tối ưu hóa công cụ tìm kiếm, đánh giá mức độ phổ biến của website trên các trang xã hội và các kỹ thuật khác. Bạn có thể nhập thông tin để so sánh website của mình với các đối thủ cạnh tranh hay bạn bè qua đó biết được trang của mình nằm ở mức nào trên thang điểm 100.

Việc nhập thông tin để kiểm tra khá đơn giản, bạn chỉ cần click vào đây và điền các thông tin bên dưới:

Website URL: Địa chỉ blog hoặc website.

Related Keywords: Từ khóa liên quan đến blog hoặc website của bạn.

Competing Websites: Địa chỉ blog hoặc website đối thủ mà mình muốn so sánh.

Your E-Mail: Địa chỉ email của bạn (Link xem báo cáo sẽ được gửi đến email).

Nếu không muốn nhận tin tức về SEO từ trang này bạn bỏ dấu kiểm tra ngay dưới địa chỉ email.

Sau đó nhấn Generate Report để xem kết quả.

(Nhấn vào hình để xem ở kích thước lớn)

HƯỚNG DẪN ĐỌC PHÂN TÍCH:

Kết quả chia thành nhiều phần khác nhau, với nhiều đánh giá đi kèm những lời khuyên hữu ích.

I. On-Page SEO: Xử lý việc đặt các từ khóa trên trang.

A. Metadata: Các thông số meta giúp công cụ tìm kiếm biết về trang của bạn.
B. Heading Summary: Số tiêu đề và tiêu đề con.
C. Image Summary: Số hình ảnh sử dụng.
E. Readability Level: Đánh giá trình độ giáo dục cần thiết để đọc và hiểu nội dung trang.

II. Off-Page SEO: Tất cả những gì bạn đã làm để tiếp thị trang.

A. Domain Info: Thông tin ngày hết hạn tên miền.
B. Google PageRank: Xếp hạng theo thuật toán PageRank của Google (thang điểm 10).
C. Google Indexed Pages: Số trang được Google đánh chỉ mục.
D. Last Google Crawl Date: Ngày cuối cùng Google đánh chỉ mục trang bạn.
E. Traffic Rank: Xếp hạng Alexa lưu lượng truy cập.
F. Inbound Links: Tổng số link bên trong blog.

III. Blogosphere: Đánh giá mức độ giao tiếp với đọc giả.

A. Blog Analysis: Phân tích việc sử dụng công cụ giao tiếp với đọc giả.
B. Blog Ranking: Xếp hạng blog dựa trên công cụ Technorati.

IV. Social Mediasphere: Số lượng bài viết được đánh dấu vào các trang xã hội.

A. del.icio.us bookmarks: Số lượng bookmark ở del.icio.us.
B. Digg.com Submission Summary: Số lượng bài được đăng vào Digg.

V. Converting Qualified Visitors to Leads: Đánh giá công cụ giúp khách quan tâm gắn kết với trang.

A. RSS Feed: Sử dụng feed.
B. Conversion Form: Sử dụng form trên blog.

VI. Competitive Intelligence: Tổng kết báo cáo so sánh với các đối thủ hoặc tổng kết trang.

Bạn có thể xem một số báo cáo:

Bạn có thể tìm thấy một số tài liệu hữu ích về SEO trên trang của Công ty HubSpot, chủ sở hữu Website Grader.

Đặt quảng cáo Google AdSense trên Snap Shots

2008-02-19T07:53:00.000+07:00

Thủ Thuật Blog từng giới thiệu về một công cụ xem trước blog và website có tên Snap Shots. Sau khi cài đặt, chúng ta rê con trỏ chuột lên các link có trên trang, một ảnh chụp thu nhỏ của trang đó sẽ xuất hiện. Ngoài chức năng này, Snap Shots còn có thể đọc tin RSS (với các site có RSS), xem video, chơi nhạc mp3, và hiển thị quảng cáo phía dưới khung. Hôm nay tôi hướng dẫn bạn các bước khai báo thông tin quảng cáo Google AdSense trên Snap Shots.

Sau khi đã đăng ký tài khoản, bạn có thể tiến hành khai báo thông tin blog và tùy chọn các mục để lấy đoạn JavaScript đưa vào mã nguồn. Về cơ bản, các bước cài đặt hiện thời tương tự như các bước được hướng dẫn trước đây.

Khai báo thông tin tài khoản Google AdSense

Đăng nhập Snap Shots và chọn edit blog đã khai báo, nhấn Snap Shares và nhập mã nhà xuất bản quảng cáo Google AdSense ở phần chọn Ads from My Ad Network.

Mã này có thể tìm trong tài khoản của bạn hoặc trong mã nguồn (Xem hình).

Số tiền thu được do khách viếng thăm click trên quảng cáo sẽ do Google AdSense chia theo tỉ lệ nhất định cho bạn và Snap Shots.

Sử dụng quảng cáo riêng

Ngoài việc đặt Google AdSense, chúng ta có thể đặt quảng cáo của chính mình khi chọn phần My Own Ad. Có các dạng: văn bản, hình ảnh (chấp nhận ảnh .jpg, .gif) và flash (.swf) với kích thước 234 x 60 hoặc 468 x 60 dự theo kích thước Snap Shots đã dùng.

Để sử dụng quảng cáo từ thiện hoặc không quảng cáo bạn nhấn lựa chọn dưới.

Chào năm mới Mậu Tí 2008

2008-02-02T09:08:00.001+07:00

"Mỗi năm hoa đào nở
Lại thấy ông đồ già,
Bày mực Tàu giấy đỏ,
Trên phố đông người qua".

Các bạn Blogger thân mến,

Một mùa xuân nữa lại về trên khắp quê hương Việt Nam thân yêu của chúng ta. "Mùa bình thường mùa vui nay đã về". Ở mảnh đất phương Nam này không có hoa đào mà thay vào đó hoa mai. Cũng không có ông đồ già như trong các câu thơ trên của Vũ Đình Liên. Nhưng không biết từ bao giờ tôi lại thích đọc nó khi bắt gặp đâu đó những hình ảnh Tết trên đất Sài Gòn này.

Một năm qua tôi từ một người chưa biết gì về blog thậm chí ghét blog, trở thành một người tập tành viết và bây giờ đang gắn bó với blog. Ít nhiều blog đã trở thành một phần trong cuộc sống hiện tại của tôi. Tôi tin chắc rằng blog cũng tiêu tốn không ít thời gian trong cuộc sống thường ngày của bạn.

Tổng kết một năm tôi thấy những gì mình làm được còn quá khiêm tốn. Tôi hy vọng năm mới sẽ có điều kiện tiếp tục công việc hiện tại của mình - chia sẻ những điều thú vị làm đẹp ngôi nhà ảo của bạn. Ở đâu đó trên thế giới mạng, tôi mỉm cười khi thấy chỉ dẫn của mình trở nên hữu ích.

Cuối cùng cám ơn bạn đã ủng hộ tôi thời gian qua. Chúc bạn và gia đình sức khỏe, hạnh phúc và đón một mùa xuân an khang thịnh vượng.

Chào và hẹn gặp lại sau Tết.

Người viết blog này:

dv2n
ThuThuatBlog.com

Tặng các bạn bài hát: Mùa xuân đầu tiên (Nhạc và lời: Văn Cao)

Rồi dặt dìu mùa xuân theo én về
Mùa bình thường mùa vui nay đã về
Mùa xuân mơ ước ấy đang đến đầu tiên
Với khói bay trên sông, gà đang gáy trưa bên sông
Một trưa nắng cho bao tâm hồn.

Rồi dặt dìu mùa xuân theo én về
Người mẹ nhìn đàn con nay đã về
Mùa xuân mơ ước ấy đang đến đầu tiên
Nước mắt trên vai anh, giọt sưởi ấm đôi vai anh
Niềm vui phút giây như đang long lanh.

Ôi giờ phút yêu quê hương làm sao trong xuân vui đầu tiên.
Ôi giờ phút trong tay anh đầu tiên một cuộc đời êm ấm.

Từ đây người biết quê người
Từ đây người biết thương người
Từ đâ người biết yêu người.

Giờ dặt dìu mùa xuân theo én về
Mùa bình thường, mùa vui nay đã về.
Mùa xuân mơ ước ấy xưa có về đâu
Với khói bay trên sông, gà đang gáy trưa bên sông
Một trưa nắng thôi hôm nay mênh mông.

(*) Ảnh. Hình ảnh ông đồ trong tranh Bùi Xuân Phái. Nguồn: www.thuhoavietnam.com.

Tạo bản đồ người xem blog

2008-01-30T07:34:00.000+07:00

So sánh bản đồ mà nhiều blogger sử dụng qua giới thiệu trước đây của báo Thanh Niên với bản đồ mà tôi sắp giới thiệu tương tự nhau. Sử dụng bản đồ này giúp bạn biết được những người xem blog mình đến từ quốc gia nào. Ở đây bạn có thể lựa chọn kích thước, kiểu bản đồ, trang trí và màu sắc khác nhau. Nhưng đặc biệt hơn chúng ta có thể sử dụng kết hợp với công cụ đếm số người đang xem blog.

Trở lại trang web ở hướng dẫn trước hoặc click vào đây để đến trang làm việc. Chúng ta sẽ tiến hành qua 4 bước tương ứng được đánh số.

Bước 1. Bạn đã sử dụng công cụ đếm số người đang xem blog, hãy chọn Yes để nhập link đến blog của mình để tìm từ khóa 8 ký tự hoặc gõ vào nếu không tìm thấy. Nếu bạn chưa sử dụng công cụ đó hãy chọn No.

Bước 2. Chọn kiểu bản đồ. Ở đây chúng ta sẽ chọn kích thước bản đồ (Map Type), kiểu bản đồ (Map Style), kiểu đánh dấu (Pin Style), màu đánh dấu (Pin Color).

Bước 3. Chọn No. Vì chúng ta không dùng cho MySpace.

Bước 4. Copy đoạn code có được và paste vào nơi mình muốn. Xem thêm hướng dẫn nếu chưa biết cách làm.

Ví dụ một bản đồ:

Để xem thống kê bạn hãy nhấn vào click for more details phía góc trái bản đồ. Nhớ sử dụng cùng một khóa 8 ký tự ở cả hai công cụ bạn sẽ xem được bản đồ kết hợp với số người online và biểu đồ.

Cuối tuần vui vẻ.

Lưu ý: Vui lòng ghi rõ nguồn và đặt liên kết đến bài viết gốc ở cuối khi sử dụng lại bài viết này.

Bộ đếm số người đang online cho blog (Yahoo! 360, Yahoo! Mash và nhiều nền blog khác)

2008-01-27T07:31:00.001+07:00

Blog trên nền Yahoo! 360 không cho chúng ta nhiều lựa chọn tùy biến ngôi nhà ảo của mình. Một trong những hạn chế đó là bộ đếm. Bạn không thể thay đổi được gì với cái Page Views thô kệch ngoài cho và không cho phép hiển thị công cộng. Trong khi đó muốn sử dụng các sản phẩm của một nhà cung cấp khác bạn lại không được hỗ trợ JavaScript – ngôn ngữ kịch bản thường được dùng để viết công cụ thống kê.

Tuy nhiên blog này cũng hỗ trợ HTML ở mức tối thiểu cho phép bạn sử dụng các công cụ thống kê bằng hình ảnh và flash. Đây là hai trong số trang tôi sẽ giới thiệu liên quan đến việc đếm số người đang xem blog của bạn.

I. Trang thứ nhất

Với giao diện đồ họa khá đẹp công cụ được cung cấp từ trang web ModMyProfile.com cho phép hiện số người đang online bằng một nút flash vừa phải. Chỉ cần nhấn vào đây chúng ta bắt đầu xây dựng công cụ.

Bạn có thể nhập giá trị mã màu thập lục ở phần Buit It hoặc chọn màu bên phải hay các màu thông dụng bên dưới trước khi bấm vào Make you counter lấy code. Nếu cần xem trước hãy nhấn preview.

Hình 1

II. Trang thứ hai

Đây cũng là một công cụ đồ họa rất đẹp và thường được các blogger ở WordPress sử dụng. Công cụ này được cung cấp tại http://whos.amung.us/showcase. Bạn có thể chọn 1 trong ba kiểu hiển thị như minh họa trên hình.

Hình 2

1. Kiểu 1.

Nhấn vào nút bấm được đánh dấu số 1 trên hình 2 và lấy code. Lưu ý chúng ta sẽ sử dụng lại 8 ký tự được tô màu đỏ. Nó bảo đảm bạn dùng duy nhất một mã thống kê trên blog mình. Và chúng ta sẽ sử dụng chúng cho việc tạo bản đồ người xem ở bài hướng dẫn tiếp theo.

<a href="http://whos.amung.us/show/8gvde1il"><img src="http://whos.amung.us/widget/8gvde1il.png" alt="website stats" width="81" height="29" border="0" /></a>

Hiển thị:

2. Kiểu 2

Nhấn vào nút bấm được đánh dấu số 2 hình 2 trên và nhấn color wheel. Trang làm việc hiển thị bạn hoàn thành các bước 1, 2, 3.

- Bước 1. Nếu đã sử dụng một trong những tiện ích được cung cấp của trang hãy chọn Yes. Nhập địa chỉ blog để tìm 8 ký tự mà bên trên tôi lưu ý hoặc nhập 8 ký tự này nếu không tìm thấy.

- Bước 2. Chọn màu

- Bước 3. Lấy code

Hiển thị:

3. Kiểu 3.

Tương tự như kiểu một nhưng bạn nhấn nút đánh dấu số 3.

Hiển thị:

Ngoài ra nếu bạn dùng các nền blog hỗ trợ JavaScript bạn có thể xem thêm bài viết trước tại đây.

III. Cách chèn vào blog.

Xem hướng dẫn.

Chèn playlist nhạc bằng nguồn nhạc tìm thấy ở Baamboo vào blog

2008-01-24T10:30:00.001+07:00

Trong số những trang chuyên về tìm kiếm nhạc trực tuyến Việt Nam Baamboo (viết khác đi của từ bamboo: cây tre) là một tên tuổi được nhiều người quan tâm bởi kết quả tìm kiếm chính xác, đầy đủ và có nhiều tiện ích hay tiện lợi mà những công cụ tìm kiếm cùng loại khác không có. Hôm nay chúng ta sẽ làm playlist (danh sách bài hát) bằng nguồn nhạc tìm thấy tại đây.

Hãy nhấn vào link hoặc kéo xuống cuối bài viết này nhập từ khóa để tìm kiếm nhạc mp3. Ví dụ trên hình tôi sẽ tìm các bản nhạc của ca sĩ Đàm Vĩnh Hưng.

Sau khi kết quả tìm kiếm hiện ra, chỉ cần nhấn vào biểu tượng để chọn bài hát mình muốn đưa vào playlist. Các trình chơi nhạc flash chỉ hỗ trợ mp3, vì vậy bạn chỉ chọn các bài hát có phần mở rộng này. Bài hát được chọn sẽ được đưa vào danh sách nằm bên phải. Click Nhúng vào website, blog sau đó lấy code hiện ra ở trang tiếp theo.

Xem thêm hướng dẫn bài viết này trong trường hợp chưa biết cách đưa lên blog.

Nếu nguồn cấp nhạc ổn định chúng ta có thể thoải mái thưởng thức các bài hát mình thích mà không phải mất công tìm kiếm và đưa lên các dịch vụ lưu trữ trung gian.

Ngoài việc tìm nhạc, bạn còn có thể sử dụng nhiều dịch vụ hay khác của trang này: Tìm video, tra từ điển, tìm kiếm thông tin dịch vụ,… Nào hãy gõ vào hộp thoại tìm sau để tìm nhạc.

Muốn có hộp tìm kiếm này trên website và blog (Chỉ dùng được cho các nền blog hỗ trợ JavaScript như Blogger,…), hãy sử dụng một trong hai đoạn mã:

<script src="http://embed.baamboo.com/tools/toolsearch_mau1.js"></script>

Hoặc

<script src="http://embed.baamboo.com/tools/toolsearch_mau2.js"></script>

Cuối tuần vui vẻ nhé!

Thêm một công cụ xem trước một website và blog

2008-01-21T12:07:00.001+07:00

Thủ Thuật Blog đã từng giới thiệu một công cụ xem trước website và blog có tên Snap Shots. Đây là một công cụ có nhiều tính năng khác nên tốc độ load hơi chậm, tuy nhiên nếu cần một công cụ đơn giản hơn, chúng ta có thể sử dụng iWebTool Thumbnails.

Rất đơn giản, bạn chỉ cần copy đoạn code sau dán ngay trên thẻ </body> hoặc ngay dưới thẻ <body> trong mã nguồn website hay blog mà bạn muốn sử dụng. Với Google Blogger, bạn đăng nhập blog và nhấn trên Layout (Mẫu), chọn Edit HTML (Chỉnh sửa HTML) và tìm các thẻ trên.

<script language="javascript" src="http://thumbnails.iwebtool.com/src.js?border=004891" type="text/javascript"></script>

Đoạn code này cũng có thể lấy từ đây.

Bạn có thể chỉnh lại màu đường viền bằng cách thay đổi giá trị thập lục phân màu đỏ trong đoạn code.

Khi rê con trỏ vào liên kết bạn sẽ thấy hiển thị như hình dưới.

Cuối tuần vui vẻ nhé!