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

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

 

به این منظور ابتدا کد زیر را در 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>

حال این کد را بعد از تگ <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>

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

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

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

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

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