با آموزش قرار دادن باکس پلن های تبلیغاتی در سایت بصورت حرفه ای در خدمت شما بازدیدکنندگان عزیز مای پناهگاه هستیم.
چیزی که این جعبه تبلیغات رو از سایر باکس های موجود متمایز میکنه این هستش که تمرکز تبلیغات بنری و متنی شما در یک بخش از سایت قرار میگیره و بدین صورت علاوه بر اینکه تبلیغات شما بصورت کامل در معرض دید بازدیدکنندگانتون هستش ، بازدید کننده میتونه بعد از مشاهده تبلیغات ، باکس رو بسته و یا مجددا باز کنه.
لازم به ذکر هست که بگم این باکس کاملا ریسپانسیو (واکنشگرا) هست.برای دیدن پیش نمایش باکس به قسمت پایانی آموزش مراجعه کنید.
خب بریم سراغ آموزش :
ابتدا کد زیر رو قبل از بسته شدن تگ head قرار میدین یعنی قبل از <head/>
کد :
1 2 3 4 5 6 7 8 9 10 11 12 |
<link rel='stylesheet' id='ads-css' href='http://dl.homescript.ir/tools/ads-box/style.css' type='text/css' media='all' > <script type="text/javascript" src="http://dl.homescript.ir/tools/ads-box/jquery.min.js"></script> <script> $(document).ready(function(){ $("#hide").click(function(){ $(".adsbody").hide(600); }); $("#show").click(function(){ $(".adsbody").show(400); }); }); </script> |
سپس کد زیر رو در هر جایی از قالبتون که مایل بودن باکس به نمایش در بیاد قرار میدید :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
<div class="ads_meddu"> <span id="hide">[-]</span> <span id="show">[+]</span> <div class="header_ads">.</div> <div class="adsbody"> <a href="/"><img src="http://dl.homescript.ir/tools/ads-box/ads-468.jpg" title="همین حالا رزرو کنید" style="max-width:100%"></a> <a href="/"><img src="http://dl.homescript.ir/tools/ads-box/ads-468.jpg" title="همین حالا رزرو کنید" style="max-width:100%"></a> <a href="/"><img src="http://dl.homescript.ir/tools/ads-box/ads-468.jpg" title="همین حالا رزرو کنید" style="max-width:100%"></a> <a href="/"><img src="http://dl.homescript.ir/tools/ads-box/ads-468.jpg" title="همین حالا رزرو کنید" style="max-width:100%"></a> <br></br> <center> <div class="textads"> <span id="t-span">تبلیغات متنی</span> <span id="b-span">جهت کسب اطلاعات بیشتر و مشاهده تعرفه ها <a href="/">کلیک کنید</a> </span> </div> <div class="textads"> <span id="t-span">تبلیغات متنی</span> <span id="b-span">جهت کسب اطلاعات بیشتر و مشاهده تعرفه ها <a href="/">کلیک کنید</a> </span> </div> <div class="textads"> <span id="t-span">تبلیغات متنی</span> <span id="b-span">جهت کسب اطلاعات بیشتر و مشاهده تعرفه ها <a href="/">کلیک کنید</a> </span> </div> <div class="textads"> <span id="t-span">تبلیغات متنی</span> <span id="b-span">جهت کسب اطلاعات بیشتر و مشاهده تعرفه ها <a href="/">کلیک کنید</a> </span> </div> <div class="textads"> <span id="t-span">تبلیغات متنی</span> <span id="b-span">جهت کسب اطلاعات بیشتر و مشاهده تعرفه ها <a href="/">کلیک کنید</a> </span> </div> </center> </div> </div> |
امیدوارم از این آموززش استفاده کافی برده باشید و باکس های تبلیغاتی را در سایتتون قرار بدید.