Blogger Widgets - Blogspot Tutorial - All About Blogger

Blogger Widgets

How to fix ads.txt file in Blogspot blog tutorial?

Most people are upset about to Fix ads.txt error. they received an error in their Google AdSense account and suffering this tension. I have Solution for you how to fix ads.txt issue, we will guide you step by step.

How to create ads.txt page in your Blogspot domain?

upload ads.txt file in your Blogspot subdomain tutorial step by step guide, easy to understand and no need to read the article and follow instruction. watch below video and follow it your ads.txt problem will be solved.
A copy was given below HTML code and paste it on Setting custom ads.txt. just follow the below guidelines. Thanks

google.com, pub-***********, DIRECT, f08c47fec0942fa0

How to add widget in a blogger blog header beside the logo

About blogger is sharing a tutorial that how to add a widget in a blogger blog header beside the logo. Add a gadget in HTML for the top right of the page.

how-to-add-widget-in-a-blogger-blog-header

How to add widget in a blogger blog header Step by Step

it will help you to add a gadget on the top of the right section, tutorial here to add a widget in a blogger blog header tips given as below.

  1. Open blogspot dashboard then go to template area and then click Edit Html
  2. Press Ctrl+f and find the this Code <b:section class=’header’ id=’header’ maxwidgets
  3. Replace the code ” class=’header’ ” with class=’header header-left’.
  4.  Now Find this Code <div class=’header-cap-bottom cap-bottom’>
  5. Paste this Code above it, <div style=’clear:both;’/>
    </div>
    </div>
    <div class=’header-cap-bottom cap-bottom’>
  6.  And Paste this Code Just Above it <b:section class=’header-right crosscol’ id=’header-right’ maxwidgets=’1′ showaddelement=’yes’/>
  7. It will Look like this
    how-to-add-widget-in-blogspot-blog-header
  8. Now find the </head> code and add CSS Code just above it.
    <style>
    .header-left{
    display: inline-block;
    float: left;
    }
    #header-right {
    display:inline-block;
    float:right;
    margin-right: -20px;     // optional :used to move widget on right side for adjustment 
    }
    </style>
  9. Click to save, Its Done

 

 

How to add widget in a blogger blog header Video Tutorial

 

How to Facebook Widget For Blogger Sidebar

Like Box, the option is the best option for Blogger, WordPress, and many another blog sites to connect their Facebook page with her/his website. Its design looks simple and stylish and you can change its colors and compare with your blog colors. It is a facebook plugin option and it allows page admin to promote their FB page and embed HTML code and easily feed of content from a page into another website. ( If you are a beginner in blogging then you should create a free blog first. you can read our 1st post. )
So we are using blogger and we will show you here that how to create a Facebook widget for blogger sidebar. We will Describe you with pictures. Ok, Let’s start.

Go to the Facebook social plugin Site. And there will be open form looks like below button.

facebook-like-box-widget
facebook page plugin form
Enter Facebook page URL here. There is your facebook page URL.
Note: If you do not select your username then you should select it first and after final URL past here.
You can select your width and Height etc..   and there is al
so extra features that you can see in this pictures.
You can use the extra feature like below.
  • Use Small Header
  • Adapt to the plugin container width
  • Hide Cover Photo
  • Show Friend’s Faces

 

When you check in this anyone feature then you can see preview below the Form, and after select your Design, Press get the code Button.
Your Final FB box looks like this
fb-like-box-widget
Final facebook like box widgets Preview

Ok, After that steps, a new window will be open and then select iframe and get the HTML code.

facebook-iframe-html-code
Facebook iframe HTML like box code
Copy this code and come back in your blogger section and go to Layout option.and add new gadgets.
add-a-gadget-in-blogger
blogspot layout section

And after add new gadgets, go to HTML/Javascript option and paste there that code.
Click to save button and then open your website and see your like box in the Sidebar. It Done.

how-to-add-html-code-for blogger
how to HTML/Javascript code in blogger
I hope you got it. if you like this post then please join our social media network.

How To Remove Blogger Templates Footer Credit? Foot Print Remove trick

Many Friends told me that how to remove blogger templates footer credit? because they do not show her/his footer credit to viewers. They want to show his/her blog sites as a professional. You can free download blogger themes online and remove its footer credit.

Blogger Templates Remove Footer Credit

We are going to introduce at the first time in this blog, about remove blog footer credit. We will describe you easy, simple and short words. Let’s start.

remove-footer-credit-in-blogger

Hidden-footer-credit-in-blogger

 

How to remove free blogger templates footer credit and make your own self-blog?

We had posted that how to download blogger templates and How to apply blog theme. if you did not apply templates then you must read the previous post. Today our topic is removed blog theme credit in blogger. so please follow below rules.
Go to your blog and then click Blogger Template button and after go to Html Code. Check Below Image.
blogger-template-and-then-click-html-code
After Edit HTML, the PHP coding templated will be open and just you need to search there id=’mycontent’   or  id=”mycontent” . You can find this code by Ctrl + F
And after the find, this just needs to replace this Code. id=”mycontent” style=”visibility: hidden”
and then click to save. and after you can check your blog template footer credit they must be hidden from my blog site. If you like this post then please like our facebook page and follow us on social media site.
blog-template-php-section
 
 
This is my fresh result after editing this code.
hidden-blogger-template-footer-credit

If you have any confusion then please comment us. we will help you so soon as possible.