wapchuyen

Saturday, September 1, 2012 | 3:16 AM

Bình thường các blogger hay sử dụng hộp Search của Google để tìm kiếm nội dung trong blog của mình. Hộp Search này thường là từ Google Adsense hay Google Custom Search Engine (Google CSE), cả 2 loại này đều có thể kiếm tiền được từ đó: hộp Search Google Adsense thì bạn được hưởng 100% tiền kiếm được từ click, còn Google CSE thì bạn chỉ được hưởng 50% do phải chia sẻ 50/50 với Google.

Làm hộp Search của Google cần có 1 yếu tố cực kì quan trọng là blog phải được Google index nhiều, nếu không thì coi như vô dụng, vì Google sẽ chẳng tìm được cái gì cả, người dùng tất nhiên sẽ chán vì không tìm ra nội dung và rời bỏ blog của bạn.

Để khắc phục điều này, chúng ta nên thiết kế 1 hộp Search khác, dùng sẵn chức năng query của Blogger. Cách làm này tôi học được từ Blogging for Blogs bằng cách thử search 1 vài từ rồi để ý thanh Address. Quả thật nguyên tắc rất đơn giản, để Blogger search cho chúng ta các bài viết có chứa 1 từ nào đó, chỉ cần gõ trên thanh Address địa chỉ sau:

http://www.xiteen.mobi/search?q=xxx

trong đó xxx là từ bạn cần tìm kiếm.

Biết được nguyên tắc này rồi thì việc tạo 1 hộp search cho riêng mình để tìm kiếm rất đơn giản. Hãy vào phần điều chỉnh Layouts -> Page Elements của Blogger, chọn Add a page element loại HTML/Javascript, rồi điền đoạn mã sau:

<form action="search" style="text-align: center;" method="get">
<input value="Search..." name="q" onclick="if(this.value=='Search...')this.value=''" onblur="if(this.value=='')this.value='Search...'" type="text"/> <input value="Search" type="submit"/>
</form>

Save lại là được. Bây giờ ai muốn tìm kiếm trong blog của bạn cũng sẽ rất dễ dàng hơn nhiều, cách làm này có 1 điểm rất thuật lợi là Blogger sẽ tìm kiếm trên nội dung các bài viết của bạn, cho nên kết quả tìm kiếm sẽ rất sát so với yêu cầu.

Chúc các bạn có 1 blog tuyệt vời.
Theo hontap.info

Đọc tiếp...

Xem bài viết trên phiên bản di động

3:16 AM

Thông thường trang chủ blog sẽ hiển thị hết toàn bộ nội dung đối với mỗi bài viết.Để cho blog trông đẹp mắt hơn với cách hiển thị chỉ có tiêu đề và 1 phần nộj dung bài đăng đó ta sẽ thực hiện 1 vài thao tác đơn giản sau.

Vào Layout –>chọn Edit HTML check vào “expand widget templates”.Sau đó ta tìm thẻ </head> chèn đoạn code dưới vào phía trên nó:

<script language='javascript' src='http://sites.google.com/site/love4all1080/Home/jquery-1.2.3.pack.txt?attredirects=0' type='text/javascript'/>
<script language='javascript' src='http://sites.google.com/site/love4all1080/Home/jquery.extractor.txt?attredirects=0' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('.excerpt').expander({
slicePoint: 450, // default is 100
expandEffect: 'fadeIn',
expandText: '[...]', // default is 'read more...'
userCollapseText: '[^]' // default is '[collapse expanded text]'
});
});
</script>

Sau đó tìm đoạn code giống như bên dưới

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Và thay thế cả đoạn đó bằng đoạn code

<b:if cond='data:blog.pageType != "item"'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<a expr:href="data:post.url">Read More..</a>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>

Click Save Template

Đọc tiếp...

Xem bài viết trên phiên bản di động

3:14 AM

Để tiện liên lạc với bạn bè, bạn có thể đưa thêm yahoo messenger chat vào trên blog hoặc web. Khi đó người xem chỉ cần click lên biểu tượng trên blog để bắt đầu gửi cho bạn message (tin nhắn). Ngoài ra người xem cũng có thể biết liệu bạn có online hay không.

Bạn có thể sử dùng nhiều cách như dưới đây (lưu ý các đoạn mã html này phải được đặt trong chế độ soạn thảo html)
Ví dụ nick của tôi là chiase-vanthuc

1. Cách 1:

<a href="ymsgr:sendim?trinhminhcanh.info">Send me a message</a> sẽ có kết quả như dưới đây:
Send me a message

2. Cách 2: đây là cách mà bạn thường hay thấy trên các trang web. Vì nó mang tính trực quan vào cũng cho người xem biết bạn có online hay không.

<a href="ymsgr:sendim?NickCuaBan">
<img src="http://opi.yahoo.com/online?u=NickCuaBan&m=g&t=KieuHinh" alt="Chữ sẽ hiển thị khi không có hình" border=0 height="25" width="125" >
</a>
Ở đây KieuHinh là các số 1, 2, hoặc 3 tương ứng với các hình có sẵn của Yahoo.Ngoài ra height: là chiều cao của hình, width: chiều rộng của hình (bạn có thể không cần dùng 2 thuộc tính này)

Ví dụ:
<a href="ymsgr:sendim?trinhminhcanh.info">
<img src="http://opi.yahoo.com/online?u=trinhminhcanh.info&m=g&t=2" alt="http://xiteen.mobi" border=0>
</a>

sẽ có kết quả như dưới đây:

