Đăng bởi Huy Tập lúc 14/1/14

Hôm nay mình sẽ chỉ thêm một cách nữa làm bằng jQuery, và đặc biệt là giúp các bạn chèn nó vào ngay trong trang Blogspot của các bạn.
Cách chèn hiệu ứng cuốn góc (Peel Away) bằng jQuery cho trang Blogspot

Bước 1 : Vào Blogger.com >> Template >> Edit HTML sau đó tìm đoạn chữ sau : ]]></b:skin> , sau đó chèn đoạn css sau bên trên đoạn chữ vừa tìm được :.admin-bar #PagePeel{top:27px;}

/*Extra 20px height and width to allow for shadow and movement*/
#PagePeel{
height:120px;
overflow:hidden;
position:absolute;
right:0;
top:0;
width:120px;
z-index:9999;
}

#PagePeel svg{
overflow: hidden;
position: absolute !important;
right: 0;
top: 0;
}

#PagePeel .pointCursor:hover{cursor:pointer;}

#mycontent { position:relative; margin-left:30px; }
Bước 2 : Sau khi chèn xong, các bạn tiếp tục tìm kiếm thẻ </head> rồi copy đoạn javascript sau
và past ngay trên thẻ này :<!--MBL Page Peel PRO Effect For Blogger-->

<script type="text/javascript" src="https://googledrive.com/host/0B0WJjcJEFNziazIzXzlhMlhtWlU"></script><script type="text/javascript" src="https://googledrive.com/host/0B0WJjcJEFNziMmk4anpFWnRPWHc"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B0WJjcJEFNzidExmT1JpWV9xNmc"></script></pre>
<div id="mycontent">Peel Away Effect By <a href="http://Share123.vn">Share123.vn</a></div>
<pre>
<script type="text/javascript">// <![CDATA[
var PagePeelProParams = {"smallImageUrl":"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzSBYIkg_zC2mU-rLuUQThM75f1-zF06ofwIPpXiqUKtmSf8QpT2MjNNRpfiKqnV0BEzOW5uLNX-ntxPCE3udSHRX06MAwOreMkgXdCCqHbzkfY0agcfYxBmSgg3yCu811q_2BzXEGmp4/s1600/DottedAdvertSmall.png", "largeImageUrl":"link-hinh","peelColorStart":"#545454","peelColorEnd":"#cdcdcf","pagePeelTargetUrl":"http://www.share123.vn/2013/11/share123vn-mau-template-blogspot-ep-va.html","pagePeelActivateEvent":"hover"};
// ]]></script>
Trong đoạn javascript trên , có 2 đường dẫn bạn cần phải thay thế :

- Một là : link-hinh – Các bạn nên thay thế bằng hình ảnh của các bạn , nhớ là kích thước nên đặt là 500 x 500 px.

- Hai là : http://www.share123.vn/2013/11/share123vn-mau-template-blogspot-ep-va.html : Thay bằng link mà bạn muốn trở tới khi click vào banner.

Sau khi thay xong, các bạn lưu lại và kiểm tra kết quả là xong.

Chúc các bạn thành công !
Thủ thuật web

Đó chưa phải tất cả ... Chúng tôi còn100 mẫu blog đẹp khác. View all Mẫu Template Blogger

Hãy nhanh tay gọi điện ngay đến chúng tôi theo số 0988227905 hoặc đặt hàng thiết kế ngay hôm nay theo mẫu form bên dưới.

Chúng tôi sẽ hoàn thành trong thời gian sớm nhất cho quý khách

Hãy truy cập để trải nghiệm dịch vụ của chúng tôi
Đã có
lượt Khách Hàng quan tâm đến dịch vụ của chúng tôi

Sử dụng nội dung ở trang này và dịch vụ tại Share123.vn có nghĩa là bạn đồng ý với Thỏa thuận sử dụng và Chính sách phát triển của chúng tôi.

Copyright 2013 © Share123.vn - Blogger Team. All right Reserved - Hotline: 0988.227.905 - Email: nguyenhuytap@gmail.com

biệt thự biển Vinpearl ,biệt thự biển Vinpearl Nha Trang

Floating Image X