Blogger Tutorial: Hướng dẫn thêm form liên hệ Google Docs vào Blogger

Đã bao giờ bạn nghĩ "Làm sao để tạo một form liên lạc đỉnh vào các trang blogger"? Nếu bạn là một người dùng Google Docs, bạn sẽ dể dàng có lời giải với nó.

Nếu bạn là một fan của Blogger, bạn sẽ biết được Google đã ưu ái thế nào khi tạo cho Blogger một giao diện hết sức dễ dàng customize trở nên "không đụng hàng" với bất cứ ai.

Tạo form

Để bắt đầu, hãy đăng nhập vào Google Docs, tạo một form mới như hình dưới. Bạn có thể thêm tiêu đề vào form để dễ quản lý, bạn cũng có thể chừa trống với tên "Untitled". Để tạo một form liên lạc đúng cách, bạn nên cho phép người dùng sử dụng các câu hỏi dạng "paragraph text". Nó sẽ cho phép đủ khoảng trống để người dùng điền câu hỏi hay comment.

Chú ý rằng mặc định form sẽ tự động thêm vào hai câu hỏi đơn giản. Đảm bảo rằng xoá hai câu hỏi này, hoặc nó sẽ làm phiền nếu bạn không cần đến. Mặc dù vậy, nếu bạn muốn thêm câu hỏi mà dùng các câu trả lời có định dạng khác(như checkbox, multiple choice...) thì bạn cũng có thể hoàn toàn chủ động. Sau khi hoàn thành, hãy lưu lại tất cả.

Gắn form

Thường các form mẫu của Google sẽ không được phép thay đổi mẫu có sẵn để phù hợp với design của blog bạn. Chắc chắn, bạn có thể nhúng form bằng code iFrame, nhưng nó vẫn để nguyên định dạng như lúc trước khi thiết kế. Dù vậy, vẫn có giải pháp cho vấn đề này.

Sau khi đã tạo xong form, hãy quay lại Google Docs và mở spreadsheet mà bạn vừa tạo form. Bởi vì là một trình ghi chú, spreadsheet sẽ cho phép bạn thấy tất cả những thiết kế của bạn. Khi đã vào trang rồi, chọn "Form" ở menu và click "Go to live form".

Trong khi xem form, bạn nên dùng các chức năng mà trình duyệt ho phép để xem source code. Nếu bạn dùng Chrome, bạn sẽ rất dễ thực hiện đều này bằng cách chọn đoạn text và chọn "View Page Source".

Tại đây, mọi thứ có thể sẽ rất chán nhưng hãy kiên nhẫn. Dùng chức năng tìm kiếm của web (ctrl F) tìm từ khoá "form action". Khi đã thấy rồi, bạn sẽ thấy code sau:

Hãy ghi nhớ vị trí của nó, sau đó tìm tiếp đoạn code sau:

Copy tất cả lại. Bạn có thể copy vào notepad nếu bạn muốn.

Cài đặt form

Sau khi đã thành công, bạn nên vào dashboard của Blogger.

Đầu tiên, bạn nên tạo một trang mới và điền tiêu đề "Contact Me" hoặc những gì bạn thích. Sau đó hãy mở nó ra, vào phần chỉnh sửa HTML và paste đoạn code trong notepad vào.

Và giờ đây, bạn đã có một form liên lạc đơn giản của riêng bạn. Ngay lúc này, bạn sẽ thấy kết quả tương tự hình dưới. Tuy nhiên, nó có thể khác đôi chút tuỳ theo tuỳ chỉnh của bạn.

Chỉnh form

Nếu bạn có vấn đề về khoảng trống giữa tiêu đề và câu hỏi, hãy tìm tag br và xoá chúng. Tuy nhiên, nếu bạn có vấn đề về kích thước của khung trả lời, hãy tìm code sau:

</div><div style="border: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin: 12px 0px; padding: 0px; vertical-align: baseline;">Bằng cách chỉnh "cols", bạn có thể thay đổi bề rộng của hộp thoại. Ngoài ra, bạn còn có thể chỉnh font chữ bằng cách chỉnh trang. Nếu đã hoàn tất, sản phẩm của bạn có thể giống hình dưới.</div><div style="border: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin: 12px 0px; padding: 0px; vertical-align: baseline;"><img alt="me" src="http://forum.cuasotinhoc.vn/portaluploads/attachments/2011-08/170811091320-img14.png" style="background-color: #fbfbfc; border: 0px none; box-shadow: 3px 3px 4px rgb(153, 153, 153); display: block; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin: 10px auto 5px; max-width: 500px; padding: 3px; vertical-align: baseline;" title="me" /></div><div style="border: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin: 12px 0px; padding: 0px; vertical-align: baseline;"><strong style="font-weight: bold;">Lời kết</strong></div><div style="border: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin: 12px 0px; padding: 0px; vertical-align: baseline;">Đây là hứa dẫn ngắn và hiệu quả để thay thế form của Google Docs vào Blogger của bạn, và hướng dẫn có thể áp dụng với bất kỳ blog hay <a href="http://i-thuthuat.blogspot.com/search/label/thu-thuat-webmasters" target="_blank">website</a> nào. Bạn có thể làm nhiều hơn bài viết trên nếu chịu khó kiên nhẫn tìm tòi đôi chút.</div></div>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Posted by
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta content='https://www.blogger.com/profile/02140685405753417841' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/02140685405753417841' rel='author' title='author profile'>
<span itemprop='name'>Unknown</span>
</a>
</span>
</span>
<span class='post-timestamp'>
at
<meta content='http://1bloggertut.blogspot.com/2013/05/huong-dan-them-form-lien-he-google-docs.html' itemprop='url'/>
<a class='timestamp-link' href='http://1bloggertut.blogspot.com/2013/05/huong-dan-them-form-lien-he-google-docs.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2013-05-26T18:59:00-07:00'>6:59 PM</abbr></a>
</span>
<span class='post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-836790547'>
<a href='https://www.blogger.com/post-edit.g?blogID=1633248334273607113&postID=1848333223411431759&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<div class='post-share-buttons goog-inline-block'>
<a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=1633248334273607113&postID=1848333223411431759&target=email' target='_blank' title='Email This'><span class='share-button-link-text'>Email This</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=1633248334273607113&postID=1848333223411431759&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=1633248334273607113&postID=1848333223411431759&target=twitter' target='_blank' title='Share to Twitter'><span class='share-button-link-text'>Share to Twitter</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=1633248334273607113&postID=1848333223411431759&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Share to Facebook'><span class='share-button-link-text'>Share to Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=1633248334273607113&postID=1848333223411431759&target=pinterest' target='_blank' title='Share to Pinterest'><span class='share-button-link-text'>Share to Pinterest</span></a>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
Labels:
<a href='http://1bloggertut.blogspot.com/search/label/thu-thuat-blogspot' rel='tag'>thu-thuat-blogspot</a>,
<a href='http://1bloggertut.blogspot.com/search/label/thu-thuat-webmasters' rel='tag'>thu-thuat-webmasters</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>No comments:</h4>
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
</dl>
</div>
<p class='comment-footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<h4 id='comment-post-message'>Post a Comment</h4>
<p>
</p>
<a href='https://www.blogger.com/comment/frame/1633248334273607113?po=1848333223411431759&hl=en' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe>
<script src='https://www.blogger.com/static/v1/jsbin/4269703388-comment_from_post_iframe.js' type='text/javascript'></script>
<script type='text/javascript'>
      BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html');
    </script>
</div>
</p>
</div>
</div>

</div></div>
      
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='http://1bloggertut.blogspot.com/2013/05/huong-dan-tao-sitemap-mien-phi-theo.html' id='Blog1_blog-pager-newer-link' title='Newer Post'>Newer Post</a>
</span>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='http://1bloggertut.blogspot.com/2013/05/sao-luu-va-phuc-hoi-template.html' id='Blog1_blog-pager-older-link' title='Older Post'>Older Post</a>
</span>
<a class='home-link' href='http://1bloggertut.blogspot.com/'>Home</a>
</div>
<div class='clear'></div>
<div class='post-feeds'>
<div class='feed-links'>
Subscribe to:
<a class='feed-link' href='http://1bloggertut.blogspot.com/feeds/1848333223411431759/comments/default' target='_blank' type='application/atom+xml'>Post Comments (Atom)</a>
</div>
</div>
</div></div>
</div>
</div>
<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
</aside>
</div>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>
<div class='sidebar section' id='sidebar-right-1'><div class='widget BlogArchive' data-version='1' id='BlogArchive1'>
<h2>Blog Archive</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive1_ArchiveList'>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>

