کد تبلیغات گوشه وبلاگ و سایت

کد تبلیغات گوشه وبلاگ و سایت

کد تبلیغات در گوشه سایت و وبلاگ

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

ads-code

کد تبلیغات گوشه وبلاگ و سایت

۱-ابتدا به فایل شیوه نامه خود ( style.css ) کدهای زیر را اضافه کنید.
#gplus {
background : url(http://salimhost.com/ads/gplus.gif) center top no-repeat #f6f6f6; opacity :0.8; center down no-repeat #5c5c5c; box-shadow: 0px 0px 3px #888; border-radius : 1px; padding-top : 0; color : #000000; text-shadow : #fff 1px 1px 0; width : 120px; margin-bottom : 9px; margin-top : 4px; text-align : right; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;
}
#gplus:hover { background : url(http://salimhost.com/ads/gplus.gif) center top no-repeat #ebebeb; opacity :1.0; box-shadow: 0px 0px 3px #888; color : #000000; text-shadow : #fff 1px 1px 0; }

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

۲-به صفحه مربوطه که باید تبلیغ به نمایش دراید رفته ( اگر در وردپرس هستید به فایل header.php بروید ) و کدهای زیر را قبل از کد </head> در قالبتون قرار بدید.

<link rel=”stylesheet” href=”http://salimhost.com/ads/ads.css” type=”text/css” media=”screen” />
<script language=”JavaScript” type=”text/javascript”>
<!–
function toggleDiv(element){
if(document.getElementById(element).style.display = ‘block’)
{
document.getElementById(element).style.display = ‘none’;
}
else if(document.getElementById(element).style.display = ‘none’)
{
document.getElementById(element).style.display = ‘block’;
}
}
//–>
</script>

دقت کنید مثل قبلی اگر دوست داشتید آدرس فایل استایل را به سرور خود انتقال دهید.

۳-حال باید کد های زیر را در زیر کد <body> در قالبتان جای بدید.

<div id="gplus" style="position:fixed;left:10px;top:2px;z-index:1000;">

<div onClick=”toggleDiv(‘gplus’);” style=”float:right;margin:7px 0 0 0;cursor:pointer;”><img src=”http://salimhost.com/ads/close.png” alt=”بستن پنجره” title=”بستن پنجره” ></div>
<div style=”float:right;margin:10px 5px 0 0″>
<font face=”Tahoma” size=”1″ color=”#001c3f”>
</font>
</div>
<div style=”float:left;margin:5px 5px 0 0″>
<a href=”http://r-sms.ir” target=”_blank”><img src=”http://salimhost.com/ads/ads.gif” alt=”تبلیغات” title=”تبلیغات” ></a>
<a href=”http://r-sms.ir” target=”_blank”><img src=”http://salimhost.com/ads/ads.gif” alt=”تبلیغات” title=”تبلیغات” ></a>
</div>
<div style=”float:left;margin:10px 10px 0 10px”>
<g:plusone size=”medium”></g:plusone>
</div>
</div>

دقت کنید بازم آدرس تبلیغ مورد نظر خودتونو و لینک تبلیغ را باید خودتون تو این کد بجای آدرس سایت و تصویر تبلیغ که به صورت مثال قرار دادم بزارید.

نمایش تبلیغ در چهار گوشه سایت

فقط کافیست در سومین که باید زیر <body> قرار گیرد مقادیر position:fixed;left:10px;top را تغییر دهید.اگر دوست دارید به پایین برود top رو بکنید bottom ، اگر دوست دارید از چپ به راست رود left را به right تغییر دهید.

 

دانلود

 

پارس وی دی اس

درباره‌ی فان جو

منو به حال من رها نکن تو که برای من همه کسی اگه هنوزم عاشق منی چرا به داد من نمی رسی....

حتما ببینید

غیرفعال کردن پیغام صفحه خوش آمدگویی در آفیس ۲۰۱۳

غیرفعال کردن پیغام صفحه خوش آمدگویی در آفیس ۲۰۱۳ غیرفعال کردن پیغام صفحه خوش آمدگویی …

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *