DEMO >> http://client-gaincapital-tradingcentral.blogspot.com/
Hình ảnh ban đầu chưa rê chuột
☼ 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/AVvXsEjGqjjvdy9K2m6s09WyP55gMVdSQoT0KCtFW-ur2Awj1wf4ddkcdCHsRvMTXFFW60JgTqQr6mXRGAtlcUxpTaK_xbLtEuXJ04KV0uGdOYoTcjGhHhhz8oAHW0aGryx1tZ9HrAI7qrT9aTr4/");
ppo.big_path = 'http://www.swfcabin.com/swf-files/1292894665.swf';
ppo.big_image = escape("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW07I6uSB0FT5AXNM_4ocydfoyqMieFXDs9b5DKvcTt5HQz_z1pHyTJJav3WQJcFysY95eCsughMVDTSEYBjFKiFUeoazNcFjbIKIxbOxdqAQYRCnNRj5LHtu_ERmcjvluOO98LYiOFJQY/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>
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/AVvXsEjGqjjvdy9K2m6s09WyP55gMVdSQoT0KCtFW-ur2Awj1wf4ddkcdCHsRvMTXFFW60JgTqQr6mXRGAtlcUxpTaK_xbLtEuXJ04KV0uGdOYoTcjGhHhhz8oAHW0aGryx1tZ9HrAI7qrT9aTr4/");
ppo.big_path = 'http://www.swfcabin.com/swf-files/1292894665.swf';
ppo.big_image = escape("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW07I6uSB0FT5AXNM_4ocydfoyqMieFXDs9b5DKvcTt5HQz_z1pHyTJJav3WQJcFysY95eCsughMVDTSEYBjFKiFUeoazNcFjbIKIxbOxdqAQYRCnNRj5LHtu_ERmcjvluOO98LYiOFJQY/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 bạn thành công Labels: Thủ thuật cơ bản
Responses
0 Respones to "Cuộn góc Peel với hiệu ứng flash cho blogspot"
Post a Comment