How to Set Up a Guest Post on Blogger

blogger   6 comments  

Guest Posting is very famous among bloggers. Most of them use guest posting system because it's easy to get more web traffic. but this feature valid only paid blog sites. So We thought we need to find an answer to this horrible thing. Finally, We Found an Answer to get free guest posting system to google blogger platform.to make this System You need a page in blogger. ok, let's see what happen here. first, we create a few text boxes and one button. We use that TextBoxes to fill article details like post title, post tags,....... The button helps to send that Post details to your Gmail.

 First You Need to Create a Page 

 1) Go to Blogger Dashboard  and select Page > New page

2) Click Html button on the left side corner .

3) you can give a name to your guest post page.! in my case  "Guest Post" is my page name.

4) Past Below Code into HTML  page like the above image.

  

<script src="https://dl.dropboxusercontent.com/s/htbxax1y39i5oak/guests.js" type="text/javascript"></script>

Send your Article to Us&nbsp; we will Publish your article !!

<script type="text/javascript">

     bkLib.onDomLoaded(function() {

          var myNicEditor = new nicEditor();

          myNicEditor.setPanel('myNicPanel');

          myNicEditor.addInstance('wysiwyg');

     });

</script>

<div class="form-style-6">

<form action="//formspree.io/conount@gmail.com" 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: 90%;">

</div>

<textarea id="wysiwyg" name="message" rows="20" style="background: white; overflow: scroll; width: 90%;"></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://conount.blogspot.com/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&nbsp;</h2>

<ol>

<li>150 words Minimum</li>

<li>We Publish&nbsp; Unique Articles&nbsp; Only</li>

</ol>

<script>

    var contactform =  document.getElementById('contactform');

    contactform.setAttribute('action', '//formspree.io/conount@gmail.com');

</script>

Now replace conount@gmail.com to your Gmail

5) Now press the Publish Button

6) goto theme > edit Html >find this code ]]></b:skin> 

7) Past Below code above the  ]]></b:skin>  

  

.form-style-6{

    font:initial;

    margin:10px auto;

    padding:16px;

    background:#ffffff;

}

.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 #ff9900;

    padding:3%;

    border:1px solid #ff9900;

}

.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:#ff9900;

    border-bottom:2px solid #ff9900;

    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:#696d6c;

}

8) Click Save Button  

  That's All After complete this you can check your guest page