Bài đăng mới có hình phí trước và hiệu ứng chạy ngang

Trước đây, tôi có giới thiệu bài "Tiêu đề bài đăng mới có hiệu ứng chạy ngang", nay tôi xin chia sẻ với các bạn bài đăng mới cũng  có hiệu ứng giống như bài trên nhưng khác ở chỗ chúng ta có thể gắn hình phía trước: (các bạn có thể xem hiệu ứng phía dưới):

Dưới đây là Demo cho các bạn.

☼ Cách tiến hành:

   1- Đăng nhập vào Blog

   2- Vào thiết kế (Mẫu)

   3- Chọn Phần tử trang

   4- Chọn Thêm tiện ích >> Thêm HTML/Javacript rồi dán tất cả các code này 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://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/rc-post_rpscroller_v3.js'  ></script>
<script type='text/javascript' src="http://namkna.blogspot.com/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)

Một số ảnh bạn có thể lựa chọn (Bấm vào hình để lấy link)

Các bạn tải hình về máy sau đó Upload lên hot riêng của mình nha, tại mình không có điều kiện mua tài khoản Vip tại Photobooket nên dung lượng sử dụng bị giới hạn nhiều :))

Các bạn có thể Upload trực tiếp lên Blog của bạn rồi lấy link đó dán vào code trên

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

Tham khảo:  way2blogging