Go Back   Diễn Đàn Bo-Blog Việt Nam > Phụ Trợ Bo-Blog > Ứng Dụng HTML - Java - Ajax Cho Bo-blog > HTML



About Me
Your Avatar

 
Trả lời Gởi Ðề Tài Mới
 
Ðiều Chỉnh Kiếm Trong Bài
  #1  
Old 28-11-2010, 10:06 AM
NamCòi's Avatar
NamCòi is offline
KUTE
 
Tham gia ngày: Feb 2010
Đến từ: Vannamdl.net
Bài gởi: 3,051
Default 2 code popup quảng cáo

Code 1:
Demo
Click the image to open in full size.
Tác dụng: khi vào blog quảng popup quảng cáo sẽ hiện ra chạy trượt và làm tối website chỉ mỗi quảng cáo sáng lên > phải tắt hoặc nhấn vào quảng cáo thì blog mới trở lại bình thường
Cách chèn vào blog: Các bạn tải file jquery đính kèm ở dưới về rồi up lên host sau đó sửa lại cho đúng đường dẫn trong code ở dưới
- Các bạn muốn chèn vào trang chủ thì chỉ cần chèn vào ô thông báo của blog
- Muốn quảng cáo hiện tất cả các trang thì chèn vào head(mã ngoài) vào trong thiết lập tham số của blog sẽ thấy
<script type="text/javascript" src="http://domainban/js/jquery.js"></script>

<style type="text/css">
   #floating
   {
       z-index: 450;
       position: absolute;
       width: 490px;
       height: 368px;
   }
   #overPage
   {
       background: black;
       z-index: 350;
       position: absolute;
       left: 0;
       top: 0;
   }
</style>

<!--Begin Adv Popup-->
    <div id="ctl00_ContentPlaceHolder1_Adv_Popup_pnAdv">
    <div id="overPage">
    </div>
    <div id="floating">
        <img src="http://ca7.upanh.com/16.954.21299044.Px90/quangcao.jpg" width="490" height="360" usemap="#offline"
            border="0" style="cursor: pointer" /></div>
    <map name="offline">
        <area shape="rect" coords="420,0,490,30" onclick="javascript:closeMe();" alt="Close"
            style="cursor: pointer" />
        <area shape="rect" coords="0,30,490,330" href="http://vietboblog.net" target="_blank" onclick="javascript:closeMe();" style="cursor: pointer" />
    </map>

    <script language="javascript" type="text/javascript">
        var lastScroll;
        var delay = 30;
        var speed = 500;
        var img_w = 490;
        var img_h = 360;
        function centerIt() {
            $("#overPage").css("width", $(window).width());
            $("#overPage").css("height", $(document).height());
            $("#floating").css("left", $(window).width() / 2 - img_w / 2);
            $("#floating").css("top", $(window).height() / 2 - img_h / 2 + $(document).scrollTop());
        }
        $(document).ready(function() {
            $("#overPage").css("opacity", 0.7);
            $("#overPage,#floating").show();
            centerIt();
        });
        $(window).scroll(function() {
            setTimeout(function() { ani(); }, delay);
            lastScroll = new Date().getTime();
        });
        $(window).resize(function() {
            centerIt();
        });
        function ani() {
            if ((new Date().getTime() - lastScroll) >= (delay - 20)) {
                $("#floating").animate({ top: ($(window).height() / 2 - img_h / 2 + $(document).scrollTop()) }, speed);
            }
        }
        function closeMe() {
            $("#overPage,#floating").hide();
        }
    </script>


</div>
    <!--End Adv Popup-->
*-Các bạn tìm http://domainban/js/jquery.js thay bằng link mà file js bạn up lên host của mình.
*-Tìm tiếp tới đoạn http://vietboblog.net Thay bằng link bạn muốn hiển thị khi click vào quảng cáo sẽ dẫn tới đó
*-Tìm tới link ảnh
http://ca7.upanh.com/16.954.21299044.Px90/quangcao.jpg Thay bằng cái link bạn muốn hiển thị ảnh quảng cáo

Code 2:
Demo
Click the image to open in full size.
Tác dụng: như code 1
Cách chèn vào blog: Bạn tải file js đính kèm ở dưới về rồi up lên host lấy đường dẫn chèn vào code dưới
Muốn hiện ở trang chủ hay tất cả các trang thì chèn code vào giống cách code 1 ở trên

<script src="js/jquery-1.4.2.min15f9.js?v=5.16"></script>
<script type="text/javascript" src="js/fancybox/fancybox15f9.js?v=5.16"></script>
<link href="js/fancybox/fancybox15f9.css?v=5.16" rel="stylesheet" type="text/css" media="screen" />
</script>

  <div id="footer"> 

      <a id="joinapsense" href="http://www.apsense.com/joinapsense">.</a>


<script type="text/javascript">

