کد قرار دادن تبلیغات متنی در سایت آریا تمپ – طراحی سایت,قالب وبلاگ,پوسته وردپرس,قالب وردپرس

کد قرار دادن تبلیغات متنی در سایت

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

css ads

خوب برای قرار دادن یک قسمت برای تبلیغات متنی در سایتتان ابتدا باید کد زیر را داخل استایل قالب خود قرار دهید :

#ads1 a {color:black;text-decoration:none;}
#ads1 a:hover {color:#054CAD;text-decoration:none;}

#ads1{
width:150px;
padding:5px;
margin-top:15px;
border:2px solid #DCE9F5;border-width:1px 1px 2px 2px;background:#EBF2FA;
line-height:18px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

برای وردپرس باید این کد را در آخر فایل style.css قالب خود قرار دهید .

هم اکنون نیز باید کد زیر را داخل فایل قالب خود قرار دهید . برای وردپرس بهتر است این کد در فایل sidebar.php یا index.php  وارد شود :

<div id=”ads1″>
<a href=”#”><b>تبلیغات در اینجا</b><br />
تبلیغات شما در اینجا ماهانه ۸ هزار تومان
</a>
</div>

خوب حالا میریم سراغ کار های ویرایشی :

برای تغییر اندازه کادر باید مقدار width را تغییر دهید و برای تغییر رنگ پس زمینه نیز کد رنگ خود را مقابل background قرار دهید .

امیدوارم این آموزش مورد استفاده شما عزیزان قرار گیرد .

————————————————————-

————————————————————-

استفاده از این کد در وبلاگ و صفحات html :

————————————————————-

————————————————————-

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

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

</head>

حالا کد زیر رو قبلش اضافه کنین :

<style>

#ads1 a {color:black;text-decoration:none;}
#ads1 a:hover {color:#054CAD;text-decoration:none;}

#ads1{
width:150px;
padding:5px;
margin-top:15px;
border:2px solid #DCE9F5;border-width:1px 1px 2px 2px;background:#EBF2FA;
line-height:18px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

</style>

حالا هم هرجا که بعد از کد <body> خواستید کد زیر رو قرار بدین تا به نمایش در بیاد :

<div id=”ads1″>
<a href=”#”><b>تبلیغات در اینجا</b><br />
تبلیغات شما در اینجا ماهانه ۸ هزار تومان
</a>
</div>


برچسبها: , , , , , , ,

نظرات ديگران...

  1. محمدرضا گفته:

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

  2. admin گفته:

    پاسخ به محمدرضا :
    سلام دوست عزیز متشکر
    متاسفانه بنده با هیچ کس تبادل لینک انجام نمیدم …

  3. Imansaye گفته:

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

  4. امین گفته:

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

  5. محمد گفته:

    سلام
    داداش لطفا قالب های رزبلاگ رو طراحی کنید.
    قالب اسان دانلود رو برای رزبلاگ طراحی کنید.
    مرسی

  6. admin گفته:

    پاسخ به امین عزیز :
    سلام – با توجه به درخواست چند تا از کاربران کد برای وبلاگ و صفحات html هم قرار گرفت …

  7. admin گفته:

    پاسخ به محمد :
    سلام دوست عزیز متاسفانه توی آریاتمپ هیچ قالب دزدیده شده ای قرار نمیگیره … متاسفم نمیتونم کمک کنم …

  8. وحشت دانلود گفته:

    با سلام
    میگم چرا برای ثامن بلاگ قالب طراحی نمیکنید واقعا اگه بخواین مقایسه کنید که کدام سرویس دهنده خوبه من میگم ثامن بلاگ بهترینه پس چرا برای بهترینا قالب طراحی نمی کنید
    اگه خواستید به نظرم پاسخ بدید لطفا به ایمیلم بفرستید این هم ایمیلم : [خصوصی - ویرایش شد]

    موفق باشید

  9. نوید گفته:

    سلام من هر کاری میکنم رنگشو عوض کنم نمیشه کار نمیکنه

  10. admin گفته:

    پاسخ به نوید : سلام عزیزم لطفا کد زیر رو امتحان کنید تا بیشتر متوجه بشید :
    #ads1{
    width:150px;
    padding:5px;
    margin-top:15px;
    border:2px solid #000;border-width:1px 1px 2px 2px;background:#eeeeee;
    line-height:18px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }