صفحه تماس با ما در بلاگ اسکای

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

 آموزش :

1- ابتدا کدهای زیر رو که مربوط به بلاک تماس با ما میشه رو در جایی از قالب وبلاگتون قرار بدید. پیشنهاد میشه بعد از تگ </many></post> قرار بدید.به اینصورت : 

<post>

<many>

...

</many>

</post>

(کدهای بلاک تماس با ما)

...

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

2- حالا کدهای مربوط به استایل یا css این فرم که در زیر مشاهده می کنید در بین تگ های استایل <style></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;}

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

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

حالا کد یافته شده را حذف کرده و قطعه کد زیر رو جایگزین کنید :

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

اگر از قالب های همیار بلاگ اسکای استفاده میکنید احتیاجی به انجام مراحل بالا ندارید، زیرا قالب های همیار با امکانات جدید بلاگ اسکای بروزرسانی شده اند.