tag:blogger.com,1999:blog-6359462742344765272024-03-19T19:26:50.046+07:00Thủ Thuật BlogChia sẻ kinh nghiệm và hướng dẫn sử dụng Blogger (BlogSpot), WordPress, CSS, HTML, thiết kế template, SEO, online marketing và mạng xã hội.Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.comBlogger123125tag:blogger.com,1999:blog-635946274234476527.post-36409818363774931352014-04-08T12:14:00.000+07:002014-04-08T12:14:11.140+07:00Bố cục chân trang nhiều cột cho BloggerTheo mặc định, trình thiết kế mẫu cho Blogger chỉ có ba lựa chọn bố cục chân trang 1 cột, 2 cột và 3 cột. Vậy trong trường hợp chúng ta có nhu cầu nhiều thì làm thế nào? Bài viết sẽ gợi ý cho bạn các bước thực hiện dễ dàng và đơn giản với các mẫu sẵn có của Blogger.<br />
<br />
<h4>Thay đổi bố cục chân trang</h4><br />
Blogger cho phép bạn tùy chỉnh tối đa mẫu mà bạn đang sử dụng trong đó có thay đổi bố cục chân trang. Thao tác thay đổi khá dễ, bạn chỉ việc vào <i>Mẫu</i> > <i>Tùy chỉnh</i> > <i>Bố cục</i> và chọn <i>Bố cục chân trang</i> phù hợp với 1 trong 3 lựa chọn như đề cập ở đầu bài viết.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoUgTbORbvYCo865cSBcJAJTgr7oXK2f61JQ14p9BiDIvSv1Z4O2p-rz0-THn3Pg9ZQCdWaySD1IuTyE3fZzXb8tgIyrrqpVlMMQxYRKxfvJDKMXkWPYOVF6WNQX0Ty921E8sGdHYMiLFp/s1600/thay-doi-bo-cuc-chan-trang.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Thay đổi bố cục chân trang Blogger (BlogSpot)" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoUgTbORbvYCo865cSBcJAJTgr7oXK2f61JQ14p9BiDIvSv1Z4O2p-rz0-THn3Pg9ZQCdWaySD1IuTyE3fZzXb8tgIyrrqpVlMMQxYRKxfvJDKMXkWPYOVF6WNQX0Ty921E8sGdHYMiLFp/s600/thay-doi-bo-cuc-chan-trang.png" title="Thay đổi bố cục chân trang Blogger (BlogSpot)" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Thay đổi bố cục chân trang</td></tr>
</tbody></table><br />
Tuy nhiên trên <i>Trình thiết kế mẫu cho Blogger</i> không có lựa chọn <i>Bố cục chân trang</i> nhiều hơn 3 cột. Vậy thì làm thế nào?<br />
<br />
<h4>Bố cục chân trang 4 cột</h4><br />
Đăng nhập vào Blogger, chọn <i>Mẫu</i> > <i>Chỉnh sửa HTML</i> > Tìm đoạn code sau đây:<br />
<br />
<pre><macro:include id='footer-sections' name='sections'>
<macro:param default='2' name='num' value='<span class="l">3</span>'/>
<macro:param default='footer' name='idPrefix'/>
<macro:param default='foot' name='class'/>
<macro:param default='false' name='includeBottom'/>
</macro:include>
</pre><br />
Thay chữ số 3 có màu nổi bật bằng số 4 và lưu lại. Nhấp thẻ <i>Bố cục</i> để quan sát, bây giờ bạn sẽ thấy chân trang có 4 cột.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEjC_x1oJywEB-QDirKVhQHTVc7ZY3x9r6vbHvNyEwSn_-odUq4itqnt6KceFUVMutyErMCvdWgcFOpVm_y7PNyKmc5uoEOb6ZawQGpFPmVSkDWOzfILQpJzIyw1dKg1PWWSxwPgFtCY34/s1600/bo-cuc-chan-trang-4-cot.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Bố cục chân trang Blogger có 4 cột" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEjC_x1oJywEB-QDirKVhQHTVc7ZY3x9r6vbHvNyEwSn_-odUq4itqnt6KceFUVMutyErMCvdWgcFOpVm_y7PNyKmc5uoEOb6ZawQGpFPmVSkDWOzfILQpJzIyw1dKg1PWWSxwPgFtCY34/s600/bo-cuc-chan-trang-4-cot.png" title="Bố cục chân trang Blogger có 4 cột" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Bố cục chân trang Blogger có 4 cột</td></tr>
</tbody></table><br />
<h4>Bố cục chân trang nhiều hơn 4 cột</h4><br />
Giả sử muốn chân trang có 5 cột, hãy thay chữ số 3 có màu nổi bật ở bước trên bằng số 5. Tuy nhiên khi lưu xong trở lại <i>Bố cục</i> bạn chỉ thấy có 4 cột mà thôi. Do đó chúng ta cần phải bổ sung thêm.<br />
<br />
Nhấp <i>Mẫu</i> > <i>Chỉnh sửa HTML</i> và tìm đoạn code sau đây:<br />
<br />
<pre><macro:if cond='data:col.num &gt;= 4'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
</td>
</macro:if>
</pre><br />
Và thay bằng:<br />
<br />
<pre><macro:if cond='data:col.num &gt;= 4'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
</td>
</macro:if>
<macro:if cond='data:col.num &gt;= 5'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-5&quot;'/>
</td>
</macro:if>
</pre><br />
Quay lại <i>Bố cục</i> bạn sẽ nhìn thấy như sau:<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjCzDiu7ZbxZ1uuJGpSWwIxDMAWJMcjQXiTBz86y8VxT2hCY4gCQUHfVCM0wdv2hAGMhokjO9WNoPiGvnO0TU5rGJ-WERHg_FX5fpNBGbtGVUDuAs0WB30AAbc6ZYOlPqTzWcPBkOh_lJQ/s1600/bo-cuc-chan-trang-5-cot.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Bố cục chân trang Blogger có 5 cột" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjCzDiu7ZbxZ1uuJGpSWwIxDMAWJMcjQXiTBz86y8VxT2hCY4gCQUHfVCM0wdv2hAGMhokjO9WNoPiGvnO0TU5rGJ-WERHg_FX5fpNBGbtGVUDuAs0WB30AAbc6ZYOlPqTzWcPBkOh_lJQ/s600/bo-cuc-chan-trang-5-cot.png" title="Bố cục chân trang Blogger có 5 cột" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Bố cục chân trang Blogger có 5 cột</td></tr>
</tbody></table><br />
Để có cột thứ 6 chúng ta sẽ thay bằng đoạn mã sau đây.<br />
<br />
<pre><macro:if cond='data:col.num &gt;= 4'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
</td>
</macro:if>
<macro:if cond='data:col.num &gt;= 5'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-5&quot;'/>
</td>
</macro:if>
<macro:if cond='data:col.num &gt;= 6'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-6&quot;'/>
</td>
</macro:if>
</pre><br />
Tương tự bổ sung để có nhiều cột hơn.<br />
<br />
Blogger sẽ tự động chia các cột này đều nhau và chiều ngang của chúng bằng nhau. Trong trường hợp muốn các cột này không bằng nhau, hãy quay lại đọc bài viết tiếp theo.<br />
<br />
Nếu bạn đang dùng các mẫu đã tùy chỉnh không dựa trên nguyên gốc của Blogger, bổ sung thêm cột cho chân trang sẽ không giống như hướng dẫn này. <br />
<br />
Bạn có thắc mắc đừng quên để lại dưới bài viết hoặc tham gia nhóm <a href="https://www.facebook.com/groups/371172849687381/" target="_blank">Cộng đồng sử dụng Blogger Việt Nam</a> trên Facebook để cùng thảo luận.Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com0tag:blogger.com,1999:blog-635946274234476527.post-66225611025231916212013-05-21T16:04:00.000+07:002014-03-28T01:35:45.478+07:00Mẫu form liên hệ chính thức của BloggerBlogger vừa bổ sung mẫu form liên hệ chính thức của riêng mình cho người dùng thông qua một tiện ích mới có tên gọi Biểu mẫu liên hệ (Contact form). Trước đây chúng ta đều phải sử dụng dịch vụ của một bên thứ ba. Nay thì mọi thứ đơn giản hơn, bạn có thể nhận tin nhắn từ người đọc ngay trong email mà không cần cung cấp địa chỉ email ra bên ngoài. <br />
<br />
Để sử dụng form này bạn chỉ cần đăng nhập Blogger > <b>Bố cục</b> > <b>Thêm tiện ích</b> > <b>Tiện ích khác </b>> <b>Biểu mẫu liên hệ</b> (Xem lần lượt các hình 1, 2, 3)<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW3J9thoK67saq4oQu4wYwTMTBA5lUCXwpncayU7YN-jlZAddNhdxSiUC5qPNJi0HE4bp64dGPta1GdB_0EdK3lpO-O0knE_QL48TP9sejOrNZifI-Thu4fuA_LVFHZgZhHZ-aJ81Goujw/s1600/form-lien-he.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW3J9thoK67saq4oQu4wYwTMTBA5lUCXwpncayU7YN-jlZAddNhdxSiUC5qPNJi0HE4bp64dGPta1GdB_0EdK3lpO-O0knE_QL48TP9sejOrNZifI-Thu4fuA_LVFHZgZhHZ-aJ81Goujw/s400/form-lien-he.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Hình 1</td></tr>
</tbody></table><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-AQThma7bYu3gbVP0XrbJceMCpIwWtiOD-jRLV2TJ8GosaUcVXnT-lcJfKsIK4PSrt68ZaLQuIz4Bn3iZsb7aGApRS_AoFKxAcqsG2J0yQZnDa9BY4rOvf5xfrfjQVc2M-HgpiZ9k7wQA/s1600/form_lien-he.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="332" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-AQThma7bYu3gbVP0XrbJceMCpIwWtiOD-jRLV2TJ8GosaUcVXnT-lcJfKsIK4PSrt68ZaLQuIz4Bn3iZsb7aGApRS_AoFKxAcqsG2J0yQZnDa9BY4rOvf5xfrfjQVc2M-HgpiZ9k7wQA/s400/form_lien-he.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Hình 2</td></tr>
</tbody></table><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIHeGSPsyzsREli4Kp6PsLIPm1M7c1mbT0hEJLaepBaDTUsHIjojRky4ynRsf14q-nh1dfF1pt6a6y7Cn-QEwTE0elbaf3N6fO_yd6dawukO6uu2sVSAau5BSCxZ8HwauUrIpvg_eQ9EX0/s1600/form-lien-he-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
</a></div><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJfQbsHNAPIR98b1M49-zDEiGpkIdW6DvBMkA6pibPIHVhR-2oql7BnoLeoO5vhc1wh1kvBpoBOrF7ktFqsA4IXBiqXfxrOyNL-OH-i79lhzg2OYjeMEOSqaOkqIS0vasn_ZzVRdWW-rPb/s1600/mau-form-lien-he-luu.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJfQbsHNAPIR98b1M49-zDEiGpkIdW6DvBMkA6pibPIHVhR-2oql7BnoLeoO5vhc1wh1kvBpoBOrF7ktFqsA4IXBiqXfxrOyNL-OH-i79lhzg2OYjeMEOSqaOkqIS0vasn_ZzVRdWW-rPb/s400/mau-form-lien-he-luu.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Hình 3</td></tr>
</tbody></table><br />
Sau khi lưu lại, nhớ kéo và thả vào vị trí bạn muốn rồi chọn <b>Lưu sắp xếp</b>.<br />
<br />
Hạn chế của mẫu form chỉ xuất hiện trên sidebar hoặc footer ở nơi mà bạn vừa lưu lúc nãy. Thông thường mẫu form liên hệ người ta đặt trong một trang riêng ở đó ghi các thông tin liên hệ và kèm mẫu form bên dưới. <br />
<br />
Nếu muốn đặt nó vào phần trang của Blogger thì bạn làm theo gợi ý tiếp theo. <br />
<br />
<b><u>Bước 1</u></b>. Giữ nguyên mẫu form liên hệ mà bạn vừa tạo lúc nãy.<br />
<br />
<b><u>Bước 2</u></b>. Nhấn <b>Mẫu</b> > <b>Chỉnh sửa HTML </b><br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIHeGSPsyzsREli4Kp6PsLIPm1M7c1mbT0hEJLaepBaDTUsHIjojRky4ynRsf14q-nh1dfF1pt6a6y7Cn-QEwTE0elbaf3N6fO_yd6dawukO6uu2sVSAau5BSCxZ8HwauUrIpvg_eQ9EX0/s1600/form-lien-he-2.png" style="margin-left: auto; margin-right: auto;"><img border="0" height="261" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIHeGSPsyzsREli4Kp6PsLIPm1M7c1mbT0hEJLaepBaDTUsHIjojRky4ynRsf14q-nh1dfF1pt6a6y7Cn-QEwTE0elbaf3N6fO_yd6dawukO6uu2sVSAau5BSCxZ8HwauUrIpvg_eQ9EX0/s400/form-lien-he-2.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Hình 4</td></tr>
</tbody></table><b><u>Bước 3</u></b>. Nhấp <b>Chuyển đến tiện ích</b> > <b>ContactForm1</b> <br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1P2ngzlDTWneusHEbk6HBwTuBKbfEYdUqVq_PDKBZpx6ecM3N7936zyjfHXEU7OG7tLUJhEeMxXpCvEZ9lrCDfo3BnFCEslt4a2f2lBuaQZWorj5IRxn0yfsk2qUPI6Pqz9fTyq2WwSc8/s1600/form-lien-he-3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="336" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1P2ngzlDTWneusHEbk6HBwTuBKbfEYdUqVq_PDKBZpx6ecM3N7936zyjfHXEU7OG7tLUJhEeMxXpCvEZ9lrCDfo3BnFCEslt4a2f2lBuaQZWorj5IRxn0yfsk2qUPI6Pqz9fTyq2WwSc8/s400/form-lien-he-3.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Hình 5</td></tr>
</tbody></table><u><b>Bước 4</b></u>. Nhấp chuột vào mũi tên phía đầu dòng tiện ích có id='ContactForm1' như hình<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBAHvBUQmEZ4zycxt9X-8ClEOxFwwxq75l47kzTFkyE63NdUJEg-kZaUZv2mUR7fHo70tC3_Pxne3AzAcIpasA2h7B4fOC4tKEdzC6USrwQBjxv0yaBWYhghTqLL-64AGjHrnPZ0LK6skg/s1600/form-lien-he-4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBAHvBUQmEZ4zycxt9X-8ClEOxFwwxq75l47kzTFkyE63NdUJEg-kZaUZv2mUR7fHo70tC3_Pxne3AzAcIpasA2h7B4fOC4tKEdzC6USrwQBjxv0yaBWYhghTqLL-64AGjHrnPZ0LK6skg/s400/form-lien-he-4.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Hình 6</td></tr>
</tbody></table><b><u>Bước 5</u></b>. Xóa hết đoạn code bên trong nó, như bạn nhìn thấy dưới đây, còn lại như hình 7 và sau đó <b>Lưu mẫu</b>.<br />
<br />
<pre class="brush:xml"><b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p/>
<data:contactFormNameMsg/>
<br/>
<input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
<p/>
<data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
<p/>
<data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
<p/>
<input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
<p/>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
</div>
</form>
</div>
</div>
<b:include name='quickedit'/></pre><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaNSPFtnfNZm2x6SQ2NrB8SdvxrsAg8Rii4pFmzwulV4nfjQ7u8FfVAol5oPv9LsqAVLDE4ICZ-axGC-5Pz4Z4th5gWmVtuKdgsXLpfbNuo7Ynn8QILObqjJBT6JHNLCfdGQN7G7EFvWam/s1600/form-lien-he-5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaNSPFtnfNZm2x6SQ2NrB8SdvxrsAg8Rii4pFmzwulV4nfjQ7u8FfVAol5oPv9LsqAVLDE4ICZ-axGC-5Pz4Z4th5gWmVtuKdgsXLpfbNuo7Ynn8QILObqjJBT6JHNLCfdGQN7G7EFvWam/s400/form-lien-he-5.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Hình 7</td></tr>
</tbody></table><br />
<u><b>Bước 6</b></u>. Thêm trang mới. Nhấn <b>Trang</b> > <b>Trang mới</b> > <b>Trang trống </b>để tạo. Nếu bạn đã có trang liên hệ rồi thì không cần tạo nữa.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioYKOX_CSa_oDdgG1-ymHFVdSoO-R9aKayjlQr7kv8PLotB7n8_wT0ai2U4uQ4v5buNDEIQi0f4vrzcnjTYU-oxkLdc5Xjs3uylsODr81MrShGzKJihaf5N9ezwIE6f5qadptw-YcDByA9/s1600/tao-trang-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioYKOX_CSa_oDdgG1-ymHFVdSoO-R9aKayjlQr7kv8PLotB7n8_wT0ai2U4uQ4v5buNDEIQi0f4vrzcnjTYU-oxkLdc5Xjs3uylsODr81MrShGzKJihaf5N9ezwIE6f5qadptw-YcDByA9/s400/tao-trang-blogger.png" width="400" /></a></div><br />
<u><b>Bước 7</b></u>. Chọn chế độ soạn <b>HTML</b> rồi dán đoạn code này vào chỗ viết bài, sửa lại một số tùy chọn và đặt tên bài viết rồi nhấn Xuất bản.<br />
<br />
<pre class="brush:html"><form name="contact-form">
<p></p>
<span class="highlighted">Name</span>
<br>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" value="" type="text">
<p></p>
<span class="highlighted">Email</span>
<span style="font-weight: bolder;">*</span>
<br>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" value="" type="text">
<p></p>
<span class="highlighted">Message</span>
<span style="font-weight: bolder;">*</span>
<br>
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<p></p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" value="Send" type="button">
<p></p>
<div style="text-align: center; max-width: 222px; width: 100%">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
</div>
</form></pre><br />
Nếu cần thiết bạn có thể Việt hóa những chữ màu nổi bật: Name -> Tên; Message -> Lời nhắn (Thông điệp) <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnVV2nVz_CfdEaL03Wq3UUJ8lMZCvOUahM1dzeaBaWEa3KNmjcTDDmXkRKl-vGnL6obyS3ofHzQEw-o6hw_I1O8tt_38Vlb0FLpp7Tiz7XE8hUZjQtt-taPvXCAk120M0tIVjcieSKeGSL/s1600/mau-lien-he.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnVV2nVz_CfdEaL03Wq3UUJ8lMZCvOUahM1dzeaBaWEa3KNmjcTDDmXkRKl-vGnL6obyS3ofHzQEw-o6hw_I1O8tt_38Vlb0FLpp7Tiz7XE8hUZjQtt-taPvXCAk120M0tIVjcieSKeGSL/s400/mau-lien-he.png" width="400" /></a></div><br />
<u><b>Bước 8</b></u>: Điều chỉnh kích thước form<br />
Để điều chỉnh kích thước bạn cần chèn thêm đoạn CSS sau đây phía trên thẻ <b>]]></b:skin></b><br />
<br />
<pre class="brush: css">.contact-form-name,.contact-form-email {
max-width: <span class="highlighted">200px;</span>
width: 100%;
}
.contact-form-email-message {
max-width: <span class="highlighted">500px;</span>
width: 100%;
height: <span class="highlighted">200px;</span>
}</pre><br />
Có thể điều chỉnh kích thước trên cho cân đối với kích thước phần bài viết của blog.<br />
<br />
Như vậy bạn đã có form riêng hệ của riêng mình. Email mà bạn nhận được như hình dưới đây:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYdNCAj2-Lb-8idYSOWA7q9neThfISiyzPmKqS9q_ktDQlmkzkVRCwmmTPsGnbjWy23ux7EkECF88nH-cjhMvl4RWJ5VRHa4hQd4_aAqYFpEJJPuBYqa8kLqQ6DGjTPFggT-9JcUYJS9J0/s1600/thuthuatblog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYdNCAj2-Lb-8idYSOWA7q9neThfISiyzPmKqS9q_ktDQlmkzkVRCwmmTPsGnbjWy23ux7EkECF88nH-cjhMvl4RWJ5VRHa4hQd4_aAqYFpEJJPuBYqa8kLqQ6DGjTPFggT-9JcUYJS9J0/s400/thuthuatblog.png" width="400" /></a></div><br />
<br />
Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com0tag:blogger.com,1999:blog-635946274234476527.post-61180505873860489432013-05-12T08:42:00.000+07:002013-05-13T11:06:01.593+07:00Google AdSense chính thức hỗ trợ tiếng ViệtGoogle AdSense đã chính thức hỗ trợ nội dung tiếng Việt! Quả là tin vui đối với cộng đồng blogger Việt Nam nói chung và những người dùng Google Blogger như chúng ta nói riêng.<br />
<br />
Như bạn đã biết, Google AdSense luôn được xem là chương trình quảng cáo hấp dẫn của những người kiếm tiền trên mạng. Trước đây, chương trình này chỉ cho phép các trang tiếng Việt đặt công cụ tìm kiếm, chủ nhân trang sẽ kiếm được tiền nếu người dùng nhấn vào quảng cáo trên kết quả tìm kiếm. Thường thì thu nhập từ đây rất ít do đó hầu hết mọi người đều viết bằng những ngôn ngữ được hỗ trợ mà phổ biến nhất là tiếng Anh để được tham gia quảng cáo nội dung.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQlnBviIgoZ3LkW4hjbxBBtwHtFVsyo8CdngGrksYv8hozv1i2ZmIzCTJMaEyL3asy3lVsDPx5SeXtKPC_5CHntTyRl_uBbSBBH-pYJ92Teh8vIirAU4Q4UBW5m-HO4aJBd_E0wxG-cM1z/s1600/adsense-tieng-viet.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="AdSense tiếng Việt" border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQlnBviIgoZ3LkW4hjbxBBtwHtFVsyo8CdngGrksYv8hozv1i2ZmIzCTJMaEyL3asy3lVsDPx5SeXtKPC_5CHntTyRl_uBbSBBH-pYJ92Teh8vIirAU4Q4UBW5m-HO4aJBd_E0wxG-cM1z/s400/adsense-tieng-viet.png" title="AdSense tiếng Việt" width="400" /></a></div><br />
Nay thì rào cản lớn nhất đã được xóa bỏ! Bạn có thể tham gia chương trình ngay trên blog tiếng Việt của mình. Các bước đăng ký:<br />
<br />
<ul><li>Tìm hiểu về <a href="https://support.google.com/adsense/bin/answer.py?hl=en&answer=48182&sourceid=aso&subid=ww-en-et-asblog_2012-02-01&medium=link&sourceid=aso&subid=ww-en-et-asblog_2013-05-10&medium=link">chính sách chương trình</a></li>
<li><a href="https://www.google.com/adsense/signup?utm_content=nsufv1&sourceid=aso&subid=ww-en-et-asblog_2013-05-10&medium=link">Đăng ký tài khoản</a> bằng website hoặc tiếng Việt</li>
<li>Khi bạn được chấp nhận, đặt code vào blogger thôi.</li>
</ul><br />
Lời khuyên dành cho những người chuẩn bị đăng ký AdSense:<br />
<br />
<ul><li>Không nên đăng ký Google AdSense với một blog thiết kế sơ xài chỉ với một vài bài viết.</li>
<li>Không nên sao chép bài viết của người khác lấy làm bài viết của mình. Google đủ thông minh để biết bài viết đó có nguồn gốc từ đâu.</li>
<li>Thay vào đó hãy phát triển blog để thu hút càng nhiều người xem càng tốt, bằng cách đăng nhiều nội dung do chính bạn viết, chia sẻ nội dung lên các mạng xã hội (Facebook, Google+, Twitter, Zing Me, Linkhay...), tham gia thảo luận trên các diễn đàn về chủ đề bạn viết... </li>
<li>Nên nhớ rằng bạn viết blog để thu hút người đọc chứ không phải để đăng ký AdSense. Vì một lý do đơn giản, có người xem blog mới có người nhấn quảng cáo và bạn mới có tiền!</li>
</ul><br />
Ý kiến của bạn như thế nào? Xin để lại dưới phần nhận xét. Từ hôm nay, bạn phải có tài khoản Google+ mới có thể đăng nhận xét trên trang này.<br />
<br />
Anh em Blogger đâu? Chuẩn bị blog chiến thôi!Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com0tag:blogger.com,1999:blog-635946274234476527.post-74647424945579242012013-03-12T23:58:00.000+07:002013-03-12T23:58:51.683+07:00Giám sát thời gian hoạt động website qua SMSNhiều nhà cung cấp dịch vụ cho thuê chỗ <b>lưu trữ web</b> cam kết thời gian hoạt động 99.9%, là một người dùng bạn không thể ngồi 24 giờ mỗi ngày để mắt xem website của mình có truy cập được hay không.<br />
<br />
Việc website không truy cập được, đồng nghĩa với việc bạn mất lượt truy cập, mất khách hàng từ đó ảnh hưởng đến doanh thu và thu nhập của bạn. Thử nghĩ xem, công ty đang chạy Adwords cho một chiến dịch bán hàng mà trang web lúc xem được lúc không thì khách hàng đánh giá thế nào về chất lượng dịch vụ và sản phẩm của bạn.<br />
<br />
Vậy thì làm thế nào để biết thời gian website không truy cập được để kịp thời nhờ hỗ trợ hoặc có hướng khắc phục bất đắc dĩ khác như chuyển nhà cung cấp chẳng hạn? Bài viết này hướng dẫn bạn cách thức giám sát thời gian hoạt động thông qua email và qua tin nhắn điện thoại di động hoàn toàn <b>miễn phí</b>.<br />
<br />
<b>Bước 1</b>: Trước tiên bạn truy cập <a href="https://drive.google.com/spreadsheet/ccc?key=0Aofk8L6brI_edEcyRjRDT2tvdXFvVHBreVJiSnlFc0E&newcopy=true" target="_blank">địa chỉ này</a> để tạo một bản sao mới lưu của tập tin để lưu vào Google Drive của bạn (Bạn cần đăng nhập Google Drive).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYlMgn_xe1Fn3lXOxkF_qawwQxWT8OMCFUBiv7DWRU8aimjTAMVO7oIXXqY3DjLaU4VDO921UPwgGJhl_k4f0kz5RH9Z2FTJLdzendv75i9ZJKK8UszMPXvuZL0uquSWVA1THn4UvUfsPO/s1600/uptime-giam-sat-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Uptime website with Google Docs" border="0" height="169" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYlMgn_xe1Fn3lXOxkF_qawwQxWT8OMCFUBiv7DWRU8aimjTAMVO7oIXXqY3DjLaU4VDO921UPwgGJhl_k4f0kz5RH9Z2FTJLdzendv75i9ZJKK8UszMPXvuZL0uquSWVA1THn4UvUfsPO/s400/uptime-giam-sat-1.png" title="Uptime website with Google Docs" width="400" /></a></div>
<br />
<b>Bước 2</b>: Thay đổi các thông tin cần thiết như địa chỉ trang web, địa chỉ email và cho phép nhận thông báo SMS.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVgcIYZhWgUiTAX56Cx605Qp06LM7V_Mx01037zRZ115qUJrmB45AIWnbIIb4e0vJ_ZOR79r-uAI7u_EvQFq9RogYuBsZV1wT4hNOTkPPAEs1T9qv4Ky8tHHjLt_BIHWYrCU_m1OxTZyy7/s1600/uptime-giam-sat-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Uptime website with Google Docs" border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVgcIYZhWgUiTAX56Cx605Qp06LM7V_Mx01037zRZ115qUJrmB45AIWnbIIb4e0vJ_ZOR79r-uAI7u_EvQFq9RogYuBsZV1wT4hNOTkPPAEs1T9qv4Ky8tHHjLt_BIHWYrCU_m1OxTZyy7/s400/uptime-giam-sat-2.png" title="Uptime website with Google Docs" width="400" /></a></div>
<br />
<ul>
<li><b>Website URLs</b>: Điền địa chỉ website, bao gồm cả http như trên hình. Nếu bạn có nhiều website thì mỗi địa chỉ cách nhau dấu phẩy.</li>
<li><b>Email Address</b>: Địa chỉ email mà bạn muốn nhận thông báo (Địa chỉ Gmail bạn đang dùng).</li>
<li><b>SMS Notifications</b>: Gõ Yes, nếu bạn muốn nhận thông báo qua SMS.</li>
</ul>
<b>Bước 3</b>: Nhấn Website Monitor, chọn Step 1: Initialize<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-_Z490SNppTN3mQ-8HBBq2nb3R_vChUCAXld_vuIaL258CAiwSsb2Qib9TDzUa6RsJrd169NGPq4N-L57dmXFlmXG5cTU0xC6lUgPL-BVC0nisVkEurLtGZtDd1IZc29jNvrXU75hDQp/s1600/uptime-giam-sat-6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Uptime website with Google Docs" border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-_Z490SNppTN3mQ-8HBBq2nb3R_vChUCAXld_vuIaL258CAiwSsb2Qib9TDzUa6RsJrd169NGPq4N-L57dmXFlmXG5cTU0xC6lUgPL-BVC0nisVkEurLtGZtDd1IZc29jNvrXU75hDQp/s400/uptime-giam-sat-6.png" title="Uptime website with Google Docs" width="400" /></a></div>
<br />
Bạn sẽ nhận được thông báo cấp quyền truy cập vào một số dịch vụ trên tài khoản Google, nhấp OK để tiếp tục.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9lrzzPUdujfeeAE8me0Zfd_w-J-sXjUQeGQGGsZTyINOb-WP9YtZDA6RVWLP_HYiLJ-eI-6C-tKYQgQCYa6Ns8tpfV8htfeA2fMeYHo9bqZ5uBIRw1PwxoTSbtLmPWqeUWTaLxeI-EliG/s1600/uptime-giam-sat-3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Uptime website with Google Docs" border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9lrzzPUdujfeeAE8me0Zfd_w-J-sXjUQeGQGGsZTyINOb-WP9YtZDA6RVWLP_HYiLJ-eI-6C-tKYQgQCYa6Ns8tpfV8htfeA2fMeYHo9bqZ5uBIRw1PwxoTSbtLmPWqeUWTaLxeI-EliG/s400/uptime-giam-sat-3.png" title="Uptime website with Google Docs" width="400" /></a></div>
<br />
Tiếp tục cấp quyền truy cập Google Calendar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTS4moZ62D00rwHmgC-O27WA9Gk1ssvRiIumE_RaUEXetaxnM_n4B-qf98ouxWsSXOoIivXrbDXUPYXU3vyZAeZpe6U_0sVXXRn3Vb2_bLwrrJvz-0EOnGUDehOMePlbiuZ14j2f7KtagO/s1600/uptime-giam-sat-4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Uptime website with Google Docs" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTS4moZ62D00rwHmgC-O27WA9Gk1ssvRiIumE_RaUEXetaxnM_n4B-qf98ouxWsSXOoIivXrbDXUPYXU3vyZAeZpe6U_0sVXXRn3Vb2_bLwrrJvz-0EOnGUDehOMePlbiuZ14j2f7KtagO/s400/uptime-giam-sat-4.png" title="Uptime website with Google Docs" width="400" /></a></div>
<br />
<b>Bước 4</b>: Khai báo số điện thoại nhận SMS.<br />
<br />
Truy cập Google lịch ở địa chỉ <a href="http://calendar.google.com/" target="_blank">calendar.google.com</a>, nhấn Settings (Cài đặt)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglbYCEhFxDrcPcixZVALltheCCUgR7OEaxmLO6RxfZVPLlkIf-VP9UyleA5Mr8Cec0HBHprbhfgke0mZ7DRv-HJ6rUI71d3G2opWjwtuxGNnauSsPzoPTvni31MWV3QuHBJUave4V_xUXW/s1600/uptime-giam-sat-7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Uptime website with Google Docs" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglbYCEhFxDrcPcixZVALltheCCUgR7OEaxmLO6RxfZVPLlkIf-VP9UyleA5Mr8Cec0HBHprbhfgke0mZ7DRv-HJ6rUI71d3G2opWjwtuxGNnauSsPzoPTvni31MWV3QuHBJUave4V_xUXW/s400/uptime-giam-sat-7.png" title="Uptime website with Google Docs" width="377" /></a></div>
<br />
Chọn thẻ <b>Mobile Setup</b>, chọn quốc gia Việt Nam, điền số điện thoại di động của bạn và nhấn Send Verification code.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtkXqB_nJrGFz1phGxhVx4TehpJtDPAUJ8kd1KrBcMgc8F0zKrxSpOrqFdIfHflE4Z9MwJEh2po44YwoDU_1nbpB7C0bDTQNe5DHuyhdsv8RfOD5IQWIjl1MFS4ioRBOUeQ-9HLu4NXX6s/s1600/uptime-giam-sat-8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Uptime website with Google Docs" border="0" height="277" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtkXqB_nJrGFz1phGxhVx4TehpJtDPAUJ8kd1KrBcMgc8F0zKrxSpOrqFdIfHflE4Z9MwJEh2po44YwoDU_1nbpB7C0bDTQNe5DHuyhdsv8RfOD5IQWIjl1MFS4ioRBOUeQ-9HLu4NXX6s/s400/uptime-giam-sat-8.png" title="Uptime website with Google Docs" width="400" /></a></div>
<br />
Một popup sẽ hiện ra cho biết đang gửi mã xác minh vào điện thoại của bạn. Chờ vài giây, sau đó kiểm tra điện thoại lấy dãy số để điền vào ô Verification code và nhấn Finish setup.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUUvnH93dx6iAnfe3bBTgT_Y5dg29zs3RNIxw-HBEibDgMyf_27LoeLF0rO1zsq34h9xOWxk3hLrx5CmLHn9yKTgxi9mpuTlO8ZVdpm6QmRNWEF5zCdxyn8TVfSwMMSt9cow95pArW2TIU/s1600/uptime-giam-sat-9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Uptime website with Google Docs" border="0" height="344" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUUvnH93dx6iAnfe3bBTgT_Y5dg29zs3RNIxw-HBEibDgMyf_27LoeLF0rO1zsq34h9xOWxk3hLrx5CmLHn9yKTgxi9mpuTlO8ZVdpm6QmRNWEF5zCdxyn8TVfSwMMSt9cow95pArW2TIU/s400/uptime-giam-sat-9.png" title="Uptime website with Google Docs" width="400" /></a></div>
<br />
Cửa sổ hướng dẫn nhận nhắc nhở sự kiện hiện ra ngay sau đó, bạn chọn SMS và đánh dấu một số thay đổi tương ứng cột SMS và cuối cùng nhấn Save để lưu lại.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKpGkucm2n_eTeepooi9HzIPIPgLEV995FmMIiTceF0ew4bYz-F3Bgqq8gw4CW7M4rCObm8s4dB2kNNIqXDHBIpnM9YGBI75ubfUyY9SbqRKOzgRkAn_U_o7o0BGdWsmnZHpCHAKFcyeRv/s1600/uptime-giam-sat-10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Uptime website with Google Docs" border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKpGkucm2n_eTeepooi9HzIPIPgLEV995FmMIiTceF0ew4bYz-F3Bgqq8gw4CW7M4rCObm8s4dB2kNNIqXDHBIpnM9YGBI75ubfUyY9SbqRKOzgRkAn_U_o7o0BGdWsmnZHpCHAKFcyeRv/s400/uptime-giam-sat-10.png" title="Uptime website with Google Docs" width="400" /></a></div>
<br />
Đến đây mọi thứ đã xong, bạn chỉ việc chờ có thông báo nếu website không truy cập được.<br />
<br />
Xin lưu ý, nếu trong vòng vài phút bạn không nhận được tin nhắn, chắc chắn nhà mạng bạn đang dùng chưa được Google hỗ trợ. Thông tin cho thấy Google Calendar hiện giờ mới hỗ trợ gửi tin nhắn các thuê bao di động của VNPT (Vinaphone, Mobifone) ở Việt Nam.<br /><br />Hãy dùng thử và cho nhận xét bạn nhé!Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com8tag:blogger.com,1999:blog-635946274234476527.post-30903313863730840832013-03-08T14:30:00.000+07:002013-03-07T18:52:12.862+07:00Hướng dẫn cài đặt tên miền cho Blogger mới nhấtCách đây không lâu rất nhiều người than phiền các nhà cung cấp dịch vụ internet ở Việt Nam chặn đường vào xem blog sử dụng dịch vụ Blogger có tên miền riêng, tuy nhiên địa chỉ blogspot.com thì vẫn truy cập được! Vấn đề ở đây mỗi nhà mạng chặn mỗi kiểu, vì vậy các hướng dẫn cài đặt tên miền cho Blogger trước đây có người áp dụng thành công, nhưng cũng không ít loay quay mãi vẫn chưa được.<br />
<br />
Làm thế nào để blog bạn luôn luôn truy cập được dù người đọc sử dụng bất kỳ nhà mạng nào, đó không phải là câu hỏi dễ trả lời, bởi vì chính sách của nhà mạng thường xuyên thay đổi và việc của những người tạo blog như chúng ta phải luôn tìm cách để lách qua khe cửa này.<br />
<br />
Có rất nhiều cách cấu hình một tên miền trỏ về Blogger, tuy nhiên đây là cách hiện thời được nhiều người sử dụng để bảo đảm blog của bạn truy cập được từ Việt Nam.<br />
<br />
Cách này rất đơn giản, bạn chỉ cần tạo 2 bản ghi A trỏ về dãy IP như trên hình dưới đây trên trang quản lý DNS của tên miền.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXXFl2ZNJJXzAZ910yDpjB4kq96rMxBEBqY_mqzWzSafY7hnEgsyl1jv5cKqCL4gXrgmAani6dK9YkGrHnF0SwaZ5N3Q5HwLOALOEe_hI0XJFz9zKN-tMkTjHR_QxMG4u3v82Z5Id9RscE/s1600/ten-mien-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tên miền cho Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXXFl2ZNJJXzAZ910yDpjB4kq96rMxBEBqY_mqzWzSafY7hnEgsyl1jv5cKqCL4gXrgmAani6dK9YkGrHnF0SwaZ5N3Q5HwLOALOEe_hI0XJFz9zKN-tMkTjHR_QxMG4u3v82Z5Id9RscE/s1600/ten-mien-blogger.png" title="Tên miền cho Blogger" /></a></div><br />
Để chắc chắn dãy IP này không bị chặn ở tất cả các nhà mạng bạn có thể kiểm tra thử hoặc nhờ những người dùng mạng khác nhau truy cập nó trên trình duyệt, nếu hiện ra trang báo lỗi 404 của Google, đồng nghĩa với việc nó không bị chặn.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht30P8lcbNFJ3Ak7s7qED1bJtbdkuAp6O9HiFbSOCXhusvXd4auHutlRB78pc4eYRo3osUG-V1ySHWzgg9maan-Ui4zLmD291EVMJumZ1DP5EMQdQGOsv9n5ijZcogSGxm7kmbdJXvhv8R/s1600/google-404.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Google 404 error" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht30P8lcbNFJ3Ak7s7qED1bJtbdkuAp6O9HiFbSOCXhusvXd4auHutlRB78pc4eYRo3osUG-V1ySHWzgg9maan-Ui4zLmD291EVMJumZ1DP5EMQdQGOsv9n5ijZcogSGxm7kmbdJXvhv8R/s1600/google-404.png" title="Google 404 error" /></a></div><br />
Vì lý do an toàn, nên tôi không liệt kê hết tất cả dãy IP có thể dùng cho Blogger trên bài viết này, ngộ nhỡ một ai đó có trách nhiệm của nhà mạng đọc được họ đưa hết vào danh sách đen thì ...thôi rồi Lượm ơi ;)<br />
<br />
Nếu đây là tên miền lần đầu tiên sử dụng cho Blogger bạn cần phải qua bước xác minh tên miền như ở bài viết <a href="http://www.thuthuatblog.com/2012/09/blogger-phuc-hoi-chuc-nang-tuy-bien-ten.html">Blogger phục hồi chứng năng tùy biến tên miền</a>. <br />
<br />
Bạn đang sử dụng nhà mạng nào? Hãy thử truy cập địa chỉ <a href="http://74.125.141.121/" target="_blank">http://74.125.141.121/</a> có ra trang báo lỗi như đề cập trên?Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com11tag:blogger.com,1999:blog-635946274234476527.post-81453457441843497372012-07-23T12:49:00.000+07:002014-03-29T13:06:01.296+07:00Tùy chỉnh liên kết cố định trên BloggerCuối cùng Blogger cũng cho phép tùy chỉnh địa chỉ URL mặc định của bài viết. Đây là tùy chọn được chờ đợi rất nhiều từ người dùng, đặc biệt những người yêu thích tối ưu hóa bộ máy tìm kiếm. Tính năng này không xa lạ gì đối với người dùng <strong>WordPress</strong> bởi họ thường hay sử dụng để thu gọn địa chỉ url của mình.<br />
<br />
Thông thường liên kết cố định do Blogger tự động tạo ra dựa trên tiêu đề bài viết. Tuy nhiên nếu tiêu đề bài viết khá dài, chứa các ký tự riêng của tiếng Việt, chẳng hạn như chữ đ trong chữ "cố định" sẽ chuyển đổi tự động thành "co-inh" thay vì "co-dinh". Với tùy chọn này chúng ta có thể đặt lại địa chỉ theo ý muốn.<br />
<br />
<h4>Một vài lưu ý</h4><br />
<ul><li>Không bỏ được thông tin tháng và năm trong địa chỉ URL.</li>
<li>Không bỏ được đuôi .html.</li>
<li>Không thể tùy chỉnh những bài viết cũ.</li>
<li>Không thể thay đổi địa chỉ sau khi bài viết đã được đăng.</li>
<li>Phần địa chỉ tùy chỉnh này chỉ chứa chữ cái, chữ số và dấu gạch ngang.</li>
</ul><br />
<h4>Cách thực hiện</h4><br />
Rất đơn giản, nhấp chuột vào <strong>Liên kết cố định</strong> ở phần <strong>Cài đặt bài đăng</strong> nằm bên phải khung soạn bài và chọn <strong>Liên kết cố định tùy chỉnh</strong> để nhập địa chỉ.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7T7czmeCrpxJvQ3rWdJz9dqQMTwwY2Kr8FQXQIXzLitYN-Msrai7oFRypYhtIbJfZEbw5UneVT-893Iachqd0SIBJH7ixElj28e-HHdVSVMiWvWzB_wkO8ilmy9aFllqgBPuGah4e552W/s1600/tuy-chinh-lien-ket-co-dinh.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7T7czmeCrpxJvQ3rWdJz9dqQMTwwY2Kr8FQXQIXzLitYN-Msrai7oFRypYhtIbJfZEbw5UneVT-893Iachqd0SIBJH7ixElj28e-HHdVSVMiWvWzB_wkO8ilmy9aFllqgBPuGah4e552W/s1600/tuy-chinh-lien-ket-co-dinh.png" /></a></div><br />
Bạn thấy tính năng này như thế nào? Hãy để lại ý kiến bên dưới.Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com0tag:blogger.com,1999:blog-635946274234476527.post-26116513069747690382012-03-19T21:55:00.001+07:002013-03-07T18:14:35.983+07:00Truy cập Blogger bằng tên miền khácThỉnh thoảng chúng ta không truy cập được blog ở Blogger (BlogSpot) cũng như cách dịch vụ mạng xã hội khác như Facebook do những biện pháp kỹ thuật của các nhà cung cấp dịch vụ internet. <br />
<br />
Theo mặc định, địa chỉ blog của bạn có dạng <b>http://yourblog.blogspot.com</b> ngay khi tạo. Tình cờ một lần xem thống kê <a href="http://www.thuthuatblog.com/">Thủ Thuật Blog</a> phát hiện địa chỉ Blogger còn có một đuôi khác không phải <b>.com</b> như chúng ta thường thấy. Đó là đuôi <b>.in</b>, tên miền thuộc Ấn Độ, có lẽ dịch vụ này được sử dụng phổ biến ở Ấn Độ nên Google ưu ái mua luôn tên miền ở quốc gia này.<br />
<br />
Trong trường hợp không xem được blog theo địa chỉ mặc định bạn chỉ cần thay đổi đuôi <b>.com</b> bằng <b>.in</b>. Ví dụ địa chỉ blog của bạn là <b>http://yourblog.blogspot.com</b> sẽ trở thành <b>http://yourblog.blogspot.in</b>. Tất cả những bài viết của bạn đều có địa chỉ dạng này.<br />
<br />
Nếu có điều kiện bạn cũng có thể mua <a href="http://www.thuthuatblog.com/p/mua-ten-mien.html">tên miền</a> riêng cho blog của mình.<br />
<br />
<b>Cập nhật</b>: <a href="http://www.thuthuatblog.com/">Thủ Thuật Blog</a> còn phát hiện ra một loạt tên miền quốc gia khác được Google sử dụng cho Blogger:<br />
<br />
<ul><li>blogspot.com.au: Tên miền quốc gia Australia</li>
<li>blogspot.com.es: Tên miền quốc gia Tây Ban Nha</li>
<li>blogspot.fr: Tên miền quốc gia Pháp</li>
<li>blogspot.it: Tên miền quốc gia Ý</li>
<li>blogspot.ca: Tên miền quốc gia Canada</li>
</ul>Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com37tag:blogger.com,1999:blog-635946274234476527.post-59081466441386248452012-01-13T11:40:00.002+07:002012-01-13T11:45:56.777+07:00Blogger cho phép nhận xét theo luồngLà một fan của Blogger chắc chắn bạn sẽ tiếp tục yêu thích nền tảng này với một tính năng thú vị vừa được công bố: Nhận xét theo chủ đề. Cụ thể hơn tính năng này cho phép tác giả hoặc những bạn đọc khác hồi âm người đã để lại nhận xét trước đó bằng cách trả lời tiếp theo nội dung của họ mà không cần phải trả lời theo thứ tự như trước. Đây là một tính năng rất quen thuộc đối với người dùng WordPress và hôm nay chúng ta đã thấy có mặt ở Blogger.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-5GHDSKoM49g/Tw-0qxrvgEI/AAAAAAAABS4/-LlLkwMqmfE/s1600/threaded+comments.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="http://4.bp.blogspot.com/-5GHDSKoM49g/Tw-0qxrvgEI/AAAAAAAABS4/-LlLkwMqmfE/s400/threaded+comments.jpg" width="400" /></a></div><br />
Để sử dụng tính năng mới này, bạn cần cài đặt Feed ở chế độ đầy đủ bằng cách đăng nhập Blogger, chọn <b>Settings (Cài đặt) -> Site Feed (Nguồn cấp Trang Web)</b>, chọn <b>Full (Đầy đủ)</b> tại mục <b>Allow Blog Feeds (Cho phép Nguồn cấp dữ liệu Blog).</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-aTYQRLtSiLE/Tw-ryMjEJrI/AAAAAAAABSk/LLp2k6ewRkY/s1600/blogger%2Bcomment%2Bmoi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="255" src="http://2.bp.blogspot.com/-aTYQRLtSiLE/Tw-ryMjEJrI/AAAAAAAABSk/LLp2k6ewRkY/s400/blogger%2Bcomment%2Bmoi.png" width="400" /></a></div><br />
Sau đó hãy chọn vị trí khung nhận xét <b>Embedded below post (Nhúng bên dưới bài đăng)</b> như hình:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-u8jiiv0KOcE/Tw-rzuU1GyI/AAAAAAAABSw/nWXZNcOEig8/s1600/blogger%2Bcomment%2Bmoi1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="338" src="http://1.bp.blogspot.com/-u8jiiv0KOcE/Tw-rzuU1GyI/AAAAAAAABSw/nWXZNcOEig8/s400/blogger%2Bcomment%2Bmoi1.png" width="400" /></a></div><br />
Bây giờ hãy mở blog của bạn để thử nghiệm tính năng mới này!<br />
<br />
Nếu bạn sử dụng một template tùy biến, đã theo các hướng dẫn trên nhưng vẫn chưa thấy xuất hiện, hãy tiếp tục đọc hướng dẫn này.<br />
<br />
Nhấn thẻ <b>Design (Thiết kế) -> Edit HTML (Chỉnh sửa HTML)</b>, thực hiện <a href="http://www.thuthuatblog.com/2007/07/sao-lu-v-phc-hi-template.html" target="_new">sao lưu template</a> đề phòng trường hợp làm sai chúng ta có thể phục hồi, sau đó nhấn <b>Expand widgets templates (Mở rộng tiện ích mẫu)</b> tìm đoạn code sau đây:<br />
<br />
<pre> <div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<span class="highlighted"><b:include data='post' name='comments'/></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<span class="highlighted"><b:include data='post' name='comments'/></span>
</b:if>
</div>
</pre><br />
Và thay thế bằng:<br />
<br />
<pre> <div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<span class="highlighted"><b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<span class="highlighted"><b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if></span>
</b:if>
</div>
</pre><br />
Lưu lại mẫu và thưởng thức sự khác biệt!<br />
<br />
Chúc bạn cuối tuần vui vẻ!Anonymousnoreply@blogger.com40tag:blogger.com,1999:blog-635946274234476527.post-16293937915151438902011-07-09T09:57:00.005+07:002011-07-09T10:30:49.987+07:00Blogger thay đổi giao diệnThời gian gần đây Google giới thiệu rất nhiều dịch vụ mới và nâng cấp giao diện cho các dịch vụ hiện tại. Và Blogger là một trong số những dịch vụ được nâng cấp giao diện trong đợt này như một thông báo phát đi từ tháng 4 năm nay.<br />
<br />
Cảm nhận ban đầu về giao diện này khá hiện đại, bố trí các biểu tượng và mục rõ ràng, màu sắc khá giống với 2 themes Preview & Preview (Dense) vừa được Gmail giới thiệu cách đây không lâu và đặc biệt là tốc độ tải rất nhanh.<br />
<br />
Trong giao diện cài đặt của blog, các thẻ đã được thay thế bằng các menu bên trái và nội dung từng mục được hiển thị ngay để điều chỉnh. <a href="http://www.thuthuatblog.com/">Thủ Thuật Blog</a> nhận thấy cách bố trí giao diện này với các menu bên trái không lạ gì đối với những tín đồ WordPress.<br />
<br />
Chỉ cần truy cập blog tại địa chỉ <a href="http://draft.blogger.com/" target="_blank">draft.blogger.com</a> có thể dùng thử giao diện mới này.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF2OtgVllF7PVJy-d7HFGSz7HVcHozf9kJkp6UogZ02gkjNX4Xbl-ZYXhSEHFhWnacz4a7ixEqqg0oTrOZxAKN5SYh0rXpYThwfhRDqpQmUWsHfeqpl_hJEywlMz-FcZ2_rVYEz_6PAXYV/s1600/Blogger2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF2OtgVllF7PVJy-d7HFGSz7HVcHozf9kJkp6UogZ02gkjNX4Xbl-ZYXhSEHFhWnacz4a7ixEqqg0oTrOZxAKN5SYh0rXpYThwfhRDqpQmUWsHfeqpl_hJEywlMz-FcZ2_rVYEz_6PAXYV/s400/Blogger2.png" width="381" /></a></div><br />
Bạn cảm nhận như thế nào về giao diện mới của Blogger?Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com91tag:blogger.com,1999:blog-635946274234476527.post-56511975926626331452011-07-04T14:20:00.002+07:002014-03-28T02:37:57.590+07:00HostGator khuyến mãi khủng: Giảm giá 40%Cơ hội duy nhất trong ngày hôm nay 04/07/2011 (Ngày Quốc khánh của Mỹ) dành cho những ai mua host tại <a href="http://www.hostgator.com/" onclick="this.href='http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=dv2n-'">HostGator</a> - một nhà cung cấp dịch hosting được nhiều blogger Việt Nam sử dụng - với khuyến mãi khủng: Giảm giá 40%!<br />
<br />
Một vài lưu ý từ <a href="http://www.hostgator.com/" onclick="this.href='http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=dv2n-'">HostGator</a>:<br />
<br />
<ul><li>Chỉ duy nhất trong ngày hôm nay. Kết thúc lúc 11:59PM giờ CST.</li>
<li>Giảm giá 40% cho hóa đơn đầu tiên của tất cả các gói và tất cả thời gian</li>
<li>Các khách hàng hiện tại có thể được hưởng khuyến mãi này bằng cách tạo thêm tài khoản phụ.</li>
</ul><br />
Bạn có thể mua host tại <a href="http://www.hostgator.com/" onclick="this.href='http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=dv2n-'">HostGator</a> qua link giới thiệu của <a href="http://www.thuthuatblog.com/">Thủ Thuật Blog</a>: <a href="http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=dv2n-" target="_new">JULY4</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikP7q9k5qjqBpODFnFetI1pseX3-KOvamxO50Kjs8IlNX8uWiCPc_eJqOuNkjYTusfz_eZ0JNhLYu1LHOt_8vRuvlxzxYepeg-2YQ3uvKVSVQVGR7Caba4cO3l6f-uPTWA2kj97hfK18Wv/s1600/hostgator+khuyen+mai.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikP7q9k5qjqBpODFnFetI1pseX3-KOvamxO50Kjs8IlNX8uWiCPc_eJqOuNkjYTusfz_eZ0JNhLYu1LHOt_8vRuvlxzxYepeg-2YQ3uvKVSVQVGR7Caba4cO3l6f-uPTWA2kj97hfK18Wv/s640/hostgator+khuyen+mai.png" width="640px" /></a></div>Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com17tag:blogger.com,1999:blog-635946274234476527.post-46148065245528985392011-06-25T07:55:00.004+07:002013-03-07T18:38:37.330+07:00Chia header thành 2 phầnKể từ khi đưa vào sử dụng Template Designer mã nguồn mẫu do Blogger đề xuất đã thay đổi rất nhiều so với những mẫu được sử dụng trước đó. Nhiều thành phần mới được thêm vào và việc tùy biến giao diện đòi hỏi phải công phu hơn nhưng không có nghĩa là không làm được.<br />
<br />
Bài viết này hướng dẫn cách chia thành phần header (đầu) thành hai phần khác nhau, giúp bạn có thể đặt chỗ cho một logo bên trái và treo thêm một banner bên phải.<br />
<br />
Mặc định phần đầu của Blogger chỉ chứa tên blog và miêu tả về blog nằm ngang trên cùng. Công việc của chúng ta là "cắt" phần đầu này ra làm hai.<br />
<br />
Ở đây xin lấy mẫu SIMPLE đầu tiên làm ví dụ minh họa.<br />
<br />
<b>Bước 1</b>. Đăng nhập Blogger, tại thẻ <b>Design (Thiết kế)</b> | <b>Edit HTML (Chỉnh sửa HTML)</b> tìm đoạn code sau đây:<br />
<br />
<pre><b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Thủ Thuật Blog (Header)' type='Header'/>
</b:section>
</pre><br />
Và thay bằng:<br />
<br />
<pre><b:section class='header' id='<span class="highlighted_1">header-left</span>' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Thủ Thuật Blog (Header)' type='Header'/>
</b:section>
<b:section class='header' id='<span class="highlighted_2">header-right</span>' maxwidgets='1' showaddelement='yes'/>
</pre><br />
<b>Bước 2</b>. Tiếp tục tìm <b>header-outer</b> bạn sẽ nhìn thấy như thế này:<br />
<br />
<pre>.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;
}
</pre><br />
Bây giờ chúng ta thay bằng:<br />
<br />
<pre>.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;
<span class="highlighted">height: 100px;</span>
overflow: hidden;
}
#<span class="highlighted_1">header-left</span>{
width: 350px;
float: $startSide;
overflow: hidden;
}
#<span class="highlighted_2">header-right</span>{
width: 468px;
float: $endSide;
overflow: hidden;
}
.tabs-outer{
clear: both;
}
</pre><br />
Và tiến hành lưu lại.<br />
<br />
Như bạn thấy trong đoạn CSS trên tôi đã đề nghị kích thước ngang <b>header-left</b> và <b>header-right</b> lần lượt là 350px và 468px. Tổng kích thước này không được vượt quá chiều ngang của template.<br />
<br />
Tùy vào kích thước logo và banner mà muốn sử dụng cũng như kích thước của template mẫu hãy điều chỉnh các con số trên cho cân xứng. <br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjekLlQgNrJ1Uej22W1nL6YEewr872onB0ZCS526o9DywLtJKDLlaCcGtGcJGL08bGzjLLTP4wMDmnjOAV7k5jGrcwm4I_IzCBQ8xi37PUySfMpfCS8HwZO5NGzsNHAnMkbJbN4ul8nnuG2/s1600/kich+thuoc+ngang+blog.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjekLlQgNrJ1Uej22W1nL6YEewr872onB0ZCS526o9DywLtJKDLlaCcGtGcJGL08bGzjLLTP4wMDmnjOAV7k5jGrcwm4I_IzCBQ8xi37PUySfMpfCS8HwZO5NGzsNHAnMkbJbN4ul8nnuG2/s400/kich+thuoc+ngang+blog.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Chiều ngang của template</td></tr>
</tbody></table><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikb7FdZvAd2XrHlQXyGOKq7r_7aHB0_cUvgRH3J51sTYaHQXwDN-NFxUmbrkq3Yevg7Tx-bWhXUjuWl1SbQU44mdjiTEgXBAdNzPjQvBDu0H3WZIPvl-m49OVqIy6MLBHx78gCoFJUV9wB/s1600/Truoc+khi+thay+doi.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikb7FdZvAd2XrHlQXyGOKq7r_7aHB0_cUvgRH3J51sTYaHQXwDN-NFxUmbrkq3Yevg7Tx-bWhXUjuWl1SbQU44mdjiTEgXBAdNzPjQvBDu0H3WZIPvl-m49OVqIy6MLBHx78gCoFJUV9wB/s400/Truoc+khi+thay+doi.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Trước khi thay đổi</td></tr>
</tbody></table><br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIU4lCrWk9eLSVjs_YJZa232wYSa3Uzq2lEzZrRN1qsaMCviWObHNW2QNEzOa9NysrcikPJPhIWSOc_5COg5juKlxTin1gwB9-B6kHaUIR6I8QRaz2tCQoOlNzBWPdH7hDffvG-ZaqPdXZ/s1600/Sau+khi+thay+doi.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIU4lCrWk9eLSVjs_YJZa232wYSa3Uzq2lEzZrRN1qsaMCviWObHNW2QNEzOa9NysrcikPJPhIWSOc_5COg5juKlxTin1gwB9-B6kHaUIR6I8QRaz2tCQoOlNzBWPdH7hDffvG-ZaqPdXZ/s400/Sau+khi+thay+doi.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Sau khi thay đổi và thêm tiện ích HTML/JavaScript (Nội dung là một banner 468x60)</td></tr>
</tbody></table><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOnHzbpFw-752WffbPyNk_YNfwjnQ5l9XnAdWHUof8uYKFoWsdPxsxJAwb8xeyvmeN4slYpi3BQshrhPQoBt2KUS88jRheQ9kEy4zkTh2yMI-RxR3cFNdd4r1MUOS86KOh7avzCNjG4IyU/s1600/Hien+thi+thay+doi.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOnHzbpFw-752WffbPyNk_YNfwjnQ5l9XnAdWHUof8uYKFoWsdPxsxJAwb8xeyvmeN4slYpi3BQshrhPQoBt2KUS88jRheQ9kEy4zkTh2yMI-RxR3cFNdd4r1MUOS86KOh7avzCNjG4IyU/s400/Hien+thi+thay+doi.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Hiển thị trên blog</td></tr>
</tbody></table><br />
<b>Sử dụng logo</b>:<br />
<br />
Bạn vừa thấy 350px là chiều ngang của logo, còn chiều cao thì bao nhiêu? Xin thưa chiều cao của logo chính là chiều cao của <b>header-outer</b>, ở đây 100px. Như vậy bạn cần thiết kế logo có kích thước 350x100. <br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-R1SdU6P5R8KXgE5KVC3opuRELKNsUxPDEBgfwkLQpX39Vtm2iOjZkv11MbUHBUQ_0xi9B8hU_RIuZ2lYHX98vbsjXxqNyuQNPdph-qxTm6roSBTiNz8dJ8raJM58OjKGACQwdP3oqqar/s1600/logo+cho+blog.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="399" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-R1SdU6P5R8KXgE5KVC3opuRELKNsUxPDEBgfwkLQpX39Vtm2iOjZkv11MbUHBUQ_0xi9B8hU_RIuZ2lYHX98vbsjXxqNyuQNPdph-qxTm6roSBTiNz8dJ8raJM58OjKGACQwdP3oqqar/s400/logo+cho+blog.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Chọn kiểu hiện thị logo</td></tr>
</tbody></table><br />
Tất nhiên đây chỉ là những con số gợi ý, thực tế như thế nào còn tùy thuộc vào bố cục template, margin, padding và kể cả quan điểm thẩm mỹ của từng người.<br />
<br />
Hãy cùng chia sẻ với <a href="http://www.thuthuatblog.com/">Thủ Thuật Blog</a> cách làm của bạn.Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com32tag:blogger.com,1999:blog-635946274234476527.post-18090114845129749852010-12-06T19:31:00.005+07:002013-03-07T18:35:08.174+07:00Hiệu ứng tuyết rơi cho Blogger, WordPressKhi những chiếc lá vàng cuối thu lìa cành cũng là lúc mùa đông đang về. Dù đang lang thang ngoài phố hay trên mạng, bạn vẫn cảm nhận được khí trời thay đổi. Lát đát một vài website khoát lên mình bộ áo mới dành riêng cho mùa đông. Những ai chưa kịp sắm sửa thì bằng cách này hay cách khác vẫn có mùa đông riêng mình trên ngôi nhà ảo.<br />
<br />
<a name='more'></a><br />
<br />
Một trong những cách tạo nên không khí mùa đông trên blog chính là thêm hiệu ứng tuyết rơi. Còn nhớ cách đây khá lâu Thủ Thuật Blog có <a href="http://www.thuthuatblog.com/2007/11/ngoi-kia-l-vng-ri-tuyt-hng-dn-chn-on-m.html">hướng dẫn</a> bạn cách chèn hiệu ứng này. Tuy nhiên hôm nay chúng ta sử dụng đoạn JavaScript mà WordPress.com vừa thông báo gửi đến người dùng của mình, hiệu ứng này được sử dụng cho đến ngày 04/01. Đọc hướng dẫn sau đây để biết các bước thực hiện.<br />
<br />
<b>Đối với WordPress.com</b>, đăng nhập tài khoản tại yourblog.wordpress.com/wp-admin hoặc <a href="http://wordpress.com/" target="_new">wordpress.com</a><br />
<ul><li>Chọn Giao diện</li>
<li>Nhấn Extras</li>
<li>Và đánh dấu chọn dòng Show falling snow on my blog (Only until January 4th) trước khi nhấn Update Extras </li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Rt4EjMEdrcuKSec3i4gY9icCCyMyoBX0sIogDQWV1aTILi2ltwPEuYtr4lZllSmjLxQ8k8Hlbbm1j7rh0YCYXQN25zXG0hF_NvpHdlzBjVpMQHYWN20oC3I9loWbyvW0U0BrelWOa9Tp/s1600/wordpress+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="103" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Rt4EjMEdrcuKSec3i4gY9icCCyMyoBX0sIogDQWV1aTILi2ltwPEuYtr4lZllSmjLxQ8k8Hlbbm1j7rh0YCYXQN25zXG0hF_NvpHdlzBjVpMQHYWN20oC3I9loWbyvW0U0BrelWOa9Tp/s320/wordpress+1.png" width="320" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghFWes_FVjNdGms4BbP5GqLNIfKahfiVqJ9tEZ4DQ4FKuBx9ovvjpbEQvX3McuJZHrMzYRx6oEZ11k0AB62cYx-TJmeUVKq_IGNjwPatpxUkGuHXkEILGCOECbKg9xBF9eV-_Iatb2M8Zw/s1600/wordpress+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghFWes_FVjNdGms4BbP5GqLNIfKahfiVqJ9tEZ4DQ4FKuBx9ovvjpbEQvX3McuJZHrMzYRx6oEZ11k0AB62cYx-TJmeUVKq_IGNjwPatpxUkGuHXkEILGCOECbKg9xBF9eV-_Iatb2M8Zw/s320/wordpress+2.png" width="320" /></a></div><br />
<b>Đối với WordPress sử dụng trên host và tên miền riêng</b> (self-hosted WordPress) có ba cách sau để chèn đoạn JavaScript hiệu ứng: <br />
<ul><li>Cách 1. Đăng nhập tài khoản quản lý tại địa chỉ www.yourdomain.com/wp-admin, nhấp thực đơn xổ xuống Appearance (Giao diện) -> Editor, chọn file header.php ngay bên phải và dán đoạn code dưới đây ngay trên thẻ </head> trước khi nhấn Update File (ngay bên dưới). Lưu ý file header.php phải ở chế độ cho phép cập nhật. Nếu tệp tin này không ở trạng thái cho phép cập nhật thì xem cách 2.</li>
</ul><br />
<pre><script src='http://s1.wp.com/wp-content/plugins/snow/snowstorm.js?m=1291226695g&ver=1291226695' type='text/javascript'/></pre><br />
<ul><li>Cách 2. Đăng nhập vào host thông qua tài khoản quản lý hosting hoặc bằng FTP vào thư mục gốc chứa Theme đang dùng mở file header.php và chèn ngay phía trên thẻ </head></li>
</ul><ul><li>Cách 3. Cài đặt plugin sau đây <a href="http://wordpress.org/extend/plugins/let-it-snow/" target="_new">http://wordpress.org/extend/plugins/let-it-snow/</a> vào blog. Với việc cài đặt plugin bạn sẽ không bị giới hạn trước ngày 04/01.</li>
</ul><br />
<b>Trong khi sử dụng Blogger (BlogSpot) </b>hãy dán đoạn code trong cách 1 trên trước thẻ </head>. Việc này được thực hiện bằng cách đăng nhập blog, chọn <b>Bố cục (Layout)</b> -> <b>Chỉnh sửa HTML (Edit HTML)</b>, tìm và dán ngay phía trên thẻ <b></head></b> trước khi nhấn lưu template. Nếu bạn gặp lỗi hãy thay <b>&</b> trong địa chỉ đoạn JavaScript (ngay sau <b>1291226695g</b>) bằng <b>& a m p ;</b> (viết liền, không có khoảng trắng).<br />
<br />
Để không bị giới hạn về thời gian, hãy tải đoạn JavaScript trên về host riêng của mình (nếu có, có thể sử dụng host miễn phí 110mb.com) và tha hồ cho tuyết rơi hết mùa đông!<br />
<br />
Bạn có thể thấy kết quả ngay trên blog này vào thời điểm bài viết này được đăng.Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com28tag:blogger.com,1999:blog-635946274234476527.post-37853177897349301422010-05-10T20:22:00.000+07:002010-05-10T20:43:20.126+07:00Ghép nhiều tiện ích HTML/JavaScript làm mộtCàng sử dụng nhiều tiện ích thì thời gian toàn bộ nội dung blog được tải về hiển thị trên trình duyệt người đọc càng lâu. Làm sao để đọc giả cảm thấy mình được "phục vụ" ngay khi vừa gõ xong địa chỉ blog là vấn đề được nhiều người quan tâm đặc biệt trong tình hình mạng internet ở Việt Nam không phải lúc nào cũng ổn định.<br />
<a name='more'></a><br />
Kinh nghiệm cá nhân cho thấy chúng ta nên sử dụng hạn chế đến mức có thể số tiện ích (gadget) trên blog. Trong số các tiện ích của Blogger, HTML/JavaScript có lẽ được dùng nhiều nhất. Nếu blog bạn sử dụng nhiều tiện ích loại này, một cách có thể làm giảm đáng kể là ghép nội dung của chúng vào một và ngăn nhau bởi tên (title) nằm giữa thẻ <h2> và </h2> như hình:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_Sv4rMhoXuZk/S-Y8ujHqvhI/AAAAAAAABMA/YLW6LG4Ta60/s1600/nhieu+tien+ich+trong+mot+html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_Sv4rMhoXuZk/S-Y8ujHqvhI/AAAAAAAABMA/YLW6LG4Ta60/s320/nhieu+tien+ich+trong+mot+html.png" tt="true" /></a></div><br />
Một cách khác cũng có thể ghi <b>Tên tiện ích 1</b> vào phần title và nội dung của nó ở dưới, các nội dung khác thì để lại như trên. Nhìn chung nếu sử dụng template mẫu của Blogger thì việc ghép này sẽ thấy hiển thị tương tự như nhiều tiện ích khác nhau:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_Sv4rMhoXuZk/S-Y8zSvDJsI/AAAAAAAABMI/Mee1gGWB97M/s1600/hien+thi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_Sv4rMhoXuZk/S-Y8zSvDJsI/AAAAAAAABMI/Mee1gGWB97M/s320/hien+thi.png" tt="true" /></a></div><br />
Và tất nhiên tốc độ tải về của blog cải thiện thêm một ít.<br />
<br />
Bạn có cách làm nào khác hay hơn không? Xin chia sẻ ở dưới để chúng ta cùng thảo luận.Anonymousnoreply@blogger.com37tag:blogger.com,1999:blog-635946274234476527.post-41282650937755412802009-09-15T15:36:00.008+07:002010-05-08T16:30:50.930+07:00Blogger nay đã có "read more" !Nhân dịp kỷ niệm sinh nhật lần thứ 10 Blogger giới thiệu nhiều tính năng mới. Một trong số đó là tính năng "read more" (đọc thêm) mà trước giờ chúng ta phải làm thủ công nay đã có thể thực hiện một cách dễ dàng bằng một đoạn code ngắn.<br />
<br />
Tính năng này được gọi là Jump Breaks và bạn có thể sử dụng ngay nếu blog của bạn được tạo sau thời điểm tháng 09/2009. Khi đó nếu sử dụng trình soạn thảo mới, bạn chỉ cần nhấn chọn biểu tượng như hình:<br />
<a name='more'></a><br />
<a href="http://3.bp.blogspot.com/_Sv4rMhoXuZk/Sq9UQC1dX0I/AAAAAAAABJ0/Eg29KhULK68/s1600-h/readmore.png"><img id="BLOGGER_PHOTO_ID_5381612714346766146" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 62px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_Sv4rMhoXuZk/Sq9UQC1dX0I/AAAAAAAABJ0/Eg29KhULK68/s400/readmore.png" border="0" /></a><br />
<br />
Hoặc bạn bổ sung đoạn code như hình (nếu sử dụng trình soạn bài đăng cũ):<br />
<br />
<a href="http://4.bp.blogspot.com/_Sv4rMhoXuZk/Sq9UY7xrndI/AAAAAAAABJ8/q9eV5H-R-EE/s1600-h/jumppoint.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 104px;" src="http://4.bp.blogspot.com/_Sv4rMhoXuZk/Sq9UY7xrndI/AAAAAAAABJ8/q9eV5H-R-EE/s400/jumppoint.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5381612867070696914" /></a><br />
<br />
Nói thêm, nếu đã từng sử dụng WordPress, chắc chắc bạn không lạ gì đoạn code trên. Hãy nhớ gõ chính xác ngay cả khoảng trắng nữa nhé!<br />
<br />
<pre><span class="highlighted"><!-- more --></span></pre><br />
Trong trường hợp blog của bạn đã được tạo khá lâu, hãy bổ sung đoạn code sau đây vào ngay sau <strong><data:post.body/></strong> (Đăng nhập Blogger, chọn Layout, Chỉnh sửa HTML, đánh dấu Mở rộng tiện ích mẫu để tìm)<br />
<br />
<pre><b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if ></pre><br />
Bạn sẽ thấy kết quả như hình dưới đây:<br />
<br />
<a href="http://3.bp.blogspot.com/_Sv4rMhoXuZk/Sq9YePF5tyI/AAAAAAAABKE/hhrCFqWSPxc/s1600-h/ATJ3.PNG"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 256px; height: 185px;" src="http://3.bp.blogspot.com/_Sv4rMhoXuZk/Sq9YePF5tyI/AAAAAAAABKE/hhrCFqWSPxc/s400/ATJ3.PNG" border="0" alt=""id="BLOGGER_PHOTO_ID_5381617356201637666" /></a><br />
<br />
Trong trường hợp cần tùy biến chữ "Read more", hãy nhấn sửa đổi thành phần Bài đăng blog trên layout.<br />
<br />
<a href="http://1.bp.blogspot.com/_Sv4rMhoXuZk/Sq9YehwJLfI/AAAAAAAABKM/98E9-u1KxSE/s1600-h/pagepagelinktext.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 130px;" src="http://1.bp.blogspot.com/_Sv4rMhoXuZk/Sq9YehwJLfI/AAAAAAAABKM/98E9-u1KxSE/s400/pagepagelinktext.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5381617361210650098" /></a><br />
<br />
Chúng ta cùng chúc mừng sinh nhật lần thứ 10 của Blogger đi nào!Anonymousnoreply@blogger.com98tag:blogger.com,1999:blog-635946274234476527.post-59057441604548621912009-07-16T21:01:00.005+07:002013-03-07T18:38:37.335+07:00Làm menu ngang như thế nào?Khá nhiều bạn đọc yêu cầu được hướng dẫn làm menu ngang như menu có trên <a href="http://www.thuthuatblog.com">Thủ Thuật Blog</a>. Thật ra tạo menu kiểu này không khó, quan trọng bạn phải nắm được một số kiến thức về CSS nhất định. Để bạn dễ hiểu tôi sử dụng <a href="http://codex.wordpress.org/Creating_Horizontal_Menus" target="_new">hướng dẫn thiết kế menu ngang</a> được giới thiệu trên WordPress.org và sau đó chúng ta ứng dụng chúng cho trường hợp của Blogger.<br /><span class="fullpost"><br /><b>TÌM HIỂU CÁCH TẠO MENU NGANG:</b><br /><br />Giả sử chúng ta có đoạn code sau đây:<br /><pre><div id="navmenu"><br /><ul><br /> <li><a href="http://www.thuthuatblog.com">Trang chủ</a></li><br /> <li><a href="http://www.thuthuatblog.com/2009/05/phan-loai-noi-dung-tren-thu-thuat-blog.html">Phân loại</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/09/danh-sch-blog.html">Danh sách blog</a></li><br /> <li><a href="http://www.thuthuatblog.com/rss.xml">RSS</a></li><br /></ul><br /></div></pre><br />Nếu nhúng đoạn code này vào template Blogger hoặc qua tiện ích HTML/JavaScript, mặc định, đoạn code trên sẽ hiển thị như sau:<br /><div id="navmenu"><br /><ul><br /> <li><a href="http://www.thuthuatblog.com">Trang chủ</a></li><br /> <li><a href="http://www.thuthuatblog.com/2009/05/phan-loai-noi-dung-tren-thu-thuat-blog.html">Phân loại</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/09/danh-sch-blog.html">Danh sách blog</a></li><br /> <li><a href="http://www.thuthuatblog.com/rss.xml">RSS</a></li><br /></ul><br /></div><br />Bây giờ chúng ta áp dụng CSS để đoạn navmenu trên tạo thành hàng ngang:<br /><pre>#navmenu ul {<br /> margin: 0; <br /> padding: 0; <br /> list-style-type: none; <br /> list-style-image: none; <br />}<br /><br />#navmenu li {<br /> display: inline; <br />}</pre><br />Nhưng các chữ lại dính kế nhau nhìn chưa được đẹp đúng không? Chúng ta bổ sung <a href="http://www.thuthuatblog.com/2007/08/tm-hiu-margin-v-padding.html">khoảng trắng</a> vào chúng và thêm màu cho link, cũng như <a href="http://www.thuthuatblog.com/2007/09/k-nng-css-lin-quan-n-text-dnh-cho-vic.html">đổi màu khi</a> rê chuột vào đối tượng:<br /><pre>#navmenu ul {<br /> margin: 0; <br /> padding: 0; <br /> list-style-type: none; <br /> list-style-image: none; <br />}<br /><br />#navmenu li {<br /> display: inline; <br /> <span class="highlighted">padding: 5px 20px 5px 20px;</span><br />}<br /><br />#navmenu a { /* Màu link */<br /> text-decoration:none; <br /> color: blue; <br />}<br /><br />#navmenu a:hover { /* Màu link khi rê chuột vào */<br /> color: purple; <br />}</pre><br />Thuộc tính <span style="font-weight:bold;">a</span> và <span style="font-weight:bold;">a:hover</span> định dạng các link nhưng nằm giữa <li> và </li> nên ta gom lại cho dễ nhìn (***):<br /><pre>#navmenu ul {<br /> margin: 0; <br /> padding: 0; <br /> list-style-type: none; <br />}<br /><br />#navmenu li {<br /> display: inline; <br /> list-style-image: none; <br />}<br /><br />#navmenu ul li a { <br /> text-decoration:none; <br /> color: blue; <br /> padding: 5px 20px 5px 20px; <br />}<br /><br />#navmenu ul li a:hover { <br /> color: purple; <br />}</pre><br />Tuỳ thuộc vào template, khi sử dụng chúng ta có thể kết hợp <a href="http://www.thuthuatblog.com/2007/06/i-mu-ch-v-mu-nn-cho-blog.html">màu nền</a>, <a href="http://www.thuthuatblog.com/2007/07/hnh-nn-cho-blog.html">hình nền</a>, kiểu border, font chữ, <a href="http://www.thuthuatblog.com/2007/06/i-mu-ch-v-mu-nn-cho-blog.html">màu chữ</a>, <a href="http://www.thuthuatblog.com/2007/06/chn-font-v-kiu-ch-trn-bloggercom.html">kích thước chữ</a>, chiều ngang của menu (width)... vào các thành phần trên. <br /><br />Ví dụ mẫu:<br /><pre>#navmenu ul {<br /> margin: 0; <br /> padding: 0; <br /> list-style-type: none; <br />}<br /><br />#navmenu li {<br /> display: inline; <br /> list-style-image: none; <br />}<br /><br />#navmenu ul li a { <br /> text-decoration:none; <br /> color: #ffffff; <br /> background: #ff0000; <br /> border-right: 2px solid #000000; <br /> padding: 5px 20px 5px 20px; <br />}<br /><br />#navmenu ul li a:hover { <br /> color: #f8f400; <br /> font-size: 14px; <br /> background: #0000ff; <br /> text-decoration:underline; <br />}</pre><br /><br /><b>ỨNG DỤNG VÀO BLOGGER:</b><br /><br />Như vậy bạn đã hiểu nguyên tắc làm menu ngang: <br /><ol><li>Cần có một đoạn CSS như trên được dán vào giữa <b><b:skin><![CDATA[/*</b> và <b>]]></b:skin></b> trong Template. (đã đề cập ở trên)</li><br /><li>Cần một đoạn mã chứa các link của menu ngang</li></ol><br />Tất nhiên bạn vẫn có thể sử dụng đoạn mã chứa link menu ngang chèn thẳng vào Template của blog. Nhưng ở đây tôi hướng dẫn cách làm thông qua <span style="font-weight:bold;">tiện ích Linklist</span> của Blogger. <br /><br />Đăng nhập vào Blogger, từ layout thêm vào tiện ích Linklist, bạn cần bổ sung các link và tên menu ngang của mình như hình sau đó lưu lại.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicnB4Z81pQTET8BQdLjPF7pWczq1fHkI9f82pvvHQHi9_PNNOnVCZzUwLsjhRAYtaOJKmbTnjPpW50NUzdimiVRCvyOWI_gis21MrWNazNmXBNzu73U0wluWuUpStxnz0sjMJeEw1W88xC/s1600-h/linklist+2.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 326px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicnB4Z81pQTET8BQdLjPF7pWczq1fHkI9f82pvvHQHi9_PNNOnVCZzUwLsjhRAYtaOJKmbTnjPpW50NUzdimiVRCvyOWI_gis21MrWNazNmXBNzu73U0wluWuUpStxnz0sjMJeEw1W88xC/s400/linklist+2.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5359059532874440914" /></a><br />Nếu quan sát kỹ bạn thấy tôi không đặt tên cho tiện ích, không thêm <span style="font-weight:bold;">Trang chủ</span> và <span style="font-weight:bold;">RSS </span> vào dữ liệu của Linklist, do chúng ta thêm vào bằng cách khác.<br /><br />LinkList mà bạn vừa tạo có được điều khiển bằng đoạn mã như thế này:<br /><pre><b:widget id='<span class="highlighted">LinkList1</span>' locked='false' title='' type='LinkList'/></pre><br />Hãy để ý ID của nó là duy nhất, có dạng LinkList#, với ký tự # là số duy nhất. Nếu bạn sử dụng nhiều LinkList, ký tự # sẽ lần lượt là: 1, 2, 3, ...<br /><br />Tiếp tục tôi gợi ý bạn cắt đoạn mã vừa nêu cho vào notepad (khoan hãy lưu lại Template nhé), tạo <span style="font-weight:bold;">div</span> có tên <span style="font-weight:bold;">navmenu</span>, bổ sung một số thành phần thiết yếu và chúng ta sẽ được như thế này:<br /><pre> <div id='navmenu'><br /> <b:section class='navmenu' id='navmenu-id' showaddelement='yes'><br /><b:widget id='LinkList1' locked='false' title='' type='LinkList'/><br /></b:section><br /> </div></pre><br />Và bây giờ hãy copy hết chúng đặt vào template. <span style="font-weight:bold;">Tuỳ thuộc vào template và vị trí đặt menu mong muốn mà chúng ta có cách xử lý khác nhau. Cách xử lý này đòi hỏi bạn phải có kiến thức thiết kế, CSS cũng như những hiểu biết nhất định về mã nguồn template của Blogger.</span><br /><br />Đây là template mẫu Minima (mặc định), nếu bạn dùng template khác, tất nhiên sẽ không giống!:<br /><br /><pre><body><br /> <div id='outer-wrapper'><div id='wrap2'><br /><br /> <!-- skip links for text browsers --><br /> <span id='skiplinks' style='display:none;'><br /> <a href='#main'>skip to main </a> |<br /> <a href='#sidebar'>skip to sidebar</a><br /> </span><br /><span class="highlighted"><!-- Chèn vào đây nếu muốn đặt menu ngang phía trên header của blog --></span><br /> <div id='header-wrapper'><br /> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br /><b:widget id='Header1' locked='true' title='Thủ Thuật Blog.com(Header)' type='Header'/><br /></b:section><br /> </div><br /><br /><span class="highlighted"><!-- Chèn vào đây nếu muốn đặt menu ngang phía dưới header của blog --></span><br /><br /> <div id='content-wrapper'><br /><br /> <div id='crosscol-wrapper' style='text-align:center'><br /> <b:section class='crosscol' id='crosscol' showaddelement='no'/><br /> </div><br /><br /> <div id='main-wrapper'><br /> <b:section class='main' id='main' showaddelement='no'><br /><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/><br /><b:widget id='HTML8' locked='false' title='' type='HTML'/><br /></b:section><br /> </div><br /></pre><br /><br /><b>BỔ SUNG "TRANG CHỦ" VÀ "RSS":</b><br /><br />Nếu bạn đưa hẳn link Trang chủ (http://yourblog.blogspot.com) vào dữ liệu của LinkList, khi đó chúng ta khó sắp xếp làm sao cho Trang chủ nằm đầu tiên. Do đó cách đơn giản nhất là chúng ta làm bằng ... tay!<br /><br />Hãy đánh dấu <span style="font-weight:bold;">Expand Widget Templates (Mở rộng tiện ích mẫu)</span>:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmX4fUxTQEahurmfmUg8vAWNd0H7q8TGiQUE5oQ_qCoXk7NhL3zZPAfWccd_V4Ltj_hmyC4qcxVwFvTU9Ok5CbKqBtPdrd-BVYsYxVHTZC3g6ShWpws6esM9MNQPeN-MTf9Wd1kHiXZfOE/s1600-h/expand.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 220px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmX4fUxTQEahurmfmUg8vAWNd0H7q8TGiQUE5oQ_qCoXk7NhL3zZPAfWccd_V4Ltj_hmyC4qcxVwFvTU9Ok5CbKqBtPdrd-BVYsYxVHTZC3g6ShWpws6esM9MNQPeN-MTf9Wd1kHiXZfOE/s400/expand.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5359066568257072226" /></a><br /><br />Dùng từ khoá <span style="font-weight:bold;">LinkList</span> để tìm tiện ích của chúng ta và bạn sẽ tìm thấy như sau:<br /><br /><pre><div id='navmenu'><br /> <b:section class='navmenu' id='navmenu-id' showaddelement='yes'><br /><b:widget id='LinkList1' locked='false' title='' type='LinkList'><br /><b:includable id='main'><br /><br /><b:if cond='data:title'><h2><data:title/></h2></b:if><br /> <div class='widget-content'><br /> <ul><br /> <b:loop values='data:links' var='link'><br /> <li><a expr:href='data:link.target'><data:link.name/></a></li><br /> </b:loop><br /> </ul><br /> </div><br /></b:includable><br /></b:widget><br /></b:section><br /> </div></pre><br /><br />Và tôi đã bổ sung phần chữ màu đỏ: <br /><br /><pre><div id='navmenu'><br /> <b:section class='navmenu' id='navmenu-id' showaddelement='yes'><br /><b:widget id='LinkList1' locked='false' title='' type='LinkList'><br /><b:includable id='main'><br /><br /><b:if cond='data:title'><h2><data:title/></h2></b:if><br /> <div class='widget-content'><br /> <ul><br /> <span class="highlighted"><li><a expr:href='data:blog.homepageUrl' title='Trang chủ'>Trang chủ</a></li><br /> <li><a expr:href='data:blog.homepageUrl + "2009/05/phan-loai-noi-dung-tren-thu-thuat-blog.html"' title='Phân loại nội dung'>Phân loại</a></li><br /> <li><a expr:href='data:blog.homepageUrl + "2008/01/i-nt-v-blog-v-tc-gi.html"' title='Về tác giả'>Tác giả</a></li></span><br /> <b:loop values='data:links' var='link'><br /> <li><a expr:href='data:link.target'><data:link.name/></a></li><br /> </b:loop><br /> <span class="highlighted"> <li><a expr:href='data:blog.homepageUrl + "2007/12/quy-nh-s-dng-cc-ni-dung-trn-th-thut.html"' title='Quy định'>Quy định</a></li><br /> <li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Nhận xét'>Nhận xét</a></li><br /> <li class='last'><a expr:href='data:blog.homepageUrl + "rss.xml"' title='RSS'>RSS</a></li></span><br /> </ul><br /> </div><br /></b:includable><br /></b:widget><br /></b:section><br /> </div></pre><br /><br />Bạn đã biết tôi thêm bằng cách nào rồi chứ?<br /><br />Đến đây coi như chúng ta đã làm xong! Nếu có gặp khó khăn hãy comment dưới bài viết này để được giúp đỡ. Chúc thành công!<br /></span>Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com55tag:blogger.com,1999:blog-635946274234476527.post-5958886202128542542009-06-08T21:15:00.011+07:002013-03-07T18:36:26.060+07:00Sử dụng hộp tìm kiếm tuỳ chỉnh của Google Web ElementsGoogle vừa bổ sung hộp tìm kiếm vào gói Web Elements (*). Với hộp tìm kiếm này, kết quả truy vấn sẽ được hiển thị ngay bên dưới hộp tìm kiếm đi kèm thẻ hiện từ ưu tiên có hình thức khá giống với Search Box, một tiện ích mới được bổ sung vào Blogger.<br /><span class="fullpost"><br />Đặc biệt hộp tìm kiếm này cho phép người dùng <a href="http://www.thuthuatblog.com/2007/09/adsense-for-search-h-tr-ngn-ng-ting-vit.html" target="_new">AdSense</a> thêm mã nhà xuất bản để kiếm tiền khi người dùng nhấn xem các quảng cáo đi kèm. Việc này khắc phục được nhược điểm của tiện ích Search Box của Blogger.<br /><br />Truy cập <a href="http://www.google.com/webelements/customsearch/" target="_new">http://www.google.com/webelements/customsearch/</a>, bạn được yêu cầu đăng nhập (nếu chưa đăng nhập trước đó), ngay bên cạnh <span style="font-weight: bold;">Configure</span> (Cấu hình) hãy trỏ chuột chọn <span style="font-weight: bold;">Search my site and use AdSense for Search,</span> nhập mã nhà xuất bản có dạng <span style="font-weight: bold;">pub-xxxxxxxxxxxxxxxx</span> (tìm trong tài khoản AdSense) và lấy code.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmyKAooazWmx4FlGQEDmT0rImtxWjpB_NgeZiOOzIgaorAD8t80b4m3kk9DkuNUq799JvMCbYiFj4n70_h73p6tqwpzeB4tM0FOsc85X4zTE8jVG1LsvK-_9caOGhRrXyJTQMi9pzmDsJM/s1600-h/tim+kiem.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 242px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmyKAooazWmx4FlGQEDmT0rImtxWjpB_NgeZiOOzIgaorAD8t80b4m3kk9DkuNUq799JvMCbYiFj4n70_h73p6tqwpzeB4tM0FOsc85X4zTE8jVG1LsvK-_9caOGhRrXyJTQMi9pzmDsJM/s400/tim+kiem.jpg" alt="Kiếm tiền trên mạng" id="BLOGGER_PHOTO_ID_5344967958198240674" border="0" /></a><br /><br />Người dùng nên đặt code vào vị trí đủ rộng để kết quả tìm kiếm xuất hiện trông dễ nhìn hơn.<br /><br />Bạn có thể thử nghiệm hộp tìm kiếm phía trên bài viết này. Tuy nhiên một nhược điểm được tìm thấy đó là màu sắc trong kết quả tìm kiếm lại không tự động điều chỉnh phù hợp với blog. Không biết bạn có gợi ý nào hay hơn?<br /><br />(*) Google Web Elements cho phép thêm các sản phẩm Google yêu thích vào trang web của bạn. Ngoài sản phẩm được nêu, bạn có thể sử dụng nhiều sản phẩm khác như Lịch, Tin tức, Bản đồ, Trình diễn,...<br /><br /><span style="font-weight:bold;">Cập nhật: </span><br /><br />Cám ơn gợi ý của Ngankvn@ về cách chuyển đổi màu sắc. Sau khi tìm hiểu, <a href="http://www.thuthuatblog.com">Thủ Thuật Blog</a> xin gợi ý bạn cách điều chỉnh màu trong kết quả tìm kiếm như sau:<br /><br />Chúng ta có thể thêm đoạn mã sau đây vào phần CSS của template (Giữa thẻ <span style="font-weight:bold;"><b:skin><!</span> và <span style="font-weight:bold;">]]></b:skin></span>):<br /><br /><pre>/* Màu tiêu đề kết quả */<br />#cse .gsc-control-cse .gs-title{<br /> color: #<span class="highlighted">FFCC66</span>;<br /> font-weight: bold;<br /> font-size:12px;<br />} <br />/* Màu đoạn text chú thích */<br />#cse .gsc-control-cse .gs-snippet{<br /> color: #<span class="highlighted">FFFFFF</span>;<br />}<br />/* Màu URL phía dưới kết quả */<br />#cse .gsc-control-cse .gs-visibleUrl{<br /> color: #<span class="highlighted">008000</span>;<br />}</pre><br /><br />Lưu ý: Nhớ điều chỉnh lại các giá trị màu sau dấu # của thuộc tính color hoặc dùng biến màu (ví dụ: $textcolor) tìm thấy trong template.<br /><br />Cách khác: Cũng tương tự nhưng bạn chèn kèm dưới đoạn code lấy được trong phần đầu vào tiện ích HTML/JavaScript:<br /><br /><pre><style type="text/css"><br />/* Màu tiêu đề kết quả */<br />#cse .gsc-control-cse .gs-title{<br /> color: #<span class="highlighted">FFCC66</span>;<br /> font-weight: bold;<br /> font-size:12px;<br />} <br />/* Màu đoạn text chú thích */<br />#cse .gsc-control-cse .gs-snippet{<br /> color: #<span class="highlighted">FFFFFF</span>;<br />}<br />/* Màu URL phía dưới kết quả */<br />#cse .gsc-control-cse .gs-visibleUrl{<br /> color: #<span class="highlighted">008000</span>;<br />}<br /></style></pre></span>Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com21tag:blogger.com,1999:blog-635946274234476527.post-84173499576469047202009-05-29T20:30:00.008+07:002013-03-07T18:42:07.353+07:00Một số link có thể đặt trong đoạn văn cuối bài viếtMột số bạn hỏi cách đặt link cho <a href="http://www.thuthuatblog.com/2008/02/chn-mt-on-vn-bn-cui-bi-ng.html">đoạn văn bản</a> được thêm vào cuối bài viết như thế nào sao cho có thể đến ngay khung comment khi nhấn vào hay chứa link để bookmark và nhiều thứ khác.<br /><br />Tôi xin chia sẻ đoạn code đã sử dụng trên blog này bên dưới:<br /><span class="fullpost"><br /><pre>Cám ơn bạn đã ghé <a href='<span class="highlighted">http://www.thuthuatblog.com</span>' target='_blank'><span style='font-weight: bold;'><span class="highlighted">ThuThuatBlog.com</span></span></a>. Bạn có ý kiến thắc mắc hay bình luận gì về bài viết này vui lòng click <span style='font-weight: bold;'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>comment</a></span>. Để lưu bài viết vào trình duyệt web hoặc tài khoản lưu trữ và chia sẻ bookmark trực tuyến, hãy nhấn <a expr:href='"http://www.addthis.com/bookmark.php?pub=dv2n&url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Bookmark and Share'><span style='font-weight: bold;'><span class="highlighted">vào đây</span></span></a>. Bạn cũng có thể đọc bài viết trên blog thông qua các công cụ đọc tin Feed bằng <a href='<span class="highlighted">http://feeds.feedburner.com/ThuThuatBlog</span>' target='_blank'><span style='font-weight: bold;'>link này</span></a> hoặc <a href='http://www.feedburner.com/fb/a/emailverifySubmit?feedId=<span class="highlighted">982240</span>' target='_blank'><span style='font-weight: bold;'>đăng ký nhận bài viết mới</span></a> qua email. Ngoài ra bạn cũng có thể cho địa chỉ blog này vào <a href='JavaScript: bmk();'><span style='font-weight: bold;'>Favorites</span></a> (Internet Explorer) hoặc <a href='JavaScript: bmk();'><span style='font-weight: bold;'>Bookmark</span></a> (Mozilla Firefox) để tiện việc theo dõi. Nếu đang làm blog tại Google Blogger bạn cũng có thể lưu blog này ở chế độ <a href='javascript:_FollowersView._openPopup("http://www.blogger.com/follow-blog.g?blogID=<span class="highlighted">635946274234476527</span>&blogTitle=<span class="highlighted">Th%E1%BB%A7+Thu%E1%BA%ADt+Blog</span>");'><span style='font-weight: bold;'>theo dõi</span></a> trong hồ sơ, đó cũng là cách mang lại nguồn khách viếng thăm blog bạn. Tôi hy vọng bạn tìm thấy những thủ thuật thú vị từ trang này.</pre><br /><br />Một vài trong trong số những ký tự có màu nổi bậc phải được thay đổi phù hợp với thông tin của bạn như: Địa chỉ blog, địa chỉ feed, blogID...<br /><br />Nếu có dịch vụ nào bạn không sử dụng có thể xoá đi, ví dụ link FeedBurner: http://feeds.feedburner.com/ThuThuatBlog<br /><br />Thêm vào đó bạn cần đặt đoạn JavaScript chứa hàm bookmark dưới đây trước thẻ </body> trong template, tương tự bạn cũng phải thay phần chữ màu đỏ:<br /><br /><pre><script language='JavaScript' type='text/javascript'> <br />function bmk()<br />{ <br /> if (document.all)<br /> window.external.AddFavorite("<span class="highlighted">http://www.thuthuatblog.com</span>"," <span class="highlighted">Thủ Thuật Blog</span>"); <br /> else if (window.sidebar)<br /> window.sidebar.addPanel("<span class="highlighted">Thủ Thuật Blog</span>", "<span class="highlighted">http://www.thuthuatblog</span>", "");<br />}<br /></script></pre><br /><br />Nhìn ngay phía dưới bài viết này bạn sẽ thấy đoạn code bên trên được hiển thị như thế nào!<br /><br />Cách tìm blogID:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGbQ9GMWANa7-EOfq2PqhZleFK5eNbrnIF_W1itCzbk7ouxXrEUoPoQhPZXrXITrso5DR1G7n-p_xZ4P4MJWy4kxJfdFQvGJGZLYW3fTYmqAZh-ANw7-xPoS1i5Ywyw-qfVl-UnR5v-4OX/s1600-h/blog+id.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 50px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGbQ9GMWANa7-EOfq2PqhZleFK5eNbrnIF_W1itCzbk7ouxXrEUoPoQhPZXrXITrso5DR1G7n-p_xZ4P4MJWy4kxJfdFQvGJGZLYW3fTYmqAZh-ANw7-xPoS1i5Ywyw-qfVl-UnR5v-4OX/s400/blog+id.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5341245159016818434" /></a><br /></span>Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com28tag:blogger.com,1999:blog-635946274234476527.post-18593856421044681632009-05-11T21:24:00.002+07:002009-05-12T08:08:02.982+07:00Phân loại nội dung trên Thủ Thuật BlogĐể bạn đọc lần đầu tiên ghé blog có thể dễ dàng tìm thấy nội dung mình cần, <a href="http://www.thuthuatblog.com">Thủ Thuật Blog</a> đã phân loại các nội dung của mình như bên dưới. Đây là những bài viết quan trọng có trên blog và vẫn còn nhiều bài viết không nằm trên mục này. Nếu cần bạn có thể xem thêm <a href="http://www.thuthuatblog.com/2008/01/mc-lc.html">mục lục</a> hoặc gõ từ khoá quan tâm vào công cụ tìm kiếm.<br /><span class="fullpost"><br /><ul><br /> <li><h2 class="h2inpost">Hướng dẫn cơ bản về Blogger</h2><br /> <ul><br /> <li><a href="http://www.thuthuatblog.com/2007/05/lm-th-no-ng-k-blog-ti-bloggercom.html">Đăng ký blog ở Blogger</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/05/thit-lp-h-s-c-nhn.html">Thiết lập hồ sơ cá nhân</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/05/lm-quen-vi-dashboard.html"></a>Làm quan với Bảng điều khiển của Blogger</li><br /> <li><a href="http://www.thuthuatblog.com/2007/05/ng-bi-cho-blog.html"></a>Post bài viết lên blog</li><br /> <li><a href="http://www.thuthuatblog.com/2007/07/ng-bi-cho-blog-t-email-ca-bn.html">Post bài viết lên blog từ email</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/09/s-dng-flickr-ng-bi-cho-blogger.html">Post bài viết lên blog từ Clickr</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/05/chn-nh-minh-ha-cho-bi-vit.html">Chèn ảnh minh hoạ cho bài viết</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/09/cc-phm-tt-dng-son-tho-bi-ng-cho-blogger.html">Phím tắt được dùng khi soạn bài viết</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/07/chn-flash-game-vo-blog.html">Chèn flash game vào blog</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/07/lm-vic-vi-label-nhn.html">Làm việc với các Nhãn (Label)</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/07/sao-lu-v-phc-hi-template.html">Sao lưu và hồi phục mẫu của Blogger</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/09/cc-tin-ch-ca-blogger-v-hng-dn-s-dng.html">Tổng hợp các tiện ích của Blogger và hướng dẫn sử dụng</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/10/lm-quen-vi-template-kiu-layout-ca.html">Làm quen với template kiểu layout của Blogger</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/10/cc-tin-ch-ca-google-dnh-cho-blog.html">Các tiện ích của Google dành cho blog, website</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/11/slideshow-tin-ch-mi-ca-google-blogger.html">Tiện ích slideshow của Blogger</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/12/theo-di-comments-trn-google-blogger.html">Theo dõi comment trên blog</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/01/phn-quyn-ngi-c-v-mi-ngi-khc-cng-vit.html">Phân quyền và mời bạn bè cùng viết blog</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/04/tnh-nng-mi-ca-blogger-t-ng-ng-bi-theo.html">Lên lịch tự động đăng bài</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/07/t-code-trong-khung-trn-bi-vit-ca.html">Đặt code trong bài viết của blog</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/07/lm-th-no-s-dng-khung-nhn-xt-ca-blogger.html">Sử dụng khung nhận xét của Blogger</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/12/im-mnh-yu-ca-google-blogger.html">Đánh giá chung về Blogger</a></li><br /> </ul><br /> </li><br /> <li><h2 class="h2inpost">Công cụ thống kê</h2><br /> <ul><br /> <li><a href="http://www.thuthuatblog.com/2007/05/lm-sao-thng-k-s-lt-ngi-c-blog.html">Làm sao thống kê số lượng người đọc blog?</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/09/c-bao-nhiu-ngi-ang-xem-blog-ca-bn.html">Có bao nhiêu người đang xem blog?</a></li><br /> </ul><br /> </li><br /> <li><h2 class="h2inpost">Âm nhạc cho blog</h2><br /> <ul><br /> <li><a href="http://www.thuthuatblog.com/2007/06/chn-nhc-vo-blog.html">Chèn nhạc vào blog</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/06/chn-video-vo-blog.html">Chèn video vào blog</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/06/lm-nhc-nn-cho-blog.html">Chèn nhạc nền cho Blogger</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/06/chn-playlist-nhc-vo-<br />blog.html">Chèn playlist nhạc vào blog</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/06/chn-playlist-nhc-theo-musicwebtown-vo.html">Chèn playlist từ MusicWebTown vào blog</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/06/chn-playlist-nhc-nn-vo-blog.html">Chèn playlist nhạc nền blog</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/08/chn-playlist-nhc-t-loudfusion.html">Chèn playlist nhạc từ Loudfusion</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/09/chn-nhc-t-mng-x-hi-lastfm-vo-blog.html">Chèn nhạc từ mạng xã hội âm nhạc Last.fm</a></li><br /> </ul><br /> </li><br /> <li><h2 class="h2inpost">Tìm kiếm & Tối ưu hoá blog</h2><br /> <ul><br /> <li><a href="http://www.thuthuatblog.com/2007/05/thm-cng-c-tm-kim-blogger.html">Sử dụng hộp tìm kiếm Blogger</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/11/hp-tm-kim-ty-chnh-google-ln-blog.html">Sử dụng hộp tìm kiếm Google</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/05/thm-blog-vo-cng-c-tm-kim-google.html">Đưa blog vào công cụ tìm kiếm Google</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/05/thm-blog-vo-cng-c-tm-kim-yahoo.html">Đưa blog vào công cụ tìm kiếm Yahoo</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/08/ng-k-blog-vo-cng-c-tm-kim-ting-vit-ca.html">Đưa blog vào công cụ tìm kiếm Yahoo tiếng Việt</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/05/thm-blog-vo-cng-c-tm-kim-msn.html">Đưa blog vào công cụ tìm kiếm MSN</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/05/hng-dn-cho-webmaster-ng-k-website-vo.html">Đưa blog vào công cụ tìm kiếm Live</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/06/thm-google-sitemap-cho-blog.html">Đăng ký sitemap vào Google Webmaster</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/01/website-grader-cng-c-kim-tra-cht-lng.html">Đánh giá SEO của blog qua Website Grader</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/12/lm-sao-blog-bn-ti-nhanh-hn.html">Làm sao để blog bạn tải nhanh hơn</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/06/blog-ca-bn-xp-hng-bao-nhiu-trn-alexa.html">Blog của bạn hạng bao nhiêu trên Alexa</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/06/blog-ca-bn-gi-bao-nhiu.html">Blog của bạn giá bao nhiêu?</a></li> <br /> </ul><br /> </li><br /> <li><h2 class="h2inpost">Tán gẫu & Công cụ liên lạc</h2><br /> <ul><br /> <li><a href="http://www.thuthuatblog.com/2007/05/thm-biu-tng-h-tr-online-qua-yahoo.html">Sử dụng biểu tượng hỗ trợ qua Yahoo! Messenger</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/07/mt-s-biu-tng-trng-thi-online-c-bit-ca.html">Một số biểu tượng hiển thị trạng thái online trên Yahoo! Messenger đặc biệt</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/09/yahoo-messenger-pingbox-cng-c-gip-khch.html">Tán gẫu với Yahoo! Pingbox</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/05/cng-c-tn-gu-meebo-trn-blog.html">Chèn công cụ tán gẫu Meebo</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/08/chn-hp-hi-thoi-vo-blog-shoutbox.html">Chèn hộp thoại tán gẫu trực tiếp trên blog</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/10/biu-tng-h-tr-trc-tuyn-skype-ln-blog.html">Chèn biểu tượng Skype vào blog</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/12/hng-dn-chn-form-lin-h-vo-google-blogger.html">Chèn form liên lạc</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/05/thm-ch-email-lin-h.html">Sử dụng địa chỉ email liên hệ</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/05/chn-bookmark-cho-blog.html">Chèn bookmark cho từng bài viết</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/10/lu-tr-v-chia-s-bookmark-vi-delicious.html">Lưu trữ và chia sẻ bookmark với del.icio.us</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/10/km-biu-tng-chia-s-bi-vit-qua-yahoo.html">Chèn biểu tượng chia sẻ bài viết qua Yahoo! Messenger</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/08/chn-form-gii-thiu-bn-b-trn-blog.html">Tạo form giới thiệu</a></li><br /> </ul><br /> </li><br /> <li><h2 class="h2inpost">Hướng dẫn kiếm tiền từ blog</h2><br /> <ul><br /> <li><a href="http://www.thuthuatblog.com/2007/05/kim-tin-t-blog.html">Kiếm tiền từ blog với AdSense</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/10/nhng-iu-bn-nn-bit-trc-khi-ng-k-google.html">Những điều cần biết trước khi đăng ký AdSense</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/09/adsense-for-search-h-tr-ngn-ng-ting-vit.html">AdSense for search hỗ trợ tiếng Việt</a></li><br /> <li><a href="http://www.thuthuatblog.com/2009/01/cch-t-qung-co-google-adsense-trn.html">Cách đặt quảng cáo AdSense trên blog</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/07/cch-t-code-qung-co-ca-ch-in-t-vo.html">Cách đặt quảng cáo của Adnet</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/02/kim-tin-cng-sn-giao-dch-u-gi-ecom-jsc.html">Kiếm tiền cùng lienket247</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/10/nhng-blogger-hng-u-th-gii-kim-c-bao.html">Những blogger hàng đầu thế giới kiếm được bao nhiêu tiền?</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/01/t-qung-co-google-adsense-trn-snap-shots.html">Đặt AdSense trên Snapshot</a></li><br /> </ul><br /> </li><br /> <li><h2 class="h2inpost">Tuỳ biến Blogger</h2><br /> <ul> <br /> <li><a href="http://www.thuthuatblog.com/2007/06/chn-font-v-kiu-ch-trn-bloggercom.html">Kiểu chữ và font chữ</a></li> <br /> <li><a href="http://www.thuthuatblog.com/2007/06/i-mu-ch-v-mu-nn-cho-blog.html">Đổi màu chữ và màu nền</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/06/n-hoc-xa-navbar.html">Ẩn navigation bar (thanh nằm ngang trên blog)</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/05/to-favicon-biu-tng-trc-ch.html">Tạo favicon (biểu tượng trước địa chỉ) cho blog</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/06/cui-cng-blogger.html">Tích hợp bộ gõ tiếng Việt vào hộp tìm kiếm</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/06/hin-th-add-page-element.html">Hiển thị Add a gadget(Thêm tiện ích)</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/07/to-con-tr-chut-ng-nghnh-trn-blog.html">Tạo con trỏ chuột ngộ nghĩnh</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/06/to-widget-cc-bi-ng-gn-y.html">Hiện các bài đăng gần đây</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/07/thm-widget-mc-lc-bi-ng.html">Mục lục bài đăng</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/06/to-ch-nhp-nhy-cho-blog.html">Tạo chữ chạy trên blog (hình)</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/06/to-ch-chy.html">Chữ chạy trên blog (text)</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/06/chn-widget-cho-header.html">Thêm tiện ích vào header</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/08/lm-tn-blog-cun-trn-trnh-duyt.html">Làm tên blog cuộn</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/08/chn-c-thm-cho-bi-ng-ca-blog.html">Đăng bài kiểu "đọc tiếp"</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/10/s-dng-k-thut-m-rng-bi-ng-theo-kiu-hin.html">Dùng "đọc thêm" kiểu Peakeboo</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/02/chn-mt-on-vn-bn-cui-bi-ng.html">Chèn một đoạn văn bản cuối bài viết</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/11/chn-th-thut-hin-th-tiu-v-n-ni-dung-bi.html">Hiển thị tiêu đề, ẩn nội dung bài viết</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/12/n-thng-bo-trng-thi-trong-kt-qu-tm-kim-v.html">Ẩn thông báo chỉ trạng thái</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/03/thm-tin-ch-nh-gi-bi-vit-vo-blog.html">Tiện ích đánh giá bài viết</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/01/hin-th-nhn-label-hoc-danh-sch-lin-kt.html">Ẩn/hiện danh sách hoặc nhãn</a></li><br /> </ul><br /> </li><br /> <li><h2 class="h2inpost">Tên miền và tuỳ chỉnh tên miền</h2><br /> <ul> <br /> <li><a href="http://www.thuthuatblog.com/2009/05/thong-so-cai-at-ten-mien-cho-blogger.html">Thông số cài đặt tên miền riêng cho blog</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/10/to-blog-vi-tn-min-ca-bn-ti-blogger.html">Cấu hình blog với tên miền riêng</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/11/s-dng-tn-min-ring-cho-blogger-qua-dns.html">Sử dụng tên miền riêng cho blog qua DNS trung gian</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/05/gip-blogger-khng-b-ngn-vi-tn-min-cocc.html">Tên miền miễn phí CO.CC</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/02/quy-trnh-chuyn-tn-min.html">Quy trình chuyển nhà đăng ký tên miền</a></li><br /> </ul><br /> </li><br /> <li><h2 class="h2inpost">Công cụ bổ sung cho blog</h2><br /> <ul><br /> <li><a href="http://www.thuthuatblog.com/2007/09/chn-widget-xem-trc-hin-th-mt-website.html">Công cụ xem trước một website</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/01/thm-mt-cng-c-xem-trc-mt-website-v-blog.html">Một công cụ khác xem trước một địa chỉ</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/11/chi-nhc-mp3-trn-blog-bng-delicious.html">Chơi nhạc mp3 trên blog bằng del.icio.us</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/01/b-m-s-ngi-ang-online-cho-blog-yahoo-360.html">Bộ đếm số người đang trực tuyến</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/01/to-bn-ngi-xem-blog.html"></a>Bản đồ người xem blog</li><br /> </ul><br /> </li><br /> <li><h2 class="h2inpost">Công cụ quảng bá blog</h2><br /> <ul><br /> <li><a href="http://www.thuthuatblog.com/2007/07/s-dng-cng-c-technorati.html">Sử dụng công cụ Technorati</a></li><br /> <li><a href="http://www.thuthuatblog.com/2008/10/lm-sao-truy-cp-blog-ca-bn-trn-in-thoi.html">Làm sao truy cập blog trên ĐTDĐ</a></li><br /> </ul><br /> </li><br /> <li><h2 class="h2inpost">Game & các công cụ trang trí cho blog</h2><br /> <ul><br /> <li><a href="http://www.thuthuatblog.com/2008/01/mt-s-game-c-nhn-ha-ng-nghnh-cho-blog.html">Game ngộ nghĩnh với bạn là nhân vật trong game</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/10/chn-tin-ch-con-mo-o-vo-blog-blogger.html">Con mèo vui vẻ</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/10/chn-cc-con-th-ng-nghnh-vo-blog-blogger.html">Các con thú ngộ nghĩnh</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/10/tr-chi-pac-man-vo-blog-blogger-yahoo.html">Trò chơi Pacman</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/10/tr-chi-xp-gch-v-nhiu-tr-chi-c-in-khc.html">Trò chơi xếp gạch</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/07/chn-flash-game-vo-blog.html">Các nguồn cung cấp game</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/11/trang-tr-cy-thng-ging-sinh-cho-blog.html">Trang trí cây thông Noel</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/12/hy-hn-em-i-dng-cho-yahoo-mash-yahoo-360.html">Hôn em đi...</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/12/nh-ng-ging-sinh-cho-blog.html">Ảnh Giáng Sinh</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/06/ng-h-cho-blog.html">Đồng hồ cho blog</a></li><br /> </ul><br /> </li><br /> <li><h2 class="h2inpost">Kiến thức cơ bản cần biết trước khi thiết kế giao diện</h2><br /> <ul><br /> <li><a href="http://www.thuthuatblog.com/2007/06/lm-quen-vi-tag_28.html">Làm quen với thẻ <img></a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/06/chn-font-v-kiu-ch-trn-bloggercom.html">Kiểu chữ và font chữ</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/08/tm-hiu-margin-v-padding.html">Tìm hiểu margin và padding</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/08/bng-m-mu-thp-lc-v-rgb.html">Bảng mã màu thập lục</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/09/k-nng-css-lin-quan-n-text-dnh-cho-vic.html">Kỹ năng về CSS cần biết để tuỳ biến giao diện</a></li><br /> </ul><br /> </li><br /> <li><h2 class="h2inpost">Thiết giao diện Blogger </h2><br /> <ul><br /> <li><a href="http://www.thuthuatblog.com/2009/04/thiet-ke-blog-chia-header-thanh-hai.html">Chia header thành hai phần</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/05/thm-mt-ct-cho-blog.html">Thêm một cột sidebar cho blog</a></li><br /> <li><a href="">Lưu trữ và chia sẻ bookmark với del.icio.us</a></li><br /> <li><a href="">Chèn hộp thoại tán gẫu trực tiếp trên blog</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/07/hnh-nn-cho-blog.html">Hình nền cho blog</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/06/lm-header-cho-blog.html">Làm header cho blog</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/08/vi-lu-v-s-dng-hnh-nn.html">Lưu ý về cách dùng hình nền</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/08/hnh-nn-cho-tng-thnh-phn-ca-blog.html">Hình nền cho từng thành phần của blog</a></li><br /> <li><a href="http://www.thuthuatblog.com/2007/11/cc-trang-web-h-tr-lm-button-logo-v.html">Các trang web hỗ trợ làm button, logo</a></li><br /> </ul><br /> </li><br /></ul></span>Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com16tag:blogger.com,1999:blog-635946274234476527.post-25261372737060492432009-04-10T09:50:00.006+07:002013-03-07T18:38:37.328+07:00Thiết kế blog: Chia header thành hai phầnTừ khi thay đổi template, lượt bạn đọc ghé <a href="http://www.thuthuatblog.com">Thủ Thuật Blog</a> tăng hơn so với trước. Đó là nguồn động viên để bài viết mới được cập nhật. Xin gửi lời cám ơn bạn đọc đã ủng hộ blog thời gian qua. Mong rằng các bạn tiếp tục theo dõi nội dung sắp đăng tới đây. <br /><span class="fullpost"><br />Qua lại với bài viết này, hôm nay chúng ta sẽ chia header của blog làm 2 phần với kích thước tùy chọn. Ở đây template Minima được lấy làm ví dụ minh hoạ. Để dễ hiểu, bạn có thể tạo thêm một blog mới và thao tác theo hướng dẫn dưới:<br /><br /><span style="font-weight:bold;">Bước 1. Chỉnh sửa body</span>. Đăng nhập Blogger, chọn Bố cục (Layout) | Chỉnh sửa HTML (Edit HTML) và để ý đoạn code bên dưới:<br /><pre> <div id='header-wrapper'><br /> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br /><b:widget id='Header1' locked='true' title='Header | Thủ thuật blog (Header)' type='Header'/><br /></b:section><br /> </div></pre><br />Đây là header nằm trên cùng có chiều ngang bằng chiều ngang của template. Giả sử chúng ta cần đặt hộp tìm kiếm nằm bên phải, vậy bạn phải thay đoạn code trên bằng: <br /><pre> <div id='header-wrapper'> /* header-wrapper bao cả hai phần */<br /> <div id='header'> /* Phần bên trái */ <br /> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br /><b:widget id='Header1' locked='true' title='Header | Thủ thuật blog (Header)' type='Header'/><br /></b:section><br /> </div><br /> <div id='box'> /* Phần bên phải */<br /> <b:section class='searchbox' id='searchbox' maxwidgets='1' showaddelement='yes'><br /><b:widget id='HTML99' locked='false' title='' type='HTML'/><br /></b:section><br /> </div><br /> </div></pre><br />Trong đoạn code trên đã khởi tạo thêm một tiện ích HTML và các id: box, searchbox. Bạn có thể đặt tên tuỳ ý miễn là tên này phải trùng với khao báo của nó trong CSS ở bước 2.<br /><br /><span style="font-weight:bold;">Bước 2. Chỉnh sửa CSS</span>. Bây giờ kéo thanh trượt lên trên bạn tìm: <br /><pre>#header { <br /> margin: 5px;<br /> border: 1px solid $bordercolor;<br /> text-align: center;<br /> color:$pagetitlecolor;<br />}</pre><br />Chúng ta sẽ thay thế bằng:<br /><pre>#header { <br /> float: left; /* Nằm bên trái, có thể dùng: float: $startSide */<br /> width: 310px; /* Kích thước logo của blog */<br /> margin: 5px;<br /> border: 1px solid $bordercolor;<br /> text-align: center;<br /> color:$pagetitlecolor;<br />}<br /><br />#box { <br /> float: right; /* Nằm bên phải, có thể dùng: float: $endSide */<br /> width: 320px; /* Kích thước box */<br /> margin: 5px;<br /> border: 1px solid $bordercolor;<br /> text-align: center;<br /> color:$pagetitlecolor;<br />}</pre><br />Ở đoạn code này bạn toàn quyền thay đổi hoặc vô hiệu margin, border theo ý mình khi sử dụng logo hoặc <a href="http://www.thuthuatblog.com/2007/05/thm-cng-c-tm-kim-blogger.html">hộp tìm kiếm</a>. Quan trọng hơn phải tính toán khéo léo như thế nào để kích thước ngang (width) của header-wrapper bằng tổng kích thước ngang của header, box và margin của chúng. <br /><br />Đây là <a href="http://thuthuatblog-header.blogspot.com/">blog demo</a> hướng dẫn trên với layout như hình dưới đây:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifvxngWscyGcNsEeAteIQJmvNx4SLyYfZe5goGNdyxwONwRvroI5uz1QVxvC7Oj2GgiB3qtFIrqQqjyD-F-5_Vqzr8e56mFGSDGCxTsljBerWwB4viseCjBTY03MQsRXU2GJ8BsxWJ8yuh/s1600-h/header+in+two+parts.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 172px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifvxngWscyGcNsEeAteIQJmvNx4SLyYfZe5goGNdyxwONwRvroI5uz1QVxvC7Oj2GgiB3qtFIrqQqjyD-F-5_Vqzr8e56mFGSDGCxTsljBerWwB4viseCjBTY03MQsRXU2GJ8BsxWJ8yuh/s320/header+in+two+parts.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5322908030140342482" /></a></span>Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com47tag:blogger.com,1999:blog-635946274234476527.post-12733503287827863162009-01-13T10:43:00.010+07:002013-05-13T11:05:24.938+07:00Cách đặt quảng cáo Google AdSense trên BloggerNgày càng nhiều người tham gia kiếm tiền bằng cách đăng ký quảng cáo <a href="http://www.thuthuatblog.com/2007/05/kim-tin-t-blog.html" target="_blank">Google AdSense</a>. Hôm nay <a href="http://www.thuthuatblog.com/">Thủ Thuật Blog</a> hướng dẫn cách đặt quảng cáo AdSense trên Blogger (BlogSpot). Bài viết này không nhấn mạnh khía cạnh đặt quảng cáo sao cho hiệu quả, chỉ đề cập đến vấn đề thao tác để quảng cáo hiển thị ở các vị trí mong muốn.<br />
<br />
Nhìn chung, có hai cách để quảng cáo của Google AdSense hiển thị trên Blogger. <br />
<br />
<h4>Chèn AdSense qua tiện ích của Blogger</h4><i>Cập nhật:</i> Blogger đã tích hợp sẵn tài khoản AdSense của bạn lên thẻ Doanh thu.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP-unLnr6wuX7dCRmFNft4ZurmjQ5XPZreNWmJHjuBdDtOa2_1fh4nZosnKmoWIeAznV5osqybLJfavUytgV0tddCGBaw3y4ZdEPi-LHgtXYD9_FHS7fxRtzPuPoi5D4aEEhZdNgux7Ijo/s1600/adsense.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP-unLnr6wuX7dCRmFNft4ZurmjQ5XPZreNWmJHjuBdDtOa2_1fh4nZosnKmoWIeAznV5osqybLJfavUytgV0tddCGBaw3y4ZdEPi-LHgtXYD9_FHS7fxRtzPuPoi5D4aEEhZdNgux7Ijo/s400/adsense.png" width="400" /></a></div><br />
Lần đầu sử dụng bạn phải kết nối tài khoản AdSense vào Blogger. Trên Bố cục > Thêm tiện ích (Add a Gadget) > AdSense, khai báo địa chỉ email đã dùng đăng ký AdSense và mã bưu điện hoặc 5 số cuối của số điện thoại trong đơn đăng ký. <br />
<br />
Sau khi khai báo xong, từ nay muốn cho quảng cáo hiển thị bạn chỉ việc nhấn chọn AdSense, kích thước, kiểu nội dung, màu sắc quảng cáo, và lưu lại rồi kéo thả vào vị trí khác. <br />
<br />
<b>Ưu</b>: <br />
<br />
<ul><li>Dễ thao tác.</li>
<li>Thêm mới, xóa hoặc thay đổi kích thước quảng cáo phải thao tác ngay trong Blogger.</li>
</ul><br />
<b>Khuyết:</b><br />
<br />
<ul><li>Không quản lý được hiệu quả các kênh (channel).</li>
<li>Không đặt được quảng cáo trong bài đăng.</li>
</ul><br />
<h4>Chèn code trực tiếp từ AdSense</h4>Bước 1: Đăng nhập tài khoản Google AdSense, tạo một quảng cáo mới phù hợp với kích thước vị trí bạn mong muốn.<br />
Bước 2: Trở lại Blogger > Bố cục > Thêm tiện ích > HTML/JavaScript, rồi dán code vào khung bên dưới.<br />
Bước 3: Kéo thả tiện ích vào vị trí và nhấn Lưu sắp xếp.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4ve8ecBYSlus_ZOm5SWcDGNvq9PtG3JswwbrYKN-tCiFOPgoJ3KSrkKnA8RMZYmj9Ye6C25dLpn7_fpv8MadBd-eMJs0GZR24GjquG-ARL8KkDNCMEvG5U6i7k9X_KLRbwrkx7MxgoVxX/s1600/dat-code-adsense.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4ve8ecBYSlus_ZOm5SWcDGNvq9PtG3JswwbrYKN-tCiFOPgoJ3KSrkKnA8RMZYmj9Ye6C25dLpn7_fpv8MadBd-eMJs0GZR24GjquG-ARL8KkDNCMEvG5U6i7k9X_KLRbwrkx7MxgoVxX/s400/dat-code-adsense.png" width="400" /></a></div><br />
<b>Ưu:</b><br />
<br />
<ul><li>Dễ thao tác.</li>
<li>Quản lý được hiệu quả các kênh (channel).</li>
</ul><br />
<b>Khuyết:</b><br />
<br />
<ul><li>Thêm mới hoặc thay đổi kích thước quảng cáo phải tạo lại quảng cáo khác.</li>
<li>Không đặt được quảng cáo trong bài đăng.</li>
</ul><br />
Với hai cách này bạn có thể đặt quảng cáo ở các vị trí header, sidebar, footer, phía trên và dưới khung bài viết, tham khảo thêm cách đặt Google AdSense giữa bài viết Blogger.Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com68tag:blogger.com,1999:blog-635946274234476527.post-2983217035673962122008-12-13T20:52:00.006+07:002009-03-27T09:24:55.217+07:00Làm sao để blog bạn tải nhanh hơn?Một trong những yếu tố thu hút nhiều đọc giả đến với blog là tốc độ tải về máy tính người đọc. Nếu thời gian tải quá lâu, nhiều đọc giả có thể rời bỏ blog bạn trước khi họ có cơ hội đọc nó. Đây là một vài gợi ý từ Blogger giúp blog bạn load nhanh hơn và thu hút nhiều người đọc hơn:<br /><span class="fullpost"><br /><span style="font-weight: bold;">Bài đăng</span>:<br /><br />Thời gian tải của blog bị chi phối bởi số lượng bài viết hiển thị trên trang chủ. Bạn có thể dễ dàng điều chỉnh số lượng bài viết từ thẻ Settings (Cài đặt) | Formatting (Định dạng) và khi đó chọn số bài đăng mà mình muốn hiển thị. Con số 10 bài viết hoặc ít hơn thường được khuyên dùng.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkyqGp1OLmcuvfjXi95WUYvB4-6rXOoOUhbedt3kUbw8PMx0Cvzru3U0LTyNIA0cGN3Zye0QHIYbpNAoTfdvhpcnfx1l3GymMJ5y3tl0VBnHmqqYzihbkFz023zbDzqRQlR79qoInO8IT0/s1600-h/load+nhanh+hon.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 137px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkyqGp1OLmcuvfjXi95WUYvB4-6rXOoOUhbedt3kUbw8PMx0Cvzru3U0LTyNIA0cGN3Zye0QHIYbpNAoTfdvhpcnfx1l3GymMJ5y3tl0VBnHmqqYzihbkFz023zbDzqRQlR79qoInO8IT0/s400/load+nhanh+hon.png" alt="" id="BLOGGER_PHOTO_ID_5273709397462403618" border="0" /></a><br /><span style="font-weight: bold;">Liên kết và JavaScript bên thứ ba</span>:<br /><br />Để tối ưu hóa tốc độ tải, các liên kết, JavaScript và tiện ích của Google/ Blogger được khuyên dùng. Ngay cả khi bạn sử dụng các liên kết và JavaScript của bên thứ ba, blog bạn sẽ tải nhanh hơn nếu bạn đặt tất cả vào cuối blog. Nếu bạn có liên kết và JavaScript bên thứ ba trong sidebar, hãy đặt chúng vào cuối sidebar.<br /><br /><span style="font-weight: bold;">Hình ảnh và tệp tin media:</span><br /><br />Càng nhiều hình ảnh, video và các tệp tin media khác được đăng trên blog, thời gian tải sẽ càng kéo dài. Mặc dù hình ảnh và tệp tin media đóng vai trò quan trọng để thu hút người dùng đến với blog, song quan trọng hơn là bạn phải tối ưu hóa tốc độ tải của chúng. Đây là một vài mẹo tăng tốc độ cho tệp tin media:<br /><ul><li>Giảm kích thước tệp tin ảnh và sử dụng thumbnail chứa liên kết đến hình ảnh kích thước đầy đủ.</li><li>Nếu bạn sử dụng hình ảnh của bên thứ ba, hãy đưa chúng vào Picasa Web Albums thông qua trình soạn thảo của Blogger.</li><li>Nếu bạn muốn cho số lượng hình ảnh kích thước lớn hiển thị, bạn có thể đưa tất cả lên Picasa Web Album và đặt một liên kết trong bài đăng hoặc trên sidebar đến album này.</li></ul><br /><span style="font-weight: bold;">Các gợi ý khác:</span><br /><br />Nếu bạn cài đặt thêm bất kỳ đoạn CSS nào vào blog, hãy chắc chắn đặt chúng vào đầu trang.<br /><br />Blog càng tải nhanh càng thu hút được chú ý của đọc giả. Để giúp xác định thời gian tải về bao lâu, bạn có thể sử dụng công cụ <a href="http://www.numion.com/Stopwatch/" target="_blank">Stopwatch </a>. Truy cập trang, nhập địa chỉ blog vào khung và nhấn "Start Stopwatch". Khi đó công cụ này sẽ mở blog ngay dưới và ghi lại thời gian tải tất cả nội dung trên blog bao gồm hình ảnh, video, tiện ích,... Hãy ghi lại thời gian tải và dùng các gợi ý trên để có những điều chỉnh thích hợp.<br /></span>Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com47tag:blogger.com,1999:blog-635946274234476527.post-70736614544409779922008-12-11T23:05:00.009+07:002008-12-13T19:52:58.627+07:00Ẩn thông báo trạng thái trong kết quả tìm kiếm và phân loạiKhi <a href="http://www.thuthuatblog.com/2007/05/thm-cng-c-tm-kim-blogger.html" target="_blank">tìm kiếm</a> bài viết của blog bằng công cụ tìm kiếm có trên <a href="http://www.thuthuatblog.com/2007/06/n-hoc-xa-navbar.html" target="_blank">thanh công cụ Blogger</a>, hoặc khi chọn một <a href="http://www.thuthuatblog.com/2007/07/lm-vic-vi-label-nhn.html" target="_blank">nhãn</a> (label) nào đó để xem các bài đăng cùng nhãn, nếu quan sát kỹ bạn sẽ thấy một thông báo nhỏ hiển thị ngay phía trên kết quả (Xem hình).<br /><span class="fullpost"><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAMFBW5hx5FU_9knEOisnjCWtYsuh-uDG-DhmR9E5ct_B7AtcoZ_3Gpy8h2TASGu9Fi7KTHlOaQ129EVc5k0qFOktBFXWQrNLnUeqohK74PPO4hpOhcTbOr89755lUM4YGnB42G5aPvMIf/s1600-h/thong+bao+trang+thai.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 144px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAMFBW5hx5FU_9knEOisnjCWtYsuh-uDG-DhmR9E5ct_B7AtcoZ_3Gpy8h2TASGu9Fi7KTHlOaQ129EVc5k0qFOktBFXWQrNLnUeqohK74PPO4hpOhcTbOr89755lUM4YGnB42G5aPvMIf/s400/thong+bao+trang+thai.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5278571937528530066" /></a><br />Nếu không thích có thông báo này, mẹo nhỏ sau đây sẽ giúp bạn loại bỏ:<br /><br /><span style="font-weight:bold;">Cách 1</span>: Vô hiệu hóa đoạn mã hiển thị trạng thái. Đăng nhập blog, vào thẻ Layout (Bố cục) | Edit HTML (Chỉnh sửa HTML) và đánh dấu chọn Expand Widget Templates (Mở rộng tiện ích mẫu), tìm và thêm hai thẻ <!-- và --> như sau:<br /><br /><pre><b:includable id='status-message'><br /><span class="highlighted"><!-- </span><br /> <b:if cond='data:navMessage'><br /> <div class='status-msg-wrap'><br /> <div class='status-msg-body'><br /> <data:navMessage/><br /> </div><br /> <div class='status-msg-border'><br /> <div class='status-msg-bg'><br /> <div class='status-msg-hidden'><data:navMessage/></div><br /> </div><br /> </div><br /> </div><br /> <div style='clear: both;'/><br /> </b:if><br /><span class="highlighted">--></span><br /></b:includable></pre><br /><br /><span style="font-weight:bold;">Cách 2</span>: Thêm đoạn CSS sau đây vào bất kỳ vị trí nào giữa <b:skin><![CDATA[/* và ]]></b:skin> trong template của blog:<br /><br /><pre>.status-msg-wrap {<br /> display: none;<br />}</pre><br /><br />Hãy thử hai gợi ý trên biết đâu có hiệu quả đấy!</span>Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com18tag:blogger.com,1999:blog-635946274234476527.post-32346229980071895392008-11-28T20:00:00.006+07:002013-03-07T18:14:35.986+07:00Sử dụng tên miền riêng cho Blogger qua DNS trung gianKhông rõ có bao nhiêu người đã đọc qua hướng dẫn <a href="http://www.thuthuatblog.com/2007/10/to-blog-vi-tn-min-ca-bn-ti-blogger.html" target="_blank">tạo blog với tên miền riêng</a> mà đến hôm nay số Blogger trang bị tên miền ngày một nhiều. Nhằm giúp bạn có thêm lựa chọn, tôi viết tiếp hướng dẫn cài đặt tên miền theo một cách tiếp cận khác dễ hơn bằng cách sử dụng dịch vụ DNS trung gian miễn phí.<br />
<br />
Trước hết phải kể đến lý do mà chúng ta sử dụng dịch vụ DNS trung gian: Thứ nhất, Control Panel của nhà cung cấp tên miền không hỗ trợ DNS, thứ hai, không bị giới hạn về số bản ghi được phép tạo cho mỗi tên miền (chẳng hạn như không hạn chế số subdomain), thứ ba, thuận tiện hơn khi cần cập nhật các bản ghi và bảo mật.<br />
<br />
Có nhiều trang cung cấp dịch vụ DNS miễn phí như <a href="http://www.everydns.net/" target="_blank">everydns.net</a>, <a href="http://www.zoneedit.com/" target="_blank">zoneedit.com</a>, <a href="http://freedns.afraid.org/" target="_blank">freedns.afraid.org</a>, ... Ở đây tôi sử dụng DNS của <span style="font-weight: bold;"><a href="http://www.sitelutions.com/" target="_blank">sitelutions.com</a></span>, tuy không phổ biến hơn ba địa chỉ kia nhưng dịch vụ này ổn định, dễ cài đặt và hỗ trợ nhiều tính năng, đương nhiên nằm trong tiêu chí miễn phí. Chúng ta có thể tiến hành qua 4 bước:<br />
<br />
<span style="font-weight: bold;">1. Thêm tên miền vào tài khoản ở Sitelutions:</span><br />
<br />
Các bước đăng ký và kích hoạt tài khoản Sitelutions bạn có thể tự thực hiện.<br />
<br />
<span class="fullpost">Sau khi đăng ký xong hãy đăng nhập và nhấn <span style="font-weight: bold;">Add Domain</span> để thêm tên miền của mình vào.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS0sSpLOydQYzVZwU8FpKqKQefZye6kshkB7MgoUHX9XzDtVpg4PkU0VZbBW7f5Vvon9rqZXUQ0-8IkygxvLtVjfeDLyUvaJG6OkdcxdwTS6PqzJl1FIs3hhZY_JAlHL7awmELHp6PV3qM/s1600-h/ten+mien+cho+blog+1.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5273685606660118690" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS0sSpLOydQYzVZwU8FpKqKQefZye6kshkB7MgoUHX9XzDtVpg4PkU0VZbBW7f5Vvon9rqZXUQ0-8IkygxvLtVjfeDLyUvaJG6OkdcxdwTS6PqzJl1FIs3hhZY_JAlHL7awmELHp6PV3qM/s400/ten+mien+cho+blog+1.jpg" style="cursor: pointer; display: block; height: 122px; margin: 0px auto 10px; text-align: center; width: 291px;" /></a><br />
Nhập tên miền (không có www), chọn thời gian hết hạn (nếu không nhớ hãy nhập tin miền vào <a href="http://www.whois.net/" target="_blank">whois.net</a> để tìm), ghi lại các thông tin NameServer (NS) để sử dụng cho bước kế tiếp sau đó nhấp Add Domain.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2HJ2qeWqODQwol-bViA2m-ssXRnQCttl_gc2KjR2ya1wSGyAFUS227RGnIIkFpWUi27S_5NK4dgVxUDhvRBBcw0_lXrkcpsSBV7sLjpi1B7Kj47HYaq7Q-K1cy7R3RNjLoHdkl-_VwDEu/s1600-h/ten+mien+cho+blog+2.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5273685608330059650" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2HJ2qeWqODQwol-bViA2m-ssXRnQCttl_gc2KjR2ya1wSGyAFUS227RGnIIkFpWUi27S_5NK4dgVxUDhvRBBcw0_lXrkcpsSBV7sLjpi1B7Kj47HYaq7Q-K1cy7R3RNjLoHdkl-_VwDEu/s400/ten+mien+cho+blog+2.jpg" style="cursor: pointer; display: block; height: 368px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><br />
<span style="font-weight: bold;">2. Thay đổi NS tên miền theo NS của Sitelutions:</span><br />
<br />
Bây giờ trang web mà mình mua tên miền để thay đổi NS theo thông số vừa ghi lại trên. Mất một ít thời gian để thay đổi của bạn có hiệu lực.<br />
<br />
<span style="font-weight: bold;">3. Cài đặt các bản ghi:</span><br />
<br />
Sau khi hoàn tất bước 1, nhấn <span style="font-weight: bold;">[Hosts/DNS]</span> hoặc <span style="font-weight: bold;">Account Control</span> (nằm trên thực đơn ngang) | <span style="font-weight: bold;">URL & DNS Control Center</span>. Bạn sẽ tìm thấy như hình dưới.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9DGiwk6AEzmoW3wY624MidHatrn6xraeKbGlcp22AIv2VBNapRz5NEqNDk3e6A3z3DzOS2BoNF0FPT_iNDqkc6GJPu6uiGAF26QWSOdLT3hlc2xfl8YHsFqn01Y_AB4jmzTqGP_Kl_ZNL/s1600-h/ten+mien+cho+blog+3.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5273685612248633138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9DGiwk6AEzmoW3wY624MidHatrn6xraeKbGlcp22AIv2VBNapRz5NEqNDk3e6A3z3DzOS2BoNF0FPT_iNDqkc6GJPu6uiGAF26QWSOdLT3hlc2xfl8YHsFqn01Y_AB4jmzTqGP_Kl_ZNL/s400/ten+mien+cho+blog+3.jpg" style="cursor: pointer; display: block; height: 70px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><br />
Ở đây có 2 HostName được tạo sẵn tương ứng cho tên miền gốc (<b>[root domain]</b>) và tên miền con (<b>www</b>).<br />
<br />
Chúng ta cài trên <b>www </b>trước bằng cách click <span style="font-weight: bold;">[Advanced Config & DDNS]</span>. Trang làm việc hiện ra, tìm đến <span style="font-weight: bold;">CNAME Records</span>, xóa bản ghi đã có, nhấn <span style="font-weight: bold;">Add Record </span>để tạo bản ghi mới như hình và tiếp tục hoàn tất.</span><br />
<br />
<span class="fullpost">Lưu ý Host Name mà chúng ta trỏ tới phải là <b>ghs.google.com. </b>(có dấu . cuối cùng).<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsrLTFUTjj3hKhYi9LyOFIiaKZ-um82d0m_oCEvNH8gZ-cLiTq0wRwto44CpA39qrDR0d-rtZvbPgy6NoTbc3L1gMfZYDMv3jKsfCDlXd1t85W7Wm_EEk2SV2lLxVObzOcNWntRr6Sxo4C/s1600-h/ten+mien+cho+blog+4.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5273685615831263938" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsrLTFUTjj3hKhYi9LyOFIiaKZ-um82d0m_oCEvNH8gZ-cLiTq0wRwto44CpA39qrDR0d-rtZvbPgy6NoTbc3L1gMfZYDMv3jKsfCDlXd1t85W7Wm_EEk2SV2lLxVObzOcNWntRr6Sxo4C/s400/ten+mien+cho+blog+4.jpg" style="cursor: pointer; display: block; height: 180px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><br />
Tương tự chúng ta sẽ thao tác trên <b>[root domain]</b> tại mục <b>A Records </b>và trỏ tới cả 4 IP: </span><b>216.239.32.21, 216.239.34.21, 216.239.36.21</b> và <b>216.239.38.21</b><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuOnFTx8x6V3TAhSXpJ0VbsUjYyHudr8wr474gCiYuXtghQQCHSy3ETUHyWpi51iJPwW-kdlo_zGeRF2LjQemQLN5EAlHPSo6u5cwiIbGAqF9Kc_pH9NKtMdmbGlA2iNxt5O5BrVjldVzw/s1600-h/ten+mien+cho+blog+5.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5273687928389378338" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuOnFTx8x6V3TAhSXpJ0VbsUjYyHudr8wr474gCiYuXtghQQCHSy3ETUHyWpi51iJPwW-kdlo_zGeRF2LjQemQLN5EAlHPSo6u5cwiIbGAqF9Kc_pH9NKtMdmbGlA2iNxt5O5BrVjldVzw/s400/ten+mien+cho+blog+5.jpg" style="display: block; height: 198px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Cập nhật:</b> Hình minh họa này đã cũ so với thực tế</td></tr>
</tbody></table><br />
Nếu có cài đặt Google Apps bạn cũng có thể khai báo các thông số <a href="http://www.google.com/support/a/bin/answer.py?hl=en&answer=33352" target="_blank">bản ghi MX</a> sử dụng cho dịch vụ email ngay bên dưới trong <b>[root domain]</b> này.<br />
<br />
Mất một thời gian để khai báo của bạn có hiệu lực.<br />
<br />
<span style="font-weight: bold;">4. Khai báo tên miền cho blog:</span><br />
<br />
Xem thêm mục 3 của phần <a href="http://www.thuthuatblog.com/2007/10/to-blog-vi-tn-min-ca-bn-ti-blogger.html">Cập nhật</a>.<br />
<br />
Hiện nay, tên miền quốc tế .com, .net, .info, ... có giá tương đối rẻ. Vào khoảng $35/năm nếu bạn đăng ký tại Register, Network Solutions; hay khoảng $10/năm nếu bạn đăng ký tại <a href="http://affiliate.godaddy.com/redirect/4574E7BA8C3E616A3E3793072813BB0BD34709EDDC640611D65B79A05F048C2E" title="GoDaddy.com - World's No.1 Domain Name Registrar ">GoDaddy.com</a>, đại lý eNom (eNom không bán trực tiếp),... hoặc có thể rẻ hơn khi gặp dịp khuyến mãi. Bạn cũng có thể liên hệ với tôi theo thông tin <a href="http://www.thuthuatblog.com/p/lien-he.html" target="_blank">tại đây</a> để có một tên miền với giá hợp lý.Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com34tag:blogger.com,1999:blog-635946274234476527.post-27253076848475916902008-10-11T18:15:00.007+07:002013-03-07T18:35:08.178+07:00Kèm biểu tượng chia sẻ bài viết qua Yahoo! Messenger vào BloggerTrước đây bạn đã được hướng dẫn cách đưa biểu tượng <a href="http://www.thuthuatblog.com/2007/05/thm-biu-tng-h-tr-online-qua-yahoo.html" target="_blank">hiển thị trạng thái trực tuyến</a> của mình khi đang dùng Yahoo! Messenger vào blog, hôm nay chúng ta sẽ đề cập đến việc chèn thêm biểu tượng chia sẻ bài viết qua trình tin nhắn này.<br /><span class="fullpost"><br />Khi sử dụng biểu tượng, một thông điệp bao gồm tên bài viết đi kèm liên kết của nó sẽ tự động được chèn vào khung nhập nội dung của chương trình tán gẫu. Và đây là đoạn code:<br /><br /><pre><a expr:href='&quot;ymsgr:sendIM?+&amp;m=&quot; + data:post.url + &quot; &lt;== &quot; + data:post.title'><img class='icon-action' src='<span class="highlighted">http://i240.photobucket.com/albums/ff259/thuthuatblog/ymr.jpg</span>' title='Gửi bài viết này cho bạn bè qua Yahoo! Messenger!'/></a></pre><br /><br />Trong đó link biểu tượng được làm nổi bậc và bạn có thể thay bằng một trong những biểu tượng dưới (Với Firefox nhấn phải chuột chọn Copy Image Location hoặc Properties -> Chọn chép link ở Address(URL)):<br /><br /><img src="http://i240.photobucket.com/albums/ff259/thuthuatblog/y115.jpg"/><img src="http://i240.photobucket.com/albums/ff259/thuthuatblog/y120.jpg"/><img src="http://i240.photobucket.com/albums/ff259/thuthuatblog/y125.jpg"/><br /><br /><img src="http://i240.photobucket.com/albums/ff259/thuthuatblog/y215.gif"/><img src="http://i240.photobucket.com/albums/ff259/thuthuatblog/y220.gif"/><img src="http://i240.photobucket.com/albums/ff259/thuthuatblog/y225.gif"/><br /><br /><span style="font-weight:bold;">Cách chèn vào Blogger:</span><br /><br />Tùy theo template và vị trí mong muốn, nhìn chung bạn có thể đặt biểu tượng cạnh Label (Nhãn) của bài viết hoặc cạnh các thông tin khác như tác giả, giờ đăng bài,...<br /><br />Đăng nhập Blogger, <a href="http://www.thuthuatblog.com/2007/07/sao-lu-v-phc-hi-template.html" target="_blank">lưu lại template</a> đang dùng, chọn Expand Widget Templates (Mở rộng tiện ích mẫu) và tìm đoạn vị trí gợi ý dưới:<br /><br /><pre><br /> <div class='post-footer'><br /> <div class='post-footer-line post-footer-line-1'><br /> <span class="highlighted"><!-- Nơi có thể đặt code --></span><br /> <span class='post-author vcard'><br /> <b:if cond='data:top.showAuthor'><br /> <data:top.authorLabel/><br /> <span class='fn'><data:post.author/></span><br /> </b:if><br /> </span> <br /> <span class="highlighted"><!-- Nơi có thể đặt code --></span><br /> <span class='post-timestamp'><br /> <b:if cond='data:top.showTimestamp'><br /> <data:top.timestampLabel/><br /> <b:if cond='data:post.url'><br /> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a><br /> </b:if><br /> </b:if><br /> </span> <br /> <span class="highlighted"><!-- Nơi có thể đặt code --></span><br /> <span class='post-comment-link'><br /> <b:if cond='data:blog.pageType != &quot;item&quot;'><br /> <b:if cond='data:post.allowComments'><br /> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a><br /> </b:if><br /> </b:if><br /> </span> <br /> <span class="highlighted"><!-- Nơi có thể đặt code --></span><br /> <span class='post-icons'><br /> <!-- email post links --><br /> <b:if cond='data:post.emailPostUrl'><br /> <span class='item-action'><br /> <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'><br /> <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/><br /> </a><br /> </span><br /> </b:if><br /> <!-- quickedit pencil --><br /> <b:include data='post' name='postQuickEdit'/><br /> </span> <br /> <span class="highlighted"><!-- Nơi có thể đặt code --></span><br /> </div><br /><br /> <div class='post-footer-line post-footer-line-2'><br /> <span class="highlighted"><!-- Nơi có thể đặt code --></span><br /> <span class='post-labels'><br /> <b:if cond='data:post.labels'><br /> <data:postLabelsLabel/><br /> <b:loop values='data:post.labels' var='label'><br /> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><br /> </b:loop><br /> </b:if><br /> </span> <br /> <span class="highlighted"><!-- Nơi có thể đặt code --></span><br /> </div><br /> <div class='post-footer-line post-footer-line-3'><br /> <span class="highlighted"><!-- Nơi có thể đặt code --></span><br /> <span class='post-location'><br /> <b:if cond='data:top.showLocation'><br /> <b:if cond='data:post.location'><br /> <data:postLocationLabel/><br /> <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a><br /> </b:if><br /> </b:if><br /> </span><br /> </div><br /></pre><br />Một cửa sổ sẽ hiện ra như thế này khi nhấn vào biểu tượng:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsm5jGsOdBwUZrrjANJGsVKYcQ8zbmHJC97DciX1IKhcASiqKccgj9xbd0TjiEFgrwJ6b4qr7ut6Q5n9ZQz3fphninQWoFZeb4z-TMgTr_VCf5IhQ05Ci8-ETNRV3rmnZQKEtDJH4-9cOM/s1600-h/Bieu+tuong+Yahoo+Messenger.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsm5jGsOdBwUZrrjANJGsVKYcQ8zbmHJC97DciX1IKhcASiqKccgj9xbd0TjiEFgrwJ6b4qr7ut6Q5n9ZQz3fphninQWoFZeb4z-TMgTr_VCf5IhQ05Ci8-ETNRV3rmnZQKEtDJH4-9cOM/s400/Bieu+tuong+Yahoo+Messenger.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5255859509322961538" /></a><br />Có một lỗi thấy rõ ở việc hiển thị tiếng Việt tiêu đề của bài đăng trong khung nhập nội dung chat. Không biết phiên bản hiện thời Yahoo! Messenger 9.0 có khắc phục được nhược điểm này?<br /><script type="text/javascript" language="javascript" src="http://s3.polldaddy.com/p/988243.js"></script><noscript> <a href ="http://answers.polldaddy.com/poll/988243/" >Có bao giờ bạn gửi link bài viết hay cho bạn bè qua Yahoo! Messenger?</a> <br/> <span style="font-size:9px;"> (<a href ="http://www.polldaddy.com"> surveys</a>)</span></noscript><br /></span>Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com25tag:blogger.com,1999:blog-635946274234476527.post-61455855119436120312008-09-24T22:13:00.016+07:002013-03-07T18:35:08.205+07:00Yahoo! Messenger Pingbox : Công cụ giúp khách tham quan tán gẫu với bạn ngay trên blogYahoo! vừa chính thức phát hành trình tin nhắn tức thời Yahoo! Messenger (Y!M) phiên bản 9 đi kèm với việc giới thiệu một số tính năng mới trong đó có công cụ hỗ trợ tán gẫu trực tiếp ngay trên web/blog hoặc hồ sơ cá nhân ở các mạng xã hội. Công cụ có tên: Yahoo! Messenger Pingbox. Với công cụ này, khách tham quan có thể chat ngay với chủ nhân của blog đang online trên Y!M 9.0, Y!M 8.0 hoặc Y!M for the Web thông qua một hộp thoai đặt ngay trên trang mà không cần phải đăng nhập Yahoo! Messenger cũng như biết nick chat của họ. <br /><span class="fullpost"><br />Dưới đây là các bước giúp bạn chèn hộp thoại này vào blog của mình.<br /><br />Đăng nhập tài khoản Yahoo! của bạn tại địa chỉ <a href="http://messenger.yahoo.com" target="_blank">http://messenger.yahoo.com</a>, chọn Pingbox ở menu hàng ngang, tiếp đó bấm vào nút Create Pingbox.<br /><br />Cửa sổ hiện ra để tùy chỉnh giao diện, ở đây bạn có thể chọn hình nền (background theme), màu nền (background color), kích thước và màu chữ (text size & color), thay đổi lời chào khi online (online greeting), thông điệp khi offline (offline message), tên hiển thị (display name). Làm xong bước này chúng ta nhập một cái tên cho hộp thoại ngay dưới Save Pingbox as và nhấn Next để tiếp tục.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbE3T9ucHM9oLl1V2pjdp0IU4LbBE-wFJuUs0KuA3n4Hztq2I5K2j4A0yTENrzbovn8yKA1g-jrztlKgF89dtc5-53NBzl15u5l-IrzktDxbOtAGZ3FGuCEoYFvFzxpFUR-SaOA3aNs8OP/s1600-h/Yahoo+Messenger+Pingbox+2.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbE3T9ucHM9oLl1V2pjdp0IU4LbBE-wFJuUs0KuA3n4Hztq2I5K2j4A0yTENrzbovn8yKA1g-jrztlKgF89dtc5-53NBzl15u5l-IrzktDxbOtAGZ3FGuCEoYFvFzxpFUR-SaOA3aNs8OP/s400/Yahoo+Messenger+Pingbox+2.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5249786580837210354" /></a><br />Yahoo! liệt kê sẵn một số mạng xã hội, chọn Blogger và nhấn Copy to clipboard để lấy code tương ứng với lựa chọn. Ngoài ra bạn cũng có thể tùy chỉnh kích thước của hộp thoại Pingbox phù hợp với vị trí trên blog mà nó sẽ hiển thị trước khi chép code.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_avACiRNma1RQnWNoLzNUEu7gWh3c05ywxS1nU-Z7hUKmarEDiXmXeY2xXAXl0tp18aLILEmHVv7ye1U74FXg7HKWpiT1FExs6EubSPpMAH2yMwB1VFgMrk4ySeQL90aaHAp4zbovuhId/s1600-h/Yahoo+Messenger+Pingbox+1.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_avACiRNma1RQnWNoLzNUEu7gWh3c05ywxS1nU-Z7hUKmarEDiXmXeY2xXAXl0tp18aLILEmHVv7ye1U74FXg7HKWpiT1FExs6EubSPpMAH2yMwB1VFgMrk4ySeQL90aaHAp4zbovuhId/s400/Yahoo+Messenger+Pingbox+1.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5249786578381114594" /></a><br />Cuối cùng đăng nhập Blogger, vào Layout (Trình bày) chọn Add a Gadget (Thêm tiện ích) -> HTML/JavaScript và dán code trước khi lưu lại.<br /><br />Video làm mẫu:<br /><br /><center><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='450' height='365' src='https://www.blogger.com/video.g?token=AD6v5dyJSS-7wrcD0ArQH1QtdCkq41RWKS_UUtYrT7gQF45hcmqZA3A6TW4DDex4g-lylUYs1XoJFu6qL6-_EeyRlw' class='b-hbp-video b-uploaded' frameborder='0'></iframe></center><br /><br />Chúc thành công!<br /></span>Nhan Daohttp://www.blogger.com/profile/00707264357972246058noreply@blogger.com20