How to add the contact form to Blogger

How to add the contact form to Blogger

How to add the contact form to Blogger

Login to your Blogger Dashboard and Navigate to the Layout Page
Click on the Add a Gadget Link and select More from the left Menu. You can add the add the brand new contact form the right side list

You can set an appropriate title for the Gadget and Save it.


Once it’s done, you should see the slick and clean Contact Form widget added to your blog’s sidebar.The contact form has the below input fields

1. Name – Name of the reader who is sending you a message
2. Email – Email address of the reader who is sending you a message
3. Message – The message which the reader wants to send to you.
4. Below is the screenshot of the Contact Form Widget added to one of my test blogs.
   
   The Contact form has validations in place and error messages will be displayed in case the user misses out the email address or message. Though the form doesn’t have any captcha validation,it is less likely to be attacked by spam bots as the send button is triggered by JavaScript.

When the reader sends you a message via the contact form, you will receive it straight in your inbox. Copies of this message will be sent to each admin user of the blog. Below screenshot will give you an idea of how the message will look like.
You can directly reply back to to the sender from you email. If you want to move the Contact Form to a separate page, then checkout the tutorial on creating a separate contact page for blogger.
You can change the look and feel of the contact form by altering the CSS styles. We will try to publish another tutorial which will help you in customizing the contact form. You can see a slightly customized version of the contact form widget on our Contact Page.

How to take your Blogger Contact Form to a separate Page

How to take your Blogger Contact Form to a separate Page

Blogger Contact Form to a separate Page

Follow the below steps to move the Contact Form to a separate page. If you would like to see a demo, you can check out my Contact page.

1. First, add the contact form to your blog sidebar and test it. Make sure that you are receiving emails in your inbox when you click the send button.(This is an optional step)
2. Now remove the Contact Form gadget from your sidebar. You can do that on the layout page.
   
3. Now find out the unique blogID of your blog. When can find this blogID on the URL bar of your browser when you are on any page on your blog’s dashboard. This blogID is required to generate the code for the new Contact Form page. The below screenshot explains how you can find out the blogId. Find this number and note it down. This number will be needed to generate code for the contact form.
   
4. Now create a new page in your blog
   Copy and edit the below code snippet. Editing the blogId number is mandatory(Use the number which you noted down in step 2)
   

   <script>
   var blogId = '8694494030520005341';//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>

   While creating the Page, you have to switch to the HTML mode as shown in the image below. Then paste the above code into the post editor(after proper editing), disable the comments and publish your page.
   
5. Once the page is published, go to this new page fill out the contact form, click on the send button and verify that it sends out the email to all the Blog admins.
   

Jehovah By Makuo Israel

Jehovah By Makuo Israel

Verse 1:
How can I describe you
Situations bow below you
The works of your hands amaze me
Darkness gives way before you
The sun, moon, and stars
The hills, sea, and mountains
Show forth your splendor
The leaves of the tree
Applaud your greatness
The bird of the air
Declare
Chorus:
You are the one who was and is to come
Alpha and Omega
You are Jehovah, You are Jehovah
You are the one who was and is to come
Alpha and Omega
You are Jehovah, You are Jehovah
Repeat Verse 1
Repeat Chorus
oh oh oh
No one else like you
oh oh oh
None can do the things you do
oh oh oh
No one else like you
You are Jehovah, Jehovah
oh oh oh
You make the blind the see
oh oh oh
You make the lame to walk
oh oh oh
No one else like you
You are Jehovah, Jehovah
You are
oh oh oh
The are the one who was and is to come
You make the blind the see
You make the lame to walk
Who is like you o Lord
oh oh oh

Ezem By Enkay

Ezem By Enkay

Ezem (3x) na di ndu (My king is everlasting)
Onye nwe anyi ezitewo ndi muozi ya ka biakutem (For he has given his angels charge over me)
Onodu’m n’emetuya n’obi (Because everything that concerns me touches his heart)
Ezem (3x) na di ndu (My king is everlasting)
Adilips in chorus
Oji oku eri aja ( He that consumes sacrifices with fire)
Oku n’erere (Consuming fire)
Oku n’aza ekpere (The God that answers by fire)
Agiga na to agbu (He that sets the captives free)
Captain of the host of heaven
My shield and buckler
Enwerem enyi (I have a friend)
Nke na egbo nkpam nile (That meets all my my needs)
Ulo’m di anya karia kpakoando (whose home is beyond the moon and stars)
Mara na nka bu oke ihe omere ( Everything he has done for me)
Nke m ji na eti Halleluyah (makes me shout Hallelujah)
Adlips in last Chorus

King of kings
Lion of the tribe of Judah
You are seated in heaven and earth is your footstool
I bow before your throne
I worship at your feet
Eze
Ogbajiri igwe kpo ya nku (He that breaks iron like wood)
Akpoaza mee (My prayer answering God)
You are worthy Jesus
Ezem na adi ndu (My everlasting King).

To Thee We Come By Funmi Sax Olujoshua

To Thee We Come By Funmi Sax Olujoshua

To thee we come
Great jehovah
Our awesome God we praise you name
May every soul that worships now
Be blessed beyond comprehension
Chorus
Our awesome God
Ancient of Days
Arise now Lord receive your praise
May every tongue that worships you
Return to give testimony

We Bring The Sacrifice Of Praise lyrics by Kirk Dearman

We Bring The Sacrifice Of Praise lyrics by Kirk Dearman

 We bring the sacrifice of praise
Into the house of the Lord.
We bring the sacrifice of praise
Into the house of the Lord.
And we offer up to You
The sacrifices of thanksgiving;
And we offer up to You
The sacrifices of joy.

How I Move/Mobilize/Changed my Wordpress Site To A New Domain

How I Move/Mobilize/Changed my Wordpress Site To A New Domain

if you are moving WordPress site to new domain ( from www.oldsite.com to www.newsite.com) and to another host (eg from domainking.ng to garanntor.ng), this tutorial will help you provided you've used softaculous to back up the site files and database.

First thing you have to do is to ensure that you create a new cPanel account on the new host with the same username used for the cPanel account on the old host. You can do this easily via WHM if you are subscribed to reseller web hosting. Else, you can send the username to your host and insist they use it when setting up your account.

Thereafter, sign in to your cPanel, navigate to "File Manager" and create a softaculous backup directory.

Next step is to upload the softaculous backup file you downloaded from your old host to the newly created softaculous folder/directory.

Once the upload completes, navigate to "Softaculous apps installer" section in cPanel and click on "WordPress".

Click on the "backups and restore" icon.  You should see the upload softaculous back up file right there.

Select both options

Click "restore installation" and chill till the process completes.

Once completed, go back to your cPanel, navigate to "databases" section and click on "PhpMyAdmin" icon.

Once in phpMyAdmin, click on the site WordPress database and click on the table "wp_options". Find the options siteurl and home and change their values to the new domain name.

That's all.

Sign in to the WordPress admin area to ensure everything is OK.  Also check your theme settings and update settings (eg logo URL) that contain the old URL.