[FD's BlOg] - Một thủ thuật mà Anhvo đã xuất bản từ lâu rồi, nay theo yêu cầu SEO blog của 1 vài bạn, nên mình xin được phép post lại thủ thuật này. Ngoài việc cập nhật thêm 1 ít từ khóa, mình còn chỉnh sửa 1 chút về file javascript của Anhvo.

Bộ từ khóa tự động là một trong những công cụ cho phép hiển thị các từ, cụm từ trong bài viết trùng với thư viện định sẵn. Như thế độc giả dễ dàng tìm đến các vấn đề khác mà bài viết có đề cập tới. Đây cũng là 1 cách để tăng traffic cho blog của bạn.

Hình ảnh minh họa:

☼ Sau đây là các bước thực hiện:
1. Vào bố cục
2. Vào chỉnh sửa code HMTL
3. Chọn mở rộng mẫu tiện ích
4. Tìm đoạn code sau:

<data:post.body/>

5. Thay đoạn code vừa tìm được bằng đoạn code bên dưới:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<data:post.body/>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='post_body'>
<data:post.body/>
</div>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script src='http://data.fandung.com/js/keywords/keyword01.js' type='text/javascript'/>

<script src='http://data.fandung.com/js/keywords/keyword02(2).js' type='text/javascript'/>

<div style='border:1px silver dashed; background:#FFFFCC; padding:5px'>

<script type='text/javascript'>
home_page2 = &quot;fandung.blogspot.com&quot;;
keyword_text = &quot;<b>Từ khóa :</b> &quot;;
window.onLoad = makeKeywordForPost(&quot;post_body&quot;);</script>

</div>

</b:if>

- Thay dòng code fandung.blogspot.com thành địa chỉ URL của blog bạn.

6. Save template.

Một vài lưu ý nhỏ:

a. Thêm các từ khóa của bạn vào file keyword01.js
Do nội dung của mỗi blog khác nhau, vì thế các từ khóa sẽ khác nhau. Để cho tiện ích hiển thị tốt các từ khóa có trong các bài viết ở blog của bạn, thì bạn phải tự bổ xung các từ khóa riêng biệt trong blog của mình. Để làm điều này, các bạn thực hiện các bước như sau:
- Tải file javascript keyword01.js về máy của bạn.
- Dùng Notepad để mở nó lên :(như bên dưới)

- Để thêm các từ, bạn chỉ việc thêm từ khóa vào trong dấu ngoặc kép (ví dụ : "Vui Cười", ) , nhớ sau mỗi từ khóa bạn thêm vào phải có dấu phẩy (,) theo sau. Chỉ từ khóa cuối cũng là không có dấu phẩy theo sau.
- Sau khi bổ xung xong các từ khóa, save file JS đó lại và upload nó lên 1 host nào đó. Nếu bạn nào ko có host có thể dùng host free như mình (http://www.110mb.com), rất dễ để đăng kí.

b. Một số thay đổi nhỏ từ thủ thuật gốc của Anhvo.
- Ban đầu mình test thử thủ thuật của Anhvo thì có 1 trục trặc nhỏ, là khi nhấp vào từ khóa để tìm kiếm trong bộ máy Google thì không hiển thị được kết quả, mình ko biết đây có phải là lỗi ko, nhưng như thế ko thể truy xuất được kết quả từ Google.

Hình ảnh minh họa:

- Và sau khi có 1 chút thay đổi nhỏ trong file JS thì mình được kết quả như bên dưới:

Nhấp vào ảnh để xem kích thước thật

Với việc chỉnh sửa này, Google chỉ liệt kê các kết quả từ việc tìm kiếm từ khóa trên blog của bạn.

Tác giả thủ thuật Anhvo

Chúc các bạn thành công.

Read more…

[FD's BlOg] - Ở các bài viết trước mình đã từng đăng 1 bài hướng dẫn tạo form liên hệ từ trang web kontactr.com, còn ở bài viết này mình sẽ hướng dẫn các bạn đưa form contact này vào ngay trong blog luôn, không cần phải chuyển sang trang của nó.

Để chèn form này vào blog, bạn có thể chọn 2 cách:

+ Cách 1: tạo 1 bài viết mới, và dán code của form vào. Và xem bài viết này như 1 trang liên hệ trong blog của bạn.
+ Cách 2: tạo 1 widget HTML/Javascript và dán code của form vào.

- 1 lưu ý nhỏ: đối với cách 1, khi chèn code vào bài viết, ta phải chỉnh lại việc xuống hàng của code để cho form trông dễ nhìn hơn.

Đây là hình ảnh minh họa mình đưa thẳng nó vào trong bài viết

Trước tiên làm được form này bạn phải đăng kí 1 tài khoản ở kontactr.com , các bạn có thể tham khảo cách tạo form từ trang này ở đây.

Sau khi tạo xong, và đã kích hoạt mail, bạn vào trang chủ của nó để đăng nhập. Ở ngay trang vừa đăng nhập xong, bạn sẽ thấy hình như bên dưới:


Chú ý vùng khoanh tròn, đây chính là ID của tài khoản của bạn. Hay lưu nhớ ID này để thực hiện cho các bước sau.

Đối với các bạn đã có tài khoản rồi, thì cũng đăng nhập vào để xem mã số ID của mình.

Và sau đây là code của form liên hệ :

<div id="page">
<div id="content">
<div class="thebox">

<center><span >Contact fandung</span>
<form method="post" action="http://kontactr.com/user.php">
<input name="id" type="hidden" value="24234" />
<input name="referrer" type="hidden" value="" />
<table cellpadding="10px" border="0" >
<tr>
<td align="right">Your Name : </td>
<td align="left"><input name="sender_name" type="text" class="contactform" /></td>
</tr>
<tr>
<td align="right">Your Email : </td>
<td align="left"><input name="sender_email" type="text" class="contactform" /></td>
</tr>
<tr>
<td align="right">Subject : </td>
<td align="left"><input name="subject" type="text" class="contactform" /></td>
</tr>
<tr>
<td align="right" valign="top">Message : </td>
<td align="left"><textarea rows="10" cols="70" name="message" class="contactform"></textarea></td>
</tr>
<tr>
<td align="right" valign="middle">Image (case-sensitive): </td>
<td valign="middle" align="left">

<table cellpadding="5px" border="0" style=" ">
<tr>
<td valign="middle"><img src="http://kontactr.com/captcha.php" /></td>
<td valign="middle"><input type="text" name="captcha_code" size="5" maxlength="6" style="font-size: 15px; padding: 3px; font-family: Tahoma, Verdana; " /></td>
</tr>
</table>

</td>
</tr>
<tr>
<td colspan="2" align="center"><input name="send" type="submit" id="send" value="Send" class="contactform" style="font-size: 18px; width: 100px; letter-spacing: 5px;" /></td>
</tr>
</table>
</form>
</center>

</div>
</div>
</div>

- Có thể thay đổi code màu xanh theo ý bạn.
- Code màu đỏ chính là mã số ID tài khoản của bạn (đã xác định ở trên), hay thay đổi nó lại đúng theo như mã số ID tài khoản của bạn.
- width: 100px; : độ rộng của button "Send"
- rows="10" cols="70" : kích thước của vùng soạn thảo.

Chúc các bạn thành công.

Read more…