Tuesday, June 21, 2011

[Thủ Thuật] Tạo thông báo chỉ xuất hiện 1 lần

Thủ thuật này hướng dẫn bạn tạo thông báo đăng ký đọc tin RSS và nó chỉ xuất hiện với người truy cập lần đầu tiên tới blog bạn. Dựa vào cookie được trình duyệt lưu lại, thông báo sẽ không xuất hiện cho những lần truy cập tiếp theo. Thông báo này được hiển thị ở bên trên nội dung bài viết của bạn.

Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn.
.feed-box{float:left;border:1px solid #E6DB55;margin:15px 0;background:#FFFBCC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixezmlHUHHRGDkpTvcbGUvK3vd5XAwMIjeBKlyV6iv7W1vk96LN3-gu25KuWfcmC3OAD2ki8skQAsCOX_Bva6BpQHcaG1h1JIKeG-D5b-IljX38jU_dFFdt8VOH9OTaGqinSCPDB26mzE/) top left no-repeat;padding:10px 10px 10px 80px}

Bưới 2: Tìm thẻ <data:post.body> và thêm đoạn mã dưới đây vào trước nó.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='feed-box'>
<script type='text/javascript'>
//<![CDATA[
var contentfeedbox='Xin chào! Đây là lần đầu bạn ghé thăm Blog. Hãy <a href="/feeds/posts/default" rel="nofollow"><b>đăng ký đọc tin RSS</b></a> hoặc <a href="http://feedburner.google.com/fb/a/mailverify?uri=duyphaminfo" rel="nofollow"><b>nhận tin qua email</b></a> để cập nhật các bài viết mới nhất.';
if(document.cookie.indexOf("dp=cookie-feed-box")==-1){var dw='';dw+='<div class="feed-box">'+contentfeedbox+'<div style="clear:bodth"></div></div>';document.getElementById('feed-box').innerHTML=dw;document.cookie="dp=cookie-feed-box"};
//]]>

</script>
</div>
</b:if>

Hãy thay nội dung thông báo được đánh dấu bằng chữ màu tím cho phù hợp với blog của bạn.
ST:
http://blog.duypham.info/2011/06/tao-thong-bao-chi-xuat-hien-1-lan.html

No comments:

Post a Comment

Popular Posts