Được tạo bởi Blogger.

Thứ Năm, 31 tháng 7, 2014

Blogger thay đổi giao diện

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

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

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

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


Bạn cảm nhận như thế nào về giao diện mới của Blogger?
Read full history - Blogger thay đổi giao diện

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

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

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

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

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

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

  • blogspot.com.au: Tên miền quốc gia Australia
  • blogspot.com.es: Tên miền quốc gia Tây Ban Nha
  • blogspot.fr: Tên miền quốc gia Pháp
  • blogspot.it: Tên miền quốc gia Ý
  • blogspot.ca: Tên miền quốc gia Canada
Read full history - Truy cập Blogger bằng tên miền khác

Tùy chỉnh liên kết cố định trên Blogger

Cuối cùng Blogger cũng cho phép tùy chỉnh địa chỉ URL mặc định của bài viết. Đây là tùy chọn được chờ đợi rất nhiều từ người dùng, đặc biệt những người yêu thích tối ưu hóa bộ máy tìm kiếm. Tính năng này không xa lạ gì đối với người dùng WordPress bởi họ thường hay sử dụng để thu gọn địa chỉ url của mình.

Thông thường liên kết cố định do Blogger tự động tạo ra dựa trên tiêu đề bài viết. Tuy nhiên nếu tiêu đề bài viết khá dài, chứa các ký tự riêng của tiếng Việt, chẳng hạn như chữ đ trong chữ "cố định" sẽ chuyển đổi tự động thành "co-inh" thay vì "co-dinh". Với tùy chọn này chúng ta có thể đặt lại địa chỉ theo ý muốn.

Một vài lưu ý


  • Không bỏ được thông tin tháng và năm trong địa chỉ URL.
  • Không bỏ được đuôi .html.
  • Không thể tùy chỉnh những bài viết cũ.
  • Không thể thay đổi địa chỉ sau khi bài viết đã được đăng.
  • Phần địa chỉ tùy chỉnh này chỉ chứa chữ cái, chữ số và dấu gạch ngang.

Cách thực hiện


Rất đơn giản, nhấp chuột vào Liên kết cố định ở phần Cài đặt bài đăng nằm bên phải khung soạn bài và chọn Liên kết cố định tùy chỉnh để nhập địa chỉ.

Read full history - Tùy chỉnh liên kết cố định trên Blogger

Hướng dẫn cài đặt tên miền cho Blogger mới nhất

Cách đây không lâu rất nhiều người than phiền các nhà cung cấp dịch vụ internet ở Việt Nam chặn đường vào xem blog sử dụng dịch vụ Blogger có tên miền riêng, tuy nhiên địa chỉ blogspot.com thì vẫn truy cập được! Vấn đề ở đây mỗi nhà mạng chặn mỗi kiểu, vì vậy các hướng dẫn cài đặt tên miền cho Blogger trước đây có người áp dụng thành công, nhưng cũng không ít loay quay mãi vẫn chưa được.

Làm thế nào để blog bạn luôn luôn truy cập được dù người đọc sử dụng bất kỳ nhà mạng nào, đó không phải là câu hỏi dễ trả lời, bởi vì chính sách của nhà mạng thường xuyên thay đổi và việc của những người tạo blog như chúng ta phải luôn tìm cách để lách qua khe cửa này.

Có rất nhiều cách cấu hình một tên miền trỏ về Blogger, tuy nhiên đây là cách hiện thời được nhiều người sử dụng để bảo đảm blog của bạn truy cập được từ Việt Nam.

Cách này rất đơn giản, bạn chỉ cần tạo 2 bản ghi A trỏ về dãy IP như trên hình dưới đây trên trang quản lý DNS của tên miền.

Tên miền cho Blogger

Để chắc chắn dãy IP này không bị chặn ở tất cả các nhà mạng bạn có thể kiểm tra thử hoặc nhờ những người dùng mạng khác nhau truy cập nó trên trình duyệt, nếu hiện ra trang báo lỗi 404 của Google, đồng nghĩa với việc nó không bị chặn.

Google 404 error

Vì lý do an toàn, nên tôi không liệt kê hết tất cả dãy IP có thể dùng cho Blogger trên bài viết này, ngộ nhỡ một ai đó có trách nhiệm của nhà mạng đọc được họ đưa hết vào danh sách đen thì ...thôi rồi Lượm ơi ;)

Nếu đây là tên miền lần đầu tiên sử dụng cho Blogger bạn cần phải qua bước xác minh tên miền
Bạn đang sử dụng nhà mạng nào? Hãy thử truy cập địa chỉ http://74.125.141.121/ có ra trang báo lỗi như đề cập trên?
Read full history - Hướng dẫn cài đặt tên miền cho Blogger mới nhất

