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


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

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

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

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

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

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

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

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

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

/* 
file name: text ads style
site : 
 */
.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 ندارند، بنابراین برای سبک دادن به این تبلیغات متنی حرفه ای، باید دستورالعمل های زیر را دنبال کنید.

ابتدا کد زیر را بین روتک قرار دهید یک قالب برای وبلاگ خود تنظیم کنید.

<link rel="stylesheet" type="text/css" href=" />

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

<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>

نتیجه:

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

در این لینک بخوانید:

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

منبع: وینزا

دیدگاهتان را بنویسید