کد تبلیغات متنی زیبا برای وردپرس و وبلاگ (حرفه ای)

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

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

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

همانطور که می دانید امروزه بیش  ۹۰ درصد کسب و کارها برای افزایش بازدهی کسب و کار خود و همچنین افزایش فروش از تبلیغات استفاده می کنند، این تبلیغات می‌تواند از نوع متنی و یا از نوع بنری و … باشد.در نتیجه این کارمی تواند در فروش محصولات و رونق کسب و کار تاثیر به سزایی داشته باشد، تبلیغات متنی همانطور که از نامش پیداست به صورت متن  به به همراه لینک فرود می باشد برای مثال قالب وردپرس لینک خواهد شد به آدرس دسته مربوطه وینزا.

نکته:  شما کاربران عزیز اگر از وبلاگ  استفاده می کنید و قصد درج تبلیغات متنی در وبلاگ را دارید حال می تواند بلاگفا باشد یا رزبلاگ ، رزبلاگ ، پرشین بلاگ ، لوکس بلاگ و غیره … این کد به شما کمک خواهد کرد تا بتوانید به راحتی این امکان و قابلیت را به وبلاگ خود اضافه و به تبلیغات بپردازید.

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

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

کاربرانی که قصد استفاده از این کد تبلیغات متنی وردپرس را دارند می بایست از کد زیر استفاده و طبق آموزش ما این امکان را به سایت خود اضافه کنند.

برای اضافه کردن کد تبلیغات متنی در وردپرس ابتدا کد زیر را داخل فایل style.css پوسته وردپرس خود وارد کنید.

/* 
file name: text ads style
site : https://winza.ir/
 */
.script-text-ads3{
	font:12px B Yekan,'B Yekan',tahoma;
	text-shadow:1px 1px 0 rgba(255,255,255,0.4);
	text-decoration:none ;
	white-space:nowrap;
	display:inline-block;
	vertical-align:baseline;
	position:relative;
	cursor:pointer;
	padding:10px 20px;
	background-repeat:no-repeat;
	background-position:bottom left;
	background-image:url('button_bg.png');
	background-position:bottom left, top right, 0 0, 0 0;
	background-clip:border-box;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-box-shadow:0 0 1px #fff inset;
	-webkit-box-shadow:0 0 1px #fff inset;
	box-shadow:0 0 1px #fff inset;
	-webkit-transition:background-position 1s;
	-moz-transition:background-position 1s;
	transition:background-position 1s;
}
.script-text-ads3:hover{
	background-position:top left;
	background-position:top left, bottom right, 0 0, 0 0;
}
.script-text-ads3:active{
	bottom:-1px;
}
.script-text-ads3.rounded{
	-moz-border-radius:4em;
	-webkit-border-radius:4em;
	border-radius:4em;
}
/***** blue*****/
.blue.script-text-ads3{
	color:#0f4b6d ;
	border:1px solid #84acc3 ;
	background-color: #48b5f2;
	background-image:	url('button_bg.png'), url('button_bg.png'),
						-moz-radial-gradient(	center bottom, circle,
												rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
						-moz-linear-gradient(#4fbbf7, #3faeeb);
	background-image:	url('button_bg.png'), url('button_bg.png'),
						-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
											from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
						-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
}
.blue.script-text-ads3:hover{
	background-color:#63c7fe;
	
	background-image:	url('button_bg.png'), url('button_bg.png'),
						-moz-radial-gradient(	center bottom, circle,
												rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
						-moz-linear-gradient(#63c7fe, #58bef7);
						
	background-image:	url('button_bg.png'), url('button_bg.png'),
						-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
											from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
						-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}
/***** green *****/
.green.script-text-ads3{
	color:#345903 ;
	border:1px solid #96a37b ;	
	background-color: #79be1e;
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317));
}

.green.script-text-ads3:hover{
	background-color:#89d228;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e));
}
/***** Orange *****/
.orange.script-text-ads3{
	color:#693e0a ;
	border:1px solid #bea280 ;	
	background-color: #e38d27;
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1982f), to(#d4821f));
}
.orange.script-text-ads3:hover{
	background-color:#ec9732;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a746), to(#e18f2b));
}
/***** gray *****/
.gray.script-text-ads3{
	color:#525252 ;
	border:1px solid #a5a5a5 ;	
	background-color: #a9adb1;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}
.gray.script-text-ads3:hover{
	background-color:#b6bbc0;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}

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

<center>
<!--- blue --->
<a target="_blank" href="#" class="script-text-ads3 big blue">تبلیغات متنی شما اینجا</a><br>
<!--- green --->
<a target="_blank" href="#" class="script-text-ads3 big green">تبلیغات متنی شما اینجا</a><br>
<!--- Orange --->
<a target="_blank" href="#" class="script-text-ads3 big orange">تبلیغات متنی شما اینجا</a><br>
<!--- gray --->
<a target="_blank" href="#" class="script-text-ads3 big gray">تبلیغات متنی شما اینجا</a><br>
</center>

کد تبلیغات متنی وبلاگ

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

توجه: از آنجایی که قالب وبلاگ ها به صورت html طراحی شده فایل style.css ندارند بر همین اساس جهت وارد کردن استایل این تبلیغات متنی حرفه ای باید طبق آموزش زیر عمل کنید.

ابتدا کد زیر را بین روتک  <head></head> قالب وبلاگ خود قرار دهید.

<link rel="stylesheet" type="text/css" href="https://dl.winza.ir/free/plugins/97/text-ads-style.css" />

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

<center>
<!--- blue --->
<a target="_blank" href="#" class="script-text-ads3 big blue">تبلیغات متنی شما اینجا</a><br>
<!--- green --->
<a target="_blank" href="#" class="script-text-ads3 big green">تبلیغات متنی شما اینجا</a><br>
<!--- Orange --->
<a target="_blank" href="#" class="script-text-ads3 big orange">تبلیغات متنی شما اینجا</a><br>
<!--- gray --->
<a target="_blank" href="#" class="script-text-ads3 big gray">تبلیغات متنی شما اینجا</a><br>
</center>

نتیجه کار:

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

در این رابطه بخوانید:

افزونه تبلیغات متنی وردپرس

منبع: وینزا