1分彩全天免费计划欢迎您的到來!

文摘匯
  
首頁 > 美文 > IT好文章
    帝國cms7.5內容頁加環繞廣告的方法代碼?內容頁隨機添加廣告方法
    編輯:匯編  信息來源:網絡  發布時間:2019-08-06  閱讀:次  WAP頁
  • 帝國cms怎么在內容頁添加廣告內?KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    我們知道帝國cms非常強大,帝國cms內容頁的模版內容字段[!--newstext--],怎么在內容里添加廣告內,小編介紹2種方法給需要的朋友,希望對你有幫助。KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    1、第一種方法,是直接在[!--newstext--]的前邊添加代碼,利用css形成環繞廣告的效果,如果在[!--newstext--]后添加代碼,那就會在文章末尾形成環繞廣告代碼。效果如下:KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    001.jpgKoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    怎么實現的呢,完整代碼如下:KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <div id="ad">[phomead]廣告ID[/phomead]</div><style type="text/css"><!--#ad {float: right;}--></style>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    2、第二種方法:你會發現這種方法只能在文章前和后添加廣告,如果一篇文章比較長,又不想分頁,怎么在文章中間添加廣告代碼呢?方法也是有的。因為內容是有p標簽構成的,我們可以利用這點在任意p標簽后添加廣告,利用js,和<iframe>,通過引入jquery.js來實現。
    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    效果如下:KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    002.jpgKoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    怎么實現的呢?KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    完整代碼如下:KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <html xmlns="http://www.w3.org/1999/xhtml">KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <head>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <title>無標題文檔</title>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <script type="text/javascript" src="http://www.fpoxp.site/skins/jquery.js"></script>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </head>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <body >KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <div id="divId">KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        <p >我是第1個</p>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        <p >我是第2個</p>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        <p >我是第3個</p>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        <p >我是第4個</p>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </div>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

     KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <script type="text/javascript">KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        var insertHtml='<iframe  width="360px" height="230p" scrolling="no" frameborder="0" src="http://www.fpoxp.site/pcgg.html"></iframe>'KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        $('#divId').find('p').eq(1).after(insertHtml);KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </script>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </body>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </html>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    如果你想在第一個p標簽后加廣告就用上邊的代碼。如果你想在第5個p標簽后再加一個廣告。那就復制一個KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <script type="text/javascript">KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        var insertHtml='<iframe  width="360px" height="230p" scrolling="no" frameborder="0" src="http://www.fpoxp.site/pcgg.html"></iframe>'KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        $('#divId').find('p').eq(1).after(insertHtml);KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </script>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    把其中的eq(1) 中的1改成5.KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    需要注意的是,1、一定要引入jquery.js文件KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    2、廣告單獨建一個網頁,目的是讓iframe引用。 內容中的廣告可以分別引用,說的夠詳細了吧,喜歡就點個贊吧,不明白的歡迎留言探討。KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    三、第三種方法。KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    這也是小編推薦的方法,因為百度谷歌聯盟都禁止廣告iframe嵌套,所有最好的辦法還是用js,小編提供兩種方法,一種直接用js ,一種需要引入jquery.js文件。原始代碼如下:KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    1、JS直接實現的用下邊代碼KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <html xmlns="http://www.w3.org/1999/xhtml">KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <head>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <title>無標題文檔</title>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <script type="text/javascript" src="http://www.fpoxp.site/skins/jquery.js"></script>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </head>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <body  onload="opt()">KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <div id="divId">KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        <p >我是第1個</p>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        <p >我是第2個</p>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        <p >我是第3個</p>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        <p >我是第4個</p>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </div>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

     KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <script type="text/javascript">KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        var insertHtml='<div id="a1"></div>'KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        $('#divId').find('p').eq(1).after(insertHtml);KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </script>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <script type="text/javascript">
    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        var insertHtml='<div id="a3"></div>'KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        $('#divId').find('p').eq(3).after(insertHtml);KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </script>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <div id="a2" style="display:none; text-align:center">2255522</div>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <script type="text/javascript">KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    $(function(){KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    $("#a1").html($("#a2").html());KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    })KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </script>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <script type="text/javascript">KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    function opt(){KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    document.getElementById("a2").innerHTML=document.getElementById("a1").innerHTML;KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    }KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </script>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </body>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </html>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    2、jQuery實現代碼如下:KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <html xmlns="http://www.w3.org/1999/xhtml">KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <head>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <title>無標題文檔</title>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <script type="text/javascript" src="http://www.fpoxp.site/skins/jquery.js"></script>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </head>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <body >KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <div id="divId">KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        <p >我是第1個</p>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        <p >我是第2個</p>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        <p >我是第3個</p>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        <p >我是第4個</p>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </div>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

     KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <script type="text/javascript">KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        var insertHtml='<div id="a1"></div>'KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        $('#divId').find('p').eq(1).after(insertHtml);KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </script>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <script type="text/javascript">KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        var insertHtml='<div id="a3"></div>'KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

        $('#divId').find('p').eq(3).after(insertHtml);KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </script>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <div id="a2" style="display:none; text-align:center">2255522</div>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    <script type="text/javascript">KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    $(function(){KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    $("#a1").html($("#a2").html());KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    })KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </script>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </body>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    </html>KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站


    KoR文摘匯—專注快樂段子推薦,手機天天看最快最好的減壓網站

    本文鏈接:http://www.fpoxp.site/wenzhaihui/ITwenzhang/2019-08-06/17811.html
    文章標簽:帝國cms教程 網站教程.網頁學習
    頂 踩
發表評論 共有條評論
匿名發表 | 還沒有注冊?

網友熱評
查看更多
本欄目最新發布信息
本欄目信息點擊排行
文摘匯全站最新發布信息
1分彩全天免费计划