Đọc tiếp...

Xem bài viết trên phiên bản di động

3:12 AM

Ở đây mình xin giới thiệu trang GAME VUI
Các bạn chỉ việc truy cập vào trang web cho đưa game vào blog. Coppy đoạn code rồi đăng bài mới. Dán đoạn code coppy vào phần nội dung là ok.

Xem ảnh:

Đọc tiếp...

Xem bài viết trên phiên bản di động

3:11 AM

Hôm nay XiTeen.Mobi vin hướng dẫn các bạn cách tạo các nút mà khi bấm vào thì sẽ nhảy đến vị trí đã được định sẵn.

Thủ thuật này giúp khách xem trang lướt web (blog) của ta nhanh hơn,họ đỡ phải kéo các thanh trượt một cách chán nản khi mà bài viết của ta quá dài.

Để cho đẹp hơn, ta nên tạo nút bằng hình ảnh.
Đầu tiên bạn phải có 3 tấm hình (nhỏ thôi, cỡ khoảng 30*30 px hay 40*40 là ok rồi), mục đích dùng để tạo 3 nút bấm : lên, xuống, và giữa.
thủ thuật gồm 4 bước cũng khá đơn giản

1. Đăng nhập vào blog
2. Vào chỉnh sửa Code HTML
3. Chèn đọan code bên dưới vào trước đọan code ]]></b:skin>

(cách tìm code nhanh và lẹ khi trong một rừng code mù mịt : đặt trỏ chuột vào trong khung chứa code à nhấn tổ hợp phím ctrl + F à nhìn lên góc phải màn hình phía trên cùng sẽ thấy xuất hiện khung nho nhỏ à gõ đoạn này vào ]]></b:skin> à nhìn xuống lại khung chứa code bạn sẽ thấy nó được bôi màu,rất dễ phải không nào,nhưng nếu không biết mà tự tìm thì cả ngày đấy hihi )

#top-buttom_image {
position:fixed;
_position:absolute;
bottom:5px;
right:5px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}

- bottom:5px; , right:5px; : 2 đoạn code này để xác định vị trí hiển thị của các button trên màn hình.

4. Chèn đọan code sau vào trước thẻ đóng </body>

- Thay code {url ảnh} thành địa chỉ URL của ảnh mà bạn muốn hiển thị.
Chú ý: ở lệnh javascript:scroll(0,9999999) số 9999999 đặt càng lớn càn tốt, nếu đặt nhỏ quá, đối với những trang dài, nó sẽ không nhảy đến cuối trang được.

Thêm button nhảy vào giữa trang

-ở phần này dành cho bạn nào muốn có cả 3 nút “lên đầu” , “vào giữa” và “xuống cuối” thì làm như bên dưới đây

- các bước 1 , 2 ,3 tương tự như trên, chỉ thay đổi code ở bước 4 thành đoạn code bên dưới:

xong lưu lại thướng thức thành quả !

*các bạn có thể dung ảnh các bạn thích,hoặc dung những ảnh sau đây

Lên đầu trang

Vào giữa trang

Xuống cuối trang

-các bạn cũng có thể thay các dòng chữ “lên đầu trang” , “xuống cuối trang” hay “vào giữa trang” bằng dòng chữ của các bạn nhé ! đây là chữ sẽ xuất hiện khi bạn rê chuột vào ảnh.

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

Đọc tiếp...

Xem bài viết trên phiên bản di động

3:11 AM

Chú ý: Bạn phải chọn ngôn ngữ là Tiếng Anh trước khi tạo phiếu thăm dò!

Sau khi đã đổi ngôn ngữ sang Tiếng Anh : Chọn Layout > Ad a Gadget > Poll .
Điền câu hỏi và câu trả lời, ngày, giờ dừng cuộc thăm dò vào ...Nếu muốn người xem có thể chọn nhiều câu trả lời thì hãy đánh dấu vào phần Allow visitors to select multiple answers.

Làm theo hình vẽ sau:

Sau đó bấm save để ra xem kết quả. Chúc thành công. Bạn cứ thức mắc sao không thể tạo Poll ở ngôn ngữ là Tiếng Việt. Có lẽ Google chưa hỗ trợ đó bạn.

Xem ảnh:

Đọc tiếp...

Xem bài viết trên phiên bản di động

3:10 AM

Làm sao để xóa được phần nguồn cấp trong blog của bạn ở Blogspot?

Hôm nay mình sẽ hướng dẫn các bạn.
Cái Attribution trong blog của bạn nó có dạng thế này:

Để xóa được cái Gadget này khỏi giao diện các bạn làm theo bước sau:

Bước 1 : Vào phần Design -> Chỉnh sửa HTML
Bước 2 : Tải bản backup nhằm đề phòng các bạn sửa sai.
Bước 3 : Tìm đoạn mã sau:

<!– outside of the include in order to lock Attribution widget –>
<!–<b:section id=”footer-3″ showaddelement=”no”>
<b:widget id=”Attribution1″ locked=”false” title=”" type=”Attribution”>
<b:includable id=”main”>
<div style=”text-align: center;”>
<b:if cond=”data:attribution != “”">
<data:attribution>
</data:attribution>
</b:if></div>
<b:include name=”quickedit”>
</b:include></b:includable></b:widget></b:section>

Thường thì widget này bắt đầu với đoạn code màu đỏ.

Bước 4 : Các bạn xóa đoạn code trên đi. Với một vài template khác nhau thì sẽ có độ dài ngắn khác nhau. các bạn chỉ cần tìm từ