شاید تا به حال در سایت های گوناگون قسمت هایی را برای قرار دادن تبلیغات متنی دیده باشید . این نوع تبلیغات حجم بسیار کمی دارد و البته ممکن است درآمد بسیار خوبی برای سایت های با بازدید و رتبه گوگل بالا داشته باشد. از این رو ما یک عدد کد برای قرار دادن تبلیغات متنی در سایت به شما معرفی میکنیم .
خوب برای قرار دادن یک قسمت برای تبلیغات متنی در سایتتان ابتدا باید کد زیر را داخل استایل قالب خود قرار دهید :
#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>
برچسبها: css, html, اموزش, اموزش كدنويسي css, اموزش وردپرس, ساخت تبليغات متني در وردپرس, قرار دادن تبليغات متني در وبلاگ و سايت, كد تبليغات متني در سايت
ایول خیلی حال کردم
چقدر ساده و مفید،بقیه ی جاها یه کد اندازه ی قالب میدن میگن کپی کن تازه هیچی ازش سر در نمیاری ولی شما خیلی خوب گفتید
مرسی
راستی تبادل لینک میکنید؟
پاسخ به محمدرضا :
سلام دوست عزیز متشکر
متاسفانه بنده با هیچ کس تبادل لینک انجام نمیدم …
سلام؛چرااین کدهاروواسه وبلاگ بلاگفاقرارنمیدین همه میدونن وبلاگ نویسان خیلی خیلی ازکسانی که سایت نویسن بیشترن
سلام دوست عزیز کد خوبی هست ولی فقط برای وردپرس ، اگر من بخوام کپی این کدو تو یه سایت که با html ساخته شده بزارم باید ی کار کنم خواهشا این کد رو در یک فایل html خودتون بسازید پیوست کنید
سلام
داداش لطفا قالب های رزبلاگ رو طراحی کنید.
قالب اسان دانلود رو برای رزبلاگ طراحی کنید.
مرسی
پاسخ به امین عزیز :
سلام – با توجه به درخواست چند تا از کاربران کد برای وبلاگ و صفحات html هم قرار گرفت …
پاسخ به محمد :
سلام دوست عزیز متاسفانه توی آریاتمپ هیچ قالب دزدیده شده ای قرار نمیگیره … متاسفم نمیتونم کمک کنم …
با سلام
میگم چرا برای ثامن بلاگ قالب طراحی نمیکنید واقعا اگه بخواین مقایسه کنید که کدام سرویس دهنده خوبه من میگم ثامن بلاگ بهترینه پس چرا برای بهترینا قالب طراحی نمی کنید
اگه خواستید به نظرم پاسخ بدید لطفا به ایمیلم بفرستید این هم ایمیلم : [خصوصی - ویرایش شد]
موفق باشید
سلام من هر کاری میکنم رنگشو عوض کنم نمیشه کار نمیکنه
پاسخ به نوید : سلام عزیزم لطفا کد زیر رو امتحان کنید تا بیشتر متوجه بشید :
#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;
}