Sử dụng Dropbox dể lưu trữ File Javarscrip cho Web blog

<span style="background-color: white;"><br></span><br><div class="separator" style="clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFX6JHyfO5cmHWz7B2ywWogpYjSsXaGzIRN9bsNZFgWqzzYXCF5eYXMqLOOM-y965gsd9DlBseHqkUUPVL8uE3nVvTdEeCUaWKLSGnBMw4W31RItAgHNwxvj2ixepRnc_Zu0-0H3VnJawV/s1600/huong-dan-su-dung-dropbox-de-luu-tru-file-javar-scrip-namkna-ngoctra.jpeg" imageanchor="1" style="clear: left; color: #006666; float: left; margin: 0px 1em 1em 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"><span style="background-color: white;"><img alt="Hướng dẫn sử dụng Dropbox để lưu trữ File Javarscrip cho Web blog - http://namkna.blogspot.com/" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFX6JHyfO5cmHWz7B2ywWogpYjSsXaGzIRN9bsNZFgWqzzYXCF5eYXMqLOOM-y965gsd9DlBseHqkUUPVL8uE3nVvTdEeCUaWKLSGnBMw4W31RItAgHNwxvj2ixepRnc_Zu0-0H3VnJawV/s200/huong-dan-su-dung-dropbox-de-luu-tru-file-javar-scrip-namkna-ngoctra.jpeg" style="border: 0px; clear: both; margin: 0px; max-width: 580px; min-width: 1px; padding: 0px; position: relative;" title="Hướng dẫn sử dụng Dropbox để lưu trữ File Javarscrip cho Web blog - http://namkna.blogspot.com/" width="194"></span></a></div><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;">Trong khi thiết kế Web <a alt="Blog" href="http://thuthuatvitinhaz.blogspot.com/search/label/1.Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogspot" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="Blog">Blog</a> thì vấn đề đặt ra lớn nhất với các bạn đó là chọn cho mình được 1 hostting có chất lượng cao tốc độ load nhanh. Vấn đề này không khó với các bạn có đủ tiềm lực về tài chính. Nhưng với hơn 80% người viết <a alt="Blog" href="http://thuthuatvitinhaz.blogspot.com/search/label/1.Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogspot" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="Blog">Blog</a> là các bạn trẻ chưa có khả năng tự chủ về tài chính để có thể tự đầu tư cho mình một Hosting theo ý muốn.</span></div><span style="background-color: white;"><a href="http://thuthuatvitinhaz.blogspot.com/2013/05/su-dung-dropbox-e-luu-tru-file.html" name="more" style="color: #333333; font-family: Arial; line-height: 19.59375px; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"></a></span><br><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;">Trước đây Namkna đã giới thiệu cho các bạn cách lưu trữ File JavarScrip trên <b><a href="http://thuthuatvitinhaz.blogspot.com/2013/05/su-dung-google-code-de-chua-cac-file.html" style="color: #006666; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank">Google code</a></b> của Google. Hôm nay Namkna giới thiệu cho các bạn thêm 1 trang Hosting hoàn toàn miễn phí để lưu các file Js và CSS. </span></div><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;">- Gói free của <b><a href="http://www.dropbox.com/" style="color: #006666; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank">Dropbox</a></b> chỉ được <b>2GB storage</b> và<b>10GB</b><b>bandwidth</b><b>/ngày</b> nhưng như vậy là quá đủ đối với một <a alt="blog" href="http://thuthuatvitinhaz.blogspot.com/search/label/1.Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogspot" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="blog">blog</a>. Tốc độ download/upload khá nhanh và ổn định. Link hoàn toàn là direct (Link trực tiếp).</span></div><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;">Trang chủ:<a href="http://db.tt/1wpP3xPl" style="color: #006666; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank"><b> http://www.dropbox.com/</b></a></span></div><div style="color: blue; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;"><b>Các bước tiến hành sử dụng:</b></span></div><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;">- Các bạn vào trang sau để đăng ký một tài khoản <a href="http://db.tt/1wpP3xPl" style="color: #006666; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank"><b>TẠI ĐÂY</b></a>.</span></div><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;">- Tiếp theo bạn vào Trang sau để Download Dropbox về máy <a href="https://www.dropbox.com/downloading?src=index" style="color: #006666; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank"><b>TẠI ĐÂY</b></a> hoặc <a href="https://www.dropbox.com/" style="color: #006666; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank"><b>TẠI ĐÂY</b></a></span></div><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"></div><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;"></span></div><div style="font-family: Arial; line-height: 19.59375px; text-align: justify;"><div style="color: red;"><span style="background-color: white; font-family: Arial, Helvetica, sans-serif;"><b>Cách cài đặt và sử dụng:<a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="color: #333333; margin: 0px; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"></a></b></span></div><span style="background-color: white; font-family: Arial, Helvetica, sans-serif;"><b>- Bước 1:</b> Sau khi tải File<b> Dropbox 1.2.52.exe </b>để tiến hành cài đặt.</span><br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/05/su-dung-dropbox-de-luu-tru-file.html#more">Đọc thêm »</a>

Sử dụng Dropbox dể lưu trữ File Javarscrip cho Web blog

Trong khi thiết kế Web  Blog  thì vấn đề đặt ra lớn nhất với các bạn đó là chọn cho mình được 1 hostting có chất lượng cao tốc độ load nhanh...

Read more »

Cách tải file Javarscript - CSS blogspot và Website

<span style="background-color: white;"><br></span><br><div class="separator" style="clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0Xe-KcOf88yhYfM1Htms5AIH8_c9VUU1NCxD4P4KC3pVfcOnVh_J64UMMdbC2MDz-li9Vma5zl_6E1kEEhCL5NtiQlVtxlK_L91bhefcAX676oaInJtXtLv3pZdtQjQCpMQYHZL-ECxNk/s1600/Download-file-js-javarscrip-css-namkna-blogspot-com.png" imageanchor="1" style="clear: right; color: #006666; float: right; margin-bottom: 1em; margin-left: 1em; text-decoration: none;"><span style="background-color: white;"><img alt="Cách tải file Javarscript (Js) - CSS Blogspot và Website" border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0Xe-KcOf88yhYfM1Htms5AIH8_c9VUU1NCxD4P4KC3pVfcOnVh_J64UMMdbC2MDz-li9Vma5zl_6E1kEEhCL5NtiQlVtxlK_L91bhefcAX676oaInJtXtLv3pZdtQjQCpMQYHZL-ECxNk/s200/Download-file-js-javarscrip-css-namkna-blogspot-com.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Cách tải file Javarscript (Js) - CSS Blogspot và Website" width="200"></span></a></div><div style="font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;">Trong thiết kế blog và website có rất nhiều các file <a href="http://thuthuatvitinhaz.blogspot.com/2013/05/su-dung-dropbox-de-luu-tru-file.html" style="color: #006666; text-decoration: none;" target="_blank">javarscript</a>(viết tắt là JS), file CSS, file TXT được sử dụng. Các trang chuyên về thủ thuật như namkna cung cấp cho các bạn rất nhiều file Javarscrip đó tuy nhiên để dùng lâu dài thì các bạn phải Downloaf cề máy và Upload lên hosting riêng.Tuy nhiên nhiều bạn chưa biết cách Download các file này về máy để Upload lên host riêng do vậy hôm nay namkna sẽ hướng dẫn các bạn cách download file JS, <a href="http://thuthuatvitinhaz.blogspot.com/2013/07/upload-file-javarscip-js-css-hen-host.html" style="color: #006666; text-decoration: none;" target="_blank">CSS</a>, TXT đó về máy.</span></div><span style="background-color: white;"><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="font-family: Arial; font-size: 14px; line-height: 19.59375px;"></a></span><br><div style="font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;">Đầu tiên các bạn cần xác định các dạng file cần download. Có 3 dạng file <b style="color: red;">JS</b>, <b style="color: blue;">CSS</b>, <b style="color: orange;">TXT</b> lần lượt tương tự như sau:</span></div><div style="font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b style="background-color: white;">http://domain.com/file/<span style="color: red;">name.js</span></b></div><div style="font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b style="background-color: white;">http://domain.com/file/<span style="color: blue;">name.css</span></b></div><div style="font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b style="background-color: white;">http://domain.com/file/<span style="color: orange;">name.txt</span></b></div><div style="font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;">Để Download các file Js bạn sử dụng các trình duyệt như Internet Explorer, Moliza Firefox, Google Chroome, Opera,... Trùy theo tính chất của các trình duyệt mình chia thành 2 nhóm trình duyệt Download là:</span></div><div style="font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;"><b>1. Sử dụng Internet Explorer: </b>Để Download file JS, CSS, TXT thì đây là trình duyệt lý tưởng nhất đối cới các blogger mới vì tránh được các sai sót không đáng có khi tải file Js.</span><br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/05/cach-tai-file-javarscript-css-blogspot.html#more">Đọc thêm »</a>

Cách tải file Javarscript - CSS blogspot và Website

Trong thiết kế blog và website có rất nhiều các file  javarscript (viết tắt là JS), file CSS, file TXT được sử dụng. Các trang chuyên về thủ...

Read more »

Sử dụng Google code để chứa các file javascript

<span style="background-color: white;"><br></span><br><div class="separator" style="clear: left; float: left; font-family: Arial; font-size: 14px; line-height: 19.59375px; margin-bottom: 1em; margin-right: 1em; text-align: center;"><span style="background-color: white;"><img alt="Hướng dẫn sử dụng Google code để chứa các file JS (javascript) - http://namkna.blogspot.com/" border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZk4JQycPreLviA0MJlfYS_oKKIXXPTdh4xTJ6O3GqZYRycmhi5YvNneACfoRASVI5_2aweykvnn60b3aMyCkBf9YFAuY9KaidDLai9UIf-Kvx26NEG1Yfp4kLoNtNIoeeOTKR-aXeRvan/s200/google-code-namkna.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Hướng dẫn sử dụng Google code để chứa các file JS (javascript) - http://namkna.blogspot.com/" width="200"></span></div><div style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;">Đối với những người sử dụng, vấn đề chính của họ chính là việc lưu trữ các file <a href="http://thuthuatvitinhaz.blogspot.com/2013/05/su-dung-google-code-de-chua-cac-file.html" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank"><b>JS</b> (<b>javascript</b>)</a> cho các tiện ích của mình ở trên blog. Nếu bạn đã có 1 host riêng thì vấn đề này không có gì để nói, nhưng đối với 1 số người họ không có host riêng thì đây thực sự là vấn đề của họ. Một số bạn thì tìm đến các<b>host free</b> để lưu trữ, 1 số khác thì sử dụng <a href="http://namkna.blogspot.com/2011/08/huong-dan-su-dung-google-code-e-chua.html" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank"><b>file javascript</b></a>của người khác, và như vậy thì họ sẽ không chủ động được trong việc duy trì họat động 1 cách thường xuyên cho blog của mình. Có thể host free die, hoặc các file mà người khác chia sẻ, giờ họ lại không muốn chia sẻ nữa…v..v..</span></div><span style="background-color: white;"><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="font-family: Arial; font-size: 14px; line-height: 19.59375px;"></a></span><br><div style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;"><span style="background-color: white; font-size: x-small;">Như vậy mỗi người nên có cho mình 1 nơi lưu trữ các dữ liệu đó, và <a href="http://code.google.com/hosting/" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank"><b>Google Code</b></a> là 1 lựa chọn thích hợp nhất cho các bạn. Với việc cho phép upload hầu hết các file và dung lượng lưu trữ lên đến 2BG. Dưới đây là các bước để các bạn <a href="http://thuthuatvitinhaz.blogspot.com/2013/05/su-dung-google-code-de-chua-cac-file.html" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank"><b>Upload File JS</b></a> lên <a href="http://code.google.com/hosting/" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank"><b>Google Code</b></a>:</span></div><div style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;"><b>- Bước 1: Tạo một Project mới: </b>Đầu tiên các bạn vào trang này:</span></div><div style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;"><a href="http://code.google.com/hosting/" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank"><b style="background-color: white;">http://code.google.com/hosting/</b></a></div><div style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;">Chọn <b>Create a new project</b> (Bấm hình để phóng to)</span></div><div class="separator" style="clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDtGItXcsTQozNUREcds_x38oXVpSYJhgx2jjULci9p47mbtKw5QJe6nzbLv_GSitMqgjFMjZp4qv-LWoFMustQ84scuYaQOJ5uuP8_0X_CJY0k27DbfMy4312Rr8vWc27XKUl0vDcsq3f/s1600/google-code-namkna-javarscrip-1.png" imageanchor="1" style="background-color: white; color: #006666; text-decoration: none;"><img alt="Hướng dẫn sử dụng Google code để chứa các file JS (javascript) - http://namkna.blogspot.com/" border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDtGItXcsTQozNUREcds_x38oXVpSYJhgx2jjULci9p47mbtKw5QJe6nzbLv_GSitMqgjFMjZp4qv-LWoFMustQ84scuYaQOJ5uuP8_0X_CJY0k27DbfMy4312Rr8vWc27XKUl0vDcsq3f/s400/google-code-namkna-javarscrip-1.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Hướng dẫn sử dụng Google code để chứa các file JS (javascript) - http://namkna.blogspot.com/" width="400"></a></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/05/su-dung-google-code-de-chua-cac-file.html#more">Đọc thêm »</a>

Sử dụng Google code để chứa các file javascript

Đối với những người sử dụng, vấn đề chính của họ chính là việc lưu trữ các file  JS  ( javascript )  cho các tiện ích của mình ở trên blog. ...

Read more »

Tạo favicon cho website và blog

<span style="background-color: white; color: #38761d; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><b>Khi lướt web bạn thường thấy một icon nhỏ trước địa chỉ website trên thanh address của trình duyệt hoặc trước tiêu đề của trang trên mỗi tab. Đó chính là favicon. Favicon cũng xuất hiện trong Bookmarks. Bài viết dưới đây sẽ giới thiệu với các bạn một vài nét cơ bản về favicon và bạn có thể nhanh chóng tạo một cái cho blog của mình.</b></span><br><span style="background-color: white;"><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="font-family: Arial; line-height: 19.59375px;"></a><br style="font-family: Arial; line-height: 19.59375px;"></span><br><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><b style="background-color: white;">Kích cỡ của favicon</b></div><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;">Favicon là một icon nhỏ có kích thước 16x16 pixels. Nó thường là một biểu tượng đặc trưng cho web, blog, giúp người truy cập có thể dễ dàng nhận biết.</span></div><div class="separator" style="clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><span style="background-color: white;"><img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzjfFwDYq7v4ogjjKSFnRRkFfHrRySnOouExn8wn0xpAp3XDKgLZcVXzpSPFtsk3iaqGZ_pOEGQ9xZfAlClZDpBvrzSAfVIQpNJkFCkrTUGVPfUHBzkk9atFbrhAhgL2PU3S_CfgpikPvj/s320/Favicom-namkna-ngoctra.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" width="320"></span></div><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><b><span style="background-color: white;">Tạo favicon</span></b><br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/05/tao-favicon-cho-website-va-blog.html#more">Đọc thêm »</a>

