18.02.2016.

Kako napraviti kontakt stranicu na Bloggeru

Kako napraviti kontakt stranicu na Bloggeru


Imati na svom blogu kontakt stranicu je od velikog znacaja. Kontakt stranica sluzi kao jednostavan nacin da posetioci vaseg bloga, razne kompanije, mogu da stupe u kontakt sa vama i to je nesto sto svaki blog/sajt treba da ima.Blogger nudi besplatan obrazac za kontakt, ali kao gadzet koji se stavlja na bocnu traku i to ne izgleda bas lepo. Nije bas idealno mesto za kontakt obrazac, ako mene pitate ! Treba da se nalazi na posebnoj stranici, a ja cu vam to u ovom postu objasniti detaljno korak po korak.

kako-napraviti-kontakt-stranicu-na-Bloggeru

1. Uklonite vas postojeci kontakt obrazac. Mozete to uciniti tako sto cete otici na opciju "Izgled" i pronaci gadzet "Kontakt obrazac".

kako-napraviti-kontakt-stranicu-na-Bloggeru


2. Sada je potrebno da prekopirate ID vaseg bloga. ID cete naci na kontrolnoj tabli bloga u traci za URL vaseg pretrazivaca. Ovaj blogID je potreban za generisanje koda za vasu kontakt stranicu. Pogledajte sliku.

kako-napraviti-kontakt-stranicu-na-Bloggeru


3. Sada je potrebno da napravite stranicu na vasem blogu. Pogledajte sliku.

kako-napraviti-kontakt-stranicu-na-Bloggeru

4. Sada kopirajte sledeci kod na vasu stranicu i zamenite obelezeno mesto sa vasim ID-om ('1880634099285222879').



<script>
var blogId = '1880634099285222879';//this number should be mandatorily edited.
//The below message 5 Strings can also be edited
var contactFormMessageSendingMsg ='Sending...';
var contactFormMessageSentMsg = 'Your message has been sent.';
var contactFormMessageNotSentMsg = 'Message could not be sent. Please try again later.';
var contactFormEmptyMessageMsg ='Message field cannot be empty.';
var contactFormInvalidEmailMsg = 'A valid email is required.'

var widgetLoaded=false;
function sendEmailMsg() {
if(widgetLoaded== false) {
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
widgetLoaded=true;
document.getElementById('ContactForm1_contact-form-submit').click();
}
return true;
}
</script>
<form name='contact-form'>
<div>Your Name : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>Your Email: <em>(required)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>Your Message: <em>(required)</em></div>
<textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send' onclick="sendEmailMsg()"/>
<div style='text-align: center; max-width: 450px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>

5. Prilikom kreiranja stranice, potrebno je da promenite u HTML rezim kao sto je prikazano na slici. Zatim kod koji se nalazi iznad nalepite. Nakon toga onemogucite komentare za tu stranicu i objavite je. 

kako-napraviti-kontakt-stranicu-na-Bloggeru



To je to !

0 komentara:

Постави коментар