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ẻ ]]>&lt/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. Email mà bạn nhận được như hình dưới đây:

Read more »

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.

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ý:

• Tìm hiểu về chính sách chương trình
• Đăng ký tài khoản bằng website hoặc tiếng Việt
• Khi bạn được chấp nhận, đặt code vào blogger thôi.

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!

Ý kiến của bạn như thế nào? Xin để lại dưới phần nhận xét. Từ hôm nay, bạn phải có tài khoản Google+ mới có thể đăng nhận xét trên trang này.

Anh em Blogger đâu? Chuẩn bị blog chiến thôi!

Read more »