Cuộn Góc Peel Với Hiệu Ứng Flash Cho Blogspot

™» CGC Blog «™ Bài viết trước mình đã có giới thiệu bạn cách thực hiện thủ thuật Cuộn góc Peel cho blog với css và JQuery. Hôm nay cũng cách cuộn góc cho trang như vậy nhưng chúng ta sẽ ứng dụng flash cho hiệu úng này. Với hiệu ứng flash này có về blog bạn sẽ trông đẹp hơn, cuộn góc trông mượt hơn. Bạn có thể xem hình ảnh bên dưới hoặc click demo để thấy rỏ hơn.

Hình ảnh minh họa :

Khi chưa rê chuột vào :

Khi rê chuột vào :

☼ Thực hiện thủ thuật

1. Đăng nhập vào tài khoản BLogger
2. Vào phần thiết kế (Design)
3. Chọn thêm tiện ích (Add gadget)
4. Thêm 1 phần tử HTMl/Javascript và thêm vào nó code bên dưới

<script type="text/javascript">
var ppimg = new Image();
ppimg.src = '';

var ppo = new Object();
ppo.ad_url = escape("http://www.traidatmui.com/");
ppo.small_path = "http://www.swfcabin.com/swf-files/1292894738.swf";
ppo.small_image = escape("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcWjRHHLIFXLSjl7Abv9Zk58b0CggHBWm94vE8dWmFQSmfWy9j5it9yNWDOS78b1SIhDZjnzK0-f1sbavDbRhbGqYn_ZYRWBTiZyKFAuaGfDbYtC5zrEGwveWKyljJzAD2_fBur7A84XD8/");
ppo.big_path = 'http://www.swfcabin.com/swf-files/1292894665.swf';
ppo.big_image = escape("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOpDB3mjOiglTV2lVX69qeuIZZgSai90TPkhdfzwQ-zbi9oxzqkQf2yj8_WEspihLXey075UGLpR0Pjc8Mi2im4Pm0Agw5ODtqemOBfPsnfJTlv7d7Ocskh1LMJMAZmkWD1qYJDp3oNygz/s576/peel.png");

ppo.small_width = '100'; //độ rộng phần cuộn khi chưa rê chuột
ppo.small_height = '100'; //độ cao phần cuộn khi chưa rê chuột
ppo.small_params = 'ico=' + ppo.small_image;
ppo.big_width = "450"; //độ rộng phần cuộn khi rê chuột
ppo.big_height = "450"; //độ cao phần cuộn khi rê chuột
ppo.big_params = 'big=' + ppo.big_image + '&ad_url=' + ppo.ad_url;
</script>

<script src="http://traidatmui-tips.googlecode.com/files/flash_peel.js" type="text/javascript"></script>

☼ Chỉnh code:
- Link màu xanh là phần bạn nhìn thấy ban đầu, khi chưa rê chuột vào phần cuộn góc.
- Link màu tím than là phần ảnh bạn nhìn thấy khi phần ẩn bạn rê chuột vào phần cuộn đó, nói cách khác đây là phần nằm bên dưới phần cuộn góc.
- Link màu đỏ đậm là link cho phần cuộn góc, khi người dùng click vào đây nó sẽ dẫn đến địa chỉ được thiết lập trong phần này. Bạn thay thành link mà bạn muốn.

5. Sau khi chỉnh sửa xong, bạn save tiện ích lại.

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

Nguồn : traidatmui.com

Copy : Hội Thánh Cây Giang

http://hoithanhcaygiang.blogspot.com/

Khi copy, các bạn nhớ ghi rõ nguồn gốc. Xin chân thành cảm ơn!

Socializer Widget by Nguyen D. Khanh

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →

Các bạn có thể tham khảo thêm nhiều kiến thức từ các bài viết mà mình đã SEO bằng các Từ khóa bên dưới bài đăng nầy để tìm hiểu thêm về các khái niệm và ứng dụng có liên quan nhé..