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 »

Add Animated Fancy Navigation Menu with Jquery to Blogger / Blogspot

A nimated Fancy Navigation Menu with Jquery for Blogger. Every One has trying to add a beautiful menu with animation effect by jquery to their Blogger Blogs. But it has very difficult to add a menu to blogger blogs How to Install? Go to Blogger Dashboard > Design tab. Click on Add a Gadget any where in your Layout. Choose LinkList Gadget and Leave Title Field as Blank ...

Read More »

Twitter Style Hover Button Recreated in Pure CSS

 How to add this button to your blog post   At first we have to add the skin of these both buttons. that's adding CSS part into your blogger template. Lets see how to do it. Go to Blogger Dashboard > Template Backup your Template before making any changes to your blog Click on Edit HTML Tick Expand Widget Templates Press Ctrl + F and search the code shown below ▼ ]]></b:skin> Now...

Read More »

CSS3 Hover Animation Effect for Your Blog Post Title

How to add this animation to blog post title As I mentioned above you can easily add this trick into your blogger blog by applaying simple CSS3 code into your template and you don't wanna add separate html code for this animation effect. Please follow the below steps.   Go to Blogger Dashboard > Template Backup your Template before making any changes to your blog Click...

Read More »

Text customization - Magazine Style Text

Here's another way you can customize your Blog. In this case, your Post. This tutorial will be about Magazine text style in Blogger Posts. You often see this style in newspapers, literature, magazines....It looks all right. And here are two different Magazine styles: Drop CAPS Big size of the First letter in the PostTo achieve this effect, you have to place some code in your EDIT HTML section...

Read More »

More Pictures in one row or side by side view

By default, when you upload pictures (images, or videos)) into your Blogger Posts, they are placed one after another. In one column. The only thing we can choose, is to align them (left-center-right). There's no option to organize them so they can be next to each other, in one row (horizontal).The best way to do this, is using the TABLES (if you want to know more about HTML Tables, visit www.w3schools.com).1....

Read More »

Widget customization - how to style each widget differently

Well, this is interesting. We've already learned  to tweak and stylize our Blogger widgets (gadgets), in general. For example adding icon beside sidebar title heading and placing icon or image beside Labels and Links. That's cool. But now, we'll learn how to tweak and style each widget (gadget) differently! Meaning: each of your widgets (Labels, Archive, Links, custom widget) can have it's...

Read More »

Post Title customization for blogger

How to customize your blogger Post Title...we can add some background picture behind the post title, or borders, change font......................well, a lot. Before doing any customization, back up your template. Just in case.... Let's start with the beginning. Heh. For customization, we will use the CSS style in the code section that corresponds to ourPost Title: .post h3 { margin:.25em...

Read More »

Hex Color Code Generator Tool

How To Use it? First drag the bar on the "Hue" selector to the area of your desired colour palate.  Then click inside the Brightness/Saturation area and drag the cursor until you have achieved your desired colour. The "Swatch" bar shows you the final colour result. The hexadecimal colour code is generated in the "Hex" box. Simply copy the six digit code i.e #741010 ------------------------------------------------------------------------------------------------------------ How...

Read More »

How To Split Blogger Header Into 2 Section

Blogger is having very simple layout which you can customize through template designer.You can add two sidebar or 3 column footer to your blog but there is no way by which you can split your blog header in two parts. Splitting your blog header and adding Adsense ads can help to boost your CPC And Clicks, you can also add any widget in your blog header like search box of social...

Read More »

HOW TO ADD COLOURFULL SOCIAL BUTTONS TO BLOGGER WITH HOVER EFFECT?

Something is fishy happening in google headquarters every day they  started the morning with a new penalty for bloggers and webmasters by releasing algorithm updates,changing there polices and doing something strange to keep SERP clean. They have released latest algo updates two times a month in the history of algorithms. So bloggers and webmasters keeping google aside are taking shadows...

Read More »