تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
اسکریپت vfm 1 پاسخ 48 بازدید افزونه ساخت شماره مجازی 10 پاسخ 573 بازدید مشکل در اسکریپت مچ فرم 0 پاسخ 141 بازدید واگذاری سرویس هاست اختصاصی ووکامرس 0 پاسخ 207 بازدید به هم ریختگی سایت بعد از نصب قالب 0 پاسخ 186 بازدید درخواست قالب با سبک کندو 0 پاسخ 209 بازدید اسکریپت نال شده 1 پاسخ 246 بازدید اسکریپت droppy 1 پاسخ 246 بازدید درخواست طراحی قالب وبلوتین 4 پاسخ 634 بازدید از کجا دامین ارزان خرید کنم لطفا معرفی کنید 1 پاسخ 389 بازدید
تبلیغات
تبلیغات تبلیغات

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

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

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

 

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

 

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

 

کد زیر را در فایل 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
کلمات کلیدی پست :
مطالب مرتبط
38,712قالب وردپرس مناسب برای دانشگاه و مدرسه تاریخ : 2014/04/23
8,343پنهان کردن آیتم های غیرضروری در وردپرس تاریخ : 2013/10/27
5,934جستجو در فیلدهای سفارشی وردپرس بدون افزونه تاریخ : 2016/09/15
9,841نمایش کد در وردپرس بدون نیاز به نصب افزونه تاریخ : 2014/03/3
4,060انتقال سایت وردپرس از سرور به لوکال هاست تاریخ : 2019/09/10
12,048ایجاد باکس محتوا در وردپرس با افزونه Service box تاریخ : 2017/11/27
9,530تغییر اطلاعات ایمیل پیشفرض وردپرس CB Change Mail Sender تاریخ : 2017/07/23
18,628افزونه ایجاد فرم های فلت WP Flat Cost Estimation Form Creator تاریخ : 2014/06/17
5,9875 روش شناسایی سایت‌های وردپرسی تاریخ : 2018/01/27
8,645دانلود قالب وردپرس دنیای شادی تاریخ : 2014/08/25
4,328پوسته آموزش و تحصیلات Smarty برای وردپرس تاریخ : 2019/12/8
4,684چگونه وردپرس را در مقابل حملات XML-RPC محافظت کنیم تاریخ : 2020/08/26
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
تبلیغات
تبلیغات