BỘ ĐẾM CHO BLOG

Ngoài việc trang trí blog thêm đẹp, bộ đếm này còn cho các bạn biết số người đang xem (online) trên Blog của mình, cho bạn biết tổng số lượt xem blog, số lượng khách ghé thăm ngày hôm nay và tổng số khách đã ghé thăm từ khi bạn chèn bộ đếm này vào Blog.

Tiện ích này cũng khá đơn giản, bạn chỉ cần đăng nhập vào Blog > Thêm tiện ích HTML. Ứng với mỗi mẫu là đoạn code bên cạnh, bạn copy và dán vào tiện ích HTML, sau đó thay đổi địa chỉ blog của mình vào đoạn "http://ynguyenit.blogspot.com" và thay đổi chiều rộng (Width) hoặc chiều cao (height), sau cùng bấm Lưu lại là xong.

<a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3187-1.png" width="150" height="200" alt="Free Global Counter" /></a>

<a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3190-2.png" width="150" height="200" alt="Free Global Counter" /></a>

  
 <a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3191-3.png" width="150" height="200" alt="Free Global Counter" /></a>

  
<a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3192-4.png" width="150" height="200" alt="Free Global Counter" /></a>

 <a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3193-5.png" width="150" height="200" alt="Free Global Counter" /></a>

  
<a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3194-6.png" width="150" height="200" alt="Free Global Counter" /></a>

<a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3195-7.png" width="150" height="200" alt="Free Global Counter" /></a>

 <a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3196-8.png" width="150" height="200" alt="Free Global Counter" /></a>

  
<a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3197-9.png" width="150" height="200" alt="Free Global Counter" /></a>

 <a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3198-10.png" width="150" height="200" alt="Free Global Counter" /></a>

  
<a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3199-11.png" width="150" height="200" alt="Free Global Counter" /></a>

 <a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3200-12.png" width="150" height="200" alt="Free Global Counter" /></a>

<a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3201-13.png" width="150" height="200" alt="Free Global Counter" /></a>

  
<a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3202-14.png" width="150" height="200" alt="Free Global Counter" /></a>

  
<a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3203-15.png" width="150" height="200" alt="Free Global Counter" /></a>

  
<a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3204-16.png" width="150" height="200" alt="Free Global Counter" /></a>

  
<a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3205-17.png" width="150" height="200" alt="Free Global Counter" /></a>

  
<a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3206-18.png" width="150" height="200" alt="Free Global Counter" /></a>

 <a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3207-19.png" width="150" height="200" alt="Free Global Counter" /></a>

  
<a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3208-20.png" width="150" height="200" alt="Free Global Counter" /></a>

  
<a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3209-21.png" width="150" height="200" alt="Free Global Counter" /></a>

  
<a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3210-22.png" width="150" height="200" alt="Free Global Counter" /></a>

 <a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3211-23.png" width="150" height="200" alt="Free Global Counter" /></a>

  
<a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3212-24.png" width="150" height="200" alt="Free Global Counter" /></a>

  
<a href="http://www.ynguyenit.blogspot.com" title=""><img src="http://services.webestools.com/cpt_global/3213-25.png" width="150" height="200" alt="Free Global Counter" /></a>

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

Chi tiết tin

BÀI ĐĂNG MỚI NHẤT HÌNH VÀ HIỆU ỨNG

Rất đơn giản, bạn chỉ cần đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML, và dán tất cả các code phía dưới vào.

<script type='text/javascript'>
var w2bWidth="100";
var w2bScrollAmount="10";
var w2bScrollDelay="50";
var w2bDirection="left";
var w2btargetlink="no";
var w2bnumPosts="10";
var w2bBulletchar =">>>";
var w2bimagebullet="yes";
var w2bimgurl="LINK ẢNH";
var w2bfontsize="16";
var w2bbgcolor="transparent";
var w2blinkcolor="FF0000";
var w2blinkhovercolor="3366CC";
</script>
<script type='text/javascript' src='http://ynguyenit.googlecode.com/files/hieuhungtinmoijs.js' ></script>
<script type='text/javascript' src="http://địa chỉ của Blog của bạn/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10" ></script>

Bây giờ bạn thay thế các chữ màu đỏ và màu xanh để phù hợp với Blog mình. Bạn nên chọn hình ảnh có kích thước nhỏ để cho phù hợp (khoảng 40x40 là đẹp nhất)

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

