کد تبلیغات در گوشه سایت و وبلاگ
حتما از وبلاگ های که در سیستم های وبلاگ دهی ایرانی مثل بلاگفا و میهن بلاگ و … میزبانی شده اند دیدن کرده اید و همچنین تبلیغاتی که در گوشه این سایت ها می آید رو دیده اید.امروز برای شما اسکریپت یا کد تبلیغات گوشه سایت را که امکان بستن آن نیز وجود دارد برای شما آماده کردم.همچنین وقتی موس بر روی تبلیغ می رود تبلیغ پر رنگ تر میشود ،جایگاه تبلیغ در گوشه سایت ثابت می باشد و همچنین یک ظاهر خوبی هم دارد.
کد تبلیغات گوشه وبلاگ و سایت
1-ابتدا به فایل شیوه نامه خود ( style.css ) کدهای زیر را اضافه کنید.
#gplus {
background : url(http://picor.persiangig.com/document/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://picor.persiangig.com/document/gplus.gif) center top no-repeat #ebebeb; opacity :1.0; box-shadow: 0px 0px 3px #888; color : #000000; text-shadow : #fff 1px 1px 0; }
در این کد آدرس فایل مربوط به قالب تبلیغ که در سرور پرشین گیگ می باشد قرار داده شده است ، شما اگر دوست دارید آدرس همین فایل آپلود شده روی سرور خودتون رو بدهید که سرعت بالاتر رود.
2-به صفحه مربوطه که باید تبلیغ به نمایش دراید رفته ( اگر در وردپرس هستید به فایل header.php بروید ) و کدهای زیر را قبل از کد </head> در قالبتون قرار بدید.
<link rel="stylesheet" href="http://picor.persiangig.com/document/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>
دقت کنید مثل قبلی اگر دوست داشتید آدرس فایل استایل را به سرور خود انتقال دهید.
3-حال باید کد های زیر را در زیر کد <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://picor.persiangig.com/document/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://doctorwp.com" target="_blank"><img src="http://picor.persiangig.com/document/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 تغییر دهید.
——–
مشاهده دموی کد تبلیغ
دانلود اسکریپت
رمز فایل زیپ : www.doctorwp.com
——-
سلام. من ی پوسته کلاسی پرس از یه سایت خریدم الان توی صفحه اولش گوشه های سایت تبلیغات فلش قرار داره.میشه لطفا راهنمایی کنید که اون کدهای تبلیغات تو کدوم فایل قرار دارن ک بتونم حذفشون کنم از سایتم؟
سلام، با ابزار Inspect Element مرورگر پیدا کنید که توی کدوم فایله!
موفق باشید..
سلام دوستان. من یه قالب کلاسی پرس ورد پرس رو از یه سایتی خریدم الان وقتی نصبش کردم رو سایتم توی صفحه اول سایت توی گوشه های صفحه تبلیغات فلش ظاهر میشه. هرچی دنبال کدش تو قالب میگردم ک حذفش کنم نتونستم پیداش کنم. میشه لطفا راهنمایی کنید که اون کدها تو کدوم فایل قرار دارن؟
سلام
از آموزشهای خوبتون ممنونم. راستش یه مشکلی برام پیش اومده. تمام مراحلی که فرمودین رو انجام دادم ولی بنر میوفته قسمت بالا سمت راست و مشکل اینجاست که میره زیره سایدبار و منو!!! مثل تصویر زیر:
http://s8.picofile.com/file/8273325476/346363543.png
اگه امکانش هست لطفا راهنمایی بفرمایید. (با تشکر)
سلام خسته نباشین!آقا من یه وبلاگ درست کردم میخوام توش کد بنر تبلیغاتی اونم به صورت دیواری هم سمت چپ وهم راست وبلاگم بزارم ولی زیاد از برنامه نویسی سردرنمیارم میشه کمکم کنید؟ممنون میشم
سلام
کدی که تو این نوشته آموزش دادیم یک بنر بالا سمت چپ وبلاگ قرار میگیره به صورت ثابت که میتونید ازش استفاده کنید
بسیار مفید بود
ممنون آرش خان ;)
چطور میشه دو بنر مختلف را در طرف چپ و راست قرار داد؟مثلا یک بنر برای یک سایت در سمت چپ و یک بنر دیگر برای یک سایت دیگر در سمت راست قرار بدم؟
سلام
float:left رو تبدیل right کنید به سمت راست تغییر میکند .
با احترام
سلام چطور میشه سایز بنر رو تغییر داد می خوام کوچیکترش کنم
با تشکر
سلام
باید یکم از css بدونید تا ویرایشش بشه کرد .
با احترام
سلام ببخشید کد پنجره خوش آمد گویی برای وبلاگم رو میخوام که بدون متن باشه و یدونه عکس رو به مدت 3 ثانیه برای کاربر نشون بده. ممنون میشم کد رو برام ایمیل کنی
سلام
افزونه پاپ آپ لایه ای وردپرس میتونید استفاده کنید
با احترام
من کد بزرگ شدن ایکن هنگامی که درگ شدن میخواستم ؟
سلام
در اسرع وقت براتون قرار میدیم .
تشکر
سلام ممنون از سایت مفید شما اگه میشه به وبلاک منم سر بزن تازه ساخته نظر بده اگه میشه کمکم کن تو وبلاکم دعات میکنم حالا یه سری بزن ممنون اگه جواب بدی قربانت
خیلی اقایی
ممنون عالی ومفیدبود
باتشکر از شما ایا برای وبلاگ چنین کدی هست
توی نت خیلی دنبال این کد گشتم اما هیچ سایتی به آموزش شما نمیرسید. هم کامل و هم به زبان ساده آموزش داده.
باز هم تشکر
سلام و خدا قوت..
میخوام ورد پرس رو حرفه ای کار کنم..بنظرتون برای طراحی های تجاری و شرکت ها میتونه مناسب و امن باشه؟ چون میخوام به عنوان یه تخصص واسه بیزنس یادش بگیرم..
پیش پیش ممنون
سلام
خیلی عالیه اگر بتونید حرفه ای بشید ، خیلی سریع ب پول میرسید …
موفق باشید
سلام چه طور میتونیم اندازه بنر تغییر بدیم ؟
VERYYYYYYYYYYYYYGOOOOOOOOOOOD
دستتون در نکنه . به دردم خورد.
اصغری
من می خوام یه تبلیغ چت و یه تبلیغ تبلیغات شما اینجاستو تو وبلاگم بدم اما نمی دونم از این کدا چطوری باید استفاده کنم لطفا زود بهم جواب بدین با تشکر از سایت خوبتون
برای من که درست نشد!!!!
ممنون
کد عالیی است
سلام آرش جان.من یه خواهشی دارم.میشه بیای توساخت یه وبلاگ کمکم کنی؟(وبلاگ گروهی)
اگه میشه پاسخ روبه ایمیلم ارسال کن چون وقت ندارم بیام اینجا.
ممنون.
سلام .. مرس
کجای کد را دستکاری کنم تا تبلیغات به صورت که محوی نباشه. و نیاز به بردن موس روش نباشه و همیشه پررنگ باشه
سلام خیلی جالب بود ! ولی یه مشکل کوچولو دارم من اینه که وقتی ابزار گوگل پلاس میزارم +1 اون میاد زیر همین بنر من :|
یعنی غیر از اون خود گوگل پلاس یکی هم زیر بنر میاد :OOOOO
من کد رو عوضش کردم ولی تغییر نکرد هم از قسمت کد های جاوا هم از قسمت body چه کنم ؟ حالا کمک D:
سلام ممنون خیلی مفید واقع شد دستت درد نکنه عزیز
سلام و ممنون بابت این آموزش خوبتون …
من هم تقریبا از کدی مشابه استفاده میکنم ؛
Xاطلاعیه
فقط میشه بفرمایید که چطور میتونم کاری کنم که بعد از گذشت مدت زمانی مشخص، تبلیغات بسته بشن ؟
مثلا بعد از 30 ثانیه، بدون اینکه روی × کلیک کنیم، خود به خود بسته بشه ؟؟؟
با تشکر …
سلام
باید کدش نوشته بشه با جاوااسکریپت ، جستجو کنید انگلیسی باید آمادش باشه
ممنون
سلام!
خیلی ممنون به خاطر مطالب بسیار عالیتون!
ببخشید من توی این کد به یه مشکلی برخوردم خیلی میخواستم اندازه باکسشو تغییر بدم ولی هیچ جوری نشد میشه کمکم کنید!
من یه بنر فلش دارم به این اندازه width=468 height=60
ولی وقتی میزارم تو وبم باکس به اندازه کوچیک میمونه و بنرم از باکس میزنه بیرون ممنون میشم کمکم کنید!
سلام
شما باید عناصری که استفاده شده و همچنین استایل رو خودتون ویرایش کنید تا اونطوری تبلیغ از کادر بیرون نزنه.
خیلی عالی بود واقعا توی سایتم گذاشتم معرکه شد.
ممنونم ژِِیگر
هه هه هه
باتشکر از شما خیلی زیاد متن نوشتید من که حوصله خوندنشونو ندارم
سلام
ما هم اجبارتون نکردیم !
موفق باشید دوست عزیز
آرش جان عالی بود.
دست مریزاد برادر.
سایتتون خیلی عالیه
سلام
تس کردم نشد
ی بررسی کنید لطفا اگه تونستید
سلام
دمو هم قرار دادیم مشکلی نداره کدها
لطفا مراحل رو با دقت انجام بدید،مشکلی نباید باشه
الان مشکل شما کجا هستش؟
عالی بود خیلی ممنون از آموزش زیباتــــون موفق باشید
خیلی کد خوبی هست
دمت قیژ و ویژ
اول بخاطر این پست مفید سپاسگزارم امیدوارم همیشه موفق باشید
دوم اینکه من از این تبلیغات تو سایت استفاده کردم تنها مشکلی که هست بستن بنر غیر فعال شده در واقع کار نمیکنه وقتی روی علامت x کلیک میکنید برای رفع این مشکل باید چه کار کرد ؟
سپاس
سلام ، من دموی کد تبلیغات رو قرار دادم و بدون مشکل هستش ، فکر کنم با قالب شما سازگاری نداشته باشه ، قالبتون رو بررسی کنید مشکل باید ازونجا باشه به نظرم
سلام دوست عزیز این امکان وجود داره که با قالب سازگار نباشه اما این که قالب مشکل داشته خیر چون طراحی قالب به صورت استاندارد و بدون نقص انجام شده و اینکه من همین کد رو بر روی چندین قالب تست کردم همین مشکل داشت . طبق توضیحات 1 و 3 من مراحل کد تبلیغات تو سایت انجام دادم . اگر ممکن این کد را برای قالب های نیوک هم سازگار کنید . سپاس
سلام ، الان متوجه شدم از نیوک استفاده می کنید ، خوب شاید تو تنظیمات نیوک جاوااسکریپت غیرفعال شده باشه ، یه بررسی بکنید ، مشکل از جاوا هستش.
سلام نه ربطی نداره الان همون تبلیغاتی که مربوط به تبلیغ ایرانی هست که تو کد تبلیغات گذاشتم از “javascript” ساخته شده .
سلام مجدد ،
این ها چندتا کد ساده هستند ، دموی سیستم که فایل html ساده هستش ، روی وردپرس هم بدون مشکل کار می کنه ، یک کجای کار با نیوک و شاید قالب مشکل داره ، من زیاد راستش نیوک کار نکردم ، اطلاع دقیقی ندارم.
این فایل شیوه نامه(Style.css) که میگی کجاس تو میهن بلاگ؟
متناسب با قالبتون ، می تونه داخل خوده کدهای قالب باشه یعنی شیوه نامه به صورت جدا نباشه ، و یا اینکه در کدهای ابتدایی قالب آدرس استابل رو در جایی که آپلود شده رو می تونید پیدا کنید.
البته در نمونه اسکریپت در هدر صفحه html فایل css رو به هاست خودتون ارجا دادید که عملا هم به سرورهاتون فشار میاد و هم ترافیک ماهانتون رو میخوره(فکر کنم عگسها هم به همین هاست ارجا داده شده اند)
سلام ، بله دموی سیستم روی هاست خودم هست ولی نه مشکلی نداره هومان ، ترافیک خیلی زیادی دارم.
ممنونم بابت این کد.تویه سایتم استفاده کردم.
چی کار کنم که ثابت اون بالا بمونه و پایین نیاد؟چند تا کد رو دست کاری کردم چون کل کد رو گذاشتم تویه فوتر در اون بخش ثابت شد.اما من میخوام مثل بلاگفا بالای سایت ثابت باشه
سلام هومان عزیز ،
راستش شاید دارم دیر جواب میدم یکم ، من چیزی داخل سایتت ندیدم.
کد رو موقت حذف کردم.این کد از رویه کد گوگل پلاس کپی شده و مثل اون متحرک هستش.اما من میخوام مثل یه باکس ثابت اون بالا باشه و با جا به جایی اسکرول بار این باکس حرکت نکنه.
نمونه :http://travian.freecp.ir/
سلام
تو مطالب قبلی سایت یدونه اسکریپت گذاشتیم که تبلیغات گوشه سایت بود که ثابت هستش ، هومان میشه ازون کد استفاده کنی و بجای عکس توش کد گوگل پلاس رو قرار بدی.
با سلام و تشکر از شما مطلبتون بسیار مفید و به درد بخور بود
سلام لطفا كمك كنيد من هر كاري كردن نشد اين تبليغات رندوم بشه
لطفا كمك كنيد
با تشكر
سلام ، نمی دونم الان مشکل شما الان چیه ؟! باید قالبتونو ببینم ، ولی کد ها رو درست و بدون مشکل هستند.
سلام .
من ميخوام کد جاوا يکي از سيستمهاي کليکي رو جاي لينک ثابت بذارم
آيا امکانش هست ؟ ميشه جزيياتش رو توضيح بدين
سلام ، بله امکانش هست چنین کاری کنید.
از استایل استفاده کنید و بجای لینک و آدرس یک تصویر ثابت این کد بیاین و کد سیستم کلیکی رو جایگزین کنید.
فقط به سایز تصویر دقت داشته باشید تا همخوانی داشته باشد.
سلام
ممنون خوب بود.فقط یاد بده چه طور کاربران میتونن آدرس ها رو عوض کنند.مثلا دو تا آدرس تویه سی اس اس بود که خیلی اذیتم کرد.
باز هم ممنون
سلام
خیلی ممنون ، اگر منظورتون کلاس های شیوه نامه هستش خیلی راحت داخل شیوه نامه تغییر بدین و داخل کدهای html هم همون کلاس رو جایگزین کنید.
آقا محمد یکم کدهارو دستکاری کنید ، کار نشد نداره !!
کدهای تصاویر تصادفی رو بجای کدهای … که مربوط میشه به تبلیغات گوشه سایت بزارید فکر کنم جواب بده.
تنظیم لینک تبلیغ و اندازه تصویر تصادفی هم که یادتون نره !
دکمهchange نیست.
امکان نداره !! دقت کنید همون تب اول یعنی general بالا سمت راست وقتی که رو یه فایلی راست کلیک و گزینه properties رو براش انتخاب می کنید ، حتما باید باشه !
سلام ببخشیدمن یک کتاب دانلودکردم بعدفرمتشو ازwin zipبه Adobeتبدیل کردم ومتوجه نشدم گزینه
always use the selected program to open this kind of file فعال بوده حالا همه ی نرم افزارهای لپ تاپم با همین فرمت بازمیشه وتصویر نرم افزارهاهم به شکل Adob هست حالاچیکارکنم نرم افزارها حالت اولیه شوپیداکنه؟
ممنون.
سلام
بر روی هر نوع فایلی با اون فرمتی که مئنظرتون هست راست کلیک کنید و همون بالا رو به روی opens with دکمه change رو مشاهده می کنید ، با انتخاب هر نرم افزاری که دوست دارید دیگه تمام فایل ها با اون نرم افزار باز می شند.
با سلام لطفا بگویید چگونه تبلیغات را رندوم کنم
یعنی هر بار بازشدن رندوم یکی را نشان دهد .
سلام
من یادم میاد چندسال پیش یک فال حافظ طراحی کردم که به صورت رندوم عکس انتخاب می کرد و به نمایش می گذاشت ولی الان کدش رو ندارم
اگر سرچ کنید خودتون کد رو پیدا کنید و بجای لینک آدرس اون تصویر اون کد که فکر کنم جاوااسکریپت هم هستش رو بدید تا رندوم خودش از یک مجموعه تصاویر که خودتون آدرسشو می دید براتون انتخاب کنه و هر بار بزاره.
اگر نتونستید بگید من بگردم قاطی فایلام !! براتون اگر شد پیدا کنم
من پیدا نکردم
لطفا فایل را برای من ارسال کنید
و نحوه قراردادن را هم اگر امکاندارد توضیح دهید
با تشکر
سلام ، آموزش و کد رو در سایت قرار دادیم
http://doctorwp.com/898/%da%a9%d8%af-%d9%86%d9%85%d8%a7%db%8c%d8%b4-%d8%b9%da%a9%d8%b3-%d9%88-%d8%aa%d8%b5%d8%a7%d9%88%db%8c%d8%b1-%d8%aa%d8%b5%d8%a7%d8%af%d9%81%db%8c.html
من كد لا دقيقا به جاي عكس قراردادم بعد از بادي
اما كار نكرد
ميشه دقيقا توپيح بديد كجا قرار بدم
تا نمايش داده بشه
سلام.باتشکر.
واقعا”سایتتون پرمحتواست.خیلی تمایل دارم باکسانی مثل شما آشنا بشم. من کدها رو وارد وبلاگم میکنم وارد نمیشه. میشه کمکم کنید؟
سلام ، شما خیلی لطف دارید به من
متاسفانه برای جای گذاری این کدهای تبلیغات گوشه سایت باید یکم اطلاعات از قالب و شیوه نامه سایت داشته باشید.
سلام آرش جون
فدای تو با این سایت بسیار قشنگ و پرمحتوات
بخدا از سایتت خیلی راضی ام و خیلی خوشحالم که با شما آشنا شدم
منم فوق لیسانس مهندسی کامپیوترم و از سخت افزار و نرم افزار در حد لالیگا سردرمیارم ولی متاسفانه از دنیای با عظمت کد نویسی هیچی بلد نیستم
نمیدونم اصلا این پیام منو میخونی یا نه
به هر حال وظیفه خودم دونستم ازت تشکر کنم
ضمنا آرش جون میشه خواهش کنم بهم یاد بدی تا بتونم یکسری قالب در سمت راست یا چپ وبلاگم بزارم که پس زمینه رنگی داشته باشه ؟؟؟ خیلی از وبلاگها دارن
اگه بیای تو وبلاگم و اشکالاتمو بگی ازت خیلی ممنون میشم
با سپاس
سلام ، تشکر
مگه میشه کسی بیاد تو سایت کامنت بده ، خوندن که هیچی ، جواب ندم
خیلی لطف دارید شما
والا وارد وبلاگتون شدم ، بسیار مشکل داره
برای من که فونت فارسیش بالا نمیاد
از این که سمت راست و چپ قالب بزارید رو متوجه نشدم راستش !!
:P
ممنون