Monday, May 17, 2021

Related Posts Widget with Thumbnails and Summary for Blogger

 There are several tutorials quite old which have explained different methods for displaying related posts in Blogger [1] [2] but in this tutorial, I will show you how to implement a very beautiful Related Posts widget that comes along with Thumbnails and Posts Snippets, as well. If you want to add it, follow the next steps below:


How to Add Related Posts Widget with Summary to Blogger

Read More

How to add Related Posts Widget to Blogger

related post, related post blogger, blogger tricks

Read More

Sunday, May 16, 2021

How to customize or edit the linkwithin related post widget

 LinkWithin is a very popular widget that shows the related posts with a thumbnail and although it is not a new gadget among bloggers, many avoid using it for its lack of customization. So, in this post we will see how to add LinkWithin on a Blogger blog and how to customize it.

LINKWITHIN

This is what we will do with this gadget:

- Change the location of the gadget;
- Remove the LinkWithin link;
- Change the "You might also like" title with any other text;
- Add rounded borders to images;
- Remove the border that separates posts;
- Add a background color;
- Change the background color on mouse over;
- Change the post titles color and font

Read More

How to Add an Admin Control Panel in Blogger

 A while ago I've posted some tutorials on how you can remove the Blogger Navbar or add a Peek A Boo Effect so that it would show only when we mouse over on top of our page.

Admin Comtrol Panel

Read More

How To Add A Tabbed Navigation Widget to Blogger

 The tabviews are elements that allow us to group in a single container various gadgets and these can be selected via tabs.

Its main function is to save space on the blog to avoid scattered gadgets in the same category so you can group multiple gadgets into one. There are several methods for creating tabviews, some require jQuery, other MooTools, or any other script.
Read More

Saturday, May 15, 2021

A Beautiful jQuery Drop-Down Menu For Blogger Blogspot

This time, we are going to make a stylish and simple jQuery drop down menu. The main objective is to make it as simple as possible, with some little jQuery effect and easy to customize/ apply different style on it. To style it into your own design, you just have to modify the a tag CSS style. You can change colors or put background images, or the size and color of text.

jquery menu, menu blogger

Read More

Replace Older, Newer And Home Blogger links with an image or text

 Newer Post, Home and Older Post are links that appear on the bottom of the posts. When a visitor click on one of these links, they will take him to the page with the list of your previous posts.


1. Log in to your Blogger Dashboard, go to Template > Edit HTML

Read More

Friday, May 14, 2021

How to Replace Older Posts and Newer Posts Links with Blogger Post Titles

 If you have ever visited a WordPress blog, you might have noticed that the blog pager on these blogs displays the actual post titles, not just links to the older and newer posts that you find at the bottom of your Blogger blog. This links are parts of the so-called blog pager which helps readers navigate between pages and posts.


If you want to increase your page impressions, one of the ways is to replace the older/newer posts links with the Blogger post titles.

Read More

How to add Css/Jquery fixed horizontal menu to blogger blog

This navigation bar gets semi-transparent when you scroll down the page and is slightly showing up by fading out and becoming almost transparent. When the user hovers over it, the menu becomes opaque again.

Inside of the navigation there are some links, a search input and a top and bottom button that allows the user to navigate to the top or bottom of the page.


Let's start adding it...

Read More

Thursday, May 13, 2021

How To Remove Navbar From Blogger

 WHAT IS BLOGGER NAVBAR?

Blogger has got a Navigation Bar that appears by default at the top of every Blogger-powered blog. This navigation bar can be very useful when you are blogging, but sometimes, it can get in the way. The Blogger navbar is usually hidden in most of the third party templates.

The advantages of it are the following:

- when you click on the B icon, it will take you to blogger.com
- a quick link to your Dashboard and "Sign in /Sign out" dialog
- you can easily search for other blogs
- you can "Flag Blog" (if you consider content of a blog objectionable)
- NextBlog - takes you to a random, recently-updated Blogger blog

The only disadvantage is visual. If you have customized design, Navbar just doesn't fit in.
So how we get rid of it? It is very simple. Just follow the next steps...

Read More