Chi tiết tin

Tạo Khung Comment cho Blog Loại 1

Blogspot có cung cấp cho người dùng tiện ích Rencent comments (các comments gần đây) nhưng với tiện ích này thì khung comments trông có vẻ đơn điệu, tính thẩm mỹ không cao. Hôm nay, tôi chia sẻ thêm một cách để bạn có một khung Recent comments khá đẹp.

Hình ảnh Box Comment

Rất đơn giản chỉ cần bạn đăng nhập vào Blog > Chọn thiết kế > Thêm tiện ích HTML/Javacript rồi dán tất cả các đoạn code phía dưới vào.

<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 40,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://ynguyenit.googlecode.com/files/comment.js"></script>
<script type="text/javascript" src="link blog của bạn/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

Chúc Bạn Thành Công!

Chi tiết tin

Hinh ảnh bay trên Blog

Để "trang hoàng" cho blog thêm đẹp, bạn có thể dùng thủ thuật này gắn các hình ảnh, các Icon, Avatar, Favicon, Logo hoặc những biểu tượng "độc quyền" của mình lên trên nền blog. Các hình ảnh này luôn luôn xuất hiện trên toàn bộ blog và "nó" sẽ chạy theo khi bạn kéo thanh trượt lên xuống...Đặc biệt hơn là khi bạn click chuột vào các hình ảnh này, "nó" sẽ dẫn bạn đến các trang liên kết mà bạn đã định trước (dùng để quảng cáo, blog liên kết...)
Mời bạn bấm vào Xem thử phía dưới để thấy rõ hiệu ứng của thủ thuật này.

Bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML (đối với các bạn đang sử dụng giao diện blogspot mới thì đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML) rồi dán đoạn code phía dưới vào.

--------------------------------
<script type="text/javascript" src="http://ynguyenit.googlecode.com/files/bongbongj1.js"> </script>
<script type="text/javascript">

function pagestart(){
//Step 2: Using the same variable names as 1), add or delete more of the below lines (60=width, height=80 of image):
flyimage1=new Chip("flyimage1",47,68);
flyimage2=new Chip("flyimage2",47,68);
flyimage3=new Chip("flyimage3",47,68);
movechip("flyimage1");
movechip("flyimage2");
movechip("flyimage3");

}
if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart

</script>
<div id="flyimage1" style="position:absolute; left: -500px; width:47; height:68;">
<a href="http://ynguyenit.blogspot.com"><img src="Link ảnh 1" border="0" /></a>
</div><div id="flyimage2" style="position:absolute; left: -500px; width:47; height:68;">
<a href="http://ynguyenit.blogspot.com"><img src="Link ảnh 2" border="0" /></a>
</div><div id="flyimage3" style="position:absolute; left: -500px; width:47; height:68;">
<a href="http://ynguyenit.blogspot.com"><img src="Link ảnh 3" border="0" /></a>
</div>
--------------------------------------------

Bây giờ Lưu lại và tận hưởng. Màu đỏ là phần tùy chỉnh, tùy theo sở thích của các bạn !

Chúc Các Bạn Thành Công!

Nguồn dunghennessy

Chi tiết tin

Chèn nút Like vào Blog Của Bạn

Đầu tiên các bạn đăng nhập vào blogger.com rồi chọn blog cần chỉnh sửa !

Kế đến là vào mục Mẫu . Như thường lệ trước khi tiến hành hoạt động edit thì ta thực hiện việc back-up để lỡ có sai sót còn có cái mà restore :D

Tiếp đến ta nhấn nút Chỉnh sữa HTML (nhớ tích vào ô Mở rộng Mẫu Tiện ích)

Rồi tìm đoạn nào đẹp đẹp mà bạn ưng ý nhất để chèn nút Like vào.

Thông thường là dưới tiêu đề bài viết hoặc dưới nội dung bài viết.

Các bạn nhấn nút Find tìm đến đoạn code :
<data:post.body/>
Muốn hiển thị nút Like ở trên hay dưới nội dung bài viết thì chèn đoạn code sau vào trên hay dưới đoạn <data:post.body/>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>

Sau khi chỉnh sữa xong thì chúng ta nhấn Lưu Mẫu. <3

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

Chi tiết tin