Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Sunday, 18 November 2018

Have you ever seen an advertise with us page on a popular blog?

What have you seen there in the advertise with us page?

According to me, you should have seen some statistics of the blog and a contact us widget. If an advertiser visits the advertise with us page, he/she will use the contact form to contact the blogger.

Add-contact-us-page-in-blogger


One of your visitors faced an issue with your blog like:

The tutorial you said isn't working, Your website is loading slowly, He is facing problems with the pop-ups. So the visitor needs your email to contact you. For this purpose, we should add a contact us page in Blogger blog.


How to Add Contact Form (Contact Us Page) In Blogger


This tutorial includes three steps. But don't worry, it isn't hard, all you need to do is follow each and every step carefully and you can easily set up a contact us page in your Blogger blog.

1. Adding the contact form to the sidebar


To add the contact form to your pages like " contact us ", " advertise with us ", we need to add the contact form to the sidebar and later move it to the page we need.

1. Go to Blogger.com and click on the layout of your desired blog.

add-contact-form


2. On the sidebar, Click on Add a gadget.

Add-contact-us-page-in-blogger


3. Scroll down and click on 'Contact Form'.

Add-contact-us-page-in-blogger


4. Click on save.

Hoorah, you have successfully added a Contract form to the sidebar of your blog and this is the time to move it away from the sidebar.


2. Hiding the contact form

With Blogger, we don't have any option to move widgets from the sidebar to Pages.

In WordPress, there are many plugins like Contact form 7, which gives you shortcodes and you can paste the shortcode anywhere in your blog and the contact form appears.

So, We will hide the contact form from the sidebar and move it away into Pages.

1. Go to Blogger.com and click on the template.



2. Click on Edit HTML.

3. Search for ]]</b:skin>

4. Just above the ]]</b:skin>, paste the below code :

div#ContactForm1 {
display: none !important; }

The code is written on CSS and it will tell Blogger not to display the widget named ( Contact form ). As we have already added the contact form in the step-1, it would be automatically hidden.



3. Add contact us page in Blogger

Now, We will add the contact form to blogger pages.

1. Go to blogger.com and click on pages and click on Add new

2. Give the page a title like Contact Us or me

3. Click on HTML of page editor, Paste the below code in the content box.

<div id="custom_ContactForm1"
class="widget ContactForm">
<div class="contact-form-widget
<p>Get in touch with us by fillin
out the form below.</p>
<div class="form">
<form name="contact-form">
<p></p>
Name
<br>
<input type="text" value="" size=
name="name"
id="ContactForm1_contact-form-
name" class="contact-form-name
<p></p>
Email
<span style="font-weight:
bolder;">*</span>
<br>
<input type="text" value="" size=
name="email"
id="ContactForm1_contact-form-
email" class="contact-form-email
<p></p>
Message
<span style="font-weight:
bolder;">*</span>
<br>
<textarea rows="5" name="email
message" id="ContactForm1_con
form-email-message" cols="25"
class="contact-form-email-
message"></textarea>
<p></p>
<input type="button" value="Sen
id="ContactForm1_contact-form-
submit" class="contact-form-butt
contact-form-button-submit">
<p></p>
<div style="text-align: center; m
width: 222px; width: 100%">
<p id="ContactForm1_contact-for
error-message" class="contact-f
error-message"></p>
<p id="ContactForm1_contact-for
success-message" class="contac
form-success-message"></p>
</div>
</form>
</div>
</div>
<div class="clear"></div>
<span class="widget-item-contro
<span class="item-control blog-
admin">
<a title="Edit"
target="configContactForm1"
onclick="return
_WidgetManager._PopupConfig
(document.getElementById
("ContactForm1"));" href="//
www.blogger.com/rearrange?
blogID=8799058979810298021&wi
ContactForm&widgetId=ContactF
action=editWidget&sectionId=sid
right-1" class="quickedit">
<img width="18" height="18" src
img1.blogblog.com/img/
icon18_wrench_allbkg.png" alt=""
</a>
</span>
</span>
<div class="clear"></div>
</div>

Important: This code is not written by me. The code credits go to Ankit Singla from Bloggertipstricks.com.

Advantages of this Contact form

No fear of anything: Some bloggers use third-party widgets to add contact us page in Blogger. But they aren't considered safe.

They might contain some virus or affect blog load time. This widget if officially provided by Google. So no need for worrying.

Fully customizable: If you know CSS language, you can easily change colors, styles, and Sizes.

Avoid Spammers: Actually, providing our email directly in the blog is dangerous. If a hacker knows you Email, He will contact you in the name of Blogger and in his mail, he writes that, Login to your blog to resolve issues etc.

When you click on the link, you will land on a page that exactly looks like Blogger and when you enter your login details, The hacker can get your login details and can easily login to your blog.

With the contact form, No one can see your email, so there is no risk involved using the Contact form.



Wrapping Up


This is tutorial to add contact us (contact form) to Blogger. If you like it, just share it and let your friends know about this post.

How to Add Contact Form (Contact Us Page) In Blogger

Wednesday, 31 January 2018

Do you need a stylish Email Subscription widget for Blogger Blog?

Tired of normal and colorless subscription widgets?

In this blog post, we will give you a Beautiful Email subscription box for free. It is very different when compared to all the other widgets available on the internet. That's why it looks almost a paid widget.

stylish-email-subscription-widget-for-blogger


Email subscription is a very important aspect of every blog. Because we need some subscribers to get regular traffic. Actually, all blogs get traffic and visitors, But no one turns into a regular reader by just watching your blog posts.

To convert a normal visitor into a regular reader, we need to make them our blog subscribers.



For this purpose, we need a subscription widget. But no one likes to give out their E-mail address to a spam-looking blog. That's why our subscription box must be good looking. In this blog post, we will give you a stylish email subscription widget for Blogger blogs.

Demo Of The Widget

Wait,

Here's The Demo:

stylish-email-subscription-widget-for-blogger


Well, if you are looking for the live demo, you can see the live demo of this widget on our blog sidebar. Just scroll below and see the live demo.

Note:- If you are sharing my code on your blog then please give proper credit to our blog.

Stylish Email Subscription Widget For Blogger


1. Go to Blogger.com

2. Click on Layout and click on add new gadget.

3. Select HTML/Javascript.

stylish-email-subscription-widget-for-blogger


4. Copy the below code and paste it into the HTML box:

<style>
/***** Email Subscription Widget For Blogger By Https://shoutersplanet.blogspot.com *****/
//@media(max-width:400px) {.sbox{width:109%!important;}}
//@media(max-width:1024px) and (min-width:400px)  {.sbox{width:106.5%!important;}}
.sbox {background:#009abe;text-align:center;width:100%;}
.sbox span {color:#fff;font-family:roboto;font-size:27px;}
.sbox .small {font-size:18px;}
input.boxinput::placeholder {color:#fff;}
.sbox .hatespam {font-size:15px;}
.sbox .boxinput::placeholder {color:#fff;}
.sbox .boxinput {background:rgba(0,0,0,0.4);color:#fff;border:none;padding-top:13px;padding-bottom:13px;font-family:roboto;margin-bottom:10px;outline:none;transition:.3s;width:86%;text-align:center;border-radius:4px;}
.sbox .boxsubmit {box-shadow:0px 0px 31px 0px rgba(0,0,0,0.2);width:86%;text-align:center;padding-top:13px;padding-bottom:13px;background:#fff;outline:none;border:none;color:#009abe;font-family:roboto;cursor:pointer;border-radius:4px;}
.sbox .boxsubmit:active {background:rgba(0,0,0,0.6);color:#fff;}
.sbox {border-radius:8px!important;padding:0!important;border:none!important;}
.sbox .widget-content {margin:0!important;}
#sidebar-wrap .widget {overflow-x:hidden;}
.sbox {background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)!important;width:100%;}
.sbox .boxsubmit {box-shadow:none!important;border-radius:2px!important;color:#764ba2!important;}
.sbox .boxinput {border-radius:2px!important;}
</style>
<div class='sbox wow rubberBand'>
<center>
<br /><span class='icon'><img height='auto' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyRER8-oVQn1SdHKBC739eop07ybBfFQSSGzK6brqHjoisxDHbDv2GcvBU34o31mf-6t3gWIjBtlbGWti1mSzTxilhv_DO2z8gbkLsm-rXqoZuY71Gw79YWwyAsblOewkadyrRvEczBLo/s1600/email.png' width='150px'/></span><br/>
</center>
<span>Newsletter</span><br /><br />
<span class='small'>Join our newsletter to get secret tips directly in your inbox!</span><br /><br />
<center>
<form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&#39;https://feedburner.google.com/fb/a/mailverify?uri=shoutersplanet&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;); return true' target='popupwindow'><input class='boxinput' name='EMAIL' placeholder='Your Email Address' type='email' required/>
<input class='boxsubmit' type='submit' value='Submit'/><input name='uri' type='hidden' value='shoutersplanet'/>
<input name='loc' type='hidden' value='en_US'/></form><br />
<span class='hatespam'>*We Hate Spam!</span><br /><br />
</center></div>

Code Credit: The Blogging Arena

Customization:


  • Change shoutersplanet with your feedburner url.



Advantages Of This Widget

Lightweight: The code of this widget is written using CSS and HTML and some images ( Hosted on Picasa online, So images won't affect your blog speed ). HTML is also a very fast language and it won't affect any blog load time. Speed is also a ranking factor for search engine rankings. So maintaining a proper blog load time is really important.

More Subscribers: The purple color of the widget attracts your readers to give out their E-mail address for your blog. Thus, you can get more subscribers in less time for free and no giveaways too.


More Traffic: As you got so many subscribers, Your blog posts start getting so much traffic. So you can make more money. If any subscribers love the post, He will surely share it through Facebook or Twitter and it will improve some SERP rankings of your blog. Hey, Social sharing is also an important aspect of Seo.


Conclusion


This is the stylish email subscription widget for blogger. I hope it will increase and blog subscribers and pageviews too. Well, Do you like the widget, tell us in comments and don't forget to subscribe our blog and share this post.

Stylish Email Subscription Widget For Blogger

Wednesday, 24 January 2018

Wanna display Blogger Post In grid view with Thumbnails.

If yes then you are at perfect place. Today we will discuss on it.

In most blogs there a homepage full of blog posts with list style. Visitors have to scroll to go to down. So, if you want to give your visitors a good experience on your blog you should use blogs posts with Grid view.

Grid View is a script for blogger blog which will display Blogger blog post in Grid style with Thumbnails in homepage and archive pages. This is best for blogs with videos and wallpapers. Before proceeding to the steps for adding grid view, take a look at the demo.

                        Live Demo


display-blogger-posts-in-grid-view-with-thumbnails


I hope you have satisfied with the demo. And if you want to display Blogger posts in grid view with Thumbnails in your blog then follow the next steps.

Display Blogger Posts With Grid View With Thumbnails


Step 1: Login to your Blogger Dashboard.

Step 2: Go to Template >> Edit HTML.

display+blogger-posts-in-grid-view-with-thumbnails


Step 3: Click anywhere inside the code area and press Ctrl + F to open the search box.

Step 4: After that search for the </head> tag.

Step 5: When you find the code just above </head> code paste the code given below:

<script src='http://code.jquery.com/jquery-1.9.1.js'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>//<![CDATA[
function hideLightbox(){for(var a=document.getElementsByTagName("img"),b=0;b<a.length;++b)a[b].onmouseover=function(){var a=this.parentNode.innerHTML;this.parentNode.innerHTML=a,this.onmouseover=null}}$(document).ready(function(){var a=200,b=170,c="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZZZ7jIFQ_AdMoGzVY295a_MPVY0CNgHxmSzqxm2AIhEoqA2_Oq-AefGpcabCs31g5ZB4EvQ4wl3-TZdagI6OFv1gef7it8crp4RmLpzPblNPcEyFGOq-WwaEVYEgGKiZEsxAaG9ars7o/w500-c-h330/no-thumb.png",d=1;$(".post-body").each(function(e,f){var f=$(f),g=$(f).find("img").first(),h=f.parent().find("h3 a"),i=h.attr("href"),j=h.text();if($(h).remove(),f.empty(),g.attr("src")){var k=g.attr("height"),l=g.attr("width"),m=$(g).parent();if(f.append(m),d)g.attr({src:g.attr("src").replace(/s\B\d{3,4}/,"w500-h330-c")}),g.removeAttr("width").removeAttr("height");else{g.attr({src:g.attr("src").replace(/s\B\d{3,4}/,"s"+a)}),g.removeAttr("width");var n=(k/l*a).toFixed(0);g.attr("height",n)}}else var g=$("<img>").attr("src",c),m=$("<a>").append(g).appendTo(f);m.attr("href",i).css("clear","none").css("margin-left","0").css("margin-right","0").addClass("postThumbnail");var o=$("<div>").prepend(j).css("opacity","0.9").css("filter","alpha(opacity=0.9)").appendTo(m);o.height();o.css("margin-top","-28px"),f.css("height",b).css("overflow","hidden")}),$("#blog-pager").css("clear","both")}),window.addEventListener?window.addEventListener("load",hideLightbox,void 0):window.attachEvent("onload",hideLightbox);
//]]>
</script>
<style type='text/css'>
.post {
width:31.3%;
float:left;
display:inline-block;
border-bottom: medium none;
margin: 0 1% 2%;
padding-bottom: 0;
}
h2.date-header,.post-footer {
display: none;
}
h3.post-title, .comments h4,.post-header{margin:0;}
.postThumbnail:hover {text-decoration:none;}
a.postThumbnail div {
text-decoration: none;
color: #fff;
padding:0 5px;
height:24px;
font:bold 12px/25px &quot;Trebuchet MS&quot;,Trebuchet,Verdana,sans-serif;
text-transform: capitalize;
background: rgb(125,126,125);
background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1)));
background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
background: -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
background: -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#7d7e7d&#39;,endColorstr=&#39;#0e0e0e&#39;,GradientType=0 );
}
.postThumbnail{width:100%;}
.postThumbnail:hover div {
display: block;
}
.postThumbnail img {
width:100%;
background-color: transparent;
border: medium none;
padding: 0px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.postThumbnail img:hover {
-ms-filter: &quot;progid: DXImageTransform.Microsoft.Alpha(Opacity=70)&quot;;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
</style>
</b:if></b:if>

Customization:-


  • To change the width of the image replace 200 with your own size.



  • To change the height of image replace 170 with your own size.



  • To change default image, when there is no image then replace the link highlighted in red.


Last Words

Now your posts will start displaying in grid view with Thumbnails. I hope you liked this post. Comment down your problems and share this post with your friend. For more stay tuned with us...

Display Blogger Posts In Grid View With Thumbnails

Saturday, 13 January 2018

Ever thought how to add code snippet in blogger?

But don't know how to do it.

So, today I will tell you how to add code box in blogger post. Blogger is the best platform for newbies who want to start their blog without spending a cent. It gives you all options to make your blog beautiful and to make your blog look like a professional blog.

There are many professional blogs hosted on blogger like mybloggertricks, helplogger etc. And every blogger starts their Blogging journey from and then move to any other blog. It gives you an option to edit your blogger blog Template according to your choice. Just you need some basic knowledge of HTML and CSS.


When you write about the blogger on your blog you may have shared code to paste in Template. It's good to share that codes in a separate code box in a way that it looks stylish. And it's helpful for visitors because they can copy the code easily from code box.


add-code-box-in-blogger

How To Add Code Box In Blogger


1. Login to your blogger blog Dashboard.

2. Then go to " Theme " > " Edit HTML ".

add+code+box+in+blogger+post


3. Click anywhere inside the code area and press Ctrl + F keys to open the search box.

4. Write or paste " ]]</b:skin>  "code in search box and press Enter.

5. Just above " ]]</b:skin> " paste the code box CSS code given below:

Code 1. For Style 1 Copy This Code [With Scroll]

.code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; }
.code:hover { background-repeat:no-repeat; }


Code 2. For Style 2 Copy This Code [Without Scroll]

.code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; }
.code:hover { background-repeat:no-repeat; }

6. Now click on " Save Template " and you are done.

How To Use This

To use this in your post just follow the following steps:

1. To use this just click on HTML tab in your blogger post editor.

2. Now write or paste the code given below in your blogger post editor as shown in the image below:

add-code-box-in-blogger


                       <div class="code">
                        Your Code Here
                        </div>

3. Replace " Your Code Here " with your desired code.

4. Now click on " Publish Button " and see it live.


From The Editors Desk


So, this was a guide about adding code box in blogger blog. If you have any problem related to this article, comment below and do not forget to share this article.

How To Add Code Box In Blogger Post

Wanna cloak affiliate links in blogger?

But don't know how to do it.

So, today we have written this guide. In this guide I will tell you everything about Cloaking affiliate links.

Some bloggers think that Cloaking affiliate links in blogger is not possible, but they are wrong. Now we have a jquery plugin to help in doing this.


Cloak-affiliate-links-in-blogger

What Is Link Cloaking?

Link cloaking is a process through which you can hide your original affiliate link by URL masking. And link cloaking is very important for any blogger. Because if we will not cloak affiliate links our blog might get penalized by Google.

Can We Cloak Affiliate Links In Blogger
As we know that in WordPress there are many plugins available to Cloak affiliate link. But in blogger, there is no such plugin. So, some blogger experts developed blogger affiliate link cloaking plugin to Cloak affiliate links in blogger.


Why Cloak It?


You are wondering that why should we cloak affiliate links?

Your answer is here, affiliate links include the number, letter, special characters and search engines don't like affiliate links. If you will original affiliate link in your post, your blog might get penalized by Google. So, it is important to do so.

How To Cloak Affiliate Links In Blogger Blogs


1. Login to your blogger Blog Dashboard

2. Then go to Theme >> Edit HTML.

3. Now in code area click anywhere and

press Ctrl + F keys to open the search box.

4. Now search for </head> tag.

5. When you find this tag, just above this paste the jquery code given below:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js' type='text/javascript'></script>

Note:- If you have already added jquery in your template, then skip this step and follow next step.

6. Now just above </head> tag paste the code given below:

<script>
var aff = new Array();

/* define your links here */

aff['Your affiliate Link1'] = 'Your regular Link1';

aff['Your affiliate Link2'] = 'Your regular Link2';

aff['Your affiliate Link3'] = 'Your regular Link3';

/* do not edit below this point */

/* reverse the key/value pairs so we can lookup based on value */

var aff_reverse = new Array();
for (k in aff) {
    aff_reverse[aff[k]] = k;
}

/* scan all links when the document loads */

$(document).ready(function(){
  $('a').attr('href',function(){
 
    /* if the link isn't listed above, do nothing */
    if (!aff[$(this).attr('href')]) {return $(this).attr('href');}
 
/* ok, the link is in our list */
    $(this).click(function(){
     
 /* when the link is clicked on, revert it back to the affiliate link */
   
  //$(this).attr('href', aff_reverse[$(this).attr('href')]);
        return true;
    });
    $(this).mouseup(function(){
     
/* Firefox ignores onclick event when the link is opened via middle mouse (new tab) */
        $(this).attr('href', aff_reverse[$(this).attr('href')]);
        return true;
    });
    $(this).mouseout(function(){
     
/* revert back to non-aff link in case they opened in new tab */
     
$(this).attr('href', aff[$(this).attr('href')]);
        return true;
    });
 
 /* change the affiliate link to a non-affiliate link */
 
return aff[$(this).attr('href')];
  });
});
</script>

 Customization:-

On the above code replace Affiliate Link1 with your original affiliate link like http://hostgator.com/id=Alfaaz

Replace Regular Link1 which affiliate link you want like:

https://shoutersplanet.blogspot.com/go/hostgator

Replace all links according to your need

7. Now when you add http://hostgator.com/id=Alfaaz then it will be automatically converted to https://shoutersplanet.blogspot.com/go/hostgator


Note:- You can add unlimited affiliate links. Just repeat the same affiliate link code multiple times.


Over To You

This is the way I use to cloak affiliate links. What is your way, share with us in comments. And if you have any problem related to this content comment down and don't forget to share.

How To Cloak Affiliate Links In Blogger

Friday, 12 January 2018

When you create a new blog on blogger, you might have seen a navbar above your blog title in your blog. This navbar is usually hidden in most of the blogger templates. But if you use default blogger template, you might have noticed it.

It has many advantages if you use it correctly. But if you want a good design blog, this navbar doesn't suit the blog. So, today  I will tell you how to hide/remove blogger navbar.

Remove-Hide-Blogger-Navbar


Advantages Of Blogger Navbar


  • The B icon in navbar will take you to Blogger.com if you have already signed in then it will take you to Blogger Dashboard.

  • Next Blog - Takes you to recently updated blogger blog.

  • Search Field - Can be used for searching anything in the entire blog.

  • New Post - Takes you to the new Post window.

  • Design - Takes you to the theme window.

  • Flag - If you find any content objectionable, you can flag it.

  • Share - Can be used for sharing the content on social media platforms like Facebook, Twitter etc.

3 Ways To Hide/Remove Blogger Blog Navbar


1) By Turning Off From The Blogger Dashboard

1. Head up to your Blogger Dashboard.

2. Go to Layout and locate Navbar and click on Edit link.

Remove-Hide-Blogger-Navbar


3. Then click on Off Button.

Remove-Hide-Blogger-Navbar


2) By CSS

1. From your Blogger Dashboard go to Theme and click on Edit HTML.

2. Press Ctrl + F keys to open search box and search for the code given below:

<b:skin>


3. When you find the code just below <b:skin> paste the code given below:

#navbar-iframe { display:none!important; height:0; visibility:hidden; }


4. Then click on Save Template and you are done.

3) By Removing Widget Code From The Template

1. From your Blogger Dashboard go to Theme and click on Edit HTML.

2. Press Ctrl + F keys to open the search box and search for Navbar1.

3. When you find Navbar1, then you will see the following lines:

<b:widget id=’Navbar1′ locked=’true’ title=’Navbar’ type=’Navbar’>

<b:includable id=’main’> </b:includable>

</b:widget>

 </b:section>


4. Just select all those lines and delete them.

5.Then click on Save Template and that's it.

Now you have learnt to remove hide/remove blogger Navbar.

Over To You

So, this was a guide about hiding/removing blogger blog navbar. And if you have any problem related to this content, comment down and don't forget to share it.


3 Ways To Hide/Remove Blogger Navbar

Thursday, 11 January 2018

When you write a new post and publish it, but when you see your published post, you might have seen labels below post title or post footer.

This label looks unnecessary, as they are already added in the sidebar. Many bloggers want to hide/ remove Labels From their blogger blog post. So, today I have come with top 3 ways to hide or remove labels from the blogger blog post.

remove+labels+from+blogger+post


3 Ways To Hide/Remove Labels From Blogger Blog Post


1) By Unchecking From The Setting

This method doesn't work for some custom blogger templates, so I have shared 2 other methods. Read them and understand.

1. Head up to your Blogger Dashboard and go to Layout and locate Blog Post there and click on Edit.

hide-labels-from-blogger-post


2. After that scroll down, then there you will see Labels, just click and Uncheck the box and that's it.


remove+labels+from+blogger+post


2) By Hiding With The Help Of CSS Code

