guest post page on blogger

How to Create Guest Post Page on Blogger

by

Subscribe our Channel

What is Guest Posting

Guest posting is the most popular way to Get Traffic into your Blogs. Many big Blogger is use in this way at a time.

It is Just Simple, many Websites are Provide Guest Posting Features. It’s work actually Web 2.0 features. Give a Some Request Section to most type of blogs, you can Submit Your Post and Admin is Review Your Post and they approve this and Successfully Show your Post.

DIFFERENT WAY TO GUEST POSTING

Guest Posting in Generally Two Types
1. FREE posting
2. PAID POSTING
If you integrating this Code to your Blogs, You have some benefits Like You can Creative Your Customisable HTML Guest Post Form, Anyone Submit Their Post to Your Blogs after approval.

BENEFITS

If You are Provide Guest Post Facility, both have benefits.
1.       You are collect many Content and who are Provide your Content, they have some traffics via to your blogs.
2.       Increase Your Domain Authority and Page Authority.
3.       No Tension to Serch your Related Content
4.       Huge Traffic to Your Blogs.
5.       A chance to High Your Alexa Ranking.

HOW TO ADD GUEST POST PAGE ON BLOGGERS

First Open Blogger Dashboard >> Select PAGES section >>  


 Create First Thank you Page and Published Then Create Guest Post page. But don’t Publish Guest Post pages.
Open This Guest Post Page.

 Then Next Tab You Click on >> THEMES Section and Click on >> EDIT HTML 
Then Open Your Theme’s HTML Section Press on >> CTRL+F
Copy This Code  ]]></b:skin> and Paste This Search bar and OK. Indicate the Highlihted are and Copy this code

 .form-style-6{
    font: initial;
    margin: 10px auto;
    padding: 16px;
    background: #F7F7F7;
}
.form-style-6 input[type=”text”],
.form-style-6 input[type=”date”],
.form-style-6 input[type=”datetime”],
.form-style-6 input[type=”email”],
.form-style-6 input[type=”number”],
.form-style-6 input[type=”search”],
.form-style-6 input[type=”time”],
.form-style-6 input[type=”url”],
.form-style-6 textarea,
.form-style-6 select
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
    margin-bottom: 4%;
    border: 1px solid #ccc;
    padding: 3%;
    color: #555;
    font: initial;
}
.form-style-6 input[type=”text”]:focus,
.form-style-6 input[type=”date”]:focus,
.form-style-6 input[type=”datetime”]:focus,
.form-style-6 input[type=”email”]:focus,
.form-style-6 input[type=”number”]:focus,
.form-style-6 input[type=”search”]:focus,
.form-style-6 input[type=”time”]:focus,
.form-style-6 input[type=”url”]:focus,
.form-style-6 textarea:focus,
.form-style-6 select:focus
{
    box-shadow: 0 0 5px #43D1AF;
    padding: 3%;
    border: 1px solid #43D1AF;
}
.form-style-6 input[type=”submit”],
.form-style-6 input[type=”button”]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 3%;
    background: #43D1AF;
    border-bottom: 2px solid #30C29E;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;   
    color: #fff;
}
.form-style-6 input[type=”submit”]:hover,
.form-style-6 input[type=”button”]:hover{
    background: #2EBC99;
} 

Then Paste just above this code add the below code. Then UPDATE your Themes and SAVE THEMES and Close this Tab.
 

CREATE YOUR GUEST POST FORM

Now Open the GUEST POST Page >> PAGES  Choose >> edit. Then Choose on >> HTML Section
 
 
 
Delete the Existing Codes and Copy the Code on Bellow.
 
<script src=”https://dl.dropboxusercontent.com/s/htbxax1y39i5oak/guests.js” type=”text/javascript”></script>
<script type=”text/javascript”>
     bkLib.onDomLoaded(function() {
          var myNicEditor = new nicEditor();
          myNicEditor.setPanel(‘myNicPanel’);
          myNicEditor.addInstance(‘wysiwyg’);
     });
</script>
<div class=”form-style-6″>
<form id=”contactform” method=”POST”>
<input name=”name” placeholder=”Your name” type=”text” />
<input name=”_replyto” placeholder=”Your email required” required=”” type=”email” />
<textarea name=”Details” placeholder=”This is an optional section. You can tell about yourself and post Your social links and site links here.” required=”” rows=”6″ style=”width: 50%;”></textarea>
<input name=”Post_title” placeholder=”Post Title (Required)” style=”width: 85%;” type=”text” />
<h3>
Write Post below</h3>
<div id=”myNicPanel” style=”width: 83%;”>
</div>
<textarea id=”wysiwyg” name=”message” rows=”20″ style=”background: white; overflow: scroll; width: 85%;”></textarea>
<input name=”tags” placeholder=”Enter your tags/label/category (optional)” style=”width: 85%;” type=”text” />
<input name=”_gotcha” style=”display: none;” type=”text” />
<input name=”_next” type=”hidden” value=”https://www.blogsguru.net/p/thank-you.html” />
<input type=”submit” value=”Post it for review” />
</form>
<b>

</b> <b>Please, Don’t post Spam!, Spams are excluded Automatically.</b></div>
<h2>
Guidelines for guest posting</h2>
<ol>
<li>Guideline no. 1</li>
<li>Guideline no. 2</li>
<li>Guideline no. 3</li>
</ol>
<script>
    var contactform =  document.getElementById(‘contactform’);
    contactform.setAttribute(‘action’, ‘//formspree.io/[email protected]‘);
</script>
 
Now Edit This HTML Codes. Press CTRL+F Now Type on >> thank-you >> highlight Area and Replace Your Thank You page Link.
Now Open Thank You page >> 
 
 
Then Replace Your Email address where write [email protected] . Replace Your Own Email address. Then Publish Your Page. Finish and Successfully Create Your Guest Post Page.


 For Any Problem Watch My Video Tutorial in Hindi

 

Thank You for Reading My Articles and Give The Rating.
 
 

8 thoughts on “How to Create Guest Post Page on Blogger”

Leave a Comment

Pin It on Pinterest

Share This