Tạo thông báo khi người xem mới truy cập vào blog lần đầu

(iCOM) 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/AVvXsEjmDnJPTSImfDRvev51uAo-avtU6E7fcyTDjm-BS1Kg-iFKrj10q6MGSY20DbVgfqZMSQBYZ1aSYp6sdmwD1161RTZbYvtUtcpxNdiEor-9z_xADzmhW7Tr1qLUYtqwYxoVDTP8PQaVUrI/) 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 Duy Pham 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.

- Nguyễn Quốc Chiến,

Chuyên gia Tư vấn, Đào tạo

Nguồn: Duy Phạm blog