بــیــگ تــم
مرجع قالب وردپرس ، افزونه وردپرس ، آموزش وردپرس ، هاست وردپرس


خانه / آموزش css / تبلیغات متنی حرفه ای به سبک بیگ تم
تبلیغات متنی حرفه ای به سبک بیگ تم

تبلیغات متنی حرفه ای به سبک بیگ تم

تبلیغات متنی حرفه ای به سبک بیگ تم

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

تبلیغات متنی حرفه ای به سبک بیگ تم – سزار ( 3zar )

لازمه در اینجا کمی در رابطه با تبلیغات بگم که به سئو مربوط میشه وقتی لینک سایتی رو به عنوان تبلیغ در سایت قرار میدیم باید این تبلیغات به صورت nofollow باشه قبلا درباره ی لینک های nofollow صحبت کردیم در ستون سمت راست بخش جست و جو کی تونید این مورد رو جست و جو کنید , چرا باید nofollow داشته باشن اولا تا ارزش سایت شما پایین نیاد , دوما به خاطر سایتی که تبلیغ میده اگر لینک رو nofollow نکنید پس لینک میشه foloow یا همون dofollow و این سبب خطر برای سایتی هست که تبلیغ داده در برخی سایت ها دیده شده می نویست تبلیغات follow که با dofollow متفاوته و هزینه زیادی می گیرن … خوب زیاد از بحث خارج نشیم در اینده در این رابطه پست جداگانه ای قرار خواهیم داد.

استایل بخش تبلیغات متنی

نحوه ایجاد تبلیغات متنی خیلی ساده هست , شما با استفاده از ابزارک متن وردپرس به راحتی می تونید این بخش رو در سایتتون راه اندازی کنید البته برای قرار دادن تبلیغات متنی در ستون کناری سایت مثل سایت bigtheme این امکان رو در یکی از نسخه های قالب صحیفه اضافه کرده بودیم با قالب صحیفه کاملا سازگاری داره , خوب ابتدا کدهای زیر رو به فایل style.css قالب خودتون اضافه کنید.

/* text ads style (share in http://bigtheme.ir) */
.text-ads {
border: 1px solid #DEDEDE;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 9px 5px -4px rgba(0, 0, 0, 0.5);
margin-bottom: 20px;
}
.text-ads h2 {
background: url("images/wp-ads.jpg") no-repeat scroll left top transparent;
font-size: 1em;
height: 18px;
margin: 0 0 10px;
overflow: hidden;
padding: 0 0 8px;
text-indent: -999em;
}
.widget-container .text-ads li{
margin-top:-12px;
margin-bottom:0;
}
.widget-container .text-ads li {
background:none;
padding:5px;
line-height: 18px;
overflow: hidden;
}
.text-ads li a, .text-ads li a:link {
background: none repeat scroll 0 0 #EDEDED;
color: #000000;
display: block;
margin: 10px;
padding: 7px;
transition: all 0.3s ease-out 0s;
}
.text-ads li a:hover {
border-radius: 20px 0 20px 0;
color: #FFFFFF;
}
.text-ads li a.ads-blue:hover {
background: none repeat scroll 0 0 #00449B;
}
.text-ads li a.ads-red:hover {
background: none repeat scroll 0 0 #A40003;
}
.text-ads li a.ads-orange:hover {
background: none repeat scroll 0 0 #F38F00;
}
.text-ads li a.ads-green:hover {
background: none repeat scroll 0 0 #6E9000;
}
.text-ads li a:hover .ads-desc, .text-ads li a:hover .ads-name, .text-ads li a:hover .ads-address {
color: #FFFFFF !important;
}
.text-ads span {
display: block;
}
.text-ads .ads-name {
background: url("images/hand.png") no-repeat scroll right center transparent;
color: #555555 !important;
font: 13px 'Byekan',Tahoma !important;
padding-right: 25px;
text-transform: uppercase;
}
.text-ads .ads-desc {
color: #666666 !important;
font: 13px 'Byekan',Tahoma !important;
text-transform: uppercase;
}
.text-ads .ads-address {
color: #069D00 !important;
direction: ltr;
text-align: left;

}
.text-ads a:hover{
text-decoration:none;
}

کد بالا رو به آخر فایل استایل اضافه کنید توجه داشته باشید برای فونت ها فونت Byekan تعریف شده که می تونید به فونت دلخواه خودتون تغییر بدید یا اگر از همین فونت خوشتون میاد و برای قالب شما این فونت تعریف نشده می تونید فونت Byekan رو به قالب خود معرفی کنید [ آموزش افزودن فونت به قالب ] نکته بعدی در کد بالا آدرس دو تصویر هست اگر بخش تبلیغات متنی سایت ما رو نگاه کنید یک تصویر دست وجود داره و یکی هم عنوان تبلیغ که به انگلیسی نوشته شده ads by bigtheme برای این دو تصویر باید تصاویر مورد نظرتون رو در پوشه images قالب قرار بدید می تونید تصاویر بخش تبلیغات ما رو ذخیره کنید تصویر دست که خوبه انتقال بدید به پوشه images تصویر عنوان هم در همین سایز با نام سایت خودتون ایجاد کنید و با نام مشخص شده در استایل در پوشه images قرار بدید.

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

/* text ads html code (share in http://bigtheme.ir) */
<div>
<h2>ads by freewp</h2>
<ul>
<li><a rel="nofollow" target="_blank" href="http://www.freewordpress.ir/" original-title="تبلیغات متنی شما"> <span>سایت وردپرس</span> <span>دانلود قالب , افزونه و آموزش وردپرس</span> <span>www.bigtheme.ir</span> </a>
</li>

