Responsive Ad Slot

How to add guest post widget on blogger website ?

Saturday, January 29, 2022

/ by Admin

How to Create Guest Post Page on Blogger ?

We see different websites at different times have guest posting system. Let's find out first

What is a guest post ?

Guest posting is basically the process of publishing other people's articles on your website. That is, someone

If you want, you can write articles, blogs, news, etc. for your website. Let's find out

What are the benefits of guest post?

Guest post facility

There are many benefits to guest posting. However, the main advantages are:

    Lots of backlinks available.

    Articles are available for free on the web site. As a result, the hassle of writing your own article is reduced.

    As the number of articles increases, the income also increases. Etc.

We see this guest posting system on various websites. Many of us want guest posts on Blogger

To add. But I can't add guest posts because Blogger doesn't have this system by default.

So let's find out how to add guests to the Blogger web site.

👉 First we need to go to Blogger's dashboard.

👉 Now if you click on Theme, we will see the Customize option next to it, by clicking next to it

We need to click on Edit HTML.

👉 Now search by pressing Ctrl + F]]> </ b: skin>

Once you get the above text, save the theme by pasting the following code with space on it.

Copy the 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; }

Come back to Blogger's dashboard. Click here on New Page to get us new

Need to create a page. Name the page Guest Post or anything else.

Now convert the text part of the following article into HTML View and paste the following code.

Copy the code
<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="#" />
<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/youremail@gmail.com');
</script>
Now cut the youremail part at the bottom of the code and publish the page with your mail there.

 Now view the page. You will see that the article writing form has arrived. Others come here for you

 Write and submit the article for. And that article will go in your mail. You copy it later

Publish on your site.

You have to do a little more work here. Once you have filled out the guest post form

Post IT For Review.

Write your name, mail, your contact, article name, some article demos, categories in the frame

 Click on Post IT For Review.

Note: You must use all demos in this frame. Just to post.

👉 After clicking on Post IT For Review, the page of formspree in front of you goes to the seat. Here

 You need to login.

👉 Now click on Register For An Account.

👉 With your First Name, Last Name, Email, Password by ticking the following two options

Click Register.

👉 Now login to your Gmail and enter the Mail from Formspree to Verify Mail

Click.

E Email Verified text will appear in front of you. Below this you will see Create Froms Here

 It is written. Here you have to click here.

👉 This will bring you to the page to create the form. Here you have to click on + New From

 Will be Now here you have to click on Create From with your name, project name, mail.

 Or by default you have to fill in and click on Create From. Massage in front of you

From Create Successfuly.

👉 Now you will see below From Your's Endpoint Is there is a link below it is your copy

Have to.

👉 Now go back to your Guest Post page and cut out part of your mail from formspree and copy

 Paste the link and republish the page.


You're done. Now you can use the link of guest post page in any menu

You can turn on the guest post option on your Blogger website. Anyone who comes to the guest post page

If you want, you can write and submit an article for your site. You have that article in your mail

Will get Later you can copy it and publish it on your site.


No comments

Post a Comment

Leave with comments

Don't Miss
© all rights reserved
made with by templateszoo