function OpenSignupWindow()
{
    $('#joinapsense').trigger('click');
}
$(document).ready(function() {
            $("#joinapsense").fancybox({
                'width'                : 650,
                'height'            : 380,
                'autoScale'            : false,
                'centerOnScroll'    : true,
                'transitionIn'        : 'fade',
                'transitionOut'        : 'fade',
                'type'                : 'iframe',
                'overlayOpacity'    : 0.85,
            });
        });

                setTimeout ( "OpenSignupWindow()", 3000);
    </script>
*- Các bạn tìm http://www.apsense.com/joinapsense Thay bằng liên kết tới trang html bạn đã tạo sẳn từ trang html đó bạn có thể nhúng link dẫn tới trang web bạn muốn quảng cáo
- Nội dung thế nào thì bạn mở trang
http://www.apsense.com/joinapsense sẽ thấy rõ
File Kèm Theo
Kiểu File : zip jquery.zip (18.8 KB, 601 lần tải)
Kiểu File : zip js - code 2.zip (74.0 KB, 734 lần tải)
Chữ ký của NamCòi
Click the image to open in full size.Click the image to open in full size.
Trả Lời Với Trích Dẫn
  #2  
Old 10-05-2011, 12:14 PM
thanhtuyen0901's Avatar
thanhtuyen0901 thanhtuyen0901 is offline
Member
 
Tham gia ngày: May 2010
Bài gởi: 34
Default

Sao mình không làm được. Nó chỉ hiện ra cái ành mà không tối màn hình
Trả Lời Với Trích Dẫn
  #3  
Old 11-05-2011, 11:45 AM
YêuTeen's Avatar
YêuTeen YêuTeen is offline
Junior Member
 
Tham gia ngày: Jan 2011
Bài gởi: 16
Default

Trích:
Nguyên văn bởi thanhtuyen0901 View Post
Sao mình không làm được. Nó chỉ hiện ra cái ành mà không tối màn hình
chỉnh lại chính xác đường link file js
Trả Lời Với Trích Dẫn
  #4  
Old 25-07-2011, 03:01 PM
thebao's Avatar
thebao thebao is offline
Junior Member
 
Tham gia ngày: Jul 2011
Bài gởi: 1
Default

Cảm ơn,

Minh làm được code 1
Nhưng có một vấn đề là cứ vào trang nào nó cũng bật ra trong khi mình chỉ muốn nó hiển thị popup ở trang chủ.
Mong được trợ giúp!
Trả Lời Với Trích Dẫn
  #5  
Old 25-07-2011, 04:58 PM
xuandan22's Avatar
xuandan22 xuandan22 is offline
Senior Member
 
Tham gia ngày: Apr 2010
Bài gởi: 620
Default

hay thanks vannam cái hihih
Trả Lời Với Trích Dẫn
  #6  
Old 31-10-2011, 03:52 PM
xgiang001vn's Avatar
xgiang001vn xgiang001vn is offline
Junior Member
 
Tham gia ngày: Oct 2011
Bài gởi: 6
Default

Hehe thanks, diễn đàn chia sẽ hay
Trả Lời Với Trích Dẫn
  #7  
Old 26-11-2011, 10:31 AM
tinhphale's Avatar
tinhphale tinhphale is offline
Junior Member
 
Tham gia ngày: Nov 2011
Bài gởi: 1
Default

cách 1 này muốn sửa cho nó chỉ hiện 1 lần/1 ngày thì làm thế nào ạ

mình thử cứ click nó lại hiện ra
Trả Lời Với Trích Dẫn
  #8  
Old 20-12-2011, 05:09 PM
demenntk's Avatar
demenntk demenntk is offline
Junior Member
 
Tham gia ngày: Dec 2011
Bài gởi: 1
Default

Cảm ơn Nam còi rất nhiều.
Cho mình hỏi thêm là mình muốn đổi màu cho màu nền trong suốt của cái code 2 thì đổi chỗ nào?
Trả Lời Với Trích Dẫn
  #9  
Old 31-12-2011, 11:07 AM
mrbeandn's Avatar
mrbeandn mrbeandn is offline
Junior Member
 
Tham gia ngày: Dec 2011
Bài gởi: 1
Default

cho mình hỏi cái code thứ 2 ý, nó ko hỗ trợ IE, có đoạn code bổ sung nào để làm cho nó vẫn hiện ra ở IE k. Thanks!
Trả Lời Với Trích Dẫn
  #10  
Old 24-07-2012, 02:08 PM
chjpchjp_1991's Avatar
chjpchjp_1991 chjpchjp_1991 is offline
Junior Member
 
Tham gia ngày: Jul 2012
Bài gởi: 1
Default

Mình làm thành công blogspot..bạn nào muốn làm qua trang web chipkool.tk mình chia sẻ
Trả Lời Với Trích Dẫn
Trả lời Gởi Ðề Tài Mới

Tags
cáo, code, popup, quảng

Ðiều Chỉnh Kiếm Trong Bài
Kiếm Trong Bài:

Kiếm Chi Tiết

Chuyển đến


Múi giờ GMT. Hiện tại là 08:01 PM.
Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
vdata

Bo-Blog Việt Nam

Bo-blog
9.9 10 13259