▼ 
      
</span>
</a>
<a class='post-count-link' href='http://1bloggertut.blogspot.com/2013/'>
2013
</a>
<span class='post-count' dir='ltr'>(247)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://1bloggertut.blogspot.com/2013/07/'>
July
</a>
<span class='post-count' dir='ltr'>(12)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://1bloggertut.blogspot.com/2013/06/'>
June
</a>
<span class='post-count' dir='ltr'>(127)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>

▼ 
      
</span>
</a>
<a class='post-count-link' href='http://1bloggertut.blogspot.com/2013/05/'>
May
</a>
<span class='post-count' dir='ltr'>(108)</span>
<ul class='posts'>
<li><a href='http://1bloggertut.blogspot.com/2013/05/share-1-theme-phim-ep-data-1000-phim.html'>Share 1 theme phim đẹp + data 1000 phim</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/news-times-blogger-template-theme-tin.html'>News Times Blogger Template - theme tin tức đẹp</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/download-maxspeed-tren-fshare-khong-can.html'>Download maxspeed trên fshare không cần user vip</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/simplexcelebrity-phien-ban-moi-theme.html'>SimplexCelebrity phiên bản mới, theme blogspot tin...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/johny-joss-template-theme-blogspot-ban.html'>Johny Joss Template- Theme blogspot bán hàng cực c...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/congly-blogger-theme-theme-tin-tuc-cuc.html'>Congly Blogger Theme - Theme tin tức cực hot</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/hien-thi-hinh-anh-tac-gia-tren-tim-kiem.html'>Hiển thị hình ảnh tác giả trên tìm kiếm Google cho...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/huong-dan-active-key-windows-8-qua.html'>Hướng Dẫn Active key Windows 8 Qua Phone & Skype</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/khung-author-box-ep-tu-css3-cho-blogger.html'>Khung Author box đẹp từ CSS3 cho blogger</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/them-multilevel-css3-menu-bar-voi-icons.html'>Thêm Multilevel css3 menu bar với icons cho blogger</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/top-21-web-cung-cap-mien-phi-template.html'>Top 21+ web cung cấp miễn phí Template Blogspot tố...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/10-thu-thuat-cuc-hay-ve-facebook-co-ban.html'>10 thủ thuật cực hay về Facebook có thể bạn chưa biết</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/tao-auto-readmore-cho-blogger-voi.html'>Tạo Auto Readmore cho Blogger với Cutter.js</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/tien-ich-3d-flash-slider-cho-blogger.html'>Tiện ích 3D Flash Slider cho Blogger : PieceMaker</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/khung-comment-ep-cho-blogger.html'>Khung comment đẹp cho Blogger</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/huong-dan-cach-tao-popup-like-facebook.html'>Hướng dẫn Cách tạo popup like Facebook khi vào Blo...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/tao-slideshow-bai-viet-moi-nhat-ngoai.html'>Tạo Slideshow bài viết mới nhất ngoài trang chủ Bl...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/them-slide-bai-viet-moi-chay-ngang-cho.html'>Thêm Slide bài viết mới chạy ngang cho Blogspot</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/lam-nao-e-them-uoc-tac-gia-cong-tac.html'>Làm thế nào để thêm được tác giả, cộng tác viên, q...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/them-khung-tim-kiem-ep-cho-blogger.html'>Thêm Khung tìm kiếm đẹp cho blogger</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/thu-thuat-su-dung-windows-8.html'>Thủ thuật sử dụng Windows 8</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/thiet-lap-che-o-2-man-hinh-khi-trinh.html'>Thiết lập chế độ 2 màn hình khi trình chiếu slide ...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/huong-dan-tao-sitemap-mien-phi-theo.html'>Hướng dẫn tạo sitemap miễn phí theo chuẩn google</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/huong-dan-them-form-lien-he-google-docs.html'>Hướng dẫn thêm form liên hệ Google Docs vào Blogger</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/sao-luu-va-phuc-hoi-template.html'>Sao lưu và phục hồi template</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/cach-chen-nut-nhung-linkhay-va-tagvn.html'>Cách chèn nút nhúng Linkhay và Tagvn vào Blogger</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/tao-ten-mien-cocc-cho-blogger-yahoo-blog.html'>Tạo Tên miền .co.cc cho Blogger, Yahoo! Blog</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/huong-dan-cach-chen-nhac-vao-blog.html'>Hướng dẫn cách Chèn nhạc vào blog</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/cach-de-dang-e-nhan-mien-phi-25.html'>Cách dễ dàng để Nhận miễn phí 25 Backlinks mỗi ngày!</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/huong-dan-them-bai-viet-lien-quan-tren.html'>Hướng dẫn Thêm Bài viết liên quan trên Sidebar cho...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/lam-nao-e-blog-nhanh-hon.html'>Làm thế nào để Blog nhanh hơn</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/lam-nao-e-lay-ia-chi-ip-cua-mot-nguoi.html'>Làm Thế Nào Để Lấy Địa Chỉ IP Của Một Người Nào Đó?</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/danh-sach-mot-so-cac-trang-web-proxy-tot.html'>Danh Sách Một Số Các Trang Web Proxy Tốt</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/huong-dan-cach-at-thu-muc-khong-ten.html'>Hướng dẫn cách đặt Thư Mục Không Tên Trong Windows</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/top-5-thu-thuat-notepad-tuyet-voi.html'>Top 5 Thủ Thuật Notepad tuyệt vời</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/lam-nao-e-hack-mat-khau-luu-trong.html'>Làm Thế Nào Để Hack Mật Khẩu Đã Lưu Trong Firefox?</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/moi-facebook-chat-lua.html'>Mới Facebook Chat Lừa</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/lam-nao-e-vo-hieu-hoa-click-chuot-phai.html'>Làm Thế Nào Để Vô Hiệu Hóa Click Chuột Phải Trên W...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/shopstore-blogger-template-giao-dien.html'>ShopStore Blogger Template - giao diện wordpres cự...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/traffic-facebook-can-lam-gi-e-tang-truy.html'>Traffic facebook: Cần làm gì để Tăng truy cập blog...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/10-thu-thuat-seo-e-lam-blog-cua-ban-vi.html'>10 thủ thuật SEO để làm Blog của bạn vị trí top 1 ...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/copywriting-101-la-gicopywriting-cho.html'>Copywriting 101 là gì?Copywriting cho người mới bắ...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/lam-gi-khi-khong-co-ai-oc-blog-cua-ban.html'>Làm gì khi không có ai Đọc Blog của bạn?</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/25-blog-meo-toi-hoc-kinh-nghiem-trong.html'>25 Blog Mẹo Tôi học kinh nghiệm Trong blog</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/cho-toi-5-phut-va-toi-se-cho-ban-5-loi.html'>Cho tôi 5 phút - Và tôi sẽ cho bạn 5 Lời khuyên để...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/tuyet-voi-meo-e-thay-oi-kich-thuoc-va.html'>Tuyệt vời Mẹo Để thay đổi kích thước và chỉnh sửa ...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/moi-ajax-menu-widget-cho-blogger.html'>Mới AJAX Menu Widget cho Blogger</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/them-facebook-recommendations-bar-cho.html'>Thêm Facebook Recommendations Bar cho blogger</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/toi-uu-hoa-bai-viet-blog-cho-seo-tot-hon.html'>Tối ưu hóa bài viết blog cho SEO tốt hơn</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/tao-ban-ghost-va-bung-ghost-truc-tiep.html'>Tạo bản Ghost và bung Ghost trực tiếp trên máy tín...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/tao-usb-boot-tao-boot-tu-usb-e-ghost.html'>TẠO USB BOOT - tạo Boot từ USB để Ghost cho máy  tính</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/cach-tuy-chinh-file-sitemap-xml-cho.html'>Cách tùy chỉnh file sitemap xml cho blogger</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/thu-thuat-chi-hien-tieu-e-bai-ang-o.html'>Thủ thuật chỉ hiện tiêu đề bài đăng ở trang chủ bl...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/hien-thi-widget-o-trang-chu-hoac-trang.html'>Hiển thị widget ở trang chủ hoặc trang riêng biệt ...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/cach-mo-subscribe-ang-ki-theo-doi-tren.html'>Cách Mở Subscribe - Đăng Kí Theo Dõi Trên Facebook...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/tao-popup-under-tot-nhat-hien-sau-trinh.html'>Tạo Popup-under tốt nhất hiện sau trình duyệt cho ...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/toi-uu-hoa-file-robottxt-cho-blogspot.html'>Tối ưu hóa file Robot.txt cho Blogspot tốt nhất</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/menu-am-may-tags-3d-cuon-theo-chieu-doc.html'>Menu đám mây  tags 3D cuộn theo chiều dọc đẹp cho ...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/key-idm-dung-vinh-vien-cho-moi-phien.html'>Key IDM - Dùng vĩnh viễn cho mọi phiên bản - Cập n...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/em-so-chu-so-trang-so-dong-trong-word.html'>Đếm số chữ, số trang, số dòng trong Word</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/tao-trang-redirect-cuc-on-gian-ngay.html'>Tạo trang Redirect cực đơn giản ngay trong Blogspot</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/cach-can-chinh-le-trong-word-2003-2007.html'>Cách căn chỉnh lề trong Word 2003, 2007, 2010, 2013</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/lam-windows-xp-sp2-thanh-ban-quyen.html'>Làm Windows XP Sp2 thành bản quyền</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/idm-615-full-crack-moi-nhat-2013.html'>IDM 6.15 Full Crack mới nhất 2013 - Internet Downl...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/nhung-ung-dung-thay-youtube-tren.html'>Những ứng dụng thay thế Youtube trên Windows 8</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/quen-mat-khau-administrator-tren.html'>Quên mật khẩu administrator trên Windows 8  - cách...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/cach-tao-nut-len-au-trang-cho-blogspot.html'>Cách tạo nút lên đầu trang cho blogspot</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/tien-ich-viet-lien-quan-co-phan-trang.html'>Tiện ích "Bài viết liên quan" có phân trang cho Bl...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/nut-len-xuong-va-tu-ong-cuon-trang-cho.html'>Nút lên-xuống và tự động cuộn trang cho blogspot</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/mau-form-lien-he-chinh-thuc-cua-blogger.html'>Mẫu form liên hệ chính thức của Blogger</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/chen-khung-comment-facebook-on-gian-cho.html'>Chèn khung Comment Facebook đơn giản cho Blogspot ...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/tien-ich-viet-lien-quan-theo-nhan-co.html'>Tiện ích "Bài viết liên quan" theo nhãn có hiệu ứn...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/widget-bai-viet-ngau-nhien-cho-blogger.html'>Widget bài viết ngẫu nhiên cho Blogger</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/chuong-trinh-tu-ong-spam-comment-blog.html'>Chương trình tự động Spam Comment Blog wordpress</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/thu-thuat-wordpress-sao-luu-va-phuc-hoi.html'>Thủ thuật WordPress: Sao lưu và phục hồi toàn bộ B...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/ebook-huong-dan-comment-blog-e-thu.html'>EBOOK hướng dẫn Comment Blog để thủ thuật tăng tra...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/huong-dan-xay-dung-webblog-wordpress-co.html'>Hướng dẫn xây dựng Web,Blog WordPress cơ bản</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/huong-dan-them-domain-va-tao-sub-domain.html'>Hướng dẫn thêm Domain và tạo Sub Domain vào Host w...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/seo-wordpress-plugin-tao-breadcrumb-cho.html'>SEO WordPress plugin Tạo breadcrumb cho kết quả tì...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/tao-trang-hoi-ap-chuyen-nghiep-cho.html'>Tạo trang hỏi đáp chuyên nghiệp cho WordPress</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/popup-g-like-va-follow-twitter-cho.html'>Popup G+, Like và Follow twitter cho WordPress</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/breadcrumb-chuyen-nghiep-cho-blogger.html'>Breadcrumb chuyên nghiệp cho Blogger</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/tu-ong-thay-oi-hinh-nen-blogspot-theo.html'>Tự động thay đổi hình nền Blogspot theo thời gian</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/huong-dan-tao-menu-xo-doc-voi-2-cot-sub.html'>Hướng dẫn tạo Menu xổ dọc với 2 cột sub cho blogger</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/trinh-dien-bai-viet-moi-dang-slide-ep.html'>Trình diễn bài viết mới dạng slide đẹp mắt bằng JQ...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/cach-at-quang-cao-google-adsense-tren.html'>Cách đặt quảng cáo Google AdSense trên Blogger</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/tao-khung-comment-ep-co-phan-cap.html'>Tạo khung comment đẹp (có phân cấp)</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/tao-nut-back-to-top-voi-hieu-ung-tu.html'>Tạo nút Back to Top với hiệu ứng từ jQuery</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/them-tien-ich-anh-gia-bai-viet-vao.html'>Thêm tiện ích đánh giá bài viết vào blogspot</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/cac-bai-viet-lien-quan-co-hinh-voi.html'>Các bài viết liên quan có hình với LinkWithin</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/toi-uu-blog-lam-sao-e-blog-ban-tai.html'>[Tối ưu blog] Làm sao để blog bạn tải nhanh hơn?</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/meo-su-dung-hay-danh-cho-iphone.html'>Mẹo sử dụng hay dành cho iPhone</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/tang-bao-mat-gmail-voi-xac-minh-2-buoc.html'>Tăng bảo mật Gmail với xác minh 2 bước</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/huong-dan-ua-video-len-youtube-khong.html'>Hướng dẫn đưa Video lên Youtube không giới hạn thờ...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/windows-8-bi-hacker-ha-guc.html'>Windows 8 đã bị hacker hạ gục</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/mot-thong-tin-vui-danh-cho-nhung-ai-la.html'>Một thông tin vui dành cho những ai là fan của gam...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/huong-dan-cai-bo-go-tieng-viet-tren.html'>Hướng dẫn cài bộ gõ Tiếng Việt trên Windows 8 Metr...</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/15-chia-se-giup-webmaster-cai-thien-toc.html'>15 chia sẻ giúp webmaster cải thiện tốc độ tải trang</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/huong-dan-oi-file-host-vao-facebook-moi.html'>Hướng dẫn Đổi File Host vào Facebook mới nhất 2013</a></li>
<li><a href='http://1bloggertut.blogspot.com/2013/05/seo-blogspot-huong-dan-toi-uu-hoa-cho.html'>[SEO blogspot] Hướng dẫn tối ưu hóa cho blogspot t...</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://1bloggertut.blogspot.com/2007/'>
2007
</a>
<span class='post-count' dir='ltr'>(3)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://1bloggertut.blogspot.com/2007/03/'>
March
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://1bloggertut.blogspot.com/2007/02/'>
February
</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://1bloggertut.blogspot.com/2006/'>
2006
</a>
<span class='post-count' dir='ltr'>(1)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://1bloggertut.blogspot.com/2006/07/'>
July
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://1bloggertut.blogspot.com/2001/'>
2001
</a>
<span class='post-count' dir='ltr'>(1)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://1bloggertut.blogspot.com/2001/08/'>
August
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget Profile' data-version='1' id='Profile1'>
<h2>About Me</h2>
<div class='widget-content'>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' href='https://www.blogger.com/profile/02140685405753417841' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'>
Unknown
</a>
</dt>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/02140685405753417841' rel='author'>View my complete profile</a>
<div class='clear'></div>
</div>
</div></div>
</aside>
</div>
</div>
</div>
<div style='clear: both'></div>

