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





اپوفایننس

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

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

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

 

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

 

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

 

کد زیر را در فایل 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
کلمات کلیدی پست :
مطالب مرتبط
10,716ایجاد یادداشت در پیشخوان وردپرس با افزونه WP Dashboard Notes تاریخ : 2017/04/30
16,450دانلود قالب و افزونه های نصب شده در پیشخوان وردپرس تاریخ : 2017/04/19
11,635افزونه وقایع نگاری User Activity Log برای وردپرس تاریخ : 2016/04/30
13,721اضافه نمودن آسان قطعه کد ها به توابع وردپرس تاریخ : 2017/07/27
10,187افزونه بهینه سازی و سئو با CyberSEO Lite v6.2 برای وردپرس تاریخ : 2014/05/18
12,211افزونه نظرسنجی به همراه امتیاز دهی برای وردپرس تاریخ : 2016/06/14
10,810تغییر ساختار پست تایپ وردپرس با افزونه Post Type Switcher تاریخ : 2017/06/26
5,640آموزش رفع مشکل کندی لود در وردپرس با افزونه تاریخ : 2019/10/22
5,212ایندکس نشدن سایت در گوگل تاریخ : 2019/05/30
5,644آپدیت آسان قالب و افزونه های وردپرس با افزونه Easy Theme and Plugin Upgrades تاریخ : 2019/12/3
10,564ساخت نقشه در وردپرس با افزونه HTML5 Maps تاریخ : 2019/12/28
6,780آموزش مشاهده و کنترل ایمیل های ارسالی در وردپرس تاریخ : 2019/06/27
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file