Giám sát thời gian hoạt động website qua SMS

Nhiều nhà cung cấp dịch vụ cho thuê chỗ lưu trữ web cam kết thời gian hoạt động 99.9%, là một người dùng bạn không thể ngồi 24 giờ mỗi ngày để mắt xem website của mình có truy cập được hay không.

Việc website không truy cập được, đồng nghĩa với việc bạn mất lượt truy cập, mất khách hàng từ đó ảnh hưởng đến doanh thu và thu nhập của bạn. Thử nghĩ xem, công ty đang chạy Adwords cho một chiến dịch bán hàng mà trang web lúc xem được lúc không thì khách hàng đánh giá thế nào về chất lượng dịch vụ và sản phẩm của bạn.

Vậy thì làm thế nào để biết thời gian website không truy cập được để kịp thời nhờ hỗ trợ hoặc có hướng khắc phục bất đắc dĩ khác như chuyển nhà cung cấp chẳng hạn? Bài viết này hướng dẫn bạn cách thức giám sát thời gian hoạt động thông qua email và qua tin nhắn điện thoại di động hoàn toàn miễn phí.

Bước 1: Trước tiên bạn truy cập địa chỉ này để tạo một bản sao mới lưu của tập tin để lưu vào Google Drive của bạn (Bạn cần đăng nhập Google Drive).

Uptime website with Google Docs

Bước 2: Thay đổi các thông tin cần thiết như địa chỉ trang web, địa chỉ email và cho phép nhận thông báo SMS.

Uptime website with Google Docs

  • Website URLs: Điền địa chỉ website, bao gồm cả http như trên hình. Nếu bạn có nhiều website thì mỗi địa chỉ cách nhau dấu phẩy.
  • Email Address: Địa chỉ email mà bạn muốn nhận thông báo (Địa chỉ Gmail bạn đang dùng).
  • SMS Notifications: Gõ Yes, nếu bạn muốn nhận thông báo qua SMS.
Bước 3: Nhấn Website Monitor, chọn Step 1: Initialize

Uptime website with Google Docs

Bạn sẽ nhận được thông báo cấp quyền truy cập vào một số dịch vụ trên tài khoản Google, nhấp OK để tiếp tục.

Uptime website with Google Docs

Tiếp tục cấp quyền truy cập Google Calendar.

Uptime website with Google Docs

Bước 4: Khai báo số điện thoại nhận SMS.

Truy cập Google lịch ở địa chỉ calendar.google.com, nhấn Settings (Cài đặt)

Uptime website with Google Docs

Chọn thẻ Mobile Setup, chọn quốc gia Việt Nam, điền số điện thoại di động của bạn và nhấn Send Verification code.

Uptime website with Google Docs

Một popup sẽ hiện ra cho biết đang gửi mã xác minh vào điện thoại của bạn. Chờ vài giây, sau đó kiểm tra điện thoại lấy dãy số để điền vào ô Verification code và nhấn Finish setup.

Uptime website with Google Docs

Cửa sổ hướng dẫn nhận nhắc nhở sự kiện hiện ra ngay sau đó, bạn chọn SMS và đánh dấu một số thay đổi tương ứng cột SMS và cuối cùng nhấn Save để lưu lại.

Uptime website with Google Docs

Đến đây mọi thứ đã xong, bạn chỉ việc chờ có thông báo nếu website không truy cập được.

Xin lưu ý, nếu trong vòng vài phút bạn không nhận được tin nhắn, chắc chắn nhà mạng bạn đang dùng chưa được Google hỗ trợ. Thông tin cho thấy Google Calendar hiện giờ mới hỗ trợ gửi tin nhắn các thuê bao di động của VNPT (Vinaphone, Mobifone) ở Việt Nam.
Read full history - Giám sát thời gian hoạt động website qua SMS

Google AdSense chính thức hỗ trợ tiếng Việt

Google AdSense đã chính thức hỗ trợ nội dung tiếng Việt! Quả là tin vui đối với cộng đồng blogger Việt Nam nói chung và những người dùng Google Blogger như chúng ta nói riêng.

Như bạn đã biết, Google AdSense luôn được xem là chương trình quảng cáo hấp dẫn của những người kiếm tiền trên mạng. Trước đây, chương trình này chỉ cho phép các trang tiếng Việt đặt công cụ tìm kiếm, chủ nhân trang sẽ kiếm được tiền nếu người dùng nhấn vào quảng cáo trên kết quả tìm kiếm. Thường thì thu nhập từ đây rất ít do đó hầu hết mọi người đều viết bằng những ngôn ngữ được hỗ trợ mà phổ biến nhất là tiếng Anh để được tham gia quảng cáo nội dung.

AdSense tiếng Việt

Nay thì rào cản lớn nhất đã được xóa bỏ! Bạn có thể tham gia chương trình ngay trên blog tiếng Việt của mình. Các bước đăng ký:


Lời khuyên dành cho những người chuẩn bị đăng ký AdSense:

  • Không nên đăng ký Google AdSense với một blog thiết kế sơ xài chỉ với một vài bài viết.
  • Không nên sao chép bài viết của người khác lấy làm bài viết của mình. Google đủ thông minh để biết bài viết đó có nguồn gốc từ đâu.
  • Thay vào đó hãy phát triển blog để thu hút càng nhiều người xem càng tốt, bằng cách đăng nhiều nội dung do chính bạn viết, chia sẻ nội dung lên các mạng xã hội (Facebook, Google+, Twitter, Zing Me, Linkhay...), tham gia thảo luận trên các diễn đàn về chủ đề bạn viết... 
  • Nên nhớ rằng bạn viết blog để thu hút người đọc chứ không phải để đăng ký AdSense. Vì một lý do đơn giản, có người xem blog mới có người nhấn quảng cáo và bạn mới có tiền!
Read full history - Google AdSense chính thức hỗ trợ tiếng Việt

Mẫu form liên hệ chính thức của Blogger

Blogger vừa bổ sung mẫu form liên hệ chính thức của riêng mình cho người dùng thông qua một tiện ích mới có tên gọi Biểu mẫu liên hệ (Contact form). Trước đây chúng ta đều phải sử dụng dịch vụ của một bên thứ ba. Nay thì mọi thứ đơn giản hơn, bạn có thể nhận tin nhắn từ người đọc ngay trong email mà không cần cung cấp địa chỉ email ra bên ngoài. 

Để sử dụng form này bạn chỉ cần đăng nhập Blogger > Bố cục > Thêm tiện ích > Tiện ích khác Biểu mẫu liên hệ (Xem lần lượt các hình 1, 2, 3)

Hình 1
Hình 2



Hình 3

Sau khi lưu lại, nhớ kéo và thả vào vị trí bạn muốn rồi chọn Lưu sắp xếp.

Hạn chế của mẫu form chỉ xuất hiện trên sidebar hoặc footer ở nơi mà bạn vừa lưu lúc nãy. Thông thường mẫu form liên hệ người ta đặt trong một trang riêng ở đó ghi các thông tin liên hệ và kèm mẫu form bên dưới. 

Nếu muốn đặt nó vào phần trang của Blogger thì bạn làm theo gợi ý tiếp theo. 

Bước 1. Giữ nguyên mẫu form liên hệ mà bạn vừa tạo lúc nãy.

Bước 2. Nhấn Mẫu > Chỉnh sửa HTML 

Hình 4
Bước 3. Nhấp Chuyển đến tiện ích > ContactForm1  
Hình 5
Bước 4. Nhấp chuột vào mũi tên phía đầu dòng tiện ích có id='ContactForm1' như hình

Hình 6
Bước 5. Xóa hết đoạn code bên trong nó, như bạn nhìn thấy dưới đây, còn lại như hình 7 và sau đó Lưu mẫu.

<b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>
  <b:include name='quickedit'/>

Hình 7

Bước 6. Thêm trang mới. Nhấn Trang > Trang mới > Trang trống để tạo. Nếu bạn đã có trang liên hệ rồi thì không cần tạo nữa.


Bước 7. Chọn chế độ soạn HTML rồi dán đoạn code này vào chỗ viết bài, sửa lại một số tùy chọn và đặt tên bài viết rồi nhấn Xuất bản.

<form name="contact-form">
<p></p>
Name
<br>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" value="" type="text">
<p></p>
Email
<span style="font-weight: bolder;">*</span>
<br>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" value="" type="text">
<p></p>
Message
<span style="font-weight: bolder;">*</span>
<br>
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<p></p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" value="Send" type="button">
<p></p>
<div style="text-align: center; max-width: 222px; width: 100%">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
</div>
</form>

Nếu cần thiết bạn có thể Việt hóa những chữ màu nổi bật: Name -> Tên; Message -> Lời nhắn (Thông điệp) 


Bước 8: Điều chỉnh kích thước form
Để điều chỉnh kích thước bạn cần chèn thêm đoạn CSS sau đây phía trên thẻ ]]></b:skin>

.contact-form-name,.contact-form-email {
  max-width: 200px;
  width: 100%;
}

.contact-form-email-message {
  max-width: 500px;
  width: 100%;
  height: 200px;
}

Có thể điều chỉnh kích thước trên cho cân đối với kích thước phần bài viết của blog.

Như vậy bạn đã có form riêng hệ của riêng mình. 
Read full history - Mẫu form liên hệ chính thức của Blogger