How To Stimulate Ajax Page Navigation Mistake From Blogger Templates

Hello guys, today inwards this article nosotros are going to explicate how to solve/fix ajax page navigation error from blogger pages.we accept seen recent days everyone is facing same work as well as notwithstanding no answer from google to railroad train this error.we accept got therefore many complaints that our page navi is non working as well as therefore nosotros accept checked as well as establish the error.And somehow this mistake is non inwards my template it's a google blogger ajax problem.Means ajax is non supporting anymore promise google volition rectify it soon.Anyways Lot's of template destination working all MKR designs as well as arlina templates stopped working as well as in conclusion nosotros came upwardly amongst solution.So to railroad train this mistake only follow the steps.

How to Solve Blogger Page Navigation Error From Custom Templates:

Installation Steps:

Step 1. Log inwards to your Blogger concern human relationship as well as Go to your Blogger Dashboard.

Step 2. Now Click on  Template -> Edit HTML.

Step 3. Now Search For Ajax Script.Look below for representative how it looks.

 //Ajax Page Navigation
function pageNavi(t){(function(e){var m=configSummary,c={postperpage:m.postPerPage,numshowpage:m.numshowpage,previous:"«",next:"»",loadAjax:true

You volition honor same script inwards your template also.what you lot take away to produce is just supersede True value to False.

Step 4. Now it's look loadAjax:False. 

Step 5. Now Save your template Done. 

False way you lot accept disabled ajax page navigation as well as directly banking firm jibe your page navigation volition outset working.:)

How To Add Together Social Sharing Buttons To A Higher House Post Service Footer

Hello Guys,We are in 1 trial again dorsum amongst some other Responsive social media widget for blogger template.Later on nosotros volition portion some other social portion for blogger template.In previous post nosotros convey talked most the Flat Social Media Slide Out Share Buttons In Blogger Footer. Social Media Share is real of import for each as well as every websites or thus the world.With the aid of social portion buttons nosotros are able to portion content on social media profiles as well as because of sharing your content volition spread all over the social media sites.And amongst the aid of social media sites y'all tin sack grow or y'all tin sack country double your website traffic.

However blogger platform supply default buttons for sharing but that is besides sometime as well as i'm certain directly days at that topographic point are lot of responsive templates inward the marketplace set as well as those default buttons never suits your website niche as well as no custom template convey those buttons,those are available amongst the blogger default templates.In this social media portion buttons nosotros convey given hover final result as well as its convey 5 social media sharing sites Facebook,Twitter,Google plus,LinkedIn,Pinterest. So to take in this gadget follow the steps mentioned below.

How To Install Social Media Share Buttons inward the End of Post Blogger template

installation steps:

Step 1. Log inward to your Blogger trouble organization human relationship as well as Go to your Blogger Dashboard.
Step 2. Now Click on -> Template -> Edit HTML.
Step 3. Now Search for ]]></b:skin> or </style> by Pressing Ctrl+F keys.
Step 4. Copy the below CSS code as well as glue it only earlier the ]]></b:skin> or </style> tag.

/* Share Buttons By Www.Bloggersstand.com */
.bsdsharepost li{width:19%;padding:0;list-style:none;}
.bsdsharepost li a{opacity:0.8;padding:10px 0;color:#fff;display:block;border:double #fff;}
.bsdsharepost{overflow:hidden;text-align:center;margin-bottom:20px;margin-top:20px;}
.bsdsharepost li a:hover{opacity:1;color:#444;border:double #fff;}
.bsdsharepost li .twitter{background-color:#55acee;}
.bsdsharepost li .facebook{background-color:#3b5998;}
.bsdsharepost li .gplus{background-color:#dd4b39;}
.bsdsharepost li .pinterest{background-color:#cc2127;}
.bsdsharepost li .linkedin{background-color:#0976b4;}
.bsdsharepost li .twitter:hover,.bsdsharepost li .facebook:hover,.bsdsharepost li .gplus:hover,
.bsdsharepost li .pinterest:hover,.bsdsharepost li .linkedin:hover{background-color:#444;color:#fff;}
.bsdsharepost li{float:left;margin-right:1.2%}
.bsdsharepost li:last-child{margin-right:0}
.bsdsharepost li .fa:before{margin-right:5px}

Step 5. Now Search for <head> by Pressing Ctrl+F keys.
Step 6.Copy the below Font Awesome Icons stylesheet as well as glue it only below the <head> tag.

<link href='//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>

Note:If your template already convey font awesome stylesheet as well as thus y'all tin sack skip stride 5 as well as 6.

Step 7. Now Search for <div class='post-footer-line-1'> or <data:post.body/> and glue the below html code only inward a higher house it.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:post.id' itemprop='postId'/>
<div class='clear'/><div class='bsdsharepost'>
<ul>
<li><a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter'/>Tweet</a></li>
<li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/>Share</a></li>
<li><a class='gplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Google Plus Share'><i class='fa fa-google-plus'/>Share</a></li>
<li><a class='linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' target='_blank' title='LinkedIn Share'><i class='fa fa-linkedin'/>Share</a></li>
<li><a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;amp;description= + data:post.title&quot;' target='_blank' title='Pin It'><i class='fa fa-pinterest'/>Share</a></li>
</ul></div>
</b:if>

Step 8. Now Save your Template..Done !!

How To Add Together Iv Inwards I Box Social Media Widget Inwards Blogger

Hello folks, today inward this article nosotros are going to explicate How to add together four inward ane boxed means social media widget inward blogger template.This widget is real useful for the whatever website or blog.In box social media profile gadget nosotros bring added three social media Facebook , twitter in addition to google plus in addition to additionally nosotros bring added department for bring together our site plugin to follow the blogspot website.Box four inward one social media is real light weight widget amongst the integration of the font awesome icons on it.We bring used CSS for styling in addition to html for the box.Box social media widget volition sure enough going to heighten the hold off of whatever website.In guild to larn the four inward ane boxed social media widget follow the steps mentioned below.

DEMO

See the Pen BOXED means social media widget for blogger template past times (@bloggersstand) on CodePen.

How to Install four inward ane box social media widget inward blogger template

Installation Steps:

Step 1. Log inward to your Blogger work concern human relationship in addition to Go to your Blogger Dashboard.

Step 2. Now Click on  Template -> Edit HTML.

Step 3. Now Search for </head> tag past times Pressing Ctrl+F keys.

Step 4. Copy the below Fontawesome CSS stylesheed in addition to glue it simply earlier the </head> tag.( If you lot already added fontawesome stylesheet thus skip fourth step.)

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>

Step 5. Now Search for ]]></b:skin> or </style> past times Pressing Ctrl+F keys.
Step 6. Copy the below CSS code in addition to glue it simply earlier the ]]></b:skin> or </style> tag.

 #HTML20 .bsdbox-info h4 {   background: transparent;   position: relative;   padding: 0;   margin: 0;   border: 0;   text-align: center;   font-size: 110% }  .bsdbox-img {   position: relative;   max-height: 135px;   overflow: hidden }  .bsdbox-img img {   max-width: 100%;   width: 100%;   transition: all .6s; }  .bsdbox-img:hover img {   transform: scale(1.2) rotate(-9deg) }  .bsdbox-img:before {   content: '';   background: rgba(0, 0, 0, 0.2);   position: absolute;   top: 0;   left: 0;   right: 0;   bottom: 0;   z-index: 2;   transition: all .3s }  .bsdbox-img:hover:before {   background: rgba(0, 0, 0, 0.5); }  .joinfloat-img {   width: 56%;   position: absolute;   top: 36%;   bottom: 36%;   left: 22.6%;   z-index: four }  .bsdbox-float {   text-align: center;   display: table;   width: 100%;   height: 100% }  .bsdbox-float a {   background: transparent;   color: #37B185;   padding: 8px 14px;   z-index: 2;   display: table-cell;   width: 100%;   font-size: 90%;   text-transform: uppercase;   vertical-align: middle;   border: 1px enterprise #37B185;   border-radius: 4px;   transition: all .3s }  .bsdbox-float:hover a {   background: #37B185;   color: #fefefe;   border-color: transparent; }  .bsdbox-float a i {   font-weight: normal;   margin: 0 6px 0 0 }  .bsdbox-wrap {   display: block;   margin: 14px auto;   position: relative; }  .bsdbox-wrap .bsdextend {   width: 100%;   display: block; }  .bsdextend {   text-align: center;   font-size: 17px }  .bsdextend .bsdbox-icon {   display: inline-block;   border: 0;   margin: 0;   padding: 0;   width: 32%; }  .bsdextend .bsdbox-icon a {   background: #768187;   display: inline-block;   font-weight: 410;   color: #fefefe;   padding: 0 12px;   line-height: 32px;   border-radius: 4px;   font-size: 11px;   width: 100%; }  .bsdextend .bsdbox-icon i {   font-family: fontawesome;   margin: 0 4px 0 0 }  .bsdbox-icon.facebook a {   background: #3b5998 }  .bsdbox-icon.twitter a {   background: #19bfe5 }  .bsdbox-icon.circle a {   background: #d64136 }  .bsdbox-icon.facebook a:hover, .bsdbox-icon.twitter a:hover, .bsdbox-icon.circle a:hover {   background: #415471 }  .bsdextend .bsdbox-icon:hover a, .bsdextend .bsdbox-icon a:hover {   color: #fefefe; }  .bsdbox-info {   margin: 11px 0 0 0;   font-size: 12px;   text-align: center; }  .bsdbox-info p {   margin: 6px 0 }  .bsdbox-info h4 {   position: relative;   margin-bottom: 11px;   font-size: 15px;   text-transform: uppercase;   color: #37B185;   font-weight: 600 }  .bsdbox-info h4 bridge {   position: relative;   display: inline-block;   padding: 0 11px;   margin: 0 auto; }  .bsdbox-info h4:before, .bsdbox-info h4:after {   position: absolute;   top: 52%;   overflow: hidden;   width: 50%;   height: 1px;   content: '\a0';   background-color: rgba(0, 0, 0, 0.07); }  .bsdbox-info h4:before {   margin-left: -50%;   text-align: right; } 

Step 7. Now re-create the below HTML code in addition to glue it betwixt <body> - </body> tag.

<b:widget id='HTML20' locked='false' title='Join us' type='HTML' visible='true'>         <b:includable id='main'>   <!-- alone display championship if it's non-empty -->   <b:if cond='data:title != &quot;&quot;'>     <h2 class='title'><data:title/></h2>   </b:if>  <div class="widget-content">   <div class="author-sidebar">     <div class='inner_wrapper'>       <div class='bsdbox-img'>         <img alt='Bloggersstand' class='img-responsive' height='auto' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidAsKkSMMzxO3bYNins-k5QmEPqd72ByoiyRRK_6RmIIKatNcpoiOAQkM-IMQ21JS61yeVpdpkZbzz02oboZmuc5j87cohdlUo930EbL0yDQt5pXZMj0xsAV-Vd-hJnDb9nHEPpRGkrYE/s1600/subscribe+to+bloggersstand+feed.jpg' title='Bloggersstand' width='300' ></img>         <div class='joinfloat-img'><span class='bsdbox-float'><a href='https://www.blogger.com/follow-blog.g?blogID=8771880403313863692' rel='nofollow' target='_blank' title='Join Our Site'><i class='fa fa-laptop'></i> Join Our Site</a></span></div>       </div>     </div>     <div class='bsdbox-info'>       <h4><span>Bloggersstand.com</span></h4>       <p>Micro Blogging + SEO Tips + Make Money</p>     </div>     <div class='bsdbox-wrap'>       <ul class='bsdextend'>         <li class='bsdbox-icon facebook'>           <a href='https://www.facebook.com/bloggersstand' target='_blank' title='Follow us on Facebook'><i class='fa fa-facebook fa-fw'></i>Follow Us</a>         </li>         <li class='bsdbox-icon twitter'>           <a href='https://twitter.com/bloggersstand' target='_blank' title='Follow us on Twitter'><i class='fa fa-twitter fa-fw'></i>Follow Us</a>         </li>         <li class='bsdbox-icon circle'>           <a href='https://plus.google.com/+Bloggersstand' rel='nofollow' target='_blank' title='Follow us on Google+'><i class='fa fa-google-plus fa-fw'></i>Circle Us</a>         </li>       </ul>     </div>   </div> </div> </b:includable> </b:widget> 

Customization:
Remove social media profile yell bloggersstand amongst your username.
To alter within championship of the widget, delight supercede bloggersstand.com amongst your title.
To alter the description or text within the widget, supercede blogging + ...</p> amongst your text.
To alter the background picture of the box means widget ,replace the picture url.

Step 8. Now Save your template..Done !

How To Add Together Responsive Recent Post Service Label Widget Inward Blogger

Hello Folks, Today inwards this article nosotros are going to explicate How to add together responsive recent posts label widget inwards blogger template.You mightiness accept seen on as well as then many websites or weblog that on dwelling page of website at that topographic point they are displaying contents amongst the label widget,However straight off this variety of gadget comes amongst premium blogger template as well as inwards other weblog they exercise elementary json flim-flam to display the recent posts amongst labels as well as those widgets are non responsive.We accept tried best as well as presented beautiful responsive recent post service plugin for blogger templates.
This widget volition display 5 recent posts from the labels which are the nigh recent as well as residuum amongst the push clit persuasion all as well as inwards this 5 posts ane amongst display amongst Big picture as well as residuum others amongst championship of the post/article.We accept used CSS for styling ,JavaScript for calling labels from feed as well as added HTML widget.So when you lot desire to display the articles from dissimilar labels you lot necessitate to larn to layout as well as merely alter the label squall from the widget as well as hitting salve push clit you lot volition encounter novel feed is alive as well as nosotros accept added font awesome icon for the widget title,you tin alter the icons if you lot desire too.So inwards club to install responsive recent posts widget inwards blogger website follow the steps mentioned below.

How to add together Responsive Recent Posts With labels Widget In Blogger

Installation Steps:

Step 1. Log inwards to your Blogger trace of piece of job organisation human relationship as well as Go to your Blogger Dashboard.

Step 2. Now Click on -> Template -> Edit HTML.

Step 3. Now Search for </head> by Pressing Ctrl+F keys.

Step 4. Now Copy the below code snippet as well as glue it merely before/above </head>.

 <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <style type='text/css'> /* Responsive Recent Post Label Widget By www.Bloggersstand.com */ .bsdlabel1 ul,.bsdlabel2 ul{list-style:none;margin:0;padding:0} .bsdlabel1 li,.bsdlabel2 li{margin:0;padding:0;} .bsdlabel1 .widget,.bsdlabel2 .widget{margin:0;padding:0} .bsdlabel1 .widget-content,.bsdlabel2 .widget-content{border:1px enterprise #e9e9e9;padding:20px;margin:0;word-wrap:break-word;overflow:hidden} .bsdlabel1 h2,.bsdlabel2 h2,.bsdlabel3 h2{position:relative;margin:0;padding:15px 20px;font-size:16px;font-weight:700;text-transform:uppercase;color:#333;border:1px enterprise #e9e9e9;border-bottom:0} .bsdlabel2 h2,.bsdlabel3 h2{margin:20px 0 0 0;} .bsdlabel1 h2:before,.bsdlabel2 h2:before,.bsdlabel3 h2:before{content:&#39;\f1ea&#39;;right:10px;bottom:0;font-family:FontAwesome;font-style:normal;font-weight:normal;margin:0 10px 0 0;color:#ff675c;} .bsdlabel2 h2:before{content:&#39;\f1a8&#39;;}.bsdlabel3 h2:before{content:&#39;\f143&#39;;} .bsdlabel1 .index,.bsdlabel2 .index{font-size:10px;float:right;font-weight:400;} .bsdlabel1 .index a,.bsdlabel2 .index a{display:flex;color:#039be5;padding:3px 8px;border-radius:2px;font-weight:400;border:1px enterprise #29b6f6} .bsdlabel2 .index a{color:#ef6c00;border-color:#ffa726} .bsdlabel1 .index a:hover{background:#039be5;color:#fff;border-color:transparent} .bsdlabel2 .index a:hover{background:#ef6c00;color:#fff;border-color:transparent} .bsdlabel1 .index a:after{content:&quot;\f105&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:5px} .bsdlabel2 .index a:after{content:&quot;\f105&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px} .bsdlabel2 span.bsd_meta_comment a:hover{color:#38761d!important} .bsdlabel2 ul.bsd_thumbs li a:hover,.bsdlabel2 ul.bsd_thumbs2 li a:hover{color:#ff675c;text-decoration:none} .bsd_left{width:280px;width:45.7%;float:left;margin:0;padding:0 20px 0 0;border-right:1px enterprise #e9e9e9} .bsd_right{width:250px;width:47.5%;float:right;margin:0;padding:0} ul.bsd_thumbs{margin:0;padding:0} ul.bsd_thumbs li,ul.bsd_thumbs2{margin:0;padding:0} ul.bsd_thumbs .cat_thumb{position:relative;margin:0 0 15px;padding:0;width:280px;height:200px} ul.bsd_thumbs .cat_thumb img{height:auto;width:100%;transition:all 0.2s} ul.bsd_thumbs .cat_thumb img:hover{opacity:.9;} ul.bsd_thumbs2 li{margin:0 0 10px;padding:0 0 10px;border-bottom:1px enterprise #e9e9e9} ul.bsd_thumbs2 li:last-child{border-bottom:none;margin:0;padding:0} ul.bsd_thumbs2 .cat_thumb2{float:left;margin:0 10px 0 0;width:62px;height:72px;overflow:hidden} ul.bsd_thumbs2 .cat_thumb2 img{height:auto;transition:all .2s} ul.bsd_thumbs2 .cat_thumb2 img:hover{opacity:.9;} span.bsd_title{font-family:&#39;Roboto Condensed&#39;,sans-serif;font-size:20px;font-weight:700;display:block;margin:0 0 10px;line-height:normal;text-transform:none} span.bsd_title2{font-size:16px;line-height:1.4em;margin:0 0 3px} span.bsd_title a{color:#333} span.bsd_title a:hover{color:#ff675c;text-decoration:none} span.bsd_summary{display:block;line-height:1.6em;font-size:13px;text-overflow:ellipsis;margin:10px 0 0 0} span.bsd_meta{display:block;font-family:&#39;Roboto Condensed&#39;,sans-serif;font-size:11px;font-weight:400;color:#aaa;text-transform:uppercase} span.bsd_meta a{color:#aaa;display:inline-block} span.bsd_meta_date,span.bsd_meta_comment,span.bsd_meta_more{display:inline-block;margin-right:10px} span.bsd_meta_comment a:before{content:&quot;\f0e6&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px} span.bsd_meta_comment a:hover{color:#ff675c!important} span.bsd_meta_date:before{content:&quot;\f133&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px} ul.bsd_thumbs2 li a:hover,ul.bsd_thumbs li a:hover{color:#ff675c;text-decoration:none} @media enshroud as well as undefinedmax-width:1024px) { .bsdlabel1 .widget-content, .bsdlabel2 .widget-content {padding:20px 25px;} .bsd_left {width:50%;float:left;margin:0;padding:0;border-right:none} .bsd_right {width:46%;float:right;margin:0;padding:0;} ul.bsd_thumbs .cat_thumb {width:100%;height:auto;} ul.bsd_thumbs .cat_thumb img {width:100%;height:auto;} ul.bsd_thumbs li {margin:0;padding:0;} span.bsd_title2 {font-size:20px;line-height:1.2em;} span.bsd_summary {font-size:14px;}} @media alone enshroud as well as undefinedmax-width:768px){ .bsdlabel1 .widget-content,.bsdlabel2 .widget-content{padding:10px 20px} .bsd_right{width:100%;float:left;margin:0;padding:0} ul.bsd_thumbs2 li{border-bottom:0} span.bsd_summary,.bsd_left{display:none} span.bsd_title{margin:0 0 5px} ul.bsd_thumbs li{margin:0 0 10px;padding:0 0 10px;border-bottom:0} span.bsd_title2{font-size:18px;line-height:1.2em}} @media alone enshroud as well as undefinedmax-width:480px){ #bsdlabel1-wrapper,#bsdlabel2-wrapper{display:none}} @media alone enshroud as well as undefinedmax-width:320px){ .bsdlabel1 .widget-content,.bsdlabel2 .widget-content{padding:10px 20px} .bsdlabel1 h2,.bsdlabel2 h2{padding:10px 20px 1px 20px} .bsd_right{width:100%;float:left;margin:0;padding:0} ul.bsd_thumbs li{margin:0 0 10px;padding:0 0 10px;} span.bsd_title2{font-size:18px;line-height:1.2em}} @media enshroud as well as undefinedmax-width:260px) { .bsdlabel1 .widget-content,.bsdlabel2 .widget-content{padding:10px} .bsdlabel1 h2,.bsdlabel2 h2{padding:10px 10px 1px 10px} .bsd_right{width:100%;float:left;margin:0;padding:0} ul.bsd_thumbs li{margin:0 0 10px;padding:0 0 10px;} span.bsd_title2{font-size:18px;line-height:1.2em}} </style> </b:if> </b:if> 

Step 5. Now Search for </body> tag as well as re-create the below Javascript as well as glue it merely above/before </body> tag.

 <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <script type='text/javascript'> //<![CDATA[ operate labelthumbsundefinedt){forundefinedvar e=0;e<numposts;e++){var n,r=t.feed.entry[e],m=r.title.$t;ifundefinede==t.feed.entry.length)break;forundefinedvar i=0;i<r.link.length;i++){ifundefined"replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;ifundefined"alternate"==r.link[i].rel){n=r.link[i].href;break}}var u;try{u=r.media$thumbnail.url,u=u.replaceundefined"/s72-c/","/w"+thumb_width+"-h"+thumb_height+"-c/")}catchundefinedh){s=r.content.$t,a=s.indexOfundefined"<img"),b=s.indexOfundefined'src="',a),c=s.indexOfundefined'"',b+5),d=s.substrundefinedb+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb}var p=r.published.$t,w=p.substringundefined0,4),_=p.substringundefined5,7),f=p.substringundefined8,10),g=new Array;g[1]="January",g[2]="February",g[3]="March",g[4]="April",g[5]="May",g[6]="June",g[7]="July",g[8]="August",g[9]="September",g[10]="October",g[11]="November",g[12]="December",document.writeundefined'<span class="bsd_left">'),document.writeundefined'<ul class="bsd_thumbs">'),document.writeundefined"<li>"),1==showpostthumbnails&&document.writeundefined'<a href="'+n+'"><div class="cat_thumb"><span class="rollover"></span><img width="'+thumb_width+'" height="'+thumb_height+'" alt="How To Add Responsive Recent Posts Label Widget In Blogger template How To Add Responsive Recent Post Label Widget In Blogger" src="'+u+'"/></div></a>'),document.writeundefined'<span class="bsd_title"><a href="'+n+'" target ="_top">'+m+"</a></span>");var v="";ifundefineddocument.writeundefined'<span class="bsd_meta">'),1==showpostdate&&undefinedv=v+'<span class="bsd_meta_date">'+g[parseIntundefined_)]+" "+f+", "+w+"</span>"),1==showcommentnum&&undefined"1 Comments"==l&&undefinedl="1 Comments"),"0 Comments"==l&&undefinedl="0 Comments"),showcomment='<span class="bsd_meta_comment"><a href="'+o+'">'+l+"</a></span>",v+=showcomment),1==displaymore&&undefinedv=v+'<span class="bsd_meta_more"><a href="'+n+'" class="url" target ="_top">Read More...</a></span>'),document.writeundefinedv),document.writeundefined"</span>"),document.writeundefined'<span class="bsd_summary">'),"content"in r)var y=r.content.$t;else ifundefined"summary"in r)var y=r.summary.$t;else var y="";var k=/<\S[^>]*>/g;ifundefinedy=y.replaceundefinedk,""),1==showpostsummary)ifundefinedy.length<numchars)document.writeundefined""),document.writeundefinedy),document.writeundefined"");else{document.writeundefined""),y=y.substringundefined0,numchars);var $=y.lastIndexOfundefined" ");y=y.substringundefined0,$),document.writeundefinedy+"..."),document.writeundefined"")}document.writeundefined"</span>"),document.writeundefined"</li>"),document.writeundefined"</ul>"),document.writeundefined"</span>")}document.writeundefined'<span class="bsd_right">'),document.writeundefined'<ul class="bsd_thumbs2">');forundefinedvar e=1;e<numposts2;e++){var n,r=t.feed.entry[e],m=r.title.$t;ifundefinede==t.feed.entry.length)break;forundefinedvar i=1;i<r.link.length;i++){ifundefined"replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;ifundefined"alternate"==r.link[i].rel){n=r.link[i].href;break}}var x;try{x=r.media$thumbnail.url.replaceundefined"/s72-c/","/w"+thumb_width2+"-h"+thumb_height2+"-c/")}catchundefinedh){s=r.content.$t,a=s.indexOfundefined"<img"),b=s.indexOfundefined'src="',a),c=s.indexOfundefined'"',b+5),d=s.substrundefinedb+5,c-b-5),x=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb2}var p=r.published.$t,w=p.substringundefined0,4),_=p.substringundefined5,7),f=p.substringundefined8,10);1==showpostthumbnails2&&document.writeundefined'<a href="'+n+'"><div class="cat_thumb2"><img width="'+thumb_width2+'" height="'+thumb_height2+'" alt="How To Add Responsive Recent Posts Label Widget In Blogger template How To Add Responsive Recent Post Label Widget In Blogger" src="'+x+'"/></div></a>'),document.writeundefined"<li>"),document.writeundefined'<span class="bsd_title bsd_title2"><a href="'+n+'" target ="_top">'+m+"</a></span>");var v="";document.writeundefined'<span class="bsd_meta bsd_meta2">'),1==showpostdate2&&undefinedv=v+'<span class="bsd_meta_date">'+g[parseIntundefined_)]+" "+f+", "+w+"</span>"),1==showcommentnum2&&undefined"1 Comment"==l&&undefinedl="1 Comments"),"0 Comment"==l&&undefinedl="0 Comments"),showcomment='<span class="bsd_meta_comment bsd_meta_comment2"><a href="'+o+'">'+l+"</a></span>",v+=showcomment),1==displaymore2&&undefinedv=v+'<span class="bsd_meta_more bsd_meta_more2"><a href="'+n+'" class="url" target ="_top">Read More...</a></span>'),document.writeundefinedv),document.writeundefined"</span>"),document.writeundefined"</li>")}document.writeundefined"</ul>"),document.writeundefined"</span>")} //]]> </script> <script type='text/javascript'> var numposts=1,numposts2=6,showpostthumbnails=!0,showpostthumbnails2=!1,displaymore=!1,displaymore2=!1,showcommentnum=!0,showcommentnum2=!1,showpostdate=!0,showpostdate2=!0,showpostsummary=!0,numchars=150,thumb_width=280,thumb_height=200,thumb_width2=62,thumb_height2=62,no_thumb=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKj1Fvp0ZbcrkCXTs2_ng1ef2S8dRNolgYWs3BfwyhYMDGDKTNFXqdhizu1JH07MUMPyEbASnvmqtRrJkFDPzdih3jaMZeEvkwyYFCaow0Na73nTGDdrv14j75-oh1XAN2qTm45OiN4Zk/s1600/bsd_thumbs.png&quot;,no_thumb2=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHVbbsR7Gggq-_kYNaMQZG3ZpvruhFG_QOupvtMGYaYAz-KdH63AKTxl8UvwZgtKvkVncpnUBIGvvzrB1n6pY8Hvr2wrYGvnymKT_gnOa1bndJEemoIrYEDscpdhCVlmSaap6hVqhosAM/s1600/bsdthumbs_small.png&quot;; </script> </b:if> </b:if> 

Step 6. Now add together the code snippet to add together novel widget inwards layout , merely re-create the below code as well as glue it merely to a higher identify Blog1 Widget.To detect Blog1 widget merely click on Jump to widget push clit nigh salve template tab as well as choose drib downwards you lot volition detect id of Blog1 widget.

<b:section class='main' id='main' maxwidgets='3' showaddelement='yes'><b:widget id='labelpost' locked='true' title='Recent Posts From Label' type='Blog'>

You tin also add together the HTML  markup similar this 

 <b:if cond='data:blog.url == data:blog.homepageUrl'>       <div id='bsdlabel1-wrapper'>         <b:section class='bsdlabel1' id='bsdlabel1' maxwidgets='1' showaddelement='yes'>           <b:widget id='HTML80' locked='false' title='Widgets' type='HTML'>             <b:includable id='main'> <h2><span class='index'>&lt;a href=&#39;/search/label/<data:content/>?&amp;max-results=8&#39;&gt;View All&lt;/a&gt;</span><data:content/></h2> <div class='widget-content'> <script> document.writeundefined&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs\&quot;&gt;&lt;\/script&gt;&quot;); </script> </div> </b:includable>           </b:widget>         </b:section>       </div>       <div id='bsdlabel2-wrapper'>         <b:section class='bsdlabel2' id='bsdlabel2' maxwidgets='1' showaddelement='yes'>           <b:widget id='HTML81' locked='false' title='Blogging' type='HTML'>             <b:includable id='main'> <h2><span class='index'>&lt;a href=&#39;/search/label/<data:content/>?&amp;max-results=8&#39;&gt;View All&lt;/a&gt;</span><data:content/></h2> <div class='widget-content'> <script> document.writeundefined&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs\&quot;&gt;&lt;\/script&gt;&quot;); </script> </div> </b:includable>           </b:widget>         </b:section>       </div> </b:if> 

Step 7. Now Save Your Template. Step

8. Now Go to your layout as well as search for the widget label which you lot accept already added straight off merely click on edit push clit as well as alter your label squall as well as hitting salve button. Look below for example:

How To Add Together Car Related Postal Service Widget Inwards Blogger Post

Hello Folks,Today inward this article nosotros are going to explicate How to Add Auto related postal service links widget inward blogger betwixt post. However you lot guys are already using related postal service widget stick at same place.This blogger related postal service gadget plugin is different.When you lot add together this tool you lot tin reach the axe come across inward every postal service related postal service widget display at random house means house is non fixed it volition look anywhere within your blogger post.It volition also increment the bounce charge per unit of measurement of your website or blog, in addition to a rattling dainty way to proceed engaged readers amongst your blogger related content in addition to latest updates. Bloggersstand.com squad has developed this unique widget for you.
There is also i produce goodness you lot guys volition larn subsequently installing this auto related postal service widget within the blogger postal service volition increase the give away of page views in addition to also it volition meliorate the internal links inward your blog. To catch this  Automatic Related Post betwixt few lines within blogger post widget follow the steps mentioned below.  

How to add together motorcar related postal service widget inward every weblog postal service at random place

installation steps:

Style #1. 

Step .1 Go to https://www.blogger.com in addition to Sign inward to your account.

Step .2 Now From Blogger Dashboard click on ->Template ->Edit HTML.
Step .3 Now Search For ]]></b:skin> In Your Template By Using CTRL+F Keys.
Step .4 Now Paste the next below CSS merely higher upward  ]]></b:skin> tag.

/*Auto Related Post By www.Bloggersstand.com*/
.post-bloggersstand{display:block;position:relative;background:#fff;padding:0;margin:15px motorcar 20px;width:100%}.post-bloggersstand h4{background:#FF3300;padding:7px 10px;display:inline-block;font-size:12px;text-transform:uppercase;color:#fff;border-radius:3px;line-height:normal;border:0}.post-bloggersstand h4:before{display:none}.post-bloggersstand ul{margin:0;padding:0}.post-bloggersstand ul li{list-style:none;padding:1px 0;line-height:1.5em}.post-bloggersstand a{color:#FF3300;font-size:13px}.post-bloggersstand a:hover{color:#000;text-decoration:underline}

Step .5 Now Search for the next tag <data:post.body/> you tin reach the axe notice this tag ii or iii times but volition terminate at sec in addition to if non function  we volition select 3rd and alter amongst the below code.

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='post-bloggersstand'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=3&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<h4>Must Read</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
<div expr:id='&quot;post2&quot; + data:post.id' class='artbody' itemprop='articleBody description'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/3);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

Step .6 Now Look for </head> tag in addition to copy the below code in addition to glue it merely earlier </head> tag.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type="text/javascript">
//<![CDATA[
var relatedTitles = novel Array(); var relatedTitlesNum = 0; var relatedUrls = novel Array(); component related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break;}}}} component removeRelatedDuplicates() { var tmp = novel Array(0); var tmp2 = novel Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];}} relatedTitles = tmp2; relatedUrls = tmp;} component contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) furnish true; furnish false;} component printRelatedLabels() { var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); piece (i < relatedTitles.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}
//]]>
</script>
  </b:if>

Step .7 Now Save Your Template..Done !

Style #2.

Installation Steps:

Step #1. Go to blogger account > Template  > edit HTML
Step #2. Now Copy the below code in addition to glue it earlier the </head> tag.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var bsdrelated = novel Array(); var bsdrelatedNum = 0; var relatedUrls = novel Array(); component related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; bsdrelated[bsdrelatedNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[bsdrelatedNum] = entry.link[k].href; bsdrelatedNum++; break;}}}} component removeRelatedDuplicates() { var tmp = novel Array(0); var tmp2 = novel Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = bsdrelated[i];}} bsdrelated = tmp2; relatedUrls = tmp;} component contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) furnish true; furnish false;} component printRelatedLabels() { var r = Math.floor((bsdrelated.length - 1) * Math.random()); var i = 0; document.write('<ul>'); piece (i < bsdrelated.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + bsdrelated[r] + '</a></li>'); if (r < bsdrelated.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}
//]]>
</script>
</b:if>

Step #3. Now Copy the Below Css code in addition to glue it earlier ]]></b:skin> or </style>

/* Bloggersstand Auto Related Post */
.bsd-related{position:relative;padding:0;margin:15px auto;width:100%;}
.bsd-related h4{background:#768187;padding:8px 12px;margin:0;font-size:15px;font-weight:400;color:#fff;border:1px enterprise #2e88c5}
.bsd-related ul{margin:0;padding:0}
.bsd-related ul li{background:#f6f6f6;position:relative;list-style:none;padding:9px;margin:auto;line-height:1.4em;border:1px enterprise rgba(0,0,0,0.1);border-bottom:0;transition:all .3s}
.bsd-related ul li:nth-child(odd){background:#fefefe}
.bsd-related ul li:last-child{border-bottom:1px enterprise rgba(0,0,0,0.1)}
.bsd-related ul li:before{content:'\f005';font-family:fontawesome;position:absolute;margin:0 9px 0 4px;color:#2ecc71;overflow:hidden;transition:all .3s}
.bsd-related ul li:hover:before{content:'\f123';font-family:fontawesome;-webkit-animation:bounceright .3s alternate repose infinite;animation:bounceright .3s alternate repose infinite}
.bsd-related a{color:#768187;font-size:14px;margin:0 0 0 20px;text-transform: capitalize;}
.bsd-related a:hover{color:#0383d9;text-decoration:underline}
@-webkit-keyframes bounceright{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(3px)}}
@keyframes bounceright{from{transform:translateX(0)}to{transform:translateX(3px)}}

Step #4. Now Find <data:post.body/> in addition to supplant it amongst the below code.You volition notice it iii times select your put to look related postal service inward page.

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='bsd-related'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=3&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<h4>Must Read :</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

 Now Save your template Done.

How To Solve Duplicate Championship Tags Mistake From Webmaster Tool

Google Search Console has included approximately highly effective instruments that attention customers to heighten their website search engine marketing. And this search engine optimization enhancement resultant inward increased visibility on Google search engine.Blogger is probable 1 of the finest gratis cyberspace hosting platform together with a actually perfect house for a beginner to commencement out his weblog together with laid about incomes cash amongst out paying   excessive cyberspace hosting charges .However in that place are a lot of issues related to blogger ,and if these issues are unremarkably non addressed on fourth dimension yous could larn penalized yesteryear google panda together with penguin algorithms.There may locomote a number of mistake together with points come upward up whereas nosotros preserve our Web site. Amongst them Duplicate championship tags impacts our spider web site search engine optimization.

The duplicate championship tags m=0 together with m=1 are 1 of many primary issues amongst the blogger .These are the Url parameters that are discovered on the complete of your weblog permalinks, they actually exhibits a prison theatre cellphone model of your weblog, for instance:

 /2016/01/duplicate-title-tags.html
/2016/01/duplicate-title-tags.html?m=0
/2016/01/duplicate-title-tags.html?m=1

These duplicate championship tags warning messages could locomote discovered inside the Google webmaster musical instrument  within the HTML enhancement tab .These hyperlinks could also locomote inward hundreds together with should locomote fastened  in an endeavor to larn out on away from penalisation from google together with to heighten website positioning of an cyberspace site.

There are 3 ways to ready m-0 together with m=1 duplicate championship tag mistake inward blogger template.

Step 1

Fixing Through Google Webmaster Tool

First Go to Google webmaster tool > Crawl > URL Parameters > Configure URL parameters.

Click on add together parameter or if parameter “m” is electrical current click on edit together with create the adjacent settings every bit proven inward display covert shot together with click on save.

Now yous tin come across parameter m click on edit button.after that follow the below steps.

Just Change it to no, doesn't consequence page content.and yous are done.

Step 2

Fixing Through Custom Robots.txt inward blogger settings

First Go to blogger > Settings > Search preferences.

First Enable custom robots.txt content together with glue the below code inward it together with supplant bloggersstand.com amongst your domain/website refer together with click salve settings.

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Disallow: /?m=0
Disallow: /?m=1
Allow: /
Sitemap: http://www.bloggersstand.com/feeds/posts/default?orderby=UPDATED

Applying this setting volition disallow search engine to index one thousand parameter inward google search console.check afterward 10-15 days your all one thousand parameter m=0 together with m=1 volition locomote fixed.

Step 3 

Fixing Through custom robots header tags

First Go to blogger > Settings > Search preferences.

Just enable custom robots header tags together with employ the below settings proven inward the ikon together with ready your duplicate championship tags mistake from google search page.

Just click on highlighted boxes together with click on salve alter buttons together with yous are done.

How To Gear Upwards Adsense Ads Non Appearing Later On Using Https

Hello Friends, today nosotros are going to portion how to overcome adsense ads non look roughly times inwards novel published post.We bring already shared the tutorial on How to plough on HTTPS on your blog as well as How to add together website belongings to google webmaster tool for better  SEO effect inwards google search console. 

Google adsense ads non appearing on novel published post every bit good also on former post afterwards applying SSL inwards your blogger spider web log or website. We bring recieved thus many e-mail regarding this number to educate it. It's real slow to solve. This alter tin travel seen whenever you lot reveal novel article inwards your website all adsesne ads volition non look that agency novel published articles is non accessible yesteryear google adsense bots, it volition look in ane lawsuit adsense bots access your site.To brand your skillful accessbile brand certain to enable robots.txt on your blog.

Fixed adsense ads inwards blogspot using HTTPS

To overcome from adsense non look sometime inwards newly published post as well as also on former posts.To resolve this number delight follow the below steps.

Step 1. Go to your blogger dashboard>themes>edit html

Step 2. Now search for the below script yesteryear using ctrl+f keys inwards your template afterwards reaching delight take them.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Step 3. Now inwards your blogger template search for </body> tag as well as add together the below code merely before/above </body>.

<script type='text/javascript'>//<![CDATA[(function() { var advertizement = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();//]]></script>

 Step 4. Finished, Save your template.

Make certain you lot bring added all versions of your website belongings inwards google webmaster. And don't forget to add together your sitemap.xml.

If you lot are using Old robots.txt inwards your blogger website thus you lot postulate to take it now.

User-agent: Mediapartners-GoogleDisallow: 
User-agent: *Disallow: /searchAllow: /
Sitemap: https://bloggersstand.com/feeds/posts/default?orderby=UPDATED

 Change amongst it the next code inwards your blog:

User-agent: *Disallow: /searchAllow: /
Sitemap: https://bloggersstand.com/sitemap.xml

Replace bloggersstand.com amongst your Blog/Website name.

To teach your article index fast inwards google search engine delight submit the novel post at the below link:

https://www.google.com/webmasters/tools/submit-url

After completing higher upwards all the steps you lot bring overcome from your adsense ads non appearing inwards post afterwards turning on HTTPS on blogger/blogspot template. 

How To Cause Mixed Content Mistake Over Https Inwards Blogger

Hello Friends, inwards previous post nosotros bring already shared How to Enable HTTP to HTTPS inwards blogger custom domain. in addition to How to Submit HTTPS holding to google search console inwards webmaster.Today nosotros are going to say you lot How to withdraw mixed content error on blogger template later turning on http to https on website. 

If you lot bring enabled HTTPS setting on your blog in addition to thus you lot must cheque your website does non bring whatsoever mixed content error, In representative of mixed content employment occurs in addition to thus the HTTPS volition last inwards greyish instead of greenish secure padlock sign.look below inwards the picture:

1: Gray Exclamation Sign of Not Secure becuase of Mixed Content

2: Green Padlock Sign of Secure because no Mixed Content mistake (All Mixed Content mistake removed)

Mixed content error comes becuase of your website or spider web log soundless using or thus HTTP, Js Files, images, videos etc. Mixed content tin forcefulness out last constitute inwards within the template, widgets, plugins etc. Fixing of Mixed content is real tardily anyone tin forcefulness out ready this employment inwards minutes, AMP template users does non honour whatsoever mixed content becuase amp purpose entirely HTTPS source.

How to withdraw mixed content mistake from blogger template

mixed content mistake tin forcefulness out last removed easily.however removing method of mixed content is same for everyone. To ready the mixed content nosotros postulate to expect source code of the spider web log or website in addition to from in that place nosotros postulate to withdraw all HTTP to HTTPS. You tin forcefulness out inspect these points from yesteryear doing next method inwards google chrome:

go to correct side overstep corner click on 3 dots>more tools>Developer tools>Console or sources.

When you lot click on console your automatic sources volition opened upwards thus you lot tin forcefulness out purpose whatsoever option.

After visiting developer tools you lot volition encounter 2 types mistake 1 inwards yellowish color in addition to or thus other 1 inwards reddish color, you lot postulate to ready those mistake where it's written mixed content and later when you lot bring fixed the mistake your spider web log volition demonstrate greenish color sign of secure SSL.look below movie how mistake looks:

you tin forcefulness out encounter HTTP is showing nether the mixed content error. You simply postulate to watch your spider web log edit html in addition to withdraw HTTP to HTTPS. That's it folks !

How To Enable Http To Https For Custom Domain Inwards Blogger

Hello friends nosotros are in i lawsuit to a greater extent than showtime inwards sharing the blogger supports https for custom domain. nosotros e'er endeavour to serve best to our loyal visitors. Today nosotros are going to share, How to enable https inwards blogger custom domain from draft.blogger.com. However Blogger.com non yet announced the https for custom domain together with you lot tin orbit notice run across that on blogger dashboard at that topographic point is no information nigh this. But if you lot larn together with login from draft.blogger.com , when you lot volition larn to settings together with basic setttings department you lot tin orbit notice alter it's inwards nether trial together with you lot tin orbit notice enable it for at that topographic point for your custom domain, yet earlier it was available for alone gratuitous blogspot domains.

What is HTTPS?

HTTPS (Hypertext Transfer Protocol Secure) is an network communication protocol that protects the integrity together with confidentiality of information betwixt the user's estimator together with the site. Users aspect a secure together with someone online sense when using a website. We encourage you lot to adopt HTTPS inwards guild to protect your users' connections to your website, regardless of the content on the site.

Data sent using HTTPS is secured via Transport Layer Security protocol (TLS), which provides iii cardinal layers of protection:

Encryption—encrypting the exchanged information to piece of job yesteryear away along it secure from eavesdroppers. That agency that piece the user is browsing a website, nobody tin orbit notice "listen" to their conversations, rail their activities across multiple pages, or pocket their information.
Data integrity—data cannot live on modified or corrupted during transfer, intentionally or otherwise, without existence detected.

Authentication—proves that your users communicate alongside the intended website. It protects against man-in-the-middle attacks together with builds user trust, which translates into other trouble organization benefits.

Enable HTTPS for your custom domain

In guild to larn enable HTTPS on your custom domain larn to draft.blogger.com together with hence from dashboard larn settings>Basic as shown below inwards the screenshot.

Now you lot tin orbit notice seee HTTPS availabilty is on NO mode. Turning on HTTPS availability volition allow visitors to thought your blog/ website over an encrypted connexion yesteryear visiting https://www.bloggersstand.com.

In the stream of acitvation fourth dimension to HTTPS will take only about 2-3 minutes to enable. After it's  activated from HTTP to HTTPS your page volition refresh automatically together with does non conduct maintain long time. Look below inwards the flick how it look:

After completing the procedure of URL from HTTP to HTTPS your page volition refresh if it won't you lot refresh it together with your page volition aspect similar this now:

If your setting is similar this together with hence your spider web log url is changed to HTTPS from HTTP together with its fix to use. And you lot also enable HTTPS redirect to yes for blog/website to live on accessed using HTTPS only.If at that topographic point is whatever link alongside HTTP it volition automatically redirect to HTTPS together with also if your visitors conduct maintain bookmarked your spider web log alongside http together with they are accessing http they all volition redirect to HTTPS version of your website.

After activating the HTTPS for your spider web log your ads volition disappear for sometime. But you lot don't need to worry for anything google conduct maintain some fourth dimension to cheque your version for availabiltiy of adsense ads for your blog.

Now HTTPS is active on your website you lot need to alter few things.We recommend to everyone follow this pace for your blog.

• Edit all your urls from http to https of your blog.It's rattling slow to purpose only larn to your theme>edit html together with press CTRL+SHIFT+R at same fourth dimension together with piece of job into your one-time spider web log url i.e something http://www.domain.com inwards the box that appears correct side of the top corner together with click enter later that at in i lawsuit piece of job into your novel url alongside https://www.domain.com and click enter doing this volition supervene upon all your http urls to https but don't forget to conduct maintain backup earlier doing this.
• Now cheque your website template for mixed content error. if the https is non inwards greenish coloring together with it shows inwards dark coloring that agency your template has mixed content, showtime create the mix content together with hence it volition plough greenish Secure on  your blog.
• Also add together novel search belongings inwards google webmaster tool, nosotros conduct maintain already portion how to add together website belongings inwards google search console alongside using https. submit all types of url.
• Change your sitemap url robots.txt to HTTPS

Adding https to your spider web log at that topographic point is a i big create goodness is :

Google amend those site ranking inwards search console which are using HTTPS inwards thier websites or blog. So i volition for certain increase your ranking inwards google search engine.