</div>

</div>
</div>
<div class='main-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
<footer>
<div class='footer-outer'>
<div class='footer-cap-top cap-top'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
<div class='fauxborder-left footer-fauxborder-left'>
<div class='fauxborder-right footer-fauxborder-right'></div>
<div class='region-inner footer-inner'>
<div class='foot no-items section' id='footer-1'></div>
<table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'>
<tbody>
<tr>
<td class='first columns-cell'>
<div class='foot no-items section' id='footer-2-1'></div>
</td>
<td class='columns-cell'>
<div class='foot no-items section' id='footer-2-2'></div>
</td>
</tr>
</tbody>
</table>

<div class='foot section' id='footer-3' name='Footer'><div class='widget Attribution' data-version='1' id='Attribution1'>
<div class='widget-content' style='text-align: center;'>
Simple theme. Powered by <a href='https://www.blogger.com' target='_blank'>Blogger</a>.
</div>
<div class='clear'></div>
</div></div>
</div>
</div>
<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</footer>

</div>
</div>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</div>
<script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace('loading', '');
      }, 10);
  </script>

Sunday, May 26, 2013

Hướng dẫn thêm form liên hệ Google Docs vào Blogger

Đã bao giờ bạn nghĩ "Làm sao để tạo một form liên lạc đỉnh vào các trang blogger"? Nếu bạn là một người dùng Google Docs, bạn sẽ dể dàng có lời giải với nó.