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

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

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

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

——-

امتیاز شما برای این مقاله
84 نظرات
  1. حسین می گوید

    سلام. من ی پوسته کلاسی پرس از یه سایت خریدم الان توی صفحه اولش گوشه های سایت تبلیغات فلش قرار داره.میشه لطفا راهنمایی کنید که اون کدهای تبلیغات تو کدوم فایل قرار دارن ک بتونم حذفشون کنم از سایتم؟

    1. عباس صادقی می گوید

      سلام، با ابزار Inspect Element مرورگر پیدا کنید که توی کدوم فایله!
      موفق باشید..

  2. حسین می گوید

    سلام دوستان. من یه قالب کلاسی پرس ورد پرس رو از یه سایتی خریدم الان وقتی نصبش کردم رو سایتم توی صفحه اول سایت توی گوشه های صفحه تبلیغات فلش ظاهر میشه. هرچی دنبال کدش تو قالب میگردم ک حذفش کنم نتونستم پیداش کنم. میشه لطفا راهنمایی کنید که اون کدها تو کدوم فایل قرار دارن؟

  3. حامد می گوید

    سلام
    از آموزشهای خوبتون ممنونم. راستش یه مشکلی برام پیش اومده. تمام مراحلی که فرمودین رو انجام دادم ولی بنر میوفته قسمت بالا سمت راست و مشکل اینجاست که میره زیره سایدبار و منو!!! مثل تصویر زیر:

    http://s8.picofile.com/file/8273325476/346363543.png

    اگه امکانش هست لطفا راهنمایی بفرمایید. (با تشکر)

  4. فاطمه می گوید

    سلام خسته نباشین!آقا من یه وبلاگ درست کردم میخوام توش کد بنر تبلیغاتی اونم به صورت دیواری هم سمت چپ وهم راست وبلاگم بزارم ولی زیاد از برنامه نویسی سردرنمیارم میشه کمکم کنید؟ممنون میشم

    1. آرش حیدری می گوید

      سلام
      کدی که تو این نوشته آموزش دادیم یک بنر بالا سمت چپ وبلاگ قرار میگیره به صورت ثابت که میتونید ازش استفاده کنید

  5. مسعود می گوید

    بسیار مفید بود

  6. جمال می گوید

    ممنون آرش خان ;)

  7. حمید می گوید

    چطور میشه دو بنر مختلف را در طرف چپ و راست قرار داد؟مثلا یک بنر برای یک سایت در سمت چپ و یک بنر دیگر برای یک سایت دیگر در سمت راست قرار بدم؟

    1. آرش حیدری می گوید

      سلام
      float:left رو تبدیل right کنید به سمت راست تغییر میکند .
      با احترام

  8. حمید می گوید

    سلام چطور میشه سایز بنر رو تغییر داد می خوام کوچیکترش کنم
    با تشکر

    1. آرش حیدری می گوید

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

  9. حسین می گوید

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

    1. آرش حیدری می گوید

      سلام
      افزونه پاپ آپ لایه ای وردپرس میتونید استفاده کنید
      با احترام

  10. رضا می گوید

    من کد بزرگ شدن ایکن هنگامی که درگ شدن میخواستم ؟

    1. آرش حیدری می گوید

      سلام
      در اسرع وقت براتون قرار میدیم .
      تشکر

  11. amir_king می گوید

    سلام ممنون از سایت مفید شما اگه میشه به وبلاک منم سر بزن تازه ساخته نظر بده اگه میشه کمکم کن تو وبلاکم دعات میکنم حالا یه سری بزن ممنون اگه جواب بدی قربانت
    خیلی اقایی

  12. مدل لباس می گوید

    ممنون عالی ومفیدبود

  13. بیست آپدیت می گوید

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

  14. فاز دانلود می گوید

    توی نت خیلی دنبال این کد گشتم اما هیچ سایتی به آموزش شما نمیرسید. هم کامل و هم به زبان ساده آموزش داده.
    باز هم تشکر

  15. مهسا می گوید

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

    1. آرش حیدری می گوید

      سلام
      خیلی عالیه اگر بتونید حرفه ای بشید ، خیلی سریع ب پول میرسید …
      موفق باشید

  16. ناوی می گوید

    سلام چه طور میتونیم اندازه بنر تغییر بدیم ؟

  17. صمیمی می گوید

    VERYYYYYYYYYYYYYGOOOOOOOOOOOD

  18. طراحی سایت می گوید

    دستتون در نکنه . به دردم خورد.
    اصغری

  19. ali می گوید

    من می خوام یه تبلیغ چت و یه تبلیغ تبلیغات شما اینجاستو تو وبلاگم بدم اما نمی دونم از این کدا چطوری باید استفاده کنم لطفا زود بهم جواب بدین با تشکر از سایت خوبتون

  20. محمدرضا می گوید

    برای من که درست نشد!!!!

  21. امین می گوید

    ممنون
    کد عالیی است

  22. محمد می گوید

    سلام آرش جان.من یه خواهشی دارم.میشه بیای توساخت یه وبلاگ کمکم کنی؟(وبلاگ گروهی)
    اگه میشه پاسخ روبه ایمیلم ارسال کن چون وقت ندارم بیام اینجا.
    ممنون.

  23. مجید می گوید

    سلام .. مرس
    کجای کد را دستکاری کنم تا تبلیغات به صورت که محوی نباشه. و نیاز به بردن موس روش نباشه و همیشه پررنگ باشه

  24. ali می گوید

    سلام خیلی جالب بود ! ولی یه مشکل کوچولو دارم من اینه که وقتی ابزار گوگل پلاس میزارم +1 اون میاد زیر همین بنر من :|
    یعنی غیر از اون خود گوگل پلاس یکی هم زیر بنر میاد :OOOOO
    من کد رو عوضش کردم ولی تغییر نکرد هم از قسمت کد های جاوا هم از قسمت body چه کنم ؟ حالا کمک D:

  25. عکس می گوید

    سلام ممنون خیلی مفید واقع شد دستت درد نکنه عزیز

  26. Matori73 می گوید

    سلام و ممنون بابت این آموزش خوبتون …

    من هم تقریبا از کدی مشابه استفاده میکنم ؛

    Xاطلاعیه

    فقط میشه بفرمایید که چطور میتونم کاری کنم که بعد از گذشت مدت زمانی مشخص، تبلیغات بسته بشن ؟
    مثلا بعد از 30 ثانیه، بدون اینکه روی × کلیک کنیم، خود به خود بسته بشه ؟؟؟

    با تشکر …

    1. آرش حیدری می گوید

      سلام
      باید کدش نوشته بشه با جاوااسکریپت ، جستجو کنید انگلیسی باید آمادش باشه
      ممنون

  27. یـﮧ اפـســـــــاس פֿـوب می گوید

    سلام!
    خیلی ممنون به خاطر مطالب بسیار عالیتون!
    ببخشید من توی این کد به یه مشکلی برخوردم خیلی میخواستم اندازه باکسشو تغییر بدم ولی هیچ جوری نشد میشه کمکم کنید!

    من یه بنر فلش دارم به این اندازه width=468 height=60
    ولی وقتی میزارم تو وبم باکس به اندازه کوچیک میمونه و بنرم از باکس میزنه بیرون ممنون میشم کمکم کنید!

    1. آرش حیدری می گوید

      سلام
      شما باید عناصری که استفاده شده و همچنین استایل رو خودتون ویرایش کنید تا اونطوری تبلیغ از کادر بیرون نزنه.

  28. امیر می گوید

    خیلی عالی بود واقعا توی سایتم گذاشتم معرکه شد.

  29. بنیامین 72 می گوید

    ممنونم ژِِیگر
    هه هه هه

  30. لرد پیکس می گوید

    باتشکر از شما خیلی زیاد متن نوشتید من که حوصله خوندنشونو ندارم

    1. آرش حیدری می گوید

      سلام
      ما هم اجبارتون نکردیم !
      موفق باشید دوست عزیز

  31. آرش می گوید

    آرش جان عالی بود.
    دست مریزاد برادر.

  32. طراحی سایت می گوید

    سایتتون خیلی عالیه

  33. سمیره می گوید

    سلام
    تس کردم نشد
    ی بررسی کنید لطفا اگه تونستید

    1. آرش حیدری می گوید

      سلام
      دمو هم قرار دادیم مشکلی نداره کدها
      لطفا مراحل رو با دقت انجام بدید،مشکلی نباید باشه
      الان مشکل شما کجا هستش؟

  34. پریسا می گوید

    عالی بود خیلی ممنون از آموزش زیباتــــون موفق باشید

  35. دانلود می گوید

    خیلی کد خوبی هست

  36. علیرضا می گوید

    دمت قیژ و ویژ

  37. کامیار می گوید

    اول بخاطر این پست مفید سپاسگزارم امیدوارم همیشه موفق باشید
    دوم اینکه من از این تبلیغات تو سایت استفاده کردم تنها مشکلی که هست بستن بنر غیر فعال شده در واقع کار نمیکنه وقتی روی علامت x کلیک میکنید برای رفع این مشکل باید چه کار کرد ؟

    سپاس

    1. آرش حیدری می گوید

      سلام ، من دموی کد تبلیغات رو قرار دادم و بدون مشکل هستش ، فکر کنم با قالب شما سازگاری نداشته باشه ، قالبتون رو بررسی کنید مشکل باید ازونجا باشه به نظرم

      1. کامیار می گوید

        سلام دوست عزیز این امکان وجود داره که با قالب سازگار نباشه اما این که قالب مشکل داشته خیر چون طراحی قالب به صورت استاندارد و بدون نقص انجام شده و اینکه من همین کد رو بر روی چندین قالب تست کردم همین مشکل داشت . طبق توضیحات 1 و 3 من مراحل کد تبلیغات تو سایت انجام دادم . اگر ممکن این کد را برای قالب های نیوک هم سازگار کنید . سپاس

      2. آرش حیدری می گوید

        سلام ، الان متوجه شدم از نیوک استفاده می کنید ، خوب شاید تو تنظیمات نیوک جاوااسکریپت غیرفعال شده باشه ، یه بررسی بکنید ، مشکل از جاوا هستش.

      3. کامیار می گوید

        سلام نه ربطی نداره الان همون تبلیغاتی که مربوط به تبلیغ ایرانی هست که تو کد تبلیغات گذاشتم از “javascript” ساخته شده .

      4. آرش حیدری می گوید

        سلام مجدد ،
        این ها چندتا کد ساده هستند ، دموی سیستم که فایل html ساده هستش ، روی وردپرس هم بدون مشکل کار می کنه ، یک کجای کار با نیوک و شاید قالب مشکل داره ، من زیاد راستش نیوک کار نکردم ، اطلاع دقیقی ندارم.

  38. سهیل می گوید

    این فایل شیوه نامه(Style.css) که میگی کجاس تو میهن بلاگ؟

    1. آرش حیدری می گوید

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

      1. هومان می گوید

        البته در نمونه اسکریپت در هدر صفحه html فایل css رو به هاست خودتون ارجا دادید که عملا هم به سرورهاتون فشار میاد و هم ترافیک ماهانتون رو میخوره(فکر کنم عگسها هم به همین هاست ارجا داده شده اند)

      2. آرش حیدری می گوید

        سلام ، بله دموی سیستم روی هاست خودم هست ولی نه مشکلی نداره هومان ، ترافیک خیلی زیادی دارم.

  39. هومان می گوید

    ممنونم بابت این کد.تویه سایتم استفاده کردم.
    چی کار کنم که ثابت اون بالا بمونه و پایین نیاد؟چند تا کد رو دست کاری کردم چون کل کد رو گذاشتم تویه فوتر در اون بخش ثابت شد.اما من میخوام مثل بلاگفا بالای سایت ثابت باشه

    1. آرش حیدری می گوید

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

      1. هومان می گوید

        کد رو موقت حذف کردم.این کد از رویه کد گوگل پلاس کپی شده و مثل اون متحرک هستش.اما من میخوام مثل یه باکس ثابت اون بالا باشه و با جا به جایی اسکرول بار این باکس حرکت نکنه.
        نمونه :http://travian.freecp.ir/

      2. آرش حیدری می گوید

        سلام
        تو مطالب قبلی سایت یدونه اسکریپت گذاشتیم که تبلیغات گوشه سایت بود که ثابت هستش ، هومان میشه ازون کد استفاده کنی و بجای عکس توش کد گوگل پلاس رو قرار بدی.

  40. سوالات استخدامی می گوید

    با سلام و تشکر از شما مطلبتون بسیار مفید و به درد بخور بود

  41. محمد می گوید

    سلام لطفا كمك كنيد من هر كاري كردن نشد اين تبليغات رندوم بشه
    لطفا كمك كنيد
    با تشكر

    1. آرش حیدری می گوید

      سلام ، نمی دونم الان مشکل شما الان چیه ؟! باید قالبتونو ببینم ، ولی کد ها رو درست و بدون مشکل هستند.

  42. حميد می گوید

    سلام .
    من ميخوام کد جاوا يکي از سيستمهاي کليکي رو جاي لينک ثابت بذارم
    آيا امکانش هست ؟ ميشه جزيياتش رو توضيح بدين

    1. آرش حیدری می گوید

      سلام ، بله امکانش هست چنین کاری کنید.
      از استایل استفاده کنید و بجای لینک و آدرس یک تصویر ثابت این کد بیاین و کد سیستم کلیکی رو جایگزین کنید.
      فقط به سایز تصویر دقت داشته باشید تا همخوانی داشته باشد.

  43. هومان می گوید

    سلام
    ممنون خوب بود.فقط یاد بده چه طور کاربران میتونن آدرس ها رو عوض کنند.مثلا دو تا آدرس تویه سی اس اس بود که خیلی اذیتم کرد.
    باز هم ممنون

    1. آرش حیدری می گوید

      سلام
      خیلی ممنون ، اگر منظورتون کلاس های شیوه نامه هستش خیلی راحت داخل شیوه نامه تغییر بدین و داخل کدهای html هم همون کلاس رو جایگزین کنید.

  44. آرش حیدری می گوید

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

  45. هانا می گوید

    دکمهchange نیست.

    1. آرش حیدری می گوید

      امکان نداره !! دقت کنید همون تب اول یعنی general بالا سمت راست وقتی که رو یه فایلی راست کلیک و گزینه properties رو براش انتخاب می کنید ، حتما باید باشه !

  46. هانا می گوید

    سلام ببخشیدمن یک کتاب دانلودکردم بعدفرمتشو ازwin zipبه Adobeتبدیل کردم ومتوجه نشدم گزینه
    always use the selected program to open this kind of file فعال بوده حالا همه ی نرم افزارهای لپ تاپم با همین فرمت بازمیشه وتصویر نرم افزارهاهم به شکل Adob هست حالاچیکارکنم نرم افزارها حالت اولیه شوپیداکنه؟
    ممنون.

    1. آرش حیدری می گوید

      سلام
      بر روی هر نوع فایلی با اون فرمتی که مئنظرتون هست راست کلیک کنید و همون بالا رو به روی opens with دکمه change رو مشاهده می کنید ، با انتخاب هر نرم افزاری که دوست دارید دیگه تمام فایل ها با اون نرم افزار باز می شند.

  47. mohammad می گوید

    با سلام لطفا بگویید چگونه تبلیغات را رندوم کنم
    یعنی هر بار بازشدن رندوم یکی را نشان دهد .

    1. آرش حیدری می گوید

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

      1. mohammad می گوید

        من پیدا نکردم
        لطفا فایل را برای من ارسال کنید
        و نحوه قراردادن را هم اگر امکاندارد توضیح دهید
        با تشکر

      2. آرش حیدری می گوید
      3. mohammad می گوید

        من كد لا دقيقا به جاي عكس قراردادم بعد از بادي
        اما كار نكرد
        ميشه دقيقا توپيح بديد كجا قرار بدم
        تا نمايش داده بشه

  48. هانا می گوید

    سلام.باتشکر.
    واقعا”سایتتون پرمحتواست.خیلی تمایل دارم باکسانی مثل شما آشنا بشم. من کدها رو وارد وبلاگم میکنم وارد نمیشه. میشه کمکم کنید؟

    1. آرش حیدری می گوید

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

  49. هادی حسن پور می گوید

    سلام آرش جون
    فدای تو با این سایت بسیار قشنگ و پرمحتوات
    بخدا از سایتت خیلی راضی ام و خیلی خوشحالم که با شما آشنا شدم
    منم فوق لیسانس مهندسی کامپیوترم و از سخت افزار و نرم افزار در حد لالیگا سردرمیارم ولی متاسفانه از دنیای با عظمت کد نویسی هیچی بلد نیستم
    نمیدونم اصلا این پیام منو میخونی یا نه
    به هر حال وظیفه خودم دونستم ازت تشکر کنم
    ضمنا آرش جون میشه خواهش کنم بهم یاد بدی تا بتونم یکسری قالب در سمت راست یا چپ وبلاگم بزارم که پس زمینه رنگی داشته باشه ؟؟؟ خیلی از وبلاگها دارن

    اگه بیای تو وبلاگم و اشکالاتمو بگی ازت خیلی ممنون میشم
    با سپاس

    1. آرش حیدری می گوید

      سلام ، تشکر
      مگه میشه کسی بیاد تو سایت کامنت بده ، خوندن که هیچی ، جواب ندم
      خیلی لطف دارید شما
      والا وارد وبلاگتون شدم ، بسیار مشکل داره
      برای من که فونت فارسیش بالا نمیاد
      از این که سمت راست و چپ قالب بزارید رو متوجه نشدم راستش !!

  50. بنیامین می گوید

    :P

  51. علی می گوید

    ممنون

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.