Tạo favicon cho website và blog

Khi lướt web bạn thường thấy một icon nhỏ trước địa chỉ website trên thanh address của trình duyệt hoặc trước tiêu đề của trang trên mỗi tab...

Read more »

Trao đổi liên kết trong cộng đồng Blogger

<br><div class="MsoNormal" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 14.25pt; margin-bottom: 12pt;"><span style="font-family: Arial; font-size: 12pt; line-height: 14.25pt;">MỜI BẠN THAM GIA LIÊN KẾT VỚI <span style="text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"></span><b><a href="http://thuthuatvitinhaz.blogspot.com/" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank"><span style="color: purple;"><span style="text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"></span></span></a><a alt="THỦ THUẬT" href="http://thuthuatvitinhaz.blogspot.com/" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="THỦ THUẬT">THỦ THUẬT</a></b></span><b style="line-height: 14.25pt;"> VI TÍNH</b><span style="line-height: 14.25pt;"> VÀ </span><b style="line-height: 14.25pt;"><span style="font-family: Arial; font-size: 12pt;"><span style="margin: 0px; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"><a href="http://ngangianghoa.blogspot.com/" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank"><span style="color: purple;">PHONG & THỦY</span></a></span></span></b><span style="font-family: Arial; font-size: 12pt; line-height: 14.25pt;"><span style="color: purple;">:</span></span></div><div class="MsoNormal" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 14.25pt; margin-bottom: 12pt;"><span style="font-family: Arial; font-size: 12pt;"> </span><b><span style="color: red; font-family: Arial; font-size: 12pt;">1. Bạn có lợi gì khi  liên kết với</span><span style="font-family: Arial; font-size: 12pt;"><span style="color: red;"> <span style="text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"><a alt="Thủ thuật" href="http://thuthuatvitinhaz.blogspot.com/" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="Thủ thuật">Thủ thuật</a></span> vi </span></span><span style="color: red; font-family: Arial; font-size: 12pt;">tính và Phong & thủy ?</span></b><span style="color: red; font-family: Arial; font-size: 12pt;"><o:p></o:p></span></div><div class="MsoNormal" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 14.7pt;"><span style="font-family: Arial; font-size: 12pt;">Do nhu cầu liên kết, cùng nhau phát triển cộng đồng <span style="color: #333333;"><span style="text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"><a alt="blog" href="http://thuthuatvitinhaz.blogspot.com/search/label/1.Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogspot" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="blog">blog</a></span></span>ger ở Việt <st1:place w:st="on"><st1:country-region w:st="on">Nam</st1:country-region></st1:place>. Hơn nữa, tạo <span style="color: #333333;"><span style="text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"><a alt="backlink" href="http://thuthuatvitinhaz.blogspot.com/2013/04/backlink-la-gi.html" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="backlink">backlink</a></span></span></span> với <b><span style="color: #333333;"><span style="text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"><a alt="Thủ thuật" href="http://thuthuatvitinhaz.blogspot.com/" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="Thủ thuật">Thủ thuật</a></span></span> vi tính </b>và<b> P<span style="color: #333333;">hong & thủy</span> </b>không những có thể giúp bạn liên kết dễ dàng đến các <span style="color: #333333;"><span style="text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"><a alt="blog" href="http://thuthuatvitinhaz.blogspot.com/search/label/1.Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogspot" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="blog">blog</a></span></span> khác, mà đây còn là một hình thức để quảng bá lẫn nhau giúp tăng Pageview cho những <span style="color: #333333;"><span style="text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"><a alt="blog" href="http://thuthuatvitinhaz.blogspot.com/search/label/1.Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogspot" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="blog">blog</a></span></span> được liên kết với mục tiêu cuối cùng là nhằm tăng thứ hạng Index của web và <span style="color: #333333;"><span style="text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"><a alt="blog" href="http://thuthuatvitinhaz.blogspot.com/search/label/1.Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogspot" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="blog">blog</a></span></span> trên <span style="color: #333333;"><span style="text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"><a alt="Alexa" href="http://thuthuatvitinhaz.blogspot.com/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt%20Seo" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="Alexa">Alexa</a></span></span> và Google.<o:p></o:p></div><div class="MsoNormal" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 14.7pt;"><br></div><div class="MsoNormal" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 14.7pt;"><b><span style="color: red; font-family: Arial; font-size: 12pt;">2.  Bạ</span><span style="font-family: Arial; font-size: 12pt;"><span style="color: red;">n liên kết với <span style="text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"><a alt="Thủ thuật" href="http://thuthuatvitinhaz.blogspot.com/" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="Thủ thuật">Thủ thuật</a></span> vi tính và P</span></span><span style="color: red; font-family: Arial; font-size: 12pt;">hong & thủy  như thế nào?</span></b><span style="font-family: Arial; font-size: 12pt;"><o:p></o:p></span></div><div class="MsoNormal" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 14.7pt;"><span style="font-family: Arial; font-size: 12pt;"><span style="color: #333333;"><span style="text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"><a alt="Blog" href="http://thuthuatvitinhaz.blogspot.com/search/label/1.Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogspot" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="Blog">Blog</a></span></span></span> của mình hiện cho phép liên kết theo 1 hình thức là liên kết link. Nếu bạn nào muốn liên kết theo hình thức nào thì cứ Comment bên dưới. Đặt liên kết như sau:<br>- Bạn sẽ đặt link liên kết 2 <span style="color: #333333;"><span style="text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"><a alt="blog" href="http://thuthuatvitinhaz.blogspot.com/search/label/1.Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogspot" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="blog">blog</a></span></span> của mình là <b><span style="color: #333333;"><span style="text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"><a alt="Thủ thuật" href="http://thuthuatvitinhaz.blogspot.com/" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="Thủ thuật">Thủ thuật</a></span></span> vi tính </b>và<b> Phong & thủy </b>trên <span style="color: #333333;"><span style="text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"><a alt="blog" href="http://thuthuatvitinhaz.blogspot.com/search/label/1.Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogspot" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="blog">blog</a></span></span> của bạn.<br><b>- </b>Sau khi đặt xong, bạn quay lại trang này để lại link liên kết của bạn vào mục <b>Nhận xét</b>  ở phía dưới. Mình sẽ gắn link liên kết của bạn vào 2 hộp liên kết trên <b><span style="color: #333333;"><span style="text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"><a alt="Thủ thuật" href="http://thuthuatvitinhaz.blogspot.com/" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="Thủ thuật">Thủ thuật</a></span></span> vi tính </b>và<b> Phong & thủy</b><br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/05/trao-oi-lien-ket-trong-cong-ong-blogger.html#more">Đọc thêm »</a>

Trao đổi liên kết trong cộng đồng Blogger

MỜI BẠN THAM GIA LIÊN KẾT VỚI  THỦ THUẬT  VI TÍNH  VÀ  PHONG & THỦY :   1. Bạn có lợi gì khi  liên kết với   Thủ thuật  vi  tính và Phon...

Read more »

Tạo khung liên kết bạn bè cho Blogger

<span style="background-color: white;"><br></span><br><div class="separator" style="clear: right; float: right; font-family: Arial; line-height: 19.59375px; margin-bottom: 1em; margin-left: 1em; text-align: center;"><span style="background-color: white;"><img alt="Tạo “Friend Connect” widget cho Blogger (Khung liên kết bạn bè)" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ghKzBfLE9vpp2ceSQVg9mTckBzwp5UwGythRhwg86lJxrH8CUHuV2KCtSqDx_QmwPTdsW7FF0nCbHxOgt91IVl3VdOGNpO0M2h23MvbZ0wLUdYF8CBJ2Ys_sE8Kz-paNB1w-OqTcN_JT/s1600/namkna-connect-blogspot.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Tạo “Friend Connect” widget cho Blogger (Khung liên kết bạn bè)"></span></div><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;">Chắc hẳn bạn đã từng thấy tiện ích Friend Connect – Kết nối bạn bè trên một blog nào đó. Đây là một khung chứa liên kết đến các trang blog cá nhân của những người bạn của chủ Blog.</span></div><div class="separator" style="clear: left; float: left; font-family: Arial; line-height: 19.59375px; margin-bottom: 1em; margin-right: 1em; text-align: center;"><span style="background-color: white;"><img border="0" height="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSFgnPaYpo1sEgZ1MzcnBCsdaf86Sg5r35ClKZFQaWkDt1RHmytmO0SZxxiPBC63aNxW-SF6DcM9CUS3EP3rcuoSmC9e-NSJC5XMxfaS-QSZjUGtD6OxeL9orHDu08NGCQXzI0Td391nlK/s200/ban-be-blogspot.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" width="1"></span></div><span style="background-color: white;"><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="font-family: Arial; line-height: 19.59375px;"></a><span style="font-family: Arial; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;"></span></span><br style="font-family: Arial; line-height: 19.59375px;"></span><br><div class="wlWriterEditableSmartContent" id="scid:0a7b020c-2e51-4379-b078-a5387e1e26be:a9afcc5c-a200-47b5-879d-353bf396ec34" style="display: inline; float: none; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; margin: 0px; padding: 0px; text-align: justify;"><span style="background-color: white;"><a href="http://www.blogger.com/post-create.g?blogID=1284053134771667067" name="more" style="color: #006666; text-decoration: none;"></a></span></div><div style="font-family: Arial; line-height: 19.59375px;"></div><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;">Tiện ích này không những có thể giúp chủ blog liên kết dễ dàng đến các Blog khác, mà đây còn là một hình thức để quảng bá lẫn nhau giúp tăng Pageview cho những blog được liên kết.</span></div><div style="font-family: Arial; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"></span></span></div><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;">- Dĩ nhiên Google cũng đã cung cấp cho các Blogger một tiện ích tương tự là Google Friend Connect hay Followers, nhưng tiện ích này có một vài nhược điểm như :</span></div><div style="font-family: Arial; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"></span></span></div><ul style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><li><span style="background-color: white;">Phải sử dụng 1 file JavaScript để thực thi. Điều này xem ra không ổn vì sẽ ảnh hưởng đôi chút đến tốc độ tải trang của Blog, cho nên nó thường được các Blogger đặt ở Footer (bên ngoài content-wrapper để tiện ích tải sau cùng).</span></li><li><span style="background-color: white;">Đoạn code để tạo nên tiện ích không hợp chuẩn W3C Validator - Điều này sẽ ảnh hưởng đến nhiều thứ khác như khả năng seo của chính blog bạn.</span></li></ul><div style="font-family: Arial; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"></span></span></div><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><span style="background-color: white;"> Hôm nay namkna sẽ giới thiệu đến các bạn cách tạo cho mình khung liên kết không mắc các nhược điểm trên.</span><br><div style="text-align: center;"><span style="background-color: white;"> <span style="border-width: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="color: purple;"><a class="button" href="http://dl.dropbox.com/u/70549761/Demo-tip/namkna-blogspot-com/lien-ket-b%E1%BA%A1n-be-friend-connect-namkna-blogspot.html" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(221, 221, 221); box-shadow: rgb(249, 249, 249) 0px 0px 1px inset, rgb(223, 223, 223) 1px 1px 1px; color: #357798; cursor: pointer; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.2; margin: 0px; padding: 6px 12px; text-decoration: none; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline;" target="_blank"><span style="color: purple;"><span style="color: white;">Demo for Post</span></span></a></b></span></span></div></div><div class="separator" style="clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><span style="background-color: white;"><img border="0" height="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj34eY57BwyRxW-HTjSbSbdhfugcIvO4od-Ck_GYb1kad9NiZIyXrFj8OAui6tWDyYJVeP0_2DBVA2F3-IzQK4-5goKs3q1YmP2eX0X5ofQMCYeT-RnjAEMAmkwz5mKdk1V1W5SscOVaqc4/s320/ban-be-blogspot-1.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" width="1"></span></div><div class="separator" style="clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"></div><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"><b><span style="background-color: white; color: blue;">1. Chuẩn bị</span></b></div><span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"></span><br style="font-family: Arial; line-height: 19.59375px;"></span><br><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"><span style="background-color: white;">- Favicon của Blog bạn muốn liên kết</span></div><span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"></span><br style="font-family: Arial; line-height: 19.59375px;"></span><br><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"><span style="background-color: white;">- Link đến Blog bạn muốn liên kết</span></div><span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"></span><br style="font-family: Arial; line-height: 19.59375px;"></span><br><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"><b><span style="background-color: white; color: blue;">2. Thực hiện</span></b></div><span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"></span><br style="font-family: Arial; line-height: 19.59375px;"></span><br><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"><span style="background-color: white;">- Vào <b>Thiết kế</b> > <b>Phần tử trang</b></span><br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/05/tao-khung-lien-ket-ban-be-cho-blogger.html#more">Đọc thêm »</a>

Tạo khung liên kết bạn bè cho Blogger

Chắc hẳn bạn đã từng thấy tiện ích Friend Connect – Kết nối bạn bè trên một blog nào đó. Đây là một khung chứa liên kết đến các trang blog c...

Read more »

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

