بلاگر میں ہم سے رابطہ کریں صفحہ کا صفحہ کیسے شامل کریں:

اگر آپ کے بلاگر میں ایک بلاگ ہے تو آپ کو اپنے رابطے کو آپ کے ساتھ بات چیت کرنے کا موقع دینا ہم سے رابطہ کریں. بلاگر کے ڈیفالٹ ویجٹ میں بلاگر ان کے اپنا رابطہ فارم ویجیٹ دستیاب ہے. لیکن یہ اس کا استعمال کرنے کے لئے اچھی لگتی یا کشش نہیں ہے. تو آج ہم سیکھیں گے کہ کس طرح بلاگر کے لئے اپنی مرضی کے مطابق رابطہ فارم تشکیل دیں.

بلاگر میں ہم سے رابطہ کریں صفحہ کیسے شامل کریں

مرحلہ نمبر 1:

سب سے پہلے، آپ کو اپنے بلاگ پر بلاگر رابطہ فارم ویجیٹ شامل کرنا ہوگا. یہ رابطہ فارم کی فعالیت کو چالو کرے گا. تو کیا کرنا ہے؟اپنے Blogger ڈیش بورڈ / جائزہ پر جائیں.

مینو سے لے آو ¿ٹ لے آو ¿ٹ سیکشن.

سائڈبار پر ایک گیجٹ شامل کریں پر کلک کریں.

-ایک پاپ اپ دکھائیں گے اور مزید گیجٹ پر کلک کریں گے.

- رابطہ فارم گیجٹ پر بلیو پلس بٹن پر کلک کریں اور پھر محفوظ کریں.

اب آپ نے اپنے بلاگ پر بلاگر رابطہ فارم ویجیٹ کو کامیابی سے شامل کیا ہے. اگلا بات اس ڈیفالٹ بلاگر رابطے ویجیٹ کو چھپانے کے لئے ہے اور یہ ایک مستحکم رابطہ صفحے کے صفحے میں مزید سجیلا رابطہ فارم بنانا ہے.

مرحلہ 2:

ڈیفالٹ بلاگر رابطہ فارم چھپانے کے لئے آپ کو ان مراحل پر عمل کرنا ہوگا.

سانچہ مینو پر کلک کریں اور ایچ ٹی ایم ایل میں ترمیم کریں.

- اب HTML علاقے پر ٹیپ کریں اور کی بورڈ پر+F Ctrl بٹن پر دبائیں.

- تلاش کے باکس ظاہر ہوتا ہے، یہاں آپ کو کوڈ لکھناہے:]]></b:skin>

اب صرف چھوٹے سی ایس ایس کوڈ کو اس سے اوپر پیسٹ کریں

اپنے سانچے کو محفوظ کریں اور آپ کر رہے ہیں.

کوڈ:(دیکھیں کوڈنمبر ۱۔)

div#ContactForm1 {
display: none !important;
}

div#ContactForm1{

display: none !important;

}

اپنے بلاگ کو دوبارہ لوڈ کریں اور آپ کو ڈیفالٹ رابطہ ویجیٹ غائب ہو جائے گا دیکھیں گے.

مرحلہ 3:

میں نے اپنی مرضی کے بلاگر رابطہ فارم میں کچھ فونٹ بہت اچھے شبیہیں کا استعمال کیا ہے. لہذا آپ کو آپ کے بلاگ میں اس سٹائل شیٹ ڈالنا ہوگا. اس کے لئے،

HTML میں ِ<head>ٹیگ کو تلاش کریںاس کے نیچے کوڈ کاپی کریں .

سانچہ محفوظ کرنے والے بٹن پر کلک کریں

کوڈ۔(دیکھیں کوڈنمبر ۲۔)

مرحلہ 4:

اب آخر میں آپ بلاگر کے لئے جامد ہم سے رابطہ صفحے بن سکتے ہیں. ایسا کرنے کے لئے، ہمیں اپنے بلاگ پر ہمارا رابطہ بنانا ہوگا.

- صفحات کے حصے پر جائیں اور نیا صفحہ بٹن پر کلک کریں.

- ہم سے رابطہ کریں / رابطے کے ساتھ پیج عنوان کو بھریں اور HTML ٹیب پر کلک کریں.

اب مندرجہ ذیل کوڈ کاپی کریں اور اس صفحے کے HTML موڈ میں چسپاں کریں.

کوڈ(دیکھیں کوڈنمبر۳۔)

<form name="contact-form"><span><i class="fa fa-pencil-square-o"></i> Name </span><br /> <input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /> <br /> <br /> <span><i class="fa fa-envelope-o"></i> Email Address <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span></span> <br /> <input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /> <br /> <br /> <span><i class="fa fa-keyboard-o"></i> Content <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span></span><br /> <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> <br /> <input id="ContactForm1_contact-form-submit" type="button" value="Send" /> <br /> <div style="max-width: 222px; text-align: center; width: 100%;"><div id="ContactForm1_contact-form-error-message"></div><div id="ContactForm1_contact-form-success-message"></div></div></form><br /><style scoped="" type="text/css"> #comments,.post_meta,#blog-pager {display:none;} #ContactForm1_contact-form-name, #ContactForm1_contact-form-email{ height:auto;margin:5px auto;padding:10px;background:#fafafa;color:#444;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s ease-out;} #ContactForm1_contact-form-email-message{width:95%;height:175px;margin:5px 0;padding:10px;background:#fafafa;color:#444;font-family:'Open Sans',sans-serif;border:1px solid #ccc;border-radius:3px;transition:all 0.5s ease-out;} #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);} #ContactForm1_contact-form-submit{font-family:'Open Sans';float:left;background:#cf4d35;color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;border:0;transition:all .8s ease} #ContactForm1_contact-form-submit:hover {background:#e45a40;color:#fff;} #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width:100%;margin-top:35px;} .contact-form-error-message-with-border {background:#f6f6f6;border:none;box-shadow:none;color:#444;padding:5px 0;} .contact-form-success-message {background:#4fc3f7;border:none;box-shadow:none;color:#fff;} img.contact-form-cross {line-height:40px;margin-left:5px;} @media only screen and (max-width:640px){ #ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;}} </style>

اب اختیارات پر جائیں. قارئین کے تبصرے منتخب کریں، اجازت نہ دیں، موجودہ چھپا دیں. کیا بٹن پر کلک کریں.

Pak Point

بلاگر میں ہم سے رابطہ کریں صفحہ کا صفحہ کیسے شامل کریں: