Diễn Đàn Bo-Blog Việt Nam

Diễn Đàn Bo-Blog Việt Nam (http://vietboblog.net/forum/index.php)
-   HTML (http://vietboblog.net/forum/forumdisplay.php?f=18)
-   -   2 code popup quảng cáo (http://vietboblog.net/forum/showthread.php?t=2224)

NamCòi 28-11-2010 10:06 AM

2 code popup quảng cáo
 
2 Attachment(s)
Code 1:
Demo
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
Mã:

<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
http://ca8.upanh.com/16.956.21300525.qk80/untitled.jpg
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

Mã:

<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õ

thanhtuyen0901 10-05-2011 12:14 PM

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

YêuTeen 11-05-2011 11:45 AM

Trích:

Nguyên văn bởi thanhtuyen0901 (Post 22312)
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

thebao 25-07-2011 03:01 PM

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!

xuandan22 25-07-2011 04:58 PM

hay thanks vannam cái hihih

xgiang001vn 31-10-2011 03:52 PM

Hehe thanks, diễn đàn chia sẽ hay

tinhphale 26-11-2011 10:31 AM

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

demenntk 20-12-2011 05:09 PM

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?

mrbeandn 31-12-2011 11:07 AM

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!

chjpchjp_1991 24-07-2012 02:08 PM

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ẻ


Múi giờ GMT. Hiện tại là 08:34 AM.

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.