<span style="background-color: white;"><br></span><br><div class="separator" style="clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-E6qx5iIQhPnWRe8fsXrbj0GWSTEC7OpU2DAS0r86SSAqE74Tu5g_pWu-A6jOZENJMPfawgAhDsfZMtlolnsUj-Ne80pncxytAZkS_6_U7NBI1UmrZ3FktMcMwNA5x9I0cpY77oTOwTMK/s1600/New+Picture.bmp" imageanchor="1" style="clear: left; color: #006666; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><span style="background-color: white;"><img border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-E6qx5iIQhPnWRe8fsXrbj0GWSTEC7OpU2DAS0r86SSAqE74Tu5g_pWu-A6jOZENJMPfawgAhDsfZMtlolnsUj-Ne80pncxytAZkS_6_U7NBI1UmrZ3FktMcMwNA5x9I0cpY77oTOwTMK/s320/New+Picture.bmp" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" width="190"></span></a></div><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><b><span style="background-color: white;">Tình cờ lướt Web mình kiếm được cách tạo khung bài đăng có dòng kẻ mới nên mình giới thiệu cho mọi người. 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</span></b></div><span style="background-color: white;"><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="font-family: Arial; line-height: 19.59375px;"></a><br></span><br><div style="font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"><span style="background-color: white;"><span class="fullpost"><span style="font-weight: bold;">CSS điều khiển thuộc tính khung hiện code:</span></span><span class="fullpost">Để hiển thị code bạn cần đặt chúng giữa hai thẻ mở <span style="font-weight: bold;"><pre></span> và đóng <span style="font-weight: bold;"></pre></span> 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;">.</span></span><br><span style="background-color: white;"><span class="fullpost"></span><br></span><span class="fullpost" style="background-color: white;">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ẻ <span style="font-weight: bold;"><b:skin><![CDATA[/*</span> và <span style="font-weight: bold;">]]></b:skin> </span>). 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 <span style="font-weight: bold;">pre-formatting</span> có CSS như sau:</span><br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/05/dat-code-trong-khung-tren-bai-viet-cua.html#more">Đọc thêm »</a>

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

Tình cờ lướt Web mình kiếm được cách tạo khung bài đăng có dòng kẻ mới nên mình giới thiệu cho mọi người. hướng dẫn này chia sẻ một trong nh...

Read more »

Khung chứa Code đẹp cho Blogspot

<br><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Bài viết này sẽ hướng dẫn các bạn một cách khá đơn giản nhưng cũng rất chuyên nghiệp để đặt đoạn code mình cần trích dẫn vào bài đăng trên blog. 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.</div><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"></a><br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Chúng ta sử dụng CSS để cho hiện thị thuộc tính khung hiện code. Giống như bài viết "Đặt code trong khung trên bài viết của Blogger" lần trước mình đã giới thiệu (<a href="http://thuthuatvitinhaz.blogspot.com/2013/05/dat-code-trong-khung-tren-bai-viet-cua.html" style="color: #006666; text-decoration: none;" target="_blank">Xem ở đây</a>). Bài này mình sẽ giới thiệu cho các bạn các mẫu pre code ( Khung chèn code ) đẹp cho blogspot.</div><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Đây là các mẫu khung code mà mình thu thập được từ Internet.</span><img border="0" height="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTJEexrYze-c1cXcEaZv_q6jrK4eyIuiaNAHCe0N3HR_YAxoo3bqd5J9ghpodyTJiO8gLWWJ-61SHraaesDfuQiouaCu55l8QLqT7nFTOa3IZgQmBeyw1k9-RsxSy09Y1zPrlHQdFLtqbs/s200/Tong-hop-khung-chua-code-namkna.png" style="background-color: #f0f2f3; border: 0px; clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; max-width: 580px; min-width: 1px; padding: 0px;" width="1"><br><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;">☼ Bây giờ ta bắt đầu thủ thuật :</h3><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>1. Đăng nhập</b> blog</div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>2</b>. Vào <b>Mẫu</b> (Template)</div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>3. </b>Vào<b> chỉnh sửa HTML</b> (edit HMTL). Tìm 1 trong các đoạn code tương tự. (<i>Mẹo</i>: Bấm <b>Ctrl + F</b>để tìm với từ khóa pre hoặc code hoặc pre,code)</div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;"><div style="background-color: #fff77a; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkcC2UUth8SvJkl-8pYl79ZL6-MiTkPtWFsAWXjlB-d6_KgrWgXgUCFzELnO6Mwci9r4_18eqbhwjB7PFD1ozOgoZAU11LYQ3tFmvuAiyc0Z99MV3Fg7JROGsmvH7AkVoHPxlYyP3dftQ/s1600/Note-namkna-blogspot-com.png); background-repeat: no-repeat no-repeat; border: thin dashed rgb(255, 153, 0); overflow: auto; padding: 50px 5px 5px;">pre {....}<br>code {....}<br>pre, code {....}</div></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">- Nếu có thì bạn thay toàn bộ code css đó  bằng một trong các code bên dưới. </div><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">- Nếu tìm không có thì bạn chèn thẳng 1 trong các bên dưới sau vào trước thẻ đóng </span><span style="background-color: #eeeeee; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><b>]]></b:skin></b></span><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">. Chèn xong bạn Save lại.</span><br><a href="http://thuthuatvitinhaz.blogspot.com/2013/05/khung-chua-code-ep-cho-blogspot.html#more">Đọc thêm »</a>

Khung chứa Code đẹp cho Blogspot

Bài viết này sẽ hướng dẫn các bạn một cách khá đơn giản nhưng cũng rất chuyên nghiệp để đặt đoạn code mình cần trích dẫn vào bài đăng trên b...

Read more »

Tạo khung converter code cho blogger

<br /><br /><div class="separator" style="background-color: #f0f2f3; clear: left; float: left; font-family: Arial; font-size: 14px; line-height: 19.59375px; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv299eKSKn0BqyJ1g2qItolmtz1DuiijmrZlTjxnaqHUPj6zcBPvhGQdCOIB-886sApePEL1ympjhCmNT4EsAVE8_hUhOnVBUIiswPE4Va8Ldpf1JXpFMmLSDFTYN4UlqSmoSOr6_5DXvT/s200/blogger-logo-blogspot-code-tao-khung-convert-code-cho-blogspot-namkna-ngoctra-1.jpg" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" width="150" /></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;">Trong <a href="http://thuthuatvitinhaz.blogspot.com/2013/02/huong-dan-tao-blog-mien-phi-voi-blogspot.html" style="color: #006666; text-decoration: none;" target="_blank"><b>blogger</b></a> bạn muốn chèn một đoạn mã <a href="http://namkna.blogspot.com/2011/08/tong-hop-khung-chua-code-dep-cho.html" style="color: #006666; text-decoration: none;" target="_blank"><b>code</b></a> nào đó vào bài đăng, hoặc phần <b>Comment </b>nhằm cho độc giả xem, nếu cứ cóp y nguyên đoạn mã đó chắc chắn blogger sẽ không cho bạn đăng nó và sẽ thông báo lỗi hoặc đoạn Code đó sẽ không hiển thị được.</div><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"></a><br /><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;"><span style="font-size: x-small;">Để khắc phục tình trạng này bạn cần phải mã hóa <a href="http://namkna.blogspot.com/2011/10/tao-khung-chua-code-cho-bai-viet-cach-5.html" style="color: #006666; text-decoration: none;" target="_blank"><b>code</b></a> trước khi cho vào bài đăng. Bài viết này nhằm hướng dẫn bạn tạo riêng cho blogger của mình 1 khung <a href="http://thuthuatvitinhaz.blogspot.com/2013/05/chuyen-doi-code-cho-blogspot.html" style="color: #006666; text-decoration: none;" target="_blank">converter</a> những đoạn mã đó sang dạng có thể đưa vào bài đăng trên <a href="http://thuthuatvitinhaz.blogspot.com/2013/02/huong-dan-tao-blog-mien-phi-voi-blogspot.html" style="color: #006666; text-decoration: none;" target="_blank">blogger</a> được mà vẫn giữ nguyên được những đoạn code mà bạn cần hiển thị.</span></div><span style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;">Các bạn có thể xem qua dưới đây.</span><br /><br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;" /><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px; text-align: center;"><span style="background-attachment: scroll; background-color: #24bde2; background-image: none; background-position: 0% 0%; background-repeat: repeat repeat; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; padding: 5px 10px;">Xem <a href="http://thuthuatvitinhaz.blogspot.com/2013/05/chuyen-doi-code-cho-blogspot.html" style="color: #006666; text-decoration: none;" target="_blank"><b>Demo</b></a></span></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;"><br /><i><b>Cách làm:</b></i> Cóp và dán đoạn code sau vào HTML của bài đăng, hoặc tạo một 1 <a href="http://namkna.blogspot.com/2011/07/chen-2-cot-widget-vao-main-wrapper.html" style="color: #006666; text-decoration: none;" target="_blank">Widget</a> hay chỗ nào đó mà bạn cần hiển thị hộp converter này!<br /><br /><span style="font-weight: bold;">Code:</span></div><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><span style="font-weight: bold;"><b style="color: purple;">Gõ code cần chuyển đổi vào ô bên dưới nhấn Converter để chuyển đổi mã hóa:</b></span><br /><script src="http://www.gmodules.com/ig/ifr?url=<a href="http://namknablog.googlecode.com/files/code_converter_for_blogger-by-namkna-ngoctra.xml" style="color: #006666; text-decoration: none;"><b style="color: lime;">http://namknablog.googlecode.com/files/code_converter_for_blogger-by-namkna-ngoctra.xml</b></a>&amp;up_grows=10&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;<b style="color: red;">w=570&amp</b>;<b style="color: blue;">h=300&amp</b>;output=js"></script></pre><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;">Chú ý:  <b style="color: red;">w=570&amp</b> là chiều rộng khung<b>.</b><br />            <b style="color: purple;"> h=300&amp</b> là chiều cao khung.<br />            <br />Sau khi làm xong dán đoạn code cần đăng vào đây rồi chuyển đổi trước khi đăng lên Blogger.<br />Chúc bạn thành công.</div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;"><br /></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;">                                                                                           ( Theo: Namkna)</div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;"><b style="font-family: Arial; text-align: justify;"><i><span style="color: #444444;">                                                                                          <a alt="Thu thuat vi tinh" href="http://thuthuatvitinhaz.blogspot.com/" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="Thu thuat vi tinh">Thu thuat vi tinh</a></span></i></b></div>

Tạo khung converter code cho blogger

Trong  blogger  bạn muốn chèn một đoạn mã  code  nào đó vào bài đăng, hoặc phần  Comment  nhằm cho độc giả xem, nếu cứ cóp y nguyên đoạn mã ...

Read more »

Chuyển đổi Code cho Blogspot

<div style="border-bottom: 1.5px solid #069; margin-bottom: 15px;"></div><div class="post-body entry-content" id="post-body-5890534061321210412" itemprop="articleBody"><b><span style="color: #0a85f0;"><i>Nhập code cần chuyển đổi vào ô bên dưới và nhấn Converter để chuyển đổi mã hóa:</i></span></b><br /><br /><br /><script src="http://www.gmodules.com/ig/ifr?url=http://namknablog.googlecode.com/files/code_converter_for_blogger-by-namkna-ngoctra.xml&up_grows=10&up_conv1=1&up_conv2=1&up_conv3=1&up_conv4=1&up_conv5=1&synd=open&w=570&h=300&output=js"></script></div>

Chuyển đổi Code cho Blogspot

Nhập code cần chuyển đổi vào ô bên dưới và nhấn Converter để chuyển đổi mã hóa:

Read more »

Các trang web tạo button, logo, banner cho blog

<br><div id="post_body" style="font-family: Arial, Sans; font-size: 12px;"><div id="summary7663454416145153746"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2b12Cs_YD9bEyrCUCjs-d8hItSdU51-EBb5JRfvLRkN4FYO8sTuF6GTgkGFY236_2L9wN1M7K_ra9tZ2NxEm7rPymTABd6-T9CSeuzNL29aanwJbH3_qUVA50kkP9wM0wlKUL41tJ7Yys/s1600/web-design_1.jpg" style="color: #a40312; text-decoration: none;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5453981797126881586" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2b12Cs_YD9bEyrCUCjs-d8hItSdU51-EBb5JRfvLRkN4FYO8sTuF6GTgkGFY236_2L9wN1M7K_ra9tZ2NxEm7rPymTABd6-T9CSeuzNL29aanwJbH3_qUVA50kkP9wM0wlKUL41tJ7Yys/s200/web-design_1.jpg" style="border: 1px solid rgb(255, 255, 255); cursor: pointer; float: left; height: 90px; margin: 0px 5px 5px 0px; padding: 2px; width: 100px;"></a>Banner cho blog là công cụ không thể thiếu để tạo nên phong cách riêng cho mình. làm sao để có thể tạo nên những banner đẹp bắt mắt, bạn có thể sử dubgj phần mềm để tạo, tuy nhiên bạn cũng không cần đến phần mềm vẫn có thể tạo được banner cực đẹp. Dưới đây là các trang web tạo banner khá đẹp mình xin giới thiệu cho các bạn. Bạn có thể làm banner và logo cho blog yêu của mình với các thao tác chọn màu, kiểu, kích thước.<span class="fullpost"><br><br><a href="http://www.bloggertalk.net/button_generator.html" style="color: #a40312; text-decoration: none;" target="_blank"><span style="color: red; font-family: verdana;">http://www.bloggertalk.net/button_generator.html</span></a><span style="color: red; font-family: verdana;"><br></span><a href="http://tools.blogflux.com/buttonmaker/" style="color: #a40312; text-decoration: none;" target="_blank"><span style="color: red; font-family: verdana;">http://tools.blogflux.com/buttonmaker/</span></a><span style="color: red;"><br></span><a href="http://kalsey.com/tools/buttonmaker/" style="color: #a40312; text-decoration: none;" target="_blank"><span style="color: red; font-family: verdana;">http://kalsey.com/tools/buttonmaker/</span></a><span style="color: red;"><br></span><a href="http://tools.dynamicdrive.com/button/" style="color: #a40312; text-decoration: none;" target="_blank"><span style="color: red; font-family: verdana;">http://tools.dynamicdrive.com/button/</span></a><span style="color: red;"><br></span><a href="http://www.tomaweb.com/buttons.asp" style="color: #a40312; text-decoration: none;" target="_blank"><span style="color: red; font-family: verdana;">http://www.tomaweb.com/buttons.asp</span></a><span style="color: red;"><br></span><a href="http://www.coolarchive.com/buttonmaker.php" style="color: #a40312; text-decoration: none;" target="_blank"><span style="color: red; font-family: verdana;">http://www.coolarchive.com/buttonmaker.php</span></a><span style="color: red;"><br></span><a href="http://www.graphicsguru.com/button.php" style="color: #a40312; text-decoration: none;" target="_blank"><span style="color: red; font-family: verdana;">http://www.graphicsguru.com/button.php</span></a><span style="color: red;"><br></span><span style="color: red; font-family: verdana; text-decoration: none;"><a href="http://creatr.cc/blogbutton/" style="color: #a40312; text-decoration: none;" target="_blank">http://creatr.cc/blogbutton/</a></span></span><br></div></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/04/cac-trang-web-tao-button-logo-banner.html#more">Đọc thêm »</a>

Các trang web tạo button, logo, banner cho blog

Banner cho blog là công cụ không thể thiếu để tạo nên phong cách riêng cho mình. làm sao để có thể tạo nên những banner đẹp bắt mắt, bạn có ...

Read more »

Tạo lưu trữ dạng lịch cho blogger

<span style="background-color: white; box-sizing: border-box; color: #999999; font-family: Georgia, 'Times New Roman', serif; font-size: small; line-height: 20px;">Với thủ thuật này Widget lưu trữ blog (Archive blog) mặc định của blogspot sẽ được biến đổi thành một lịch tuyệt đẹp Thủ thuật giúp bạn dễ dàng tạo ra một tiện ích lưu trữ lịch cho blog của bạn bằng cách sử dụng những bức hình nền tùy chọn.Đây là những bước hướng dẫn cơ bản.Bạn có thể tùy biến thêm nữa.</span><br><span style="background-color: white; box-sizing: border-box; color: #999999; font-family: Georgia, 'Times New Roman', serif; font-size: small; line-height: 20px;"><br style="box-sizing: border-box;"></span><span style="background-color: white; color: #999999; font-family: 'Segoe UI', Verdana, georgia; font-size: 12px; line-height: 20px;"></span><span style="background-color: white; box-sizing: border-box; color: #999999; font-family: Georgia, 'Times New Roman', serif; font-size: small; line-height: 20px;">Cách tiến hành:</span><br><span style="background-color: white; box-sizing: border-box; color: #999999; font-family: Georgia, 'Times New Roman', serif; font-size: small; line-height: 20px;">1- Đăng nhập (login) vào Blog</span><br><span style="background-color: white; box-sizing: border-box; color: #999999; font-family: Georgia, 'Times New Roman', serif; font-size: small; line-height: 20px;">2- Vào Bố cục (Layout)</span><br><span style="background-color: white; box-sizing: border-box; color: #999999; font-family: Georgia, 'Times New Roman', serif; font-size: small; line-height: 20px;">3- Chọn Thêm Tiện ích (Add widget) => Chọn mục Lưu trữ Blog (Archive blog) -> nếu blog bạn đã có mục này thì có theer bỏ qua bước này.</span><br><div style="background-color: white; box-sizing: border-box; color: #999999; font-family: 'Segoe UI', Verdana, georgia; font-size: 12px; line-height: 20px; text-align: center;"><a class="colorbox cboxElement" href="http://4.bp.blogspot.com/-GXGg_vMqc8o/UTnl3ahfQSI/AAAAAAAAAtk/LHDPDgq6IjA/s1600/image%5B9%5D.png" style="-webkit-transition: all 0.4s ease-in-out; box-sizing: border-box; color: #999999; text-decoration: none; transition: all 0.4s ease-in-out;"><span style="box-sizing: border-box; font-family: Georgia, 'Times New Roman', serif; font-size: small;"><img border="0" src="http://4.bp.blogspot.com/-GXGg_vMqc8o/UTnl3ahfQSI/AAAAAAAAAtk/LHDPDgq6IjA/s320/image%5B9%5D.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 1px; -webkit-transition: all 0.4s ease-in-out; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.2)), color-stop(1.5, rgba(255, 255, 255, 0.0901961))); background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 0px; border-bottom-right-radius: 50px; border-color: rgba(255, 255, 255, 0.498039) rgba(255, 255, 255, 0.0980392) rgba(255, 255, 255, 0.00784314); border-style: solid; border-top-left-radius: 50px; border-top-right-radius: 0px; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 1px; box-sizing: border-box; color: white; height: auto; margin: 10px; max-width: 600px; padding: 0px; text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 0px; transition: all 0.4s ease-in-out;"></span></a></div><span style="background-color: white; box-sizing: border-box; color: #999999; font-family: Georgia, 'Times New Roman', serif; font-size: small; line-height: 20px;">4- Sau đó bấm vào chỉnh sửa (Edit) tiện ích lưu trũ blog đã được thêm. Và Chọn các tùy chọn sau đây như thể hiện trong ảnh:</span><br><span style="background-color: white; box-sizing: border-box; color: #999999; font-family: Georgia, 'Times New Roman', serif; font-size: small; line-height: 20px;"><br style="box-sizing: border-box;"></span><span style="background-color: white; color: #999999; font-family: 'Segoe UI', Verdana, georgia; font-size: 12px; line-height: 20px;"></span><span style="background-color: white; box-sizing: border-box; color: #999999; font-family: Georgia, 'Times New Roman', serif; font-size: small; line-height: 20px;">-Chọn kiểu là <span style="box-sizing: border-box;"><span style="box-sizing: border-box; color: red;">danh sách phẳng.</span></span></span><br><span style="background-color: white; box-sizing: border-box; color: #999999; font-family: Georgia, 'Times New Roman', serif; font-size: small; line-height: 20px;">-Tại mục tùy chọn bỏ chọn "<span style="box-sizing: border-box; color: red;">Hiển thị Bài đăng cũ nhất trước</span>".</span><br><span style="background-color: white; box-sizing: border-box; color: #999999; font-family: Georgia, 'Times New Roman', serif; font-size: small; line-height: 20px;">-Chọn tần xuất kho lưu trữ định dạng hàng tháng, hàng ngày tùy ý bạn.</span><br><span style="background-color: white; box-sizing: border-box; color: #999999; font-family: Georgia, 'Times New Roman', serif; font-size: small; line-height: 20px;"><br style="box-sizing: border-box;"></span><span style="background-color: white; color: #999999; font-family: 'Segoe UI', Verdana, georgia; font-size: 12px; line-height: 20px;"></span><br><div style="background-color: white; box-sizing: border-box; color: #999999; font-family: 'Segoe UI', Verdana, georgia; font-size: 12px; line-height: 20px; text-align: center;"><a class="colorbox cboxElement" href="http://1.bp.blogspot.com/-QMSUzBCdr8Q/UTnlilTg7xI/AAAAAAAAAtU/UDEZGH7_29k/s1600/image%5B17%5DVn.jpg" style="-webkit-transition: all 0.4s ease-in-out; box-sizing: border-box; color: #999999; text-decoration: none; transition: all 0.4s ease-in-out;"><span style="box-sizing: border-box; font-family: Georgia, 'Times New Roman', serif; font-size: small;"><img border="0" src="http://1.bp.blogspot.com/-QMSUzBCdr8Q/UTnlilTg7xI/AAAAAAAAAtU/UDEZGH7_29k/s320/image%5B17%5DVn.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 1px; -webkit-transition: all 0.4s ease-in-out; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.2)), color-stop(1.5, rgba(255, 255, 255, 0.0901961))); background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 0px; border-bottom-right-radius: 50px; border-color: rgba(255, 255, 255, 0.498039) rgba(255, 255, 255, 0.0980392) rgba(255, 255, 255, 0.00784314); border-style: solid; border-top-left-radius: 50px; border-top-right-radius: 0px; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 1px; box-sizing: border-box; color: white; height: auto; margin: 10px; max-width: 600px; padding: 0px; text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 0px; transition: all 0.4s ease-in-out;"></span></a></div><span style="background-color: white; box-sizing: border-box; color: #999999; font-family: Georgia, 'Times New Roman', serif; font-size: small; line-height: 20px;"><br style="box-sizing: border-box;"></span><span style="background-color: white; color: #999999; font-family: 'Segoe UI', Verdana, georgia; font-size: 12px; line-height: 20px;"></span><span style="background-color: white; box-sizing: border-box; color: #999999; font-family: Georgia, 'Times New Roman', serif; font-size: small; line-height: 20px;">- Bấm Lưu để cập nhật cài đặt.</span><br><a href="http://thuthuatvitinhaz.blogspot.com/2013/04/tao-luu-tru-dang-lich-cho-blogger.html#more">Đọc thêm »</a>

Tạo lưu trữ dạng lịch cho blogger

Với thủ thuật này Widget lưu trữ blog (Archive blog) mặc định của blogspot sẽ được biến đổi thành một lịch tuyệt đẹp Thủ thuật giúp bạn dễ d...

Read more »

Tùy chỉnh địa chỉ URL của bài viết trên Blogger

<span style="background-color: white; color: #646464; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">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 trên blog. Đâ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. </span><br><br style="background-color: white; color: #646464; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><b style="background-color: white; color: #646464; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">Một vài điều cần biết</b><br><br><ul style="background-color: white; color: #646464; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em;"><li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Tùy chọn này hiện thời chỉ có mặt ở chế độ Draft (draft.blogger.com) và tất nhiên ở giao diện mới.</li><li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Không bỏ được thông tin tháng và năm trong địa chỉ URL.</li><li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Không bỏ được đuôi .html.</li><li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Không thể tùy chỉnh những bài viết cũ.</li><li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Một khi bài viết được đăng, bạn sẽ không thể thay đổi địa chỉ.</li><li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Phần địa chỉ tùy chỉnh này chỉ chứa số, chữ và gạch ngang.</li></ul><br style="background-color: white; color: #646464; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><b style="background-color: white; color: #646464; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">Thay đổi địa chỉ URL của bài viết như thế nào?</b><br><br style="background-color: white; color: #646464; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><span style="background-color: white; color: #646464; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">Các thực hiện rất đơn giản, đăng nhập </span><a href="http://draft.blogger.com/" style="background-color: white; color: #235bb6; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-decoration: none;" target="_blank">Blogger Draft</a><span style="background-color: white; color: #646464; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"> tạo bài viết mới, gõ tiêu đề, tùy chọn link thường trú (Permanent link) tạo ra URL tự động, bạn chỉ việc nhấp chọn Tùy chỉnh URL (Custom URL) để thay đổi.</span><br><br style="background-color: white; color: #646464; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><div class="separator" style="background-color: white; clear: both; color: #646464; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih5m7b1EJAquBQTG7QUJ3SHVzRH76WLjHG-QQI5n-SN0ySYcfB37ga6PQavMMAuNMlx43pt-BvR_I16Blx8ziovIPBgPUV2xtFGlr1M7WVcU71phToWnbnVVA2C2fbL468QPQkQbh77FI/s1600/tuy-chinh-url-blogger.png" imageanchor="1" style="color: #235bb6; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="261" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih5m7b1EJAquBQTG7QUJ3SHVzRH76WLjHG-QQI5n-SN0ySYcfB37ga6PQavMMAuNMlx43pt-BvR_I16Blx8ziovIPBgPUV2xtFGlr1M7WVcU71phToWnbnVVA2C2fbL468QPQkQbh77FI/s320/tuy-chinh-url-blogger.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(210, 210, 210); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px; position: relative;" width="320"></a></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/04/tuy-chinh-ia-chi-url-cua-bai-viet-tren.html#more">Đọc thêm »</a>

Tùy chỉnh địa chỉ URL của bài viết 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 trên blog. Đây là tùy chọn được chờ đợi rất nhiều từ người dùng,...

Read more »

Heading Tag với hiệu ứng đổ bóng và dê chuột Hover

<br><br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkuoD2oHBB2Wzw8Npp5l9iruAkNOTMF-5o_gX6dCPJrFNmbsiV7LXIByOXl5-tovUDzSvLxZy5P8e2TuVudSBoKNzGA9HNXs6O7eceqEByPopXKe3m3BwgaGgm4g0PkU-2OoBni3as4_w/s1600/custom-heading-tag-with-drop-shadow-and-mouse-hover-namkna-1.png" imageanchor="1" style="clear: left; color: #006666; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><img alt="Heading Tag với hiệu ứng đổ bóng và dê chuột Hover" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkuoD2oHBB2Wzw8Npp5l9iruAkNOTMF-5o_gX6dCPJrFNmbsiV7LXIByOXl5-tovUDzSvLxZy5P8e2TuVudSBoKNzGA9HNXs6O7eceqEByPopXKe3m3BwgaGgm4g0PkU-2OoBni3as4_w/s1600/custom-heading-tag-with-drop-shadow-and-mouse-hover-namkna-1.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Heading Tag với hiệu ứng đổ bóng và dê chuột Hover" width="200"></a></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Blogger blog cho phép chỉnh sửa stylesheet. Bạn có thể tùy chỉnh các mã để blog như ý muốn. Bài trước, Namkna đã chia sẻ <a href="http://thuthuatvitinhaz.blogspot.com/2013/02/thu-thuat-tuy-chinh-heading-style-cho.html" style="color: #006666; text-decoration: none;" target="_blank">nhiều cách khác nhau tùy biến các thẻ tiêu đề</a>, tức là H3. Namkna sử dụng thẻ <b>H3</b> bên trong mỗi bài viết. Thẻ tiêu đề (heading tag) được xem là phần quan trọng nhất với Seo. Hôm nay chúng ta sẽ tìm hiểu làm thế nào để tạo ra một tiêu đề tùy chỉnh và sẽ thay đổi màu sắc khi chuột di chuột. Namkna sẽ sử dụng CSS3 hiệu ứng để tạo ra một hiệu ứng đổ bóng cùng với hiệu ứng hover khi dê chuột lên tiêu đề đó. Điều này sẽ cung cấp cho tiêu đề của bạn một cái nhìn mới hơn. Vì vậy, hãy làm điều đó!</div><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"></a><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Demo chính là các tiêu đề con trong bài viết này!</span><br><a href="http://thuthuatvitinhaz.blogspot.com/2013/04/heading-tag-voi-hieu-ung-o-bong-va-de.html#more">Đọc thêm »</a>

Heading Tag với hiệu ứng đổ bóng và dê chuột Hover

Blogger blog cho phép chỉnh sửa stylesheet. Bạn có thể tùy chỉnh các mã để blog như ý muốn. Bài trước, Namkna đã chia sẻ  nhiều cách khác nh...

Read more »

Các mẹo giúp tăng bình luận cho blog

<br><br><div align="justify" style="background-color: white; font-family: Tahoma; font-size: 11px; line-height: 18px; margin: 0px; padding: 0px;"><div class="imgDetail_left" style="float: left; margin: 0px 7px 0px 0px; padding: 0px; text-align: center; width: 200px;"><a href="http://www.conghung.com/news/detail/17173/6-meo-giup-tang-binh-luan-cho-blog-.html#Zoom" style="color: #00789a; text-decoration: none;"><img src="http://www.conghung.com/view_thumb.php?image=http://www.conghung.com/modules/news/uploads/news_images/04_2011/itgatevn_86076875000.jpg&w=200" style="border: 1px solid rgb(204, 204, 204); padding: 1px;"></a><br><div class="fDespic" style="color: #999999; font-size: 9px; padding: 0px;"></div></div><strong></strong><br><div style="padding: 0px;"><strong>Blog đã không còn xa lạ đối với người dùng internet trên thế giới, có thời điểm nó đã thật sự bùng nổ và ngày càng trở thành xu hướng của giới trẻ. Nhưng một blog sẽ thật nhàm chán và buồn tẻ khi chỉ là nơi bạn thể hiện cảm xúc cá nhân mà không chia sẻ được với nhiều người. Những ý kiến, bình luận (Comment) của độc giả sẽ giúp bạn cải thiện được tình trạng này cũng như kỹ năng viết blog của mình.</strong></div><strong></strong></div><br class="clear" style="background-color: white; clear: both; font-family: Tahoma; font-size: 0px; height: 0px; line-height: 0px;"><div align="justify" style="background-color: white; font-family: Tahoma; font-size: 11px; line-height: 18px; margin: 0px; padding: 0px;"><div style="padding: 0px;"><br></div><div id="ctl17_U_display_controls1_ctl00_ctl00_ctl01_pnDetail" style="margin: 0px; padding: 0px;"><span class="detail"></span><br><div align="justify" style="padding: 0px;"><span class="detail"><br></span></div><span class="detail"></span><div align="justify" style="padding: 0px; text-align: center;"><span class="detail"><span style="font-family: Arial; font-size: x-small;"><img alt="6 mẹo giúp tăng bình luận cho blog" src="http://www.conghung.com/modules/news/uploads/news_images/04_2011/itgatevn_86076875000.jpg" style="border: 0px;"></span></span></div><span class="detail"><div align="justify" style="padding: 0px;"><span style="font-family: Arial; font-size: x-small;"><br>Bài viết dưới đây sẽ trình bày một số phương pháp giúp bạn tích cực viết blog nhiều hơn và hiệu quả hơn thông qua những ý kiến phản hồi của bạn đọc.</span><strong><span style="font-family: Arial; font-size: x-small;"></span></strong></div></span></div></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/04/cac-meo-giup-tang-binh-luan-cho-blog.html#more">Đọc thêm »</a>

Các mẹo giúp tăng bình luận cho blog

Blog đã không còn xa lạ đối với người dùng internet trên thế giới, có thời điểm nó đã thật sự bùng nổ và ngày càng trở thành xu hướng của gi...

Read more »

Tìm và thay đổi kích cỡ hình ảnh vào vị trí trên Blog

<br><div align="justify" style="background-color: white; font-family: Tahoma; font-size: 11px; line-height: 18px; margin: 0px; padding: 0px;"><strong></strong><br><div style="padding: 0px;"><strong>Một trong những thách thức trên hầu hết các blogger là tìm kiếm hình ảnh có ý nghĩa. Có nhiều cơ sở dữ liệu có sẵn để tìm kiếm các hình ảnh, nhưng tìm kiếm trong cơ sở dữ liệu này rất tốn thời gian. Bên cạnh đó, khi các bức ảnh được tìm thấy, chúng ta vẫn phải thay đổi kích thước và cung cấp vị trí thích hợp cho ảnh.</strong></div><strong></strong></div><br class="clear" style="background-color: white; clear: both; font-family: Tahoma; font-size: 0px; height: 0px; line-height: 0px;"><div align="justify" style="background-color: white; font-family: Tahoma; font-size: 11px; line-height: 18px; margin: 0px; padding: 0px;"><div style="color: #333333; font-family: 'Times New Roman'; font-size: 12pt; padding: 0px;"><a href="http://wylio.com/" style="color: #333333; font-size: 12pt; text-decoration: none;">Wylio.com</a> cung cấp một giải pháp dễ dàng cho việc tìm kiếm hình ảnh trên blog. Trang web này là một phần của công cụ tìm kiếm hình ảnh và được bố trí thích hợp giúp người tìm dễ dàng truy cập và sử dụng.</div><div style="color: #333333; font-family: 'Times New Roman'; font-size: 12pt; padding: 0px;">Đối với việc tìm kiếm hình ảnh, công việc Wylio tương tự như của Google Images. Đơn giản chỉ cần nhập một từ khóa cho các loại hình ảnh mà bạn cần tìm kiếm rồi click  <span style="font-size: 12pt; font-weight: bold;">search.</span></div><div style="color: #333333; font-family: 'Times New Roman'; font-size: 12pt; margin: 0px; padding: 0px; text-align: center;"><img _fl="" alt="" src="http://www.conghung.com/modules/news/uploads/news_images/01_2011/cow.png" style="border: 0px; font-size: 12pt; margin: 5px;" width="416"></div><div style="color: #333333; font-family: 'Times New Roman'; font-size: 12pt; padding: 0px;">Lập tức, các hình kích cỡ nhỏ bắt đầu xuất hiện dưới hộp tìm kiếm. Nhấp vào hình để cho ảnh phù hợp nhất với nhu cầu bạn sử dụng.Tuy nhiên, để tìm kiếm được rõ thì bạn nên nhập từ khóa liên quan tới động vật, thực vật, hành tinh,... tránh nhập các từ khóa chung chung để Wylio đưa ra kết quả chính xác nhất</div><div style="color: #333333; font-family: 'Times New Roman'; font-size: 12pt; margin: 0px; padding: 0px; text-align: center;"><img _fl="" alt="" src="http://www.conghung.com/modules/news/uploads/news_images/01_2011/1294725704_cowall.png" style="border: medium solid; font-size: 12pt; margin: 5px; width: 500px;"><br></div></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/04/tim-va-thay-oi-kich-co-hinh-anh-vao-vi.html#more">Đọc thêm »</a>

Tìm và thay đổi kích cỡ hình ảnh vào vị trí trên Blog

Một trong những thách thức trên hầu hết các blogger là tìm kiếm hình ảnh có ý nghĩa. Có nhiều cơ sở dữ liệu có sẵn để tìm kiếm các hình ảnh,...

Read more »

Những Code Thông Dụng Cho Blogspot

<div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>Nhằm giúp các blogger mới vào nghề hiểu thêm về code nên hôm nay mình chia sẻ lại một số code thông dụng thường gặp trong quá trình viết bài cũng như thiết kế blog. Hy vọng sẽ giúp ích được cho các bạn</b>.<br><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more"></a></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><a href="http://www.blogger.com/blogger.g?blogID=1284053134771667067" name="more" style="color: #006666; text-decoration: none;"></a></div><div style="background-color: #f0f2f3; color: #274e13; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; margin: 0px; padding: 3px; text-align: justify;"></h3></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/03/nhung-code-thong-dung-cho-blogspot.html#more">Đọc thêm »</a>

Những Code Thông Dụng Cho Blogspot

Nhằm giúp các blogger mới vào nghề hiểu thêm về code nên hôm nay mình chia sẻ lại một số code thông dụng thường gặp trong quá trình viết bài...

Read more »

Tùy chỉnh Google Custom Search bằng CSS3 cho blogger

<br /><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Google Custom Search là một trong những công cụ có danh sách các ưu điểm gần như vô tận. Từ cung cấp các kết quả tìm kiếm siêu liên kết đến lựa chọn chỉ mục cho tất cả Blog và Website. Blogger đã cung cấp khung tìm kiếm nhưng khung tìm kiếm còn khá đơn giản. Trong bài này namkna sẽ chỉ cho bạn làm thế nào để thay đổi phong cách khung Search Box  Google Custom của bạn là hộp tìm kiếm từ CSS3.</div><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"></a><br /><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;">Phần 1: Thiết lập Google Custom Search Cho Blogger</h3><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Namkna giả định rằng bạn đã thiết lập công cụ tìm kiếm tùy chỉnh của Google. Nếu bạn chưa thiết lập hãy xem phần hướng dẫn này. Có nhiều biến thể Google Custom Search, nhưng thông thường mã có chứa một thẻ </span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><script></b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"> , và có dạng thế này: </span><br /><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><div id="cse" style="width: 100%;"><b>Loading</b></div><br /><script src="<b>http://www.google.com/jsapi</b>" type="text/javascript"></script><br /><script type="text/javascript"> <br /> google.load('search', '1', {language : 'en', style : google.loader.themes.ESPRESSO});<br /> google.setOnLoadCallback(function() {<br /> var customSearchControl = new google.search.CustomSearchControl('<span style="color: red;"><b>XXXXXXXXXXXXXXXXXXXXX:YYYYYYYYYYY</b></span>');<br /> customSearchControl.setResultSetSize(google.search.Search.SMALL_RESULTSET);<br /> customSearchControl.draw('cse');<br /> }, true);<br /></script></pre><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">- Ở đoạn code trên bạn có thể không thấy nơi để áp dụng các style. </span><br /><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">- Bây giờ namkna sẽ đưa ra các mã sau đây cũng hoạt động theo cách tương tự quy luật trên, chỉ có điều là nó rất dễ dàng để tùy chỉnh:</span><br /><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><form id="<span style="color: red;"><b>searchbox_XXXXXXXXXXXXXXXXXXXXX:YYYYYYYYYYY</b></span>" action="<span style="color: blue;"><b>URL của trang hiển thị kết quả tìm được</b></span>"> <br /> <input value="<span style="color: red;"><b>XXXXXXXXXXXXXXXXXXXXX:YYYYYYYYYYY</b></span>" name="cx" type="hidden"/> <br /> <input value="FORID:11" name="cof" type="hidden"/> <br /> <input id="q" style="width:150px;" name="q" size="70" type="text" /> <br /> <input value="Search" name="sa" type="submit"/> <br /></form> </pre><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Trong đó có 2 phần cần chú ý đó là "<span style="color: red;"><b>searchbox_XXXXXXXXXXXXXXXXXXXXX: YYYYYYYYYYY</b></span>",  và <span style="color: red;"><b>XXXXXXXXXXXXXXXXXXXXX</b></span>: là ID duy nhất mà bạn có thể tìm thấy trên bảng điều khiển của công cụ tìm kiếm của bạn. Nếu không biết cách lấy id hãy xem bài viết hướng dẫn trước đây của namkna: <a href="http://namkna.blogspot.com/2011/02/tao-cong-cu-tim-kiem-cho-blog-hien-ket.html" style="color: #006666; text-decoration: none;" target="_blank"><b>Bấm để xem hướng dẫn</b></a>.</div><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">- Nếu bạn đang sử dụng các liên kết quảng cáo Adsense Google Custom Search thì Hộp tìm kiếm của bạn nên như thế này:</span><br /><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><form action="URL of the page where the Result open <span style="background-color: lime;">id="cse-search-box"</span>> <br /> <div> <br /> <input type="hidden" name="cx" value="<span style="color: red;"><b>partner-pub-XXXXXXXXXXXXXXXXXXXXX:YYYYYYYYYYY</b></span>" /> <br /> <input type="hidden" name="cof" value="FORID:10" /> <br /> <input type="hidden" name="ie" value="ISO-8859-1" /> <br /> <input type="text" name="q" size="21" /> <br /> <input type="submit" name="sa" value="Search" /> <br /> </div> <br /></form><br /><span style="background-color: yellow;"><script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"></script></span> </pre><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">- Nếu bạn muốn để loại bỏ style mặc định hãy loại trừ các thẻ script màu </span><span style="background-color: yellow; font-family: Arial; font-size: 14px; line-height: 19.59375px;">vàng</span><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"> ỏ trên và cũng có thể loại bỏ </span><span style="background-color: lime; font-family: Arial; font-size: 14px; line-height: 19.59375px;">id="cse-search-box"</span><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"> phần màu xanh</span><br /><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;">Phần 2: Làm thế nào để cài đặt Google Custom Search cho blogger của ban?</h3><div class="announce2" style="background-color: #feedb9; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(251, 195, 24); color: #7d7d7d; font-family: Arial; font-size: 14px; line-height: 19.59375px; margin: 15px 0px 0px; padding: 5px; text-align: justify; width: 577px;"><b>Cảnh báo: </b>Trước khi bạn bắt đầu áp dụng bất cứ thay đổi mẫu blogger của bạn, Namkna khuyên bạn  sao lưu nó, bằng cách nhấp vào liên kết<b> Mẫu => Sao lưu/Khôi phục => Tải về</b> (Download Template Full Version).</div><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">☼ Cách tiến hành:</b><br /><br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;" /><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Sau đây Namkna sẽ đưa ra 6 style bạn thích stle nào thì áp dụng style đó nha.</div><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;">Style 1: Cool usable search box</h3><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a class="button green" href="http://namkna-test.blogspot.com/2012/12/cool-usable-search-box-for-blogger.html" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(125, 183, 47)), to(rgb(78, 125, 14))); border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border: 1px solid rgb(83, 131, 18); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; color: #006666; cursor: pointer; display: inline-block; font-family: Arial, Helvetica, sans-serif; line-height: 14px; margin: 0px 2px; outline: none; padding: 0.5em 2em 0.55em; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 1px; vertical-align: baseline; zoom: 1;" target="_blank">View Demo</a></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><i>Ảnh minh họa:</i></div><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxIucF_GbLN89ZJVSMexnIqXDwwuQDjgSQ5HPf6WT8Ffb0Uk0NxUEXWPOXGkvQr4Wr03DUc7fCI-lXoIDqA25ilWUBltrQzw7JdP8fVtFMKLZ1gdt2K-Bp-4OWX3w7q5jT3yT8_aKBjm4/s1600/customize-google-custom-search-box-for-blogger-blogspot-1.PNG" imageanchor="1" style="color: #006666; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Customize Google Custom Search Box - tùy chỉnh khung tìm kiếm của blog bằng css 3 - http://namkna.blogspot.com/" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxIucF_GbLN89ZJVSMexnIqXDwwuQDjgSQ5HPf6WT8Ffb0Uk0NxUEXWPOXGkvQr4Wr03DUc7fCI-lXoIDqA25ilWUBltrQzw7JdP8fVtFMKLZ1gdt2K-Bp-4OWX3w7q5jT3yT8_aKBjm4/s1600/customize-google-custom-search-box-for-blogger-blogspot-1.PNG" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Customize Google Custom Search Box - tùy chỉnh khung tìm kiếm của blog bằng css 3 - http://namkna.blogspot.com/" /></a></div><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">- Tiện ích được tạo bới Catalin Rosu bạn có thể xem </span><a href="http://www.red-team-design.com/how-to-create-a-cool-and-usable-css3-search-box" style="background-color: #f0f2f3; color: #006666; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-decoration: none;">tại đây</a><br /><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">1- </b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Vào </span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Mẫu</b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"> (Template) =></span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"> </b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Chọn </span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Chỉnh sử HTML </b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">(Edit HTML) => </span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Tiếp tục </b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">(Proceed) => Tìm kiếm thẻ  </span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">]]></b:skin></b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">  và dán code bên dưới dán vào trước thẻ  </span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">]]></b:skin></b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">  đó.</span><br /><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;">#searchbox{<br />background: #eaf8fc;<br />background-image: -moz-linear-gradient(#fff, #d4e8ec);<br />background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #d4e8ec),color-stop(1, #fff));<br />-moz-border-radius: 35px;<br />border-radius: 35px;<br />border-width: 1px;<br />border-style: solid;<br />border-color: #c4d9df #a4c3ca #83afb7; <br />width: 250px;<br />height: 35px;<br />padding: 10px;<br />margin: 10px auto 10px;<br />overflow: hidden;<br />}<br />#search, #submit<br />{<br />float: left;<br />}<br />#search<br />{<br />padding: 5px 9px;<br />height: 23px;<br />width: 380px;<br />border: 1px solid #a4c3ca;<br />font: normal 13px 'trebuchet MS', arial, helvetica;<br />background: #f1f1f1;<br />-moz-border-radius: 50px 3px 3px 50px;<br /> border-radius: 50px 3px 3px 50px;<br />-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);<br />-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);<br />box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1); <br /> }<br />#submit<br />{ <br />background: #6cbb6b;<br />background-image: -moz-linear-gradient(#95d788, #6cbb6b);<br />background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #6cbb6b),color-stop(1, #95d788));<br />-moz-border-radius: 3px 50px 50px 3px;<br />border-radius: 3px 50px 50px 3px;<br />border-width: 1px;<br />border-style: solid;<br />border-color: #7eba7c #578e57 #447d43;<br />-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;<br /> -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;<br />box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset; <br />height: 35px;<br />margin: 0 0 0 10px;<br />padding: 0;<br />width: 70px;<br />cursor: pointer;<br />font: bold 14px Arial, Helvetica;<br />color: #23441e;<br />text-shadow: 0 1px 0 rgba(255,255,255,0.5);<br /> }<br />#submit:hover<br /> { <br />background: #95d788;<br />background-image: -moz-linear-gradient(#6cbb6b, #95d788);<br />background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #95d788),color-stop(1, #6cbb6b));<br /> } <br />#submit:active{ <br />background: #95d788;<br />outline: none;<br />-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;<br />-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;<br />box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset; <br />}<br />#submit::-moz-focus-inner{<br />border: none;<br />} <br />/* ----------------------- */ <br />#search::-webkit-input-placeholder {<br />color: #9c9c9c;<br />font-style: italic;<br />}<br />#search:-moz-placeholder {<br />color: #9c9c9c;<br />font-style: italic;<br />} <br />#search.placeholder {<br />color: #9c9c9c !important;<br />font-style: italic;<br />} <br />#search:focus{<br />border-color: #8badb4;<br />background: #fff;<br />outline: none;<br />}</pre><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">2- </b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Tạo một widget</span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"> HTML/Javarsci</b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">p và dán đoạn code bên dưới vào. Hãy nhớ thay Id search của bạn vào. =></span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"> Lưu tiện </b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">ích lại </span><br /><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><form id="searchbox" action="<span style="color: blue;"><b>http://www.google.com/search</b></span>"><br /><input value="<span style="color: red;"><b>000704786632954521024:590qlmgqwcs</b></span>" name="cx" type="hidden" /> <br /><input value="FORID:11" name="cof" type="hidden" /> <br /><input id="search" style="width:150px;" name="q" size="70" placeholder="<span style="color: orange;"><b>Nhập vào đây...</b></span>" type="text" /> <br /><input value="Search" name="sa" id="submit" type="submit" /> <br /></form></pre><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Namkna đã thêm một </span><span style="background-color: cyan; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><b>id = "searchbox"</b></span><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">, để bo góc các cạnh bên ngoài hộp</span><br /><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Và </span><span style="background-color: yellow; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><b>id="search"</b></span><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"> để tạo chữ "</span><span style="background-color: #f0f2f3; color: orange; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><b>Nhập vào đây....</b></span><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">" là văn bản xuất hiện nếu hộp tìm kiếm trống. </span><br /><span style="background-color: lime; font-family: Arial; font-size: 14px; line-height: 19.59375px;">id = "submit"</span><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">. Để áp dụng các cạnh tròn của chữ </span><span style="background-color: #f0f2f3; color: blue; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><b>Search</b></span><br /><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;">Style 2: Beautiful CSS3 search form</h3><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a class="button green" href="http://namkna-test.blogspot.com/2012/12/beautiful-css3-search-form-for-blogger.html" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(125, 183, 47)), to(rgb(78, 125, 14))); border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border: 1px solid rgb(83, 131, 18); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; color: #006666; cursor: pointer; display: inline-block; font-family: Arial, Helvetica, sans-serif; line-height: 14px; margin: 0px 2px; outline: none; padding: 0.5em 2em 0.55em; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 1px; vertical-align: baseline; zoom: 1;" target="_blank">View Demo</a></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><i>Ảnh minh họa:</i></div><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS7JsYrMBB1b8WYHYyeA08KBez0m93fL2mzWqBGfrbL7Zo8F4vgLIbBNA6tnmkXpuAKtefFfI-OAz8buOyHCI7gUd7OfwSfWe6ZANSFUjgMyAVuxHCsF2mevthG1BgVF4k8ctW1UfEhUg/s1600/customize-google-custom-search-box-for-blogger-blogspot-2.PNG" imageanchor="1" style="color: #006666; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Customize Google Custom Search Box - tùy chỉnh khung tìm kiếm của blog bằng css 3 - http://namkna.blogspot.com/" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS7JsYrMBB1b8WYHYyeA08KBez0m93fL2mzWqBGfrbL7Zo8F4vgLIbBNA6tnmkXpuAKtefFfI-OAz8buOyHCI7gUd7OfwSfWe6ZANSFUjgMyAVuxHCsF2mevthG1BgVF4k8ctW1UfEhUg/s1600/customize-google-custom-search-box-for-blogger-blogspot-2.PNG" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Customize Google Custom Search Box - tùy chỉnh khung tìm kiếm của blog bằng css 3 - http://namkna.blogspot.com/" /></a></div><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Kiểu này được phát triển bới </span><a href="http://webdesignerwall.com/tutorials/beautiful-css3-search-form" style="background-color: #f0f2f3; color: #006666; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-decoration: none;" target="_blank">Nick La</a><br /><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>1- </b>Vào <b>Mẫu</b> (Template) =><b> </b>Chọn <b>Chỉnh sử HTML </b>(Edit HTML) => <b>Tiếp tục </b>(Proceed) => Tìm kiếm thẻ  <b>]]></b:skin></b>  và dán code bên dưới dán vào trước thẻ  <b>]]></b:skin></b>  đó.</div><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;">/* search form <br />-------------------------------------- */<br />.searchform {<br /> display: inline-block;<br /> zoom: 1; /* ie7 hack for display:inline-block */<br /> *display: inline;<br /> border: solid 1px #d2d2d2;<br /> padding: 3px 5px;<br /> <br /> -webkit-border-radius: 2em;<br /> -moz-border-radius: 2em;<br /> border-radius: 2em;<br /> <br /> -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);<br /> -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);<br /> box-shadow: 0 1px 0px rgba(0,0,0,.1);<br /> <br /> background: #f1f1f1;<br /> background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));<br /> background: -moz-linear-gradient(top, #fff, #ededed);<br /> filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */<br /> -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */<br />}<br />.searchform input {<br /> font: normal 12px/100% Arial, Helvetica, sans-serif;<br />}<br />.searchform .searchfield {<br /> background: #fff;<br /> padding: 6px 6px 6px 8px;<br /> width: 202px;<br /> border: solid 1px #bcbbbb;<br /> outline: none;<br /> <br /> -webkit-border-radius: 2em;<br /> -moz-border-radius: 2em;<br /> border-radius: 2em;<br /> <br /> -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);<br /> -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);<br /> box-shadow: inset 0 1px 2px rgba(0,0,0,.2);<br />}<br />.searchform .searchbutton {<br /> color: #fff;<br /> border: solid 1px #494949;<br /> font-size: 11px;<br /> height: 27px;<br /> width: 27px;<br /> text-shadow: 0 1px 1px rgba(0,0,0,.6);<br /> <br /> -webkit-border-radius: 2em;<br /> -moz-border-radius: 2em;<br /> border-radius: 2em;<br /> <br /> background: #5f5f5f;<br /> background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));<br /> background: -moz-linear-gradient(top, #9e9e9e, #454545);<br /> filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */<br /> -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */<br />}</pre><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>2- </b>Tạo một widget<b> HTML/Javarsci</b>p và dán đoạn code bên dưới vào. Hãy nhớ thay <span style="color: red;"><b>Id search</b></span>của bạn</div><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><form class="searchform" id="<span style="color: red;"><b>000704786632954521024:590qlmgqwcs</b></span>" action="<span style="color: blue;"><i><b>http://www.google.com/search</b></i></span>"><br /><input value="<span style="color: red;"><b>000704786632954521024:590qlmgqwcs</b></span>" name="cx" type="hidden"/> <br /><input value="FORID:11" name="cof" type="hidden"/> <br /><input id="q" style="width:150px;" name="q" size="70" type="text" class="searchfield" value="Search..." onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}" /> <br /><input name="sa" class="searchbutton" value="&rArr;" type="submit" /> <br /></form></pre><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;">Style 3: Searck form blue CSS3</h3><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a class="button green" href="http://namkna-test.blogspot.com/2012/12/searck-form-blue-css3.html" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(125, 183, 47)), to(rgb(78, 125, 14))); border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border: 1px solid rgb(83, 131, 18); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; color: #006666; cursor: pointer; display: inline-block; font-family: Arial, Helvetica, sans-serif; line-height: 14px; margin: 0px 2px; outline: none; padding: 0.5em 2em 0.55em; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 1px; vertical-align: baseline; zoom: 1;" target="_blank">View Demo</a></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><i>Ảnh minh họa:</i></div><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKoYqEq_FRHOcWIYkKXCm6PXw5wOVhvn1V6RGZIDZ6hdtcXOc80eCXRk7MHhDLSaffZiwYF9rXC_HFGt6YyJyT02u6HZFU3BRIzzugwcuZk4iNqRZMJwj3_nZe6M4BDObhGOyMki33b4Y/s1600/customize-google-custom-search-box-for-blogger-blogspot-3.PNG" imageanchor="1" style="color: #006666; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Customize Google Custom Search Box - tùy chỉnh khung tìm kiếm của blog bằng css 3 - http://namkna.blogspot.com/" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKoYqEq_FRHOcWIYkKXCm6PXw5wOVhvn1V6RGZIDZ6hdtcXOc80eCXRk7MHhDLSaffZiwYF9rXC_HFGt6YyJyT02u6HZFU3BRIzzugwcuZk4iNqRZMJwj3_nZe6M4BDObhGOyMki33b4Y/s1600/customize-google-custom-search-box-for-blogger-blogspot-3.PNG" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Customize Google Custom Search Box - tùy chỉnh khung tìm kiếm của blog bằng css 3 - http://namkna.blogspot.com/" /></a></div><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Được phát triển bởi </span><a href="http://blog.cameronbaney.com/tutorials/create-a-css3-search-form/" style="background-color: #f0f2f3; color: #006666; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-decoration: none;">Cameron Baney</a><br /><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>1- </b>Vào <b>Mẫu</b> (Template) =><b> </b>Chọn <b>Chỉnh sử HTML </b>(Edit HTML) => <b>Tiếp tục </b>(Proceed) => Tìm kiếm thẻ  <b>]]></b:skin></b>  và dán code bên dưới dán vào trước thẻ  <b>]]></b:skin></b>  đó.</div><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;">#search-form {<br /> background: #e1e1e1; /* Fallback color for non-css3 browsers */<br /> width: 365px;<br /><br /> /* Gradients */<br /> background: -webkit-gradient( linear,left top, left bottom, color-stop(0, rgb(243,243,243)), color-stop(1, rgb(225,225,225)));<br /> background: -moz-linear-gradient( center top, rgb(243,243,243) 0%, rgb(225,225,225) 100%);<br /><br /> /* Rounded Corners */<br /> border-radius: 17px;<br /> -webkit-border-radius: 17px;<br /> -moz-border-radius: 17px;<br /><br /> /* Shadows */<br /> box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);<br /> -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);<br /> -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);<br />}<br /><br />/*** TEXT BOX ***/<br />input[type="text"]{<br /> background: #fafafa; /* Fallback color for non-css3 browsers */<br /><br /> /* Gradients */<br /> background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(250,250,250)), color-stop(1, rgb(230,230,230)));<br /> background: -moz-linear-gradient( center top, rgb(250,250,250) 0%, rgb(230,230,230) 100%);<br /><br /> border: 0;<br /> border-bottom: 1px solid #fff;<br /> border-right: 1px solid rgba(255,255,255,.8);<br /> font-size: 16px;<br /> margin: 4px;<br /> padding: 5px;<br /> width: 250px;<br /><br /> /* Rounded Corners */<br /> border-radius: 17px;<br /> -webkit-border-radius: 17px;<br /> -moz-border-radius: 17px;<br /><br /> /* Shadows */<br /> box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);<br /> -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);<br /> -moz-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);<br />}<br /><br />/*** USER IS FOCUSED ON TEXT BOX ***/<br />input[type="text"]:focus{<br /> outline: none;<br /> background: #fff; /* Fallback color for non-css3 browsers */<br /><br /> /* Gradients */<br /> background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(235,235,235)));<br /> background: -moz-linear-gradient( center top, rgb(255,255,255) 0%, rgb(235,235,235) 100%);<br />}<br /><br />/*** SEARCH BUTTON ***/<br />input[type="submit"]{<br /> background: #44921f;/* Fallback color for non-css3 browsers */<br /><br /> /* Gradients */<br /> background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(79,188,32)), color-stop(0.15, rgb(73,157,34)), color-stop(0.88, rgb(62,135,28)), color-stop(1, rgb(49,114,21)));<br /> background: -moz-linear-gradient( center top, rgb(79,188,32) 0%, rgb(73,157,34) 15%, rgb(62,135,28) 88%, rgb(49,114,21) 100%);<br /><br /> border: 0;<br /> color: #eee;<br /> cursor: pointer;<br /> float: right;<br /> font: 16px Arial, Helvetica, sans-serif;<br /> font-weight: bold;<br /> height: 30px;<br /> margin: 4px 4px 0;<br /> text-shadow: 0 -1px 0 rgba(0,0,0,.3);<br /> width: 84px;<br /> outline: none;<br /><br /> /* Rounded Corners */<br /> border-radius: 30px;<br /> -webkit-border-radius: 30px;<br /> -moz-border-radius: 30px;<br /><br /> /* Shadows */<br /> box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);<br /> -moz-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.2);<br /> -webkit-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);<br />}<br />/*** SEARCH BUTTON HOVER ***/<br />input[type="submit"]:hover {<br /> background: #4ea923; /* Fallback color for non-css3 browsers */<br /><br /> /* Gradients */<br /> background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(89,222,27)), color-stop(0.15, rgb(83,179,38)), color-stop(0.8, rgb(66,143,27)), color-stop(1, rgb(54,120,22)));<br /> background: -moz-linear-gradient( center top, rgb(89,222,27) 0%, rgb(83,179,38) 15%, rgb(66,143,27) 80%, rgb(54,120,22) 100%);<br />}<br />input[type="submit"]:active {<br /> background: #4ea923; /* Fallback color for non-css3 browsers */<br /><br /> /* Gradients */<br /> background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(89,222,27)), color-stop(0.15, rgb(83,179,38)), color-stop(0.8, rgb(66,143,27)), color-stop(1, rgb(54,120,22)));<br /> background: -moz-linear-gradient( center bottom, rgb(89,222,27) 0%, rgb(83,179,38) 15%, rgb(66,143,27) 80%, rgb(54,120,22) 100%);<br />}</pre><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>2- </b>Tạo một widget<b> HTML/Javarsci</b>p và dán đoạn code bên dưới vào. Hãy nhớ thay <span style="color: red;"><b>Id search</b></span>của bạn</div><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><form id="search-form" id="<span style="color: red;"><b>000704786632954521024:590qlmgqwcs</b></span>" action="<span style="color: blue;"><b>http://www.google.com/search</b></span>"><br /><input value="<span style="color: red;"><b>000704786632954521024:590qlmgqwcs</b></span>" name="cx" type="hidden"/> <br /><input value="FORID:11" name="cof" type="hidden"/> <br /><input id="q" name="q" size="70" type="text" /> <br /><input name="sa" type="submit" value="Search" /> <br /></form></pre><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;">Style 4: styling input search form css</h3><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a class="button green" href="http://namkna-test.blogspot.com/2012/12/styling-input-search-form-css.html" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(125, 183, 47)), to(rgb(78, 125, 14))); border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border: 1px solid rgb(83, 131, 18); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; color: #006666; cursor: pointer; display: inline-block; font-family: Arial, Helvetica, sans-serif; line-height: 14px; margin: 0px 2px; outline: none; padding: 0.5em 2em 0.55em; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 1px; vertical-align: baseline; zoom: 1;" target="_blank">View Demo</a></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><i>Ảnh minh họa:</i></div><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik_FR_ni-x4oo2zfoZL1oLIbnFEaZcg_MkOafBS4ESdTja5y-IErqzjJV_6UvACBGNKkHHrdAPo85pu0HtSED6UYBmzHQgErC0mxReKa1CppjLoaZQT3wGEydwIYkO6W6oGGDhpRBMAfQ/s1600/customize-google-custom-search-box-for-blogger-blogspot-4.PNG" imageanchor="1" style="color: #006666; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Customize Google Custom Search Box - tùy chỉnh khung tìm kiếm của blog bằng css 3 - http://namkna.blogspot.com/" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik_FR_ni-x4oo2zfoZL1oLIbnFEaZcg_MkOafBS4ESdTja5y-IErqzjJV_6UvACBGNKkHHrdAPo85pu0HtSED6UYBmzHQgErC0mxReKa1CppjLoaZQT3wGEydwIYkO6W6oGGDhpRBMAfQ/s1600/customize-google-custom-search-box-for-blogger-blogspot-4.PNG" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Customize Google Custom Search Box - tùy chỉnh khung tìm kiếm của blog bằng css 3 - http://namkna.blogspot.com/" /></a></div><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Được phát triển bởi </span><a href="http://www.sohtanaka.com/web-design/styling-input-search-form-css/" style="background-color: #f0f2f3; color: #006666; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-decoration: none;">Soh Tanaka</a><br /><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>1- </b>Vào <b>Mẫu</b> (Template) =><b> </b>Chọn <b>Chỉnh sử HTML </b>(Edit HTML) => <b>Tiếp tục </b>(Proceed) => Tìm kiếm thẻ  <b></head></b>  và dán code bên dưới dán vào trước thẻ  <b></head></b>  đó. </div><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><style>fieldset.search {<br /> border: none;<br /> width: 243px;<br /> margin: 0 auto;<br /> background: #222;<br />}<br />.search input, .search button {<br /> border: none;<br /> float: left;<br />}<br />.search input.box {<br /> color: #fff;<br /> font-size: 1.2em;<br /> width: 190px;<br /> height: 30px;<br /> padding: 8px 5px 0;<br /> background: #616161 url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrrbVh4NbKD_rH7_9n33su0zyVnO6rxhkfDK8Akfm5QguO_c-mej7tt3Uk001-34epgY7QrCLFC-3Ujr-K2Aim5BLGkxZyDmzXONnbLzTp7vA9jWtOyegH3TdxK4eCBj9ZClKK5p4zycjV/s1600-d/search_bg.gif" style="color: #006666; text-decoration: none;" target="_blank"><b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ-h3sPETXJ30dmTbGLqaLro5h8fEqp6MP0UmWv0HphlOwsVcQeq2qHp6i-sx37VdyZZZF-ZZby0oImPRqIS_H2Wba7d4XPArxl1FxvHQI2D16npB2FX1kehUO7Xf0gsu8PqrP1px8ssM/s1600/search_bg_namkna-blogspot-com.gif</b></a>) no-repeat;<br /> margin-right: 5px;<br />}<br />.search input.box:focus {<br /> background: #616161 url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrrbVh4NbKD_rH7_9n33su0zyVnO6rxhkfDK8Akfm5QguO_c-mej7tt3Uk001-34epgY7QrCLFC-3Ujr-K2Aim5BLGkxZyDmzXONnbLzTp7vA9jWtOyegH3TdxK4eCBj9ZClKK5p4zycjV/s1600-d/search_bg.gif" style="color: #006666; text-decoration: none;" target="_blank">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ-h3sPETXJ30dmTbGLqaLro5h8fEqp6MP0UmWv0HphlOwsVcQeq2qHp6i-sx37VdyZZZF-ZZby0oImPRqIS_H2Wba7d4XPArxl1FxvHQI2D16npB2FX1kehUO7Xf0gsu8PqrP1px8ssM/s1600/search_bg_namkna-blogspot-com.gif</a>) no-repeat left -38px;<br /> outline: none;<br />}<br />.search button.btn {<br /> width: 38px;<br /> height: 38px;<br /> cursor: pointer;<br /> text-indent: -9999px;<br /> background: #fbc900 url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrrbVh4NbKD_rH7_9n33su0zyVnO6rxhkfDK8Akfm5QguO_c-mej7tt3Uk001-34epgY7QrCLFC-3Ujr-K2Aim5BLGkxZyDmzXONnbLzTp7vA9jWtOyegH3TdxK4eCBj9ZClKK5p4zycjV/s1600-d/search_bg.gif" style="color: #006666; text-decoration: none;" target="_blank"><b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ-h3sPETXJ30dmTbGLqaLro5h8fEqp6MP0UmWv0HphlOwsVcQeq2qHp6i-sx37VdyZZZF-ZZby0oImPRqIS_H2Wba7d4XPArxl1FxvHQI2D16npB2FX1kehUO7Xf0gsu8PqrP1px8ssM/s1600/search_bg_namkna-blogspot-com.gif</b></a>) no-repeat top right;<br />}<br />.search button.btn:hover {<br /> background: #fbc900 url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrrbVh4NbKD_rH7_9n33su0zyVnO6rxhkfDK8Akfm5QguO_c-mej7tt3Uk001-34epgY7QrCLFC-3Ujr-K2Aim5BLGkxZyDmzXONnbLzTp7vA9jWtOyegH3TdxK4eCBj9ZClKK5p4zycjV/s1600-d/search_bg.gif" style="color: #006666; text-decoration: none;" target="_blank">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ-h3sPETXJ30dmTbGLqaLro5h8fEqp6MP0UmWv0HphlOwsVcQeq2qHp6i-sx37VdyZZZF-ZZby0oImPRqIS_H2Wba7d4XPArxl1FxvHQI2D16npB2FX1kehUO7Xf0gsu8PqrP1px8ssM/s1600/search_bg_namkna-blogspot-com.gif</a><span id="goog_1031234724"></span><span id="goog_1031234725"></span>) no-repeat bottom right;<br />}</style><br /><!--[if lte IE 7]><br /><style><br />.search input.box {<br /> background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPl9VKsOqEo3z9qoU5KxPjM_Rrrrhub6PwrAquUZX77i6_E4-vIpJBL6Mw5F2d5u-L931dl5Wtfw2xnexfNQr6_Yt-S7BkOTsKibujQcYDtaInsLa24VSjxGUZNHyQajBL6vG0mD4VmT7N/s1600-d/search_bg_ie.gif" style="color: #006666; text-decoration: none;" target="_blank"><b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM6E-18VO-FizVs6n8l1Z7KH3XaNfEqUtR563zhvJZ70kFuU6bOV5ZW2H6XPOhyphenhyphenzx-dqK6pkR405BB_sy6FjNKpRXgz-5KaO2ofjeW8MtdWsbFu9SWa9XQSvlU50ZW8wUMKb5axCYV6aI/s1600/search_bg_ie_namkna-blogspot-com.gif</b></a>) no-repeat right bottom;<br />}<br /></style><br /><![endif]--></pre><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">2- </b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Tạo một widget</span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"> HTML/Javarsci</b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">p và dán đoạn code bên dưới vào. Hãy nhớ thay </span><span style="background-color: #f0f2f3; color: red; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><b>Id search</b></span><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">của bạn </span><br /><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><form id="searchform" id="<span style="color: red;"><b>000704786632954521024:590qlmgqwcs</b></span>" action="<span style="color: blue;"><b>http://www.google.com/search</b></span>"><br /><fieldset class="search"><br /><input value="<span style="color: red;"><b>000704786632954521024:590qlmgqwcs</b></span>" name="cx" type="hidden"/> <br /><input value="FORID:11" name="cof" type="hidden"/> <br /><input id="q" name="q" size="70" type="text" class="box" /> <br /><button class="btn" type="submit" title="Submit Search">Search</button><br /></fieldset><br /></form></pre><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;">Style 5: css3 search field</h3><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a class="button green" href="http://namkna-test.blogspot.com/2012/12/css3-search-field.html" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(125, 183, 47)), to(rgb(78, 125, 14))); border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border: 1px solid rgb(83, 131, 18); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; color: #006666; cursor: pointer; display: inline-block; font-family: Arial, Helvetica, sans-serif; line-height: 14px; margin: 0px 2px; outline: none; padding: 0.5em 2em 0.55em; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 1px; vertical-align: baseline; zoom: 1;" target="_blank">View Demo</a></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><i>Ảnh minh họa:</i></div><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJg50Aq9Ts0dxwf7Ct3SjHADE6DHSe2v18oBp2IuifJmmD-tOqaqQnTe6AOs9yScvg7mqRs_BLH0aKOQx4vctI7kVd7-DuLAWvr5Z1albKzfoSkcLbXb0rse_KEgj320MDcsSQ0wQI734/s1600/customize-google-custom-search-box-for-blogger-blogspot-5.PNG" imageanchor="1" style="color: #006666; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Customize Google Custom Search Box - tùy chỉnh khung tìm kiếm của blog bằng css 3 - http://namkna.blogspot.com/" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJg50Aq9Ts0dxwf7Ct3SjHADE6DHSe2v18oBp2IuifJmmD-tOqaqQnTe6AOs9yScvg7mqRs_BLH0aKOQx4vctI7kVd7-DuLAWvr5Z1albKzfoSkcLbXb0rse_KEgj320MDcsSQ0wQI734/s1600/customize-google-custom-search-box-for-blogger-blogspot-5.PNG" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Customize Google Custom Search Box - tùy chỉnh khung tìm kiếm của blog bằng css 3 - http://namkna.blogspot.com/" /></a></div><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Được thiết kế bởi </span><a href="http://www.hongkiat.com/blog/css3-search-field/" style="background-color: #f0f2f3; color: #006666; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-decoration: none;">Bharani M</a><br /><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>1- </b>Vào <b>Mẫu</b> (Template) =><b> </b>Chọn <b>Chỉnh sử HTML </b>(Edit HTML) => <b>Tiếp tục </b>(Proceed) => Tìm kiếm thẻ  <b>]]></b:skin></b>  và dán code bên dưới dán vào trước thẻ  <b>]]></b:skin></b>  đó.</div><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;">#main {<br /> width: 400px;<br /> height: 50px;<br /> background: #f2f2f2;<br /> padding: 6px 10px;<br /> border: 1px solid #b5b5b5;<br /> <br /> -moz-border-radius: 5px;<br /> -webkit-border-radius: 5px;<br /> border-radius: 5px;<br /> <br /> -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8), inset 0 2px 2px rgba(255, 255, 255, 1), 0 5px 0 #ccc, 0 6px 0 #989898, 0 13px 0 #dfdede;<br /> -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8), inset 0 2px 2px rgba(255, 255, 255, 1), 0 5px 0 #ccc, 0 6px 0 #989898, 0 13px 0 #dfdede;<br /> box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8), inset 0 2px 2px rgba(255, 255, 255, 1), 0 5px 0 #ccc, 0 6px 0 #989898, 0 13px 0 #dfdede;<br />}<br /><br />input[type="text"] {<br /> float: left;<br /> width: 230px;<br /> padding: 15px 5px 5px 5px;<br /> margin-top: 5px;<br /> margin-left: 3px;<br /> border: 1px solid #999999;<br /> <br /> -moz-border-radius: 5px;<br /> -webkit-border-radius: 5px;<br /> border-radius: 5px;<br /><br /> -moz-box-shadow: inset 0 5px 0 #ccc, inset 0 6px 0 #989898, inset 0 13px 0 #dfdede;<br /> -webkit-box-shadow: inset 0 5px 0 #ccc, inset 0 6px 0 #989898, inset 0 13px 0 #dfdede;<br /> box-shadow: inset 0 5px 0 #ccc, inset 0 6px 0 #989898, inset 0 13px 0 #dfdede;<br />}<br /><br />input[type="submit"].solid {<br /> float: left;<br /> cursor: pointer;<br /> width: 130px;<br /> padding: 8px 6px;<br /> margin-left: 20px;<br /> background-color: #f8b838;<br /> color: rgba(134, 79, 11, 0.8);<br /> text-transform: uppercase;<br /> font-weight: bold;<br /> border: 1px solid #99631d;<br /> <br /> -moz-border-radius: 5px;<br /> -webkit-border-radius: 5px;<br /> border-radius: 5px;<br /> <br /> text-shadow: 0 1px 2px rgba(255, 255, 255, 0.7), 0 -1px 0 rgba(64, 38, 5, 0.9); <br /> <br /> -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 5px 0 #b8882a, 0 6px 0 #593a11, 0 13px 0 #ccc;<br /> -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 5px 0 #b8882a, 0 6px 0 #593a11, 0 13px 0 #ccc;<br /> box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 5px 0 #b8882a, 0 6px 0 #593a11, 0 13px 0 #ccc;<br /><br /> -webkit-transition: background 0.2s ease-out;<br />}<br /> <br />input[type="submit"].solid:hover, input[type="submit"].solid:focus {<br /> background: #ffd842;<br /> <br /> -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.9), inset 0 2px 1px rgba(255, 250, 76, 0.8), 0 5px 0 #d8a031, 0 6px 0 #593a11, 0 13px 0 #ccc;<br /> -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.9), inset 0 2px 1px rgba(255, 250, 76, 0.8), 0 5px 0 #d8a031, 0 6px 0 #593a11, 0 13px 0 #ccc;<br /> box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.9), inset 0 2px 1px rgba(255, 250, 76, 0.8), 0 5px 0 #d8a031, 0 6px 0 #593a11, 0 13px 0 #ccc;<br />}<br /> <br />input[type="submit"].solid:active {<br /> background: #f6a000;<br /> position: relative;<br /> top: 5px;<br /> border: 1px solid #702d00;<br /> <br /> -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 3px 0 #b8882a, 0 4px 0 #593a11, 0 8px 0 #ccc;<br /> -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 3px 0 #b8882a, 0 4px 0 #593a11, 0 8px 0 #ccc;<br /> box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 3px 0 #b8882a, 0 4px 0 #593a11, 0 8px 0 #ccc;<br />}</pre><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>2- </b>Tạo một widget<b> HTML/Javarsci</b>p và dán đoạn code bên dưới vào. Hãy nhớ thay <span style="color: red;"><b>Id search</b></span>của bạn</div><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><section id="wrapper"> <br /><div id="main"> <br /><form id="<span style="color: red;"><b>000704786632954521024:590qlmgqwcs</b></span>" action="<span style="color: blue;"><b>http://www.google.com/search</b></span>"><br /><input value="<span style="color: red;"><b>000704786632954521024:590qlmgqwcs</b></span>" name="cx" type="hidden"/> <br /><input value="FORID:11" name="cof" type="hidden"/> <br /><input id="q" name="q" size="70" type="text" id="search" /> <br /><input name="sa" type="submit" class="solid" /> <br /></form><br /></div><br /></section></pre><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;">Style 6: css3 search box inspired Apple</h3><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a class="button green" href="http://namkna-test.blogspot.com/2012/12/css3-search-box-inspired-apple.html" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(125, 183, 47)), to(rgb(78, 125, 14))); border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border: 1px solid rgb(83, 131, 18); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; color: #006666; cursor: pointer; display: inline-block; font-family: Arial, Helvetica, sans-serif; line-height: 14px; margin: 0px 2px; outline: none; padding: 0.5em 2em 0.55em; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 1px; vertical-align: baseline; zoom: 1;" target="_blank">View Demo</a></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><i>Ảnh minh họa:</i></div><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6CqDgPCCFTI86NdMCWFJE7JuQJf3XFcamEIVajGOTIgtgjncG1lLvG2r_n7lWC9v-sv5VcgK7Su1I-wKw5UVLHgd75M8fEP30ph_C8uMk4oZzIPkxq8tmOdxa3YUqRbMq7Cv4g7JtzYw/s1600/customize-google-custom-search-box-for-blogger-blogspot-6.PNG" imageanchor="1" style="color: #006666; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Customize Google Custom Search Box - tùy chỉnh khung tìm kiếm của blog bằng css 3 - http://namkna.blogspot.com/" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6CqDgPCCFTI86NdMCWFJE7JuQJf3XFcamEIVajGOTIgtgjncG1lLvG2r_n7lWC9v-sv5VcgK7Su1I-wKw5UVLHgd75M8fEP30ph_C8uMk4oZzIPkxq8tmOdxa3YUqRbMq7Cv4g7JtzYw/s1600/customize-google-custom-search-box-for-blogger-blogspot-6.PNG" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Customize Google Custom Search Box - tùy chỉnh khung tìm kiếm của blog bằng css 3 - http://namkna.blogspot.com/" /></a></div><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Phát triển bởi </span><a href="http://www.bloggermint.com/2011/06/css3-search-box-inspired-by-apple-com/" style="background-color: #f0f2f3; color: #006666; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-decoration: none;">Rethnaraj Rambabu</a><br /><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>1- </b>Vào <b>Mẫu</b> (Template) =><b> </b>Chọn <b>Chỉnh sử HTML </b>(Edit HTML) => <b>Tiếp tục </b>(Proceed) => Tìm kiếm thẻ  <b>]]></b:skin></b>  và dán code bên dưới dán vào trước thẻ  <b>]]></b:skin></b>  đó. </div><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;">#search {<br /><br />}<br /><br />#search input[type="text"] {<br /> background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XKSLfNHgeD50SWn0vacUItyU7yHaMhitzQtK9DX9xLX1SG_XRIDju1YGcyCtGZ85QToXSCz2MpFPU9hROKrKl-xahcmHeKzcnocGzAdm2XZldYKGGfZhl_zo2vqnsh7IzjIqbPD7-0vA/s1600-d/search-white.png" style="color: #006666; text-decoration: none;" target="_blank">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju_a-JSy_jSrU5-bYBeaXHa2RbvZCcizfpsTKtghMhwmP73CwlyYSH_85mxOzrm34vdzbIlGn7u_Hkv3smLkW_AEwI3nAWTNBj1xGHmiE7v00vEZiWuC9aC-oEsRbZ2Mzzh9NjsNI_GOQ/s1600/search-white-namkna-blogspot-com.png</a>) no-repeat 10px 6px #444;<br /> border: 0 none;<br /> font: bold 12px Arial,Helvetica,Sans-serif;<br /> color: #d7d7d7;<br /> width:150px;<br /> padding: 6px 15px 6px 35px;<br /> -webkit-border-radius: 20px;<br /> -moz-border-radius: 20px;<br /> border-radius: 20px;<br /> text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);<br /> -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;<br /> -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;<br /> box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;<br /> -webkit-transition: all 0.7s ease 0s;<br /> -moz-transition: all 0.7s ease 0s;<br /> -o-transition: all 0.7s ease 0s;<br /> transition: all 0.7s ease 0s;<br /> }<br /><br />#search input[type="text"]:focus {<br /> background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibvAbWU55Y8Qu59m2dCia_H9-hQjPTmT341cuYu3S3z_DOcpQcJRrgaiJGtHfW0uI6xrZQf9gZbAxfwSsqvoMVjNKoXuUgULlzd7ThHRZCwWLJPA7JYxLu5WdcNmModfK-V4zPkeUlgtPW/s1600-d/search-dark.png" style="color: #006666; text-decoration: none;" target="_blank">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9so4b6_cIf5TTlgzEjOWXU9SlpIC94GZNQZTPiYsb26Mrp6qdN_TsBIyGkd-EDJkGx98gTdreZt4qZ4xTfJOUoNZfhREJKEU3zIUDFXnzkR7B21WAAc5CbH1yAsQf6Y5FxN5r8B6QPt4/s1600/search-dark-namkna-blogspot-com.png</a>) no-repeat 10px 6px #fcfcfc;<br /> color: #6a6f75;<br /> width: 200px;<br /> -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;<br /> -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;<br /> box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;<br /> text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);<br /> }</pre><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>2- </b>Tạo một widget<b> HTML/Javarsci</b>p và dán đoạn code bên dưới vào. Hãy nhớ thay <span style="color: red;"><b>Id search</b></span>của bạn</div><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><form id="search" method="get" id="<span style="color: red;"><b>000704786632954521024:590qlmgqwcs</b></span>" action="<span style="color: blue;"><b>http://www.google.com/search</b></span>"><br /><input value="<span style="color: red;"><b>000704786632954521024:590qlmgqwcs</b></span>" name="cx" type="hidden"/> <br /><input value="FORID:11" name="cof" type="hidden"/> <br /><input id="q" name="q" size="70" type="text" placeholder="Search..." /> <br /></form></pre> <span style="background-color: white; color: #666666; font-family: Arial; font-size: 14px;">Thay </span><b style="background-color: white; color: #666666; font-family: Arial; font-size: 14px;">FORID:11</b><span style="background-color: white; color: #666666; font-family: Arial; font-size: 14px;"> thành URL blog của bạn </span><br /><br style="background-color: white; color: #666666; font-family: Arial; font-size: 14px;" /><span style="background-color: white; font-family: Arial; font-size: 14px;"><u><span style="color: blue;">và nếu chèn vào Template thì thay đoạn:</span></u></span><br /><br style="background-color: white; color: #666666; font-family: Arial; font-size: 14px;" /><i style="background-color: white; color: #666666; font-family: Arial; font-size: 14px;"><form id="search" method="get" id="000704786632954521024:590qlmgqwcs" action="http://www.google.com/search"></i><br /><br style="background-color: white; color: #666666; font-family: Arial; font-size: 14px;" /><span style="background-color: white; color: #666666; font-family: Arial; font-size: 14px;">Thành:</span><br /><br style="background-color: white; color: #666666; font-family: Arial; font-size: 14px;" /><i style="background-color: white; color: #666666; font-family: Arial; font-size: 14px;"><form id="search" method="get" action="http://www.google.com/search"></i><br /><i style="background-color: white; color: #666666; font-family: Arial; font-size: 14px;"><br /></i><span style="background-color: #f4f4f4; font-family: Arial; font-size: 14px;"><u><span style="color: blue;">Để hộp tìm kiếm  ở sát mé bên phải của thanh menu :</span></u></span><br /><span style="background-color: #f4f4f4; color: #666666; font-family: Arial; font-size: 14px;">bạn đặt code của khung search vào trong cặp thẻ sau:</span><br /><br style="background-color: #f4f4f4; color: #666666; font-family: Arial; font-size: 14px;" /><span style="background-color: #f4f4f4; color: #666666; font-family: Arial; font-size: 14px;"><div id='namkna-search'></span><br /><br style="background-color: #f4f4f4; color: #666666; font-family: Arial; font-size: 14px;" /><span style="background-color: #f4f4f4; color: #666666; font-family: Arial; font-size: 14px;"><form action='http://www.google.com/search' id='search' method='get'></span><br /><span style="background-color: #f4f4f4; color: #666666; font-family: Arial; font-size: 14px;"><input name='cx' type='hidden' value='017753565239794615853:0fpz4rh_rba'/></span><br /><span style="background-color: #f4f4f4; color: #666666; font-family: Arial; font-size: 14px;"><input name='cof' type='hidden' value='http://ngangianghoa.blogspot.com'/></span><br /><span style="background-color: #f4f4f4; color: #666666; font-family: Arial; font-size: 14px;"><input id='q' name='q' placeholder='Nhập nội dung và nhấn Enter...' size='70' type='text'/></span><br /><span style="background-color: #f4f4f4; color: #666666; font-family: Arial; font-size: 14px;"></form></span><br /><br style="background-color: #f4f4f4; color: #666666; font-family: Arial; font-size: 14px;" /><span style="background-color: #f4f4f4; color: #666666; font-family: Arial; font-size: 14px;"></div></span><br /><br style="background-color: #f4f4f4; color: #666666; font-family: Arial; font-size: 14px;" /><span style="background-color: #f4f4f4; color: #666666; font-family: Arial; font-size: 14px;">Thêm đoạn mã sau và trước ]]></b:skin></span><br /><br style="background-color: #f4f4f4; color: #666666; font-family: Arial; font-size: 14px;" /><span style="background-color: #f4f4f4; color: #666666; font-family: Arial; font-size: 14px;">#namkna-search{float:right; width:200px; margin:0}</span><br /><span style="background-color: #f4f4f4; color: #666666; font-family: Arial; font-size: 14px;"><br /></span><span style="background-color: #f4f4f4; font-family: Arial; font-size: 14px;"><u><span style="color: blue;">Để nội dung tìm kiếm nó bật sang 1 trang khác:</span></u></span><br /><span style="background-color: white; color: #666666; font-family: Arial; font-size: 14px;">Bạn sửa:</span><br /><br style="background-color: white; color: #666666; font-family: Arial; font-size: 14px;" /><span style="background-color: white; color: #666666; font-family: Arial; font-size: 14px;"><form action='http://www.google.com/search' id='search' method='get'></span><br /><br style="background-color: white; color: #666666; font-family: Arial; font-size: 14px;" /><span style="background-color: white; color: #666666; font-family: Arial; font-size: 14px;">Thành:</span><br /><br style="background-color: white; color: #666666; font-family: Arial; font-size: 14px;" /><span style="background-color: white; color: #666666; font-family: Arial; font-size: 14px;"><form action='http://www.google.com/search' id='search' method='get' target='_blank'></span><br /><span style="background-color: white; color: #666666; font-family: Arial; font-size: 14px;"><br /></span><span style="background-color: white; font-family: Arial; font-size: 14px;"><span style="color: #666666;">                                                                           </span><b><i><span style="color: #b45f06;">    ( Theo : Namkna)</span></i></b></span><br /><span style="background-color: #f4f4f4; color: #666666; font-family: Arial; font-size: 14px;"><br /></span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18.1875px;">                                                                                                             </span><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18.1875px;"><i>Thu thuat vi tinh</i></b>

Tùy chỉnh Google Custom Search bằng CSS3 cho blogger

Google Custom Search là một trong những công cụ có danh sách các ưu điểm gần như vô tận. Từ cung cấp các kết quả tìm kiếm siêu liên kết đến ...

Read more »