1. From your Blogger Dashboard go to Theme and click on Edit HTML.

2. After that click Ctrl + F keys to open search box and search for the following code:

</head>

3. When you find the code just above </head> tag paste the code given below:

<style>.post-labels {display: none;}</style>

4. After that click on save the template and you're done.

3) Remove Labels Permanently

1. In your Blogger Dashboard go to Theme and click on Edit HTML.

2. Now search for the code given below:

<b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>

3. When you find the code, just delete the whole piece of code and you are done.

Over To You

So, this was a guide about hiding/removing labels from blogger post. And I hope you liked the post. And don't forget to comment down your problems. Thanks for visiting and happy Blogging:-)

3 Ways To Hide/Remove Labels From Blogger Post

Monday, 25 December 2017

Google is taking so much care of responsive blogs. Blogs with unresponsive themes are ranking lower because of the new algorithm which is based on responsiveness.

Even though thousands of updates came, Blogger's commenting system is not responsive. But the issue is not with responsiveness. The issue with the commenting system. Because, the visitor who wanna comment on your blog, must have Google account.



Google believes that it will decrease the spammy comments. But some bloggers never think about Spamming, they still want to allow anonymous comments on Blogger. So, today I have written this guide.

allow Anonymous Comments on blogger


Pros:


  • Anyone can comment on your blog. Which means it is not mandatory to have a google account to the visitor.



  • It will increase the number of comments on your blog. You will see new people come to your blog daily to comment on your blog. More comments mean more visits and more visits means more $$$$.


