Blogger Design

Remove navigation bar directly without using any hacks

Remove navigation bar directly without using any hacks

Blogger now allows to remove navigation bar. We don’t need to use our dirty CSS tricks to hide it any more From now on, we can remove navigation bar without using tricks. Blogger explicitly didn’t state about it. But it is available now. How to remove navigation bar Go to Layout and Click on Edit(…)

Read More

How to implement twitter cards on blogger/blogspot blogs

How to implement twitter cards on blogger/blogspot blogs

Twitter started to support microformats by the introduction of Twitter cards. This will help to show the summary, thumbnail, site twitter handle, URL etc while tweeting. This is similar to open graph protocol of Facebook and Google+. Here is how to implement it. Twitter card is the new way of showing our content in a(…)

Read More

How to implement open graph protocol in blogger/blogspot blogs

How to implement open graph protocol in blogger/blogspot blogs

Facebook, Google+ and many other sharing services uses Open Graph Protocol(ogp) as a mark up language. Here is a guide to implement the protocol on Blogger. Facebook introduced ogp as their markup laguage in 2010. It helps the Facebook to understand in a structured way. By using thes tags, we can mark certain things are(…)

Read More

Remove or replace home link and box from Blogger template

Remove or replace home link and box from Blogger template

In the footer of Blogger template, there is a home page link. Usage of that link is very rare. We can remove this link by a simple template edit. The home link in the footer of blogger template is usually not useful because it is not in a important position. We can change the position(…)

Read More

how to create a photo gallery on blogger using jQuery (prettyPhoto plugin)

how to create a photo gallery on blogger using jQuery (prettyPhoto plugin)

Create a photo gallery slideshow on your blog using jQuery. This can be used to showcase your amazing photographs as a slideshow. Separate titles, descriptions can be given. Sharing buttons are also possible with this popup show. Photo blogs and review blogs always need slideshows to showcase their work. Implementing slideshow is very easy with(…)

Read More

How to remove subscribe to posts(atom) on blogger

How to remove subscribe to posts(atom) on blogger

How to remove default subscribe to posts(atom) feed link on blogger. We can permanently remove this link or we can hide using CSS. Under every post on Blogger, there is a Subscribe to posts(atom) link. This link is a RSS feed subscription link. The default postion of the link is under the page navigation. Blogger(…)

Read More

How to create an effective 404 page in Blogger

How to create an effective 404 page in Blogger

404 page of blogger is introduced. What contents are you going to put in this page? How to use this page effectively to show up your good posts to the visitor. A thorough examination about a better 404 page. Blogger recently introduced 404 error pages. Instead of showing a common ‘page not found’ dialogue in(…)

Read More

How to add drop cap to blogger

How to add drop cap to blogger

How to add drop cap feature to every posts in Blogger blogs. First line of the paragraph can be enlarged to drop down other lines, that is called drop cap. Adding drop cap would always enhance readability of your post. It is of much bigger size than any of other letters. Normally this is used(…)

Read More

Gradient categories hovering widget for Blogger using CSS, without JavaScript

Gradient categories hovering widget for Blogger using CSS, without JavaScript

Design a categories hovering gradient for blogger using CSS3 without JavaScript. I already posted about editing default Blogger label widget and creating a 3d hovering effect. The same method is applied here also. This piece of code will give a nice gradient color change and the text will animate during hovering. It uses rounded corners(…)

Read More

How to create a tooltip effect in blogger using CSS3 and without using jQuery

How to create a tooltip effect in blogger using CSS3 and without using jQuery

Create a tooltip hover effect in your blogs using some CSS3 styling. This method doesn’t use any JavaScript code… Creating tooltip in webpages was difficult without JavaScript libraries. Now using only some CSS3 codes, it is possible to create nice tooltip effects. Whenever we hover, it shows tooltip with simple transition effects. This can be(…)

Read More