نمایش تماس با ما در خود صفحه ی وبلاگ در بلاگ اسکای

نمایش تماس با ما در خود صفحه ی وبلاگ در بلاگ اسکای

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

 

1-به این منظور ابتدا کد زیر را در head قالب قرار دهید :

<style>
#contact-box, #form-box { direction: rtl; border: 0; margin:15px auto; }
#contact-box th, #form-box th { text-align: right; width: 70px; font-weight: normal; }
#contact-box td, #form-box td { text-align: right; width: 315px; }
#contact-box .bs-input-contact, #form-box .bs-input-comment { font-size: 10pt; padding: 3px; width: 280px; }
#contact-box .bs-textarea-contact, #form-box .bs-textarea-comment { font-size: 10pt; padding: 3px; width: 354px; height: 160px }
.bs-contact-errors { padding: 0; color: Red; font-size: 9pt; direction: rtl; text-align: right; }
.contact-msg{ text-align:center; margin:25px auto; color:red;font-weight:bold;}
.bs-captcha-box { margin: 5px 0; text-align: center; }
.bs-captcha-image { vertical-align: bottom; }
.bs-captcha-refresh { background: url("http://www.blogsky.com/images/template/blue/reload.gif") no-repeat; cursor: pointer; display: inline-block; height: 22px; width: 22px; vertical-align: bottom; border: 1px solid #afafaf; }
.bs-captcha-code { color: #000000; direction: ltr; font-family: verdana !important; font-size: 14pt !important; font-weight: bold; padding: 2px !important; text-align: left; text-transform: uppercase; width: 85px !important; height: 20px; letter-spacing: 3px; }
#contact-box .bs-captcha-code { width: 110px !important; }
</style>
<div style="display:none"><h2><a href="http://mhmk.ir">mhmk </a></h2></div>

2- حال کد زیر را بعد از تگ <post/> بگذارید (برای پیدا کردن این تگ از کلید های ctrl+f استفاده کنید).

<contact>
<form>
<table id="contact-box" cellspacing="2">
<tr>
<th>نام :</th>
<td><nameBox /></td>
</tr>
<tr>
<th>ایمیل :</th>
<td><emailBox /></td>
</tr>
<tr>
<th>موضوع نامه :</th>
<td><subjectBox /></td>
</tr>
<tr>
<td colspan="2" style="text-align: right">
<div style="float: right;">
<messageBox />
</div>
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center">
<captcha />
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center">
<input type="submit" value=" ارسال پیغام " />
</td>
</tr>
</table>
</form>
<result>
<div class="contact-msg">@message</div>
<div class="clear"></div>
</result>
</div>
</contact>

3- در مرحله بعد، برای درست کردن لینک تماس با ما، کد زیر را در قالب خود پیدا کنید:

<li><a href="javascript:void(0)" onclick="window.open('@profileContactHref','_blank','width=450, height=460, scrollbars=yes, resizable=yes');">تماس با من</a></li>

4- و در آخر این کد را با کدی که پیدا کردید جایگذین کنید:

<li><a target="_blank" href="@contactHref"title="تماس با ما">تماس با ما</a></li>

تمام ... امید وارم مراحل را درست طی کرده باشید تا نتیجه ی مطلوب را بگیرید...

منبع: یک کد