<li><a rel="nofollow" target="_blank" href="http://www.freewordpress.ir/" original-title="تبلیغات متنی شما"> <span>تبلیغات متنی شما</span> <span>تبلیغات هزینه نیست سرمایه است</span> <span>www.bigtheme.ir</span> </a></li>

<li><a rel="nofollow" target="_blank" href="http://www.freewordpress.ir/" original-title="تبلیغات متنی شما"> <span>تبلیغات متنی شما</span> <span>تبلیغات هزینه نیست سرمایه است</span> <span>www.bigtheme.ir</span> </a></li>

<li><a rel="nofollow" target="_blank" href="http://www.freewordpress.ir/" original-title="تبلیغات متنی شما"> <span>تبلیغات متنی شما</span> <span>تبلیغات هزینه نیست سرمایه است</span> <span>www.bigtheme.ir</span> </a></li>

<li><a rel="nofollow" target="_blank" href="http://www.bigtheme.ir/" original-title="تبلیغات متنی شما"> <span>تبلیغات متنی شما</span> <span>تبلیغات هزینه نیست سرمایه است</span> <span>www.freewordpress.ir</span> </a></li>

<li><a rel="nofollow" target="_blank" href="http://www.freewordpress.ir/" original-title="تبلیغات متنی شما"> <span>تبلیغات متنی شما</span> <span>تبلیغات هزینه نیست سرمایه است</span> <span>www.bigtheme.ir</span> </a></li>

<li><a rel="nofollow" target="_blank" href="http://www.freewordpress.ir/" original-title="تبلیغات متنی شما"> <span>تبلیغات متنی شما</span> <span>تبلیغات هزینه نیست سرمایه است</span> <span>www.bigtheme.ir</span> </a></li>

<li><a rel="nofollow" target="_blank" href="http://www.freewordpress.ir/" original-title="تبلیغات متنی شما"> <span>تبلیغات متنی شما</span> <span>تبلیغات هزینه نیست سرمایه است</span> <span>www.bigtheme.ir</span> </a></li>

<li><a rel="nofollow" target="_blank" href="http://www.freewordpress.ir/" original-title="تبلیغات متنی شما"> <span>تبلیغات متنی شما</span> <span>تبلیغات هزینه نیست سرمایه است</span> <span>www.bigtheme.ir</span> </a></li>

<li><a rel="nofollow" target="_blank" href="http://www.freewordpress.ir/advertise" original-title="همین الان سفارش تبلیغات خود را بدهید"> <span>تبلیغات شما</span> <span>تبلیغات هزینه نیست سرمایه است</span> <span>Tell : +98123456789</span> </a></li>
</ul>
</div>

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

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

باکس دانلود

20 دیدگاه

  1. سلام.
    این نرم افزاری که باهاش ویدئوی آموزشی قالب صحیفه رو ضبط کردی اسمش چیه؟

  2. سلام
    ممنون بابت این آموزش
    ولی من عیناً طبق آموزش شما پیش رفتم ولی نشد 🙁
    افزونه رو باید نصب کنم یا خیر؟

    • سلام
      شما که از قالب صحیفه استفاده می کنید البته نسخه قالبتون قدیمی هست , نسخه ای که ما قرار دادیم جدیدترینش هست و همچنین امکان تبلیغ متنی رو به قالب اضافه کردیم.

  3. الان من قالب رو چطور میتونم بروز کن؟!
    میشه راهنمایی کنید؟
    ممنون

  4. ممنون
    الان بروز میکنم
    یه سوال : من میخوام یه سری تغییرات به قالب بدم که میدونم کار یه برنامه نویسه نه من 🙂
    شما این کارو انجام میدید؟هزینشم بگید لطفاً

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

  6. هادی جان سلام
    در مورد توضیحاتی که در خصوص foloow ، dofollow و nofollow دادید می خواستم سوال کنم اگه تبلیغ بخاطر افزایش رنک گوگل باشه و نوع تبلیغ سفارش داده شده nofollow باشه ،آیا تاثیری داره ؟

    • سلام
      تبلیغ باید 100 درصد nofollow باشه , در سایت های زیادی نوشتن تبلیغات follow یا همون dofollow که هزینه بیشتری هم می گیرن , توجه داشته باشید اگر تبلیغ follow باشه از نظر گوگل یعنی خرید بک لینک اونم به صورت غیر طبیعی … از نظر گوگل در حال حاضر مشکل داره
      و آیا تاثیر داره nofollow – بیشتر افراد تبلیغات میدن بک لینک بگیرن برای رتبه و رنک و … اما منظور از تبلیغ اینه که ما محصول خود را در دید عموم قرار بدیم مثلا تبلیغات تلویزیون در پیام بازرگانی میاد محصول رو در دید عموم قرار میده.
      اگر من بخوام تبلیغ بدم محصولات و سایت خودم رو در سایت دیگه ای تبلیغ کنم نمیرم به سایت دانلود بگم بیا تبلیغ ما رو تو سایتت بزار باید در سایتی تبلیغم رو قرار بدم که به زمینه کاری سایت من مربوز بشه و این همیشه بازدهی خوبی خواهد داشت.
      شرمنده طولانی شد.

  7. ممنون
    عجب نفسی داری 😀
    این رو میگن جواب

  8. ایکاش همینو به صورت ی پلاگین کد نویسی میکردید

  9. شما تویکی از همین کامنت ها گفتید که تبلیغات متن رو اضافه کردید ورژن منم 4.2.2
    میشه بگید کجا باید بریم و این کارو کنیم

    • هادی قربانی

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

  10. سلام دوست عزیز
    من این کار رو روی یک سایت انجام دادم
    قالب موزیک هست
    ولی اصلا استایل رو بهش نمیده و فقط به صورت عبارت میاره تو سایت تبلیغات رو
    میتونید ببینید
    […]

پاسخ دهید

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

دنبال کردن