Create a Pressed Button Effect with CSS

The HTML Simply add a class to your link. <a href="#" class="readmore">Click Here</a> The CSS This is where the fun stuff happens. First just give the button it’s visual styling. In this case I’m duplicating the grey button effect from my home page slider. Note the box shadow style. The y-axis distance is set to 3px, which gives the box element a 3px drop shadow on the bottom. The...

Read More »

How to remove attribution powered by blogger

It can be removed by three methods. Using edit HTML method Step 1: Go to Template > Edit HTML > Proceed Step 2: Search for attribution, We can find the following code.  <b:widget id='Attribution1' locked='true' title='' type='Attribution'/> Step 3: Delete or comment out the above code. Sometime, this method will work. If it is not working use the following method. Using...

Read More »

How to remove subscribe to posts(atom) on blogger

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 has only the default text on their template. In order to remove this link, we can use two methods. First method is the removal method and second one is the hiding method. Hiding one link in a page has effect on...

Read More »

CSS gradient buttons

R ecently I talked about CSS cross-browser gradients and last week I wrote again about CSS3 gradients. So what I’m going to do today? I will show you how to put the CSS gradient feature in practical use. In this article you will see how you can create a set of gradient buttons just with CSS (no images). 1. Log in to blogger account and Click drop down. 2. Now select "Template"...

Read More »

Cool CSS3 navigation menu

W e all try to be very creative when it comes to designing a website navigation. It’s a sure thing: a good looking navigation menu can really enhance your website. I wrote before about how to create different menus and today you’ll learn how to create another stylish CSS3 navigation menu. 1. Log in to blogger account and Click drop down. 2. Now select "Template" Like...

Read More »

Sliding Social Widget for Blog

L ets Jump into another Sliding widget for Share your Post in Social Network.This Css3 Sliding will full custom and fully Easy implement in Blog . Try this ...widget.. 1. Log in to blogger account and Click drop down. 2. Now select "Template" Like Below. 3. Now you can see Live on blog, Click EDIT HTML Button" 4. Now click Proceed button.    ...

Read More »

Flying CSS3 Navigation Menu

T oday, I would like to show you another pure css3 navigation menu where I implemented several nice animate effects. I have just taught our sub menus to fly from nothing, and beat as the heart when you hover your mouse over elements. If you are ready, lets start. 1. Log in to blogger account and Click drop down. 2. Now select "Template" Like Below. 3. Now you...

Read More »

Black and Blue simple Menu Bar

M enu bar is very important in blogger.Because it helps to navigate your blog or website easily.It mean they can find easily  what  they  looking  for.  In  this  tutorial im gonna explain  how  to  add    Css3    menu  bar  for  blogger. Its  include nice  hover  style.Im  using Css3 and...

Read More »

Ribbon Hover Effect Menu Bar

T oday im   gonna explain how to  add modern ribbon menu  bar  for blogger.  Few  weeks  ago i  published another Ribbon  menu  style. but this is different with hover  style. Hope you  will like it.Im using Css3 and HTML, Just check out demo. 1. Log in to blogger account and Click drop down. 2. Now select "Template"...

Read More »