تبلیغات

تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده

تبلیغات
تبلیغات تبلیغات

نحوه نمایش نوار تبلیغاتی شناور در وردپرس

مقالات,آموزش,ترفند , وردپرس

تبلیغات های موجود در یک سایت به روش های مختلفی نمایش داده می شود و در بخش های مختلفی نمایش تبلیغات به شیوه های مختلفی رایج است ؛ یکی از بهترین و موثر ترین راه های تبلیغات و نمایش محتوای تبلیغاتی ، استفاده از تبلیغات شناور برای نمایش متن یا بنر تبلیغاتی می باشد که با لینک دادن به صفحه مورد نظر می توان کاربران را به خواندن محتوای تبلیغات هدایت نمود . این نوع تبلیغات برای معرفی محصولات جدید که در سایت قرار می گیرند یا برای نمایش لینک یک نوع شبکه اجتماعی خاص که در آن فعال هستید ، بسیار مناسب است . در این مطلب قصد داریم به شما آموزش دهیم که چگونه می توان نوار تبلیغاتی شناور را در تمامی صفحات وردپرس نمایش داد ! در ادامه با ما و نحوه نمایش نوار تبلیغاتی شناور در وردپرس همراه باشید .

 

نحوه نمایش نوار تبلیغاتی شناور در وردپرس

 

در این بخش قصد معرفی تکه کدی برای وردپرس را داریم که توسط آن قادر به نمایش نوار تبلیغاتی در وردپرس خواهید بود و می توانید هر لینکی را که می خواهید به همراه متن یا بنر دلخواه خود نمایش دهید ؛ برای اینکار کافی است تکه کد های مربوطه را در قالب خود درج کنید .

 

کد زیر را در فایل footer.php و قبل از تگ </body> قرار دهید :

 

<div class="fixedBar">
<div class="boxfloat">
<ul id="tips">
<li><a href="http://www.20script.ir">بیست اسکریپت</a></li>
<li><a href="http://www.20script.ir">دانلود اسکریپت</a></li>
</ul>
</div>
</div>

 

کد زیر را در انتهای فایل style.css قرار دهید :

 

.fixedbar {
background: #۰۰۰;
bottom: ۰px;
color:#fff;
font-family: Arial, Helvetica, sans-serif;
left:۰;
padding: ۰px ۰;
position:fixed;
font-size:۱۶px;
width:۱۰۰%;
z-index:۹۹۹۹۹;
float:left;
vertical-align:middle;
margin: ۰px ۰ ۰;
opacity: ۰.۹۵;
font-weight: bold;
}
.boxfloat {
text-align:center;
width:۹۲۰px;
margin:۰ auto;
}
 
#tips, #tips li {
margin:۰;
padding:۰;
list-style:none
}
#tips {
width:۹۲۰px;
font-size:۲۰px;
line-height:۱۲۰%;
}
#tips li {
padding: ۱۵px ۰;
display:none;
}
#tips li a{
color: #fff;
}
#tips li a:hover {
text-decoration: none;
}

 

همچنین کد زیر را در header.php قرار دهید :

 

<script>
(function($) {
this.randomtip = function(){
var length = $("#tips li").length;
var ran = Math.floor(Math.random()*length) + ۱;
$("#tips li:nth-child(" + ran + ")").show();
};
 
$(document).ready(function(){
randomtip();
});
})( jQuery );
</script>

 

اکنون می توانید بجای عبارات بیست اسکریپت و دانلود اسکریپت هر متنی را که می خواهید به همراه لینک دلخواه خود نمایش دهید .

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
ثبت نام در بروکر فارکس با قابلیت واریز و برداشت به صورت ریالی کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=27648
کلمات کلیدی پست :
مطالب مرتبط
3,796نمایش مطالب محبوب در وردپرس افزونه Top 10 تاریخ : 2018/11/13
8,5655 افزونه برتر وردپرس برای ساخت فروشگاه اینترنتی تاریخ : 2016/04/4
5,604عدم نمایش مطالب دسته خاص در فید وردپرس تاریخ : 2016/07/10
2,948آموزش هماهنگ سازی قالب با ووکامرس تاریخ : 2019/11/2
6,703پوسته فارسی و زیبای شانزده برای وردپرس تاریخ : 2014/07/23
4,072آموزش ایجاد درگاه پرداخت اینترنتی در وردپرس تاریخ : 2019/06/29
6,902افزودن دکمه نمایش مطلب بعدی درون پست های وردپرس تاریخ : 2017/07/6
20,880افزونه اسلایدر وردپرس Meta Slider تاریخ : 2016/02/19
8,345دانلود پوسته فروشگاهی سوپرمارکت Oswad تاریخ : 2017/11/4
8,051افزونه فارسی ارسال اتوماتیک مطالب وردپرس در اینستاگرام تاریخ : 2017/02/16
12,179افزونه منوی موبایلی برای وردپرس TapTap نسخه 3.9 تاریخ : 2018/06/9
2,164آموزش اضافه کردن استایل دلخواه به ابزارک ها در وردپرس تاریخ : 2019/11/4
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
شرکت سئو سایت
تبلیغات
تبلیغات
تبلیغات
تبلیغات
تبلیغات