How To Creat Sticky Sidebar Widget-100% Working Tips

Hi friends. By the way, you all have one website. And in that you want to do such a theme which also has a sidebar.Well there are lots of themes available in Google that are free. And also premium But everyone has a sidebar, but not friendly. Todays post we are discussing How To Creat Sticky Sidebar Widget-100% Working Tips .

It's very important to have friends And nowadays all the Sticky menus seem to be on her blog. This is also important in the same way.

Because after installing it you can promote anything in your website. And you can also put a adsense ads.So now you have come to know not how important it is. So what are you thinking now? Does it have to be installed or not?.

Relationship advice From Pyar Me India

If your answer is yes, then let's tell you the full process. Very simple And I'll give you some nice tips.By following that you will be able to find it comfortably by following it. Without any problems. So let's start now.

You can add anything on your website. Here you can add the subscribe button too. And you'll add adsense ads it too. Which means your income will be very much. And also much more

Creat Sticky Sidebar Widget In Blogger

The way I am telling this is for those people who can not add it properly. And I'm writing about this problem Solution.

👉First you going the your blogspot dashboard.

Then TEMPLATE option. Now see right side EDIT HTML option. Simply click it.

Now press Ctrl-F . Search box. And search </body> tag. You can find this code end of template.

👇Copy this code bellow here. And paste it Above on </body> tag .👇

<!-- Credit By Gourab Design-->

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'><script type='text/javascript'>//<![CDATA[$(function() { if ($('#HTML1').length) { // Ganti "#sticky-sidebar" dengan ID tertentu var el = $('#HTML1'); var stickyTop = $('#HTML1').offset().top; var stickyHeight = $('#HTML1').height(); $(window).scroll(function() { var limit = $('#footer-wrapper').offset().top - stickyHeight - 20; // Jarak berhenti di "#footer-wrapper" var windowTop = $(window).scrollTop(); if (stickyTop < windowTop) { el.css({ position: 'fixed', top: 65 // Jarak atau margin sticky dari atas }); } else { el.css('position', 'static'); } if (limit < windowTop) { var diff = limit - windowTop; el.css({ top: diff }); } }); }});//]]></script> </b:if> 

<!-- End This Credit By Gourab Design-->

How To Creat Floating Sticky Sidebar In Blogspot

 Please note to all :- Replace #HTML1 TO YOUR WIDGET ID.

Vistors if you showing to this awesome looking in mobile version. So simply replace false with true on first line in above script ok.

Also read :- 404 custom error page Problem Solution

Finnaly replace also footer-wrapper with your footer wrapper unique id.

Add bellow script on css code  for widger settings.

&lt;b:if cond='data:blog.isMobileRequest == &amp;quot;false&amp;quot;'&gt; #HTML1{width:100%;max-width:300px;text-align:center;} &lt;/b:if&gt;

 Finally you are 100% done😋😋. Visit your website and see the result.

>>
If you have any problem then please tell me I will help you immediately.If there are any questions in the mind then it is ask me ok? And Share this post to all social site. Thank you guys.

Solution The Problem Of Custom Error Page In Blogger

Hi friends. After a long time I thought that you can write a good post for the logo. All that I think is necessary.Why is it necessary? And I'll tell you everything that's used in today's post Solution The Problem Of Custom Error Page In Blogger.

Which has a website on Blogger. And every day he writes a new new article. All the articles for them are very imporant.

But in this case, any one article gets deleted due to any reason. Then its link becomes broken.Anyone who visits the same link, the link of the same article appears in the error. Which it can be dangerous for your website.

This causes many losses. Just like your visitor can not reach your website. And due to this, your readership starts decreasing.

And because of this, the effect is also on SEO. And your blog starts to slow down slowly. You probably will not have the Solution of it.We will give you full information about this. Which can fix it. And yes you can also rank it.

Add stylish contact us widget in your blogspot

How To Redirect 404 Error Page In Home Page Blogger

See I run 3 websites. My first and famous website is Pyar Me India. This too is very special to me.And I know how to rank my whole blog well. I share the same idea with everyone as much as I have known. So that everyone can get help.

Every day so I do not write post then know But try to give you all the proper tips. Which is the need of everyone.

Understand your 10 posts in your website. So you removed 1 from this. So the link to which it belongs is left in Google.

And when someone visits this url, it looks like it is not currently available. Because of which she goes back.Do not know how to access your website. How to fix it I am telling the full process of this. Is it okay to read carefully?

The show looks like this is right.

👉Oops Page Not Found, 404 Error. The page you are looking for is Unavailable, The requested URL was not found on this server.👈

How to deal with 404 error page in blogger

👉First you going To Your dashboard.

Then see the SETTINGS menu. 

Press this . Now you will see 

>> search preferences >> custom page not found)

Copy the full code given below. Then paste it into the same box.👇👇

If there is any problem in adoring this, then comment me and tell me. I will reply immediately.And yes it's right to add it. As it is written exactly the same.

<h1>Oops 404!</h1>

<br><b>The page you are looking for may have been renamed or does not exist in this server.</b> 

<br><br><b>You will be redirected to homepage shortly.</b>

<script>

blogger_redirect = setTimeout(function() { location.pathname= "/" }, 7000);

</script>

 

How  to set custom page not found in blogger

From now on, visitors visits to your blog, the custom page not found will be notified of errors and will be redirected immediately. In the code above where 7000 milliseconds ,,have a transfer time, you can change your mind.

I hope this article blogger 404 redirect will help you .edit this pages to Blogger through the home page sent to Blogger. In addition, you learned several possible solutions for handling 404 error pages on Blogger. Please share this article and feel free to leave your comments below.

And if you are new, please subscribe to my website. So that my incoming new post gets notifications free.

How To Add Stylish Contact From Page On Blogger

There is also a professional website on the internet. Looking at his blog, every kind of page will be found. Through which every visitor knows them by contacting them.And not the same. There are some pages that are very important for every old and new wbsite. Todays topic we are discussing How To Add Stylish Contact From Page On Blogger .

In addition to such pages if your website is not in your website, your reader will never be able to contct you. And due to this the adsense will not even be allowed.

In today's topic, we will teach you how you can make that page for your website, and that too easily.As far as talking, many posts will be found on the internet. But that simple does not happen at all. The more simple tips I will tell today.

Due to this page your site will become professional. Your article reader will be assured. If they need help then he will be able to tell.When you use a custom theme, this page will already appear in the sidebar. That's not right.

I am telling you the following process to read it well. And use whatever is written.

Also check :- How to add back to top button widget

How To Add Contact Us Page On Blogger

First you go to the your DASHBOARD.  Then see TEMPLATE option.  Simply click it.  Now see the right side. There EDIT HTML option. click on. 

First you need this meta tag for <head> code bellow.

<meta content='Gourab Das' name='author'/>
<meta content='exampl@gmail.com' name='email'/><link href='https://plus.google.com/117551011293165571384/posts' rel='publisher'/>

<link href='https://plus.google.com/117551011293165571384/about' rel='author'/>

<link href='https://plus.google.com/117551011293165571384' rel='me'/>

You can edit this code and enter your id or name ok. Its Important mind it.👆

*** Now Go To Dashboard >> Pages >>  Click New Page Button >> Change Compose To HTML.

👉COPY THIS CODE 👇 AND PASTE IT THIS HTML TAB👈

Creat custom contact from for blogger

<script> var blogId = 'ENTER YOUR BLOG ID HERE';//this number should be mandatorily edited. //The below message 5 Strings can also be edited var contactFormMessageSendingMsg ='Sending...'; var contactFormMessageSentMsg = 'Your message has been sent.'; var contactFormMessageNotSentMsg = 'Message could not be sent. Please try again later.'; var contactFormEmptyMessageMsg ='Message field cannot be empty.'; var contactFormInvalidEmailMsg = 'A valid email is required.' var widgetLoaded=false; function sendEmailMsg() { if(widgetLoaded== false) { _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); widgetLoaded=true; document.getElementById('ContactForm1_contact-form-submit').click(); } return true; } </script> <form name='contact-form'> <div>Your Name : </div> <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/> <div>Your Email: <em>(required)</em></div> <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/> <div>Your Message: <em>(required)</em></div> <textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea> <p></p> <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send' onclick="sendEmailMsg()"/> <div style='text-align: center; max-width: 450px; width: 100%'> <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p> <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p> </div> </form>

 how to add contact us page in blogspot?

 👉 See this code first line :- ENTER YOUR BLOG ID HERE.  There simply add your id. Ok. can find this ID on the URL bar of your browser when you are on any page on your  dashboard. This blogID is required to generate the code for the new these page. 👈

Disable comment . And then save it ok. Now check your website. Visit this page url. Then see elegant stylish  That page.

Abobe all code is made by Gourabdesign. This code is very clean or responsible and seo friendly.

Impress any girls at first glance . Best love tips in hindi

❤️ Author Note  ♡♡

You can customise the NAME, MASSAGE , SENT  is the html area in the above .

👍 Advantages 

*Your visitor will be able to find you immediately. When he needs help.

*Everyone on your website will trust. And due to this the ranks will also be soon.

*Your traffic will increase. Everyone who likes will also come.

Thank you for reading this post. Please share it with all the friends. So that everyone knows about this.If you have any questions in mind, then ask for a comment. Thank you. Bye. take care of yourself.

All In One Yoast Seo Pack For Blogger

If your website is new. And now you've created new blogs on Blogger So you would probably know about sleeping. It is all about knowing how important it is.There are some rules that we all have to follow. If Ignored it. Or if you do anything on its website, your website will never Will not rank. Todays topic we are discussing about All In One Yoast Seo Pack For Blogger .

Let me tell you today about the simple code. Which you have to put on your blog Whatever you use the theme, you have to apply it.

Looking to see your website rank faster than Google, Bing Search Engine! I myself used this trick to bring my website PYAR ME INDIA to No.1.

After that I have been using this trick on my blog too. So let's tell everyone about this.Friends for this, I recommend all of them. What's new is that too. And what is old is also there. This is necessary for everyone.

Best Yoast Seo Pack For Blogspot (Blogger)

After reading the process that is being shown below and after reading it, follow the step by step in what is written.

1: - Get your website logged in. Where you want to apply it.

2:- After coming to the Blogger dashboard, look down the( theme) options. Click it.

3:- After this, look (EDIT HTML) in the right side will look like this. And touch the same once.

4:- Then you will be in your template. Now click anywhere on here by using the mouse. And write CTRL+F. The watch search box will open.

5:-Type the same search box by typing the <head>. This code will be found inside the theme.

6:- after your finding <head> tag. Now copy bellow code 👇 and paste it this tag bellow here.

7:- Then Save Template.

yoast seo code for blogger

👇

<!-- All In One SEO Pack for Blogger by: https://www.gourabdesign.com Start -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex, nofollow' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' name='keywords'/>
<meta content='index, follow' name='robots'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageTitle != data:blog.title'>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/></b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit'/>
<meta content='1 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='en-us' name='language'/>
<meta content='IN' name='country'/>
<meta content='@twitter.com/TechnicDost' name='twitter:site'/>
<meta content='@TechnicDost' name='twitter:creator'/>
<meta content='Gourab Das' name='author'/>
<meta content='exampl@gmail.com' name='email'/>
</b:if>
<!-- All In One SEO Pack for Blogger by: https://www.gourabdesign.com End -->

👆

Advantages  free seo plugin for blogger

After using it, you will get many benefits like:- 

1:- Showing your content title before your blog title in search results.

2:- it has added seo ready robots header tags.

3:- also its optimize comments.

4:-convert ur post title in to Dynamic .

5- Search engine optimization for Archived articles.

6:- also added fully meta tag . 

7:- verification code you add very simple procces.

8:- search console daily crawl your Wbsite.

9:- also Optimizes All images .

10:- you can write and set language.

11:- google plus author profile or twitter id added so its most important.

We sincerely thank you for reading this post. If you get some benefit from it, please share it on social site.

So that everyone can benefit. And if you have any questions in mind then definitely ask me. I will reply immediately.

How To Stop Automatically Windows 10 Updates

Hi friends. For many days I was thinking that you have given a new information to all of you. Whoever asks me at all times my vigilants I can not reply again and again.So thought I'd write a new post. So that everyone can get help. And can be better understood by everyone. Is a post How To Stop Automatically Windows 10 Updates.

If you have a new computer Or buy a new laptop. Once turned on, you will be asked to update once.Then you update But as soon as a few days goes, it asks for updates again. And on the computer screen it comes automatically automatic.

If you do again, you will come back again after a few days. And anyway there is no need for such updates. And it does not seem to be good at times.

And you may not even know about closing it. So I thought I would be the perfect guide. Very Simple Friends I explain step by step.

There will be some settings to turn it off. Which I will tell below. But one more thing you would like to say most.See, updating windows from time to time is also important. Mean once in 2 months. Or, if possible, do it once in a month.

There is no need to do it again and again. So now let's know what to do.

How To Desable Windows 10 Automatic Updates

*Fisrt you open your computer.

*There will be a viewing screen on the computer screen. Search by typing (service) in it. The final watch service box will open.

*Next scroll down and see this words:;( Desable Windows Update Service).

*Then Right Click your mouse. Finally click the (Properties).

*Now select Starup type . And Desable it. Nw press OK button.

👉YOU ARE DONE 50 %👈

👌Finally You now Turn on { METERED CONNECTION}

Go to setting. Turn on the metered connection and it will be ON.

😋😁😁😁😁😁You are almost done 100%.

turn off auto update windows 10

Friends, now everyone will have come to know. I hope you have benefited from this article. If the answer is yes so Please share it in the social site. If you have any questions in your mind then let us know by commenting and commenting to us.

Also see:- How to add back to top button widget in blogger

I'll reply as soon as possible. And if there is any problem related to someone else's love, then go to this website. PYAR ME INDIA.

thank you friends. Now we go Taking a new formula tomorrow. Bye. Take care to all.

How To Add Back To Top Button Widget In Blogger

Hi friends today I have brought all of you back for a great topic. Which you would love. Because it is important for all. For those who are creating a new website and for those who are old, it is also important for them. In today's post we will discuss about this How To Add Back To Top Button Widget In Blogger.

You might have seen that there is a button to go up right below the professorial website. Therefore, because as much of their visitor has no problem to go all over again. There will success be only those who will think for visitors. If you think for yourself then you are doing wrong.

Look at my blog only. When you go to the lower side, there will be a button to go up one on the right.Do you also want to put this widget on your blog like me?

If the answer is yes then I will teach you the complete process about it. So that nobody has any problem.

It's very easy. And simple too. It will look good to whatever comes in your website. And he will heart to come again . So let's then start guys.

How to install custom stats widget

Add Back To Top Button in Blogger

👉Go to Blogspot Dashboard. >> Edit Html >>

now Find </head> tag.

Copy 👇This code. And paste it above </head> tag.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>

Now SAVE TEMPLATE . You are 50% done..........

 Nw Back to Blogger. Click LAYOUT option. Now "Add Gadget" . Then click the HTML/JAVASCRIPT gadget.

Copy bellow back to top html code for blogger and paste it this content area box.👇

<script>
jQuery(document).ready(function() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('.back-to-top').fadeIn(duration);
} else {
jQuery('.back-to-top').fadeOut(duration);
}
});
jQuery('.back-to-top').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
return false;
})
});
</script>
<style>
div#page {
max-width: 900px;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.back-to-top {
position: fixed;
bottom: 2em;
right: 0px;
text-decoration: none;
color: #000000;
background-color: rgba(235, 235, 235, 0.80);
font-size: 12px;
padding: 1em;
display: none;
}
.back-to-top:hover {
text-decoration: none;
}
</style>
<a href="#" class="back-to-top"><img src="https://1.bp.blogspot.com/-eNPwC_O74Mo/WR9GirKOGTI/AAAAAAAAI1I/GXVx5JDiW5kWCaMZSrF6F-4CmHoGxuiJACLcB/s1600/2.%2BBack-To-Top%2BButton%2B-%2BTechtspot.png" alt="Back to Top" / ></a>

 Simply save this. You are done 100% 😋😋.👍

Bayna Fast Blogger Template Latest Version

Seo Optimization Tips 

Now all of you have come to know about it. I had already said that it is a very easy way to do that.If you ask me, I was also in first concern. But since I came to know about it, I was very happy.

If you have any problem, please let me know. I'll try to reply immediately.

How do you like this post? Please be sure to comment . And if anything comes, then share it in the social site. So that everyone can get help.

Bye friends I will share something new to you every day. take care of yourself. Have a great day..