Posts

Showing posts with the label Blogger Widgets

How To Remove Powered By Blogger - Attribution Widget?

Image
As we all are aware of Blogger's default Attribution widget. This shown up by each and every newly created blogger (blogspot) blog. Most of the bloggers remove it from their blogs to give the blog more professional and classic look. So today we will learn two different easy ways through which we can easily remove blogger's default "Powered by Blogger" attribution widget. Most of the people think that Google might ban their blog if they will remove that credit attribution link but it is not true at all. You can remove that credit link without any hesitation if it does not suits your blog. So lets start the tutorial and also Checkout these: BigRock Coupon   to save your money on BigRock Domain and Hosting Purchase. Steps to Remove "Powered by Blogger" Attribution Link : Method 1 : First of all, go to blogger template option, and click on the Edit HTML option. ( as seen in the below screenshot) Now Click to Jump to Widget and select Attr...

How To Hide/Remove Blogger Navbar?

Image
Blogger platform has many cool features thats why most blogger like and prefer it. Also, a new blogger blog contains many widgets which some people like but some dislike. They are Attribution widget , favicon and so on . One such widget is Blogspot Navbar (Navigation Bar) as some bloggers like this widget as it allows visitors to Follow, Share and Search your blog while some bloggers dislike it as this is not professional looking so they want to remove it. So today here we will learn the best 3 ways to completely hide/remove blogger navbar widget easily. How to Remove Blogger (Blogspot) Navbar? Method : 1 Go to the Layout section of your Blogger blog. Click on "Edit" link of Navbar widget and you should be in the Navbar Configuration window.​ Blogger navbar configuration window.  Choose "Off" and click on "Save" button. Method 2 : Go to Blogger Template > Edit HTML. Search for </b:skin> and just above it paste the fo...

How To Create Full Width Page And Hide Sidebar In Blogger

blogspot user we thought that hiding a blogger blog and create a full width page with no sidebar. Check Out Demo Of Full Width Page Removing Sidebar and Increase Width of  Pages: Just follow the below simple steps to hide sidebar in your certain blogger page or post : 1. Go to Blogger.com >> Add New Page/Post 2. Now select Edit HTML tab of Blogger Template. 3. Paste the following CSS : <style> #sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;} #main-wrapper { width:99%!important;} .post { width:99%!important; } </style> 4. Replace width:99% according to your needs, you can even uses pixels instead of percentage i.e. 960px. Additional Coding : If you also want to hide Titles from a certain page, then just paste the following code before </style> in above coding. ( it will not effect crawling as bots can easily see these things) .post-title, .pos...

How To Unlock And Remove Locked Blogger Widgets?

Image
new blogger template from a third party source then many widgets in that template have missing remove option as they are locked which makes them non-removable. In blogger default template too, you will find out many such widgets as navbar , powered by blogger attribution and so on. These widgets are locked using html and can easily be remove by making few changes in your blog's html. Today I will share those easy steps by which you can unlock locked widgets and remove them completely from your blogspot blog. Removing Locked Widgets in Blogger (Blogspot) : First of all, you need to find out the unique Widget ID of the widget you want to remove, so move on to  Blogger Dashboard > Layout >  Edit the Widget which you want to remove. Now a popup window will appear, look for widgetid= in the address bar. Check the below picture for assistance. After finding the unique widget id copy and save it at a safe place. Now go to Blogger Dashboard Template > Edit HTM...

How To Add Google Custom Search Engine To Blogger?

Image
blogger navbar provides a search box and there is also a search box widget for blogspot blog . The main drawback of this search engine is that it does not provide the exact matches to some extent. The best solution for this is Google Custom Search Engine. It provides the right content exact to the search, also it has professional looks too. You can easily change it looks according to your needs and your blog design. Moreover, you can monetize your search using Google Adsense too. So lets start the tutorial on how to add custom search engine to your blogger (blogspot) blog . Creating Google Custom Search for Blogger : First of all, click this link to go to Google Custom Search , once you are on the page you will see a blue button with a text on “Create a custom search engine” click on this button. You will be seen a page having a URL and language settings, Fill you site details accurately there. From the language drop down, select the language for your search engine then...

Stylish Popular Posts Widget With Round Thumbnails For Blogger

Image
Popular Posts  blog's template easily. So let's start the tutorial on how you can easily add a stylish popular posts widget to your blogspot blog. Add Stylish Popular Posts Widget to Blogger Blog: First of all, you need to add Blogger's default Popular Posts widget to your blog and using some CSS coding, modify it accordingly to your needs. So, follow the below-given steps. Simply, Go to Blogger > Layout. Click on Add a gadget link and Choose Popular Posts gadget from the gadgets list. Now make following settings:  Set most viewed to Last 7 days (preferred) or you can set it according to your needs. Check image thumbnail and snippet to show thumbnail along with post summary. It will make our gadget spicier. Select no. of posts you want to show. In this example, I am selecting 6. You can show at most 10 posts. (Take a look at the picture below.) Save the widget and head on to the steps mentioned below. Now Go to Blogger > Template....

How To Add Cute Flying Twitter Bird To Blogger Blog?

Image
To be a successful blogger, you must know how to use social media properly to drive traffic to your blog. Twitter is the second most popular social media, having 328 million active users monthly. So every blogger must have twitter profile for his/her blog and keep it updated with latest posts in the form on tweets. Today, we are going to share a great blogger blogs . This widget will surely increase your blog's presence on Twitter as this widget is cutest blogger blog which allows visitors to follow your blog and tweet the blog posts. This will fly across the webpage as the mouse cursor move. You can check the live demo of this beautiful widget on this blog post. Simply scroll up and down this page and you will see a cute twitter bird flying . So, lets start the tutorial on how you can add this beautiful twitter flying bird to your blogger blog. How To Add Animated Flying Twitter Bird To Blogger: Simply follow the below steps to add this animated twitter flying bird widget...

How To Create Beautiful Contact Us Page For Your Blog?

Image
Getting in touch with your audience is very crucial to understand your audience and to gain their trust by answering their messages and solving their queries. Blogger by default provides Contact widget which can be added through Layout section of your blog. The disadvantage of this widget is that it is not good looking and has very few columns. If you want a contact form for to create a create a beautiful and professional looking Contact page for your blog.  The live preview of this contact page can be seen by clicking below: Check Out Demo Of Contact Page How to Create Beautiful Contact Form? : You just need to follow below simple steps to create a classic looking contact form for your blog. After creating the contact form, we will roll our fingers towards adding it to our blog. Go to www.Formlets.com  and Click on Start now Forever Free> tab. Enter your details and click on Sign-up. Add a New Form and click on the fields you want in your contact f...

Stylish Recent Comments Widget With Avatar (Thumbnails) For Blogger

Image
Are you looking to add a recent comments widget to your blogger blog? Recently, one of our readers demands us to cover an article on adding beautiful recent comments widget for Blogspot blogs . That's why in this article I will show you how you can easily add an elegant looking recent comments widget which also shows gravatar thumbnail of the commentator. Isn't it cool? Yes! It is. So before adding this widget to your blog, let's check out its live preview below. Also, Check:   Stylish Popular Posts Widget With Round Thumbnails for Blogger Live Demo Why Add Recent Comments Widget? There may be any particular reason why you want to add this widget to your blog but I have listed below major needs to add this classic widget. People use to add this widget mostly to bring more professional looks to their blog. Check out recent comments on their blogs and moderate them easily. How to Add Stylish Recent Comments Widget with Avatar on Blogspot Blog? ...

How To Add Breadcrumbs Navigation In Blogger?

Image
Breadcrumbs navigation is an awesome way to help your blog's visitors and let them easily surf pages across your blog. It is a perfect and ideal way to allow the visitor navigate to the older page with ease. Breadcrumbs navigation shows your homepage as well as category page linked to that post so that the visitor can track back to the desired category and check out more contents about that particular category. So today, we are going to explain the easiest way to add breadcrumbs navigation to blogger blog and also we will discuss some of its major advantages too. So let's start rolling your fingers on the tutorial. Before heading directly to the tutorial, let's know what actually are breadcrumbs navigation. What are Breadcrumbs Navigation? Breadcrumbs navigation are the navigation links which allows a user to keep track their location on a website. It provides a user-friendly interface so that user can navigate back to the category attached to the landed page. Bre...