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





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

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

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

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

 

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

 

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

 

کد زیر را در فایل 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>

 

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

این محتوا چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=27648
کلمات کلیدی پست :
مطالب مرتبط
17,730افزونه وردپرس بررسی رتبه کلمات کلیدی Rankie فارسی تاریخ : 2016/05/10
9,584پوسته فروشگاهی Zoa برای ووکامرس تاریخ : 2019/04/2
10,956افزایش امنیت و سرعت در پایگاه داده وردپرس تاریخ : 2018/06/25
6,612آموزش مخفی کردن مطالب وردپرس از نتایج گوگل تاریخ : 2019/06/19
13,172آپلود فایل های وردپرس در DropBox با افزونه BOXIT نسخه 2.5.4 تاریخ : 2014/12/14
18,334افزونه مدیریت دانلود Onyx Files برای وردپرس تاریخ : 2016/10/16
17,369قالب خبری تابناک برای وردپرس تاریخ : 2017/01/28
11,652وردپرس چه تاثیری در سئو سایت دارد تاریخ : 2019/07/24
12,078افزودن پیغام در بالای مطالب وردپرس با افزونه Single Post Message تاریخ : 2017/04/29
8,768آموزش سفارشی سازی پیشخوان وردپرس تاریخ : 2019/08/31
12,547نمایش و عدم نمایش محتوای نوشته وردپرس تاریخ : 2017/07/10
13,290افزونه گزارش لینک خراب در وردپرس تاریخ : 2017/06/17
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب