How to Add Neat CSS3 Dropdown Menu in Blogger

Here's another simple yet amazing dropdown menu with pure CSS3 made by Andrew from script-tutorials.com with some slight modifications so that it can be easily adapted to our Blogger template.In the upper right side of this menu, we have the contact links and social media icons for Facebook, Twitter, Google Plus and RSS feed. Below these links, there is the drop-down navigation...

Read More

Share Blog Posts in Social Media using AddThis

AddThis is the most complete social sharing service allowing you to share your posts in more than 270 different social networks. If you want to use the AddThis widget and get the AddThis sharing buttons, this tutorial will show you how to register and add this feature on your blog. Plus, you will get to know some of the customization options of these buttons. So let's get...

Read More

CSS3 Transition Property Basics

While browsing some sites, we can see an interesting effect on some links. Most of the time, when you hover over a link, something changes in its style: it will either change its color or background, or will become underlined.What about this cool effect that consists in gradual transition from one style to another that you can see in the example below:Hover Over Me!#example7...

Read More

Add Author's Profile Picture and Name in Multi Author Blog

In this tutorial, we will see how to add the author's profile picture and name on a Blogger blog just below the post title. Not only that this can give your blog that personal touch but attaching an image to your blog posts in Blogger can help visitors identify, and perhaps have a level of trust with you. Also, this could be a great addition to blogs with multiple authors,...

Read More

PageRank Checker - Check Your Google Page Rank

PageRank is an algorithm used by Google Search to rank websites in their search engine results. Page Rank was named after Larry Page, one of the founders of Google as a way of measuring the importance of website pages.What is Google PageRank and Why Is It ImportantAccording to Google:"PageRank works by counting the number and quality of links to a page to determine a rough...

Read More

The difference between white hat SEO and black hat SEO

The search engine optimization (SEO) is a good way to promote your blog on Google search results and other search engines. For those who don't understand how SEO works, here you can find several SEO articles that might help you, but we need to be also aware of the good and bad SEO techniques that could have a direct impact on our ranking.This article will shed some light on...

Read More

Add floating social media sharing buttons below Blogger post titles

It is becoming increasingly important to make our posts appreciated and shared on social networks and one of the best ways to get traffic to our blog or site and boost sharing stats is to add social sharing buttons.In this tutorial we will see how to add a floating social media sharing bar below the title of Blogger posts, so when a reader scrolls down the page, he will still...

Read More

Add A CSS Animated Share Button on Blogger

I saw this on Paulund, a highly recommended site with a good collection of snippets, i.e. a collection of different codes that develop small utilities, all of these being applicable to web design.In this tutorial, we will see how we can add a similar share button on Blogger with a really cool hover effect and 4 social media icons with links to share the current page on Facebook,...

Read More

Orbit - jQuery Image Slider Plugin For Blogger

This tutorial will show you how to add another beautiful image slider for Blogger / BlogSpot made with jQuery and, of course, with HTML and CSS. This slider, called Orbit, is a lightweight jQuery plugin that will display multiple images in a limited space using navigation arrows (previous-next buttons). On the upper left of the Orbit slideshow, we have some small bullet icons...

Read More

jQuery Sliding Panel with Expanding/Collapsing Content for Blogger

Many times when we think about creating a blog, we tend to put many gadgets, although many are not necessary, or perhaps only a few of them. In order to add the gadgets that we want, we need to have enough space. A solution would be to use an expanding/collapsing menu that is hidden and expands when the user clicks on it.Originally, this plugin called Sliding Login Panel was...

Read More