Cons:

  • The main minus point of enabling them is spamming. Many people need to build some backlinks on their blog. The best and easy method to build backlinks is using blog commenting. So bloggers will use it. But there are some blogger's who spam blogs for backlinks. They post comments like Thank you, Great, Nice post etc. Because of this, bloggers must check their spam box daily.


How To Allow Anonymous Comments On Blogger Blogs


1. Go to blogger.com and go to settings.

2. Click on Posts, Comments, and Sharing.

3. In comments section, you can see a subsection called " who can comment on this blog ".

4. Select anyone.

allow Anonymous Comments on blogger


5. Yup! You are done.

Conclusion

With this simple guide, you can enable anonymous comments on your blog.

If you need some more blogger tricks, just subscribe to us and you will never miss any article or tutorial from our side.

How to Allow Anonymous Comments In Blogger

Saturday, 23 December 2017

Blogspot is a free blog publishing tool created by Google. It is a free blogging platform which is very good for beginners.

All the features of the blogger are very good but one of the main disadvantages of blogspot is lack of SEO. Blogspot is less SEO friendly when compared to WordPress. There are many on-page SEO optimization tips. But all of them are not recommended.

The techniques used by spammers are called black hat SEO and Real blogger techniques are white hat SEO.

Over optimization of white hat SEO techniques may turn into black hat SEO and may penalize your blog from search engines. So here are some recommended On-page Seo optimization tips for Blogspot blogs.


Keyword Research


On-Page seo tips for Blogspot blogs


Off-page Seo is all about backlinks, social promotion, directory listing etc.

And on-page Seo is about keywords.
Do you know, Seo begins with keywords. Bloggers must do some keyword research before writing a post.

The selection of keyword must be unique. Because the world is full of competition, there are many bloggers who target the same keyword which you target. If they are stronger than you, you must give up.

At the same time, selecting keywords is difficult, so I recommend a tool like SemRush. So, keyword research is the important step in the on-page Seo optimization tutorial for Blogspot blogs.



Blog Post Title


Post titles play an important role in the optimization of a blog post. By default, blogspot post titles are not optimized for search engines. So we must optimize titles for search engines. Now there is a bit of coding here.

In template find

<title><data:blog.pageTitle/></title><

Replace the above code with the below one


 <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <title>
        <data:blog.title/>
      </title>
      <b:else/>
      <title>
       <data:blog.pageName/>
      </title>
    </b:if>

By using this method, you can optimize post titles for search engines. So optimizing post titles is a very important Blogspot seo tips.

At the same time, the title must be unique. Because people only click unique titles in search engines. So while writing a title, be creative.

Permalink Structure


On-Page seo tips for Blogspot blogs


Permalinks are the silent killers. Some bloggers won't aware of permalinks.

We think this is not necessary, but there are necessary. Permalinks can change the positions of blog posts in search engines.

The example of a bad permalink:

https://shoutersplanet.blogspot.com/2017/127-important-on-page-seo-tips-for-blogspot-blogs.html

In the above one, you can see stop words like for, to etc. These words will affect the SEO of your blog.

So, optimization of permalink is very good SEO practice which you must use on your blog


Keyword Density



Keyword density is the risky thing in on- page SEO optimization. Because even white hat SEO turns into black hat SEO in keyword density.

Bloggers must be aware of keyword density. In One post, I have tried to increase keyword density by 3.5%, then my blog post not getting indexed, then I submitted the URL again. It is indexed, but not ranked. The blog post is on the page of 36 in google. Then I have understood that keyword density is a very important task.

It is the main part of blogspot SEO optimization. We maintain a keyword density of 1.5 to 2 % in this blog.


Interlinking



Interlinking is the main aspect of the on-page SEO tips for Blogspot/blogger blogs.

We must interlink our blog posts. But unnecessary interlinking is a spammy technique.

Googlebot will crawl your site better when you interlink posts. This will improve the SEO of blogspot posts. So this is the main on-page SEO tips for blogger/Blogspot blogs.


But why interlink?


Interlinking helps the bloggers to get properly indexed and to rank higher.

Have you ever think about Wikipedia. All blogs must give up when Wikipedia is their opponent. Because their interlinking strategy is very good. They will be in the top of Google because of interlinking. For better understanding, Go to Wikipedia.

Meta description


On-Page seo tips for Blogspot blogs


The meta description is a very important thing which increases the rankings of your site. It will increase the CTR ( click through rate ).

Some bloggers will fill the meta description with keywords, but it is not a good SEO practice. Over keyword stuffing is a black hat SEO technique. So do not over optimize meta descriptions.

This is a very important thing in making your post SEO and user-friendly.

Alt tags


Googlebots are blind when it comes to images. They cannot read your images. So we must use an alt tag optimize images.

An alt tag is an HTML tag placed in the image. To add an alt tag in blogspot, Go to the post and select an image. Then go to properties, And add an alt tag.

Always rename the images like

Blogspot SEO tricks.jpeg is optimized when compared to Img-00517.jpeg.Image optimization is a very nice task in blogspot on page SEO tips.


A Simple Guide To On Page SEO Tips For Blogspot Blogs




1. Place the keyword in post title.

2. Place the keyword in meta description.

3. Place the keyword in Permalink.

4. Place the keyword in the h2 tag.

5. Place the keyword in first 100 words of the post.

6. Place the keyword in the alt tag.

7. Maintain a good keyword density like 2%.

8. Remove stop words from permalink.

9. Interlink to old blog posts.

10. Write Good Meta Description.


7 Important On-Page SEO Tips For Blogspot Blogs

Thursday, 21 December 2017

Want some Blogspot Seo tips to make your blog search engine friendly?

Wanna get some more traffic from search engines to your blogspot blog?


Blogger is really one of the best blogging platforms available in the industry. Even though there are many free website builders like Weebly and Wix, Blogger is the most popular among them.

Wordpress is the best platform of all, But it doesn't come out for free. That's why We recommend beginners to use Blogger as their CMS ( content management system ).


By default, No platform is Seo optimized. Even though many say Wordpress is SEO optimized by default, you should use a Seo plugin to make it really optimized for search engines.

Yoast and All in one SEO are the popular Seo plugins for Wordpress.

But Blogger blogs don't have the capability to have plugins. That's why it is really difficult to make Blogger Seo friendly. But don't worry, We are here with the working Seo tips for Blogspot blogs.

Blogspot SEO Tips To Make Blogger Blog SEO Friendly


1. Format Blog post titles



By default, The blog post titles of Blogger blogs should look like :

Blog Name | Post%title

For example, If you wrote a blog post about Blogspot SEO tips, and your blog name is My blog. The title should look like this in search engines :

My blog - Blogger Seo tips

Actually, The blog title is consuming so much space on the SERP's page.

We all know that We should keep our blog post titles below than 65 characters. But in the first case, The blog title is already consuming 10 characters and If you are targeting a long tail keyword, It is almost impossible to show up the full long tail keyword in search engines.

To resolve this issue, We should use format post title code.

1. Go to Template > Edit HTML

2. Search for the below code :

<title><data:blog.pagetitle/></title>

3. Replace the above code with the below code.

<b:if cond='data:blog.pageType==&quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>


After replacing the code, your blog post titles should look like :

Your Blog post title - Your Blog Name


2. Meta tags

blogspot-seo-tips-tutorial-make-blogger-seo-friendly
Credit: Flickr - Under Creative Common License


You can add a description to your blog homepage and blog posts to make Blogger SEO friendly.

To add a meta description to your blog homepage :

1. Go to settings > search preferences.

2. Click on edit on the description.

3. Click on On, This will add a feature to add descriptions to your blog.


4. In a few words, Describe what your blog is about. Here, Few words refer to less than 120 characters.

To add meta descriptions to Blog posts:


1. Go to Posts and select a blog post to edit :

2. On the right sidebar of your blog post editing section, Click on Search Description


3. Write a description of your blog post and never forget to add your focus keyword in the meta description to make it more powerful for search engines.



3. Robots.txt

blogspot-seo-tips-tutorial-make-blogger-seo-friendly


One of the main and most important Blogspot SEO tips because every blog needs a Robots.txt file to avoid indexing of a blog from bad search bots.


A robots.txt file is a file which contains information regarding allowing or block a specific search engine to index our blog.

Don't worry, you don't need to touch a single piece of code to add a robots.txt file to your blog. Here is a tutorial to add a robots.txt file to your blog :


1. Go to settings > Search preferences.

2. Click on edit on the robots.txt file which is located at the bottom the page.

3. Click on On.

4. Go to robots.txt generator to generate a robots file for your blog. Copy the text generated from the robots.txt generator.


5. Paste it in the robots.txt section of your blog


4. Permalink optimization



We all know that optimization of permalinks is also the main part of On-page SEO. Bloggers should take care of permalinks to rank higher on Google.

To optimize permalinks :

1. Go to post Editor

2. While writing a new post, You can see a label called permalink in the right toolbar section.

3. Click on permalink and edit the permalink to optimize it for search engines.

If you don't know, How to optimize permalinks, you should read my blog post on How to optimize permalinks for more traffic.

6. Redirect Broken links


Blogger, by default, comes with a broken link redirector which gives you access to redirect all the broken links easily.

This will make your blogger blog SEO friendly and will improve your blog rankings and will further help in proper indexing of our blogs.

You can redirect broken links with this simple tutorial :

1. Go to settings > search preferences

2. Click on custom redirects.

3. Click on add a new redirect.


4. Paste your broken link URL in the first box.

5. Paste the URL which you want to show instead of the broken link.

5. Sitemap

blogspot-seo-tips-tutorial-make-blogger-seo-friendly
Credits: Flickr - Under Creative Common License


A sitemap is an XML file which contains the URLs of all your blog posts. Your robots.txt contains the URL of your sitemap file.

When a bot visits your blog, It will check out whether it is allowed or not by robots.txt and then it makes a decision whether to crawl your blog or not.

If your robots.txt allows the bot to crawl your site, it will directly go to the sitemap of your blog and then gets the links of your blog posts and index them, If the blog post has no quality issues.

I am talking about these things Because it is all in a sitemap file. If your blog contains no sitemap file, It would affect the indexing of your blog.


By default, Your blog comes with a sitemap file. So there is no need for extra configuration for your sitemap file. This is one of the Blogspot SEO tips which comes to default and doesn't need any configuration.



7. Alt tags


You can optimize your blog images for search engines by adding an alt tag.

With Blogger, you can add an alt tag to an image easily. All you need to do is click on an image and click on properties. A popup box appears asking you to input an alt tag.


Type a keyword about the images and the alt tag is added to your image. For example, If your image is about " Blogspot Seo tips ". You should input it as the alt tag.


Conclusion


These are the most important Blogspot Seo tips to make blogger blog seo friendly. I already added all the above aspects to my blog and made my blog optimized for search engines like Google.

Blogspot SEO Tips And Tutorial: Make Blogger SEO Friendly

Tuesday, 19 December 2017

Blogging is not only a way to learn new things, it is also a very good way to reach new visitors. We can get traffic from the search engines, social media and from the other blogs.

Search engines are the best source to get traffic. But if you want to rank higher in search engines, you must write SEO optimized articles. But not only optimize pots for search engines, Concentrate on visitors.  Now it is the time to learn how to write SEO friendly contents in blogger.

write-seo-friendly-contents-in-blogger

How To Write SEO Optimized Contents In Blogspot


Keyword Research


write-seo-friendly-contents-in-blogger


Keyword research is the task which is very important and the starting point in the writing SEO optimized content. Every blogger must do some keyword research. it also takes more time to find a highly optimized long tail keyword.

There are many keyword research tools on the internet to help you. Even google also provided a free keyword planner to get highly optimized and profitable keywords. It is really designed for advertisers in AdWords. But a blogger can also use this for SEO purposes. Otherwise, you can use semrush too. Keyword research is the main task to write SEO optimized articles in blogger.

Meta Description

write-seo-friendly-contents-in-blogger


This is a very necessary task to write SEO optimized content. meta description is a description which search engines display. you must optimize it for both visitors and search engines.

You must write a meta description for your post and remember to include the keyword in meta description to improve SEO. Don't use only your targeted keyword only use some more keywords related to your targeted keyword in the meta description, it will improve the chances to display your post in 1st page of Google for multiple keywords. meta descriptions also improve CTR ( click through rate ).

If you don't write meta descriptions, you are missing something. So write meta descriptions to make your post SEO optimized.


Keyword Density

This is a very important task to rank higher in google. for example, I selected " write SEO optimized content" in keyword research and you can see I repeated the keyword sometimes. If you repeat the keyword many times, your techniques will be converted into black hat SEO and search engines may spam you. It is best to avoid keyword stuffing in your blog.

You must maintain a keyword density below 2% to write SEO optimized content in blogger. Remember to add a keyword to the first paragraph of your post. Keyword density is also the main task of writing SEO optimized articles.

Put Your Main Keywords In:

1. First paragraph of the post under 100-150 words.

2. Post Title

3. Post Permalink

4. Meta Description

5. Last Paragraph

H2 or H3 tags

I think H2 and H3 tags are not so important in SEO. But many bloggers argue that h2 and h3 tags are very important in SEO. To write SEO optimized articles, you must use the keyword as an h2 or h3 tag.

Note: don't ever use the h1 tag, because the title of your post is the h1 tag. So don't use h1 tags. Instead, use h2 and h3 tags to write content which is optimized for search engines.

Interlinking

Interlinking of your posts makes it useful for visitors and search engines. If you interlink a post to another post, it is easy to navigate your site. it also improves SEO of a blog. But over optimization of interlinking will affect SEO. Because over optimization of interlinking is a black hat SEO.

Search engines recrawl old post if you interlink. For example: if you interlinked post A to post B, post-A is new and post B is old. When search engines crawl your site to index your new post, it also visits old post because it is interlinked. so the interlinks is necessary to improve SEO blog and to write SEO optimized content

Content-Length

To optimize a post for search engines. You must write the post above 800 words. even we write posts above 800 words here. We must write lengthy articles to improve SEO. It is must follow task to write SEO optimized content in blogger.

Permalinks


write-seo-friendly-contents-in-blogger


In Blogger, you have the option to edit permalink.

but why you need to edit permalinks?

There are some words called stop words which will affect SEO of your blog. These not decrease SEO, but decrease the ranking position in search engines. It is necessary to remove such words in the URL of your post to optimize permalinks in blogger. Here is a list of stop words.

Optimize Images

Image Optimization is very necessary because search engine bots cannot read images. We have to tell them about images. And if you will optimize images it will rank higher in Google images. Below I have given some steps to optimize images.

1. Compress Image

Compressing image will reduce the size of the image. You can use online compressor tools like Tinypng or Tinyjpg.

2. Rename Images

Rename your blog images before uploading them.

3. Add Alt, Title Tag

Add alt and title tag to your images to optimize it. Simply you can click on the image then properties, there you can add title and alt tag.

Wrapping It Up

The above techniques are the best to write SEO optimized content in blogger and the above things are followed by us.

You will have to concentrate on on-page SEO to write SEO optimized content. I hope you liked the article.

How to Write Perfect SEO Optimized Articles In Blogger

Monday, 11 December 2017

I love to write about search engine optimization on this blog. Because it is the main part ( not only a part, it is the main one) In a blog.

Our blog gets 60% of traffic from search engines because of seo. So seo is very important in developing a blog. So bloggers must optimize their blog.



But this post won't cover all seo topics. This is about " How to show post title before blog title in blogger blog".

show-post-title-before-blog-title-in-blogger


Before moving ahead to the article, we must learn more and more. Because it is a detailed post.

Why Show Post Title First


We all know that blogspot is less seo friendly when compared to the world's leading blogging platform WordPress.

WordPress has more seo tweaks and it has plugins which help in doing more seo optimization of a blog post. But blogger doesn't have those plugins. So we must do all tasks manually.

At the same time, titles play a great role in blogging. For example, we wrote two blog post title for proving titles role in search engine optimization and getting more clicks

  • 1. Blogger how-to guide: show post title first

  • 2. How to show post title before blog title


So you can see that the second one is very good and it is engaging for the visitor to click on it. In the 100 percent, title 1 can get 30% visitors only whereas the second one gets remaining 70% of visitors. So the second one can get more traffic. More traffic means more money.

Hey, hold on! , Do you know how to make money from a blog. Use best ad network Google Adsense. So let's see how to show post title first in blogger.

How To Show Post Title Before Blog Title In Blogger Blogs


1. Go to blogger.com

2. Then go to the template.

3. For safety, we recommend backing up your blog template. Because if anything goes wrong, we can easily restore it. This guide won't do any harm to your blog. But I believe in safety first.

4. Then search this piece of html code:


 <title><data:blog.pageTitle/></title>

5. Then replace the above code with the below one:

<b:if cond='data:blog.pageType =="item"'>
<title><data:blog.pageName/> | <data:blog.title/></title><b:else/>
<title><data:blog.pageTitle/></title> </b:if>


So what happened:



Before adding the second code, your blog title displayed first and then your post title is displayed. This gives very bad experience for your visitors.



By using the second code, our blog title goes last and our blog post title is displayed first. So in this way, we can easily optimize our blog for search engines.

Wrapping It Up

In this way, we can show post title first in blogger. This is the good way to get some good SERP ranking. This is one of the technique in on page seo optimization.
 So better start using it. 

How to Show Post Title Before Blog Title In Blogger

Saturday, 9 December 2017

Are you a selfish blogger like me, who won't love to pass link juice to other blogs?

Wanna get rid of all the outbound link penalties?

Wanna know " How to add Nofollow tag to all external links automatically in Blogger"?

nofollow-all-external-links-automatically-in-blogger


Outbound Linking is really helpful for your blog visitors. Because it gives more information to the visitor.

For example, If you are writing about On page Seo and you wrote a keyword that Improves your traffic with low competition keywords and wanna show a proof that it really works.

At the same time, a famous blogger written a blog post that proves your statement. So you will link to it and your blog visitors get some more information.

But what, if a Low quality and spammy blog wrote the proof of the above statement?

Will you link to that and get banned by an algorithm of Google?

For this purpose, we will add a nofollow tag. In this blog post, We will tell you "How to add Nofollow tag to all external links automatically in Blogger and it's advantages " .

How To Add Tag To All External Links In Blogger


1. Go to Blogger > Theme.

2. Click on Edit HTML.

3. Search for </head> and before the </head>, add the below code :

Code credits : http://www.mybloggerlab.com

<!--Remove this if you are
already using any
jQuery.js file-->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js' type='text/javascript'></script>
<!--End-->
<script type="text/javascript">
jQuery(document).ready
(function () { jQuery('a
[href*="http://"]:not
([href*="http://example.com"])').attr('rel', 'nofollow');
jQuery('a
[href*="https://"]:not
([href*="https://www.example.com"])').attr("target", "_blank"); });
</script>

Change example.com to your domain URL.

4. Click on Save.

So, What happened?

This code is based on Jquery.

The code informs that nofollow all external links in your blog and open them in a new window ( Because of the Target=" Blank " code ).

But, this code doesn't add a nofollow tag to your internal links. Because this code contains a code ( Don't add, nofollow tag to internal links to your blog ).


Why Nofollow All External Links



With a nofollow tag, we can avoid passing link juice to other blogs. This will improve rankings of your blog.


Avoid Penalties: Google never loves spammy blogs. At the same time, Google hates blogs that link to spammy blogs. For providing some more information to visitors, We should sometimes link to spammy blogs. With a nofollow tag, we can avoid passing link juice to the spammy blogs. So, there is no chance of getting banned by search engines like Google.


Decrease Bounce rate: As we added a Target = " Blank " tag in our code, all the links will be opened in New tab. And the bounce rate of our blog will be reduced resulting in high CTR and CPC.


Conclusion



In this way, you can add Nofollow tag to all external links automatically in Blogger and can get higher rankings in Google.

For some more updates of Blogger and some more Blogger plugins, you should subscribe to us and get latest posts in your inbox.

How To Nofollow All External Links Automatically In Blogger

Saturday, 2 December 2017

Wanna know how to change permalink of published posts in blogger?


Are you in a fear of breaking your old URL which results in 404 errors?

Well, If your answer is yes. You are going to find answers to the two questions listed above.

Permalinks play an important role in judging the ranking of your blog post in search engines like Google.

When you check any guide on the internet about writing SEO optimized content, you will surely find permalinks as one of the main aspects.

So, you should understand " How important it is to optimize Permalink of a blog post ".

We have already covered a detailed guide on How to optimize permalinks of a blog post, you can read that for the better understanding of permalinks.

In this blog post, we will see a simple but effective guide to changing permalinks of published posts in Blogger.

What is a Permalink?


A Permalink is the URL of the blog post.

I am not willing to write so much about this one as each and every blogger has an idea of what are permalinks.


How To Change Permalinks Of Published Posts In Blogspot



1. Go to Blogger.com and sign in to your Google account

2. Select to your desired blog.


3. Select a blog post, which you want to edit the Permalink.

4. After deciding which post to edit, click on view and copy the URL and paste it into notepad ( We will need this later ).


5. Click on edit and revert the blog post to draft.

change-permalink-published-posts-in-blogger



6. Now click on permalinks and click custom permalink, Type your new URL ( Never use Underscores in URLs ).

7. Click on Update.

8. Hurrah, you have changed the Permalink of your published post.

But wait, Now go to the old URL ( which you have copied in step 4).

After going to the old URL, you should see a 404 error ( Not found error ).

If a visitor visits your old URL, Then he will get a 404 error which irritates them.

Not only a visitor, Search engine bots like Googlebot never like 404 errors. 404 errors can affect your blog rankings on Google.

So, you should redirect the old URL to the new URL for avoiding ranking effects.

Redirect the old URL to new URL.


1. Go to settings > Search preferences.

change-permalink-published-posts-in-blogger




2. Click on custom redirects > Edit.

change-permalink-published-posts-in-blogger


3. Click add new redirect.

4. Input your old blog post URL ( without your domain ) in the first box.


For example, if your URL is:


http://example.com/2017/05/example-post.html


Input:


/2017/05/example-post.html

5. In the second box, input your new URL ( Same as the above method, remove domain from the URL ).

change-permalink-published-posts-in-blogger



6. Select the permanent checkbox. A permanent redirect gives 301 code to search bots which helps you not to lose rankings on Google.

7. Click on save.

Now, visit your old blog post URL, you will see that it will redirect to the new URL.

Why changing permalinks?


At first, no one cares Permalink as they won't seem to be an important aspect of On-page SEO.

But when they start learning Seo in famous blogs like Shoutmeloud, they will understand that permalinks are also an important aspect.

But, why it is important to change or edit Permalink:

You are might using underscore's in your URL's:

Permalinks shouldn't contain underscores " _ ". Actually, To add spaces in URL, it is better to use a Dash ( " - " ).

Your URLs might be longer:

The URLs of blog posts shouldn't be long. The smaller it is, the better it ranks on search engines

Your URLs might have stop words:

Search engines like Google will skip some words from the Permalinks, those are called stop words.

It is better to remove those stop words from permalinks.

Some of the examples of stop words are A, an, the, on, of etc


But, No CMS offers editing Permalinks after publishing the post. So they will start searching for ' How to change permalinks of published posts in Blogger ' and lands on blog posts like this one.


Conclusion

This is our guide to changing Permalinks of already published posts.

I think it might help you to improve your website rankings on Google.

If you like this one, you can share it on social media using the share buttons.

Or, you can subscribe to my blog

How To Change Permalink Of Published Post In Blogger

 
HelpFree4U © 2018 - Designed by Aamir Rana Blogger Templates