Skip to main content

Posts

Showing posts from May, 2015

New CSS3 Navigation menu for Blogger (5 color style)

Few days ago I published a post where I paged Flat style superb navigation menu for your Blogger blog. Here in this post I am publishing another cool style CSS3 navigation menu what enhanced with more cool hover style. These adaptive designed menus are dedicated to make your blog stylish with a new level and perspective with a new trendy web designs. Let’s see how they looks like and how to add it in your Blogger blog.

New CSS3 navigation menu for Blogger
Live Demo- (Click Here)

How to install: Log in to your Blogger, select your blog.Go to ‘Layout’, and select ‘add a gadget’ from the space below ‘header’Select ‘HTML/JavaScript’ from popup menuCopy and paste following codes of your style and configure with your label name on default label, # place your label links; additionally add more label by coping <a class="ks-link" href="#">label</a> and delete unnecessary label by deleting <a class="ks-link" href="#">label</a>line, …

Superb CSS3 Navigation menu for Blogger (5 color style)

As you already know that Blogger’s default templates doesn’t comes up with navigation menu. And without navigation menu a site doesn’t look that much good and also it becomes routeless roads to your site visitors. There is a way to add a menu using list gadget, otherwise you can use custom made menu to create navigation menu to your blogsite; here a custom menu I published couple of days ago features fixed to header, dropdown menu and social icons; that menu was a multipurpose menu, so I decided to create and publish a normal looking menu without lots option and adaptive design. Neat and simple looking flat designed, cool CSS3 transition effects, modern and stylish UI that will make sure your Blogger site is running on the treading stuff and increase your reputation. Let’s see how it looks like and how to add it in your Blogger blog.

Superb CSS3 navigation menu for Blogger
Live Demo- (here you go)

How to install: Log in to your Blogger, select your blog.Go to ‘Layout’, and select ‘add …

Cool CSS3 & jQuery Image Slider for Blogger

Few days ago I published a CSS3 enhanced image gallery for your Blogger blogpost, and today I am publishing another CSS3 oriented Image slider, this slider’s main feature is its lightweight, easy configurable, cool looking simple and handy. Build with HTML, CSS, CSS3, little amount of script and Google webfont. It has Next and Previous button, mouse hover image caption, unlimited image slideshows and height width changeable with little value changing. Let’s see how it looks like, how to install it on Blogger and how to configure; read on-

Cool CSS3 & jQuery Image Slider for Blogger Live Demo: 


The Island
The Green Field
The Paradise
The Rainy weather

How to install:

Optional Step: Back up your template first!
Log in to your blogger, select your blogSelect 'Template' tab option, click 'backup/restore' from upper right corner.Download full template and save it on your pc
Mandatory Step:
From 'Template' tab, select 'Edit html' And find (using Ctrl+F or Cmd+F) t…

Bottle Caps style: Social sharing widget below posts in Blogger

I always try to publish Cool, Stylish and Trendy widget for your Blogger blogs. To continue that job here today I am going to publish a Post sharing widget (appears below every posts of Blogger). This widget called Bottle caps social sharing and bookmarking widget. Comes up with Glossy Icons, 10 service (Facebook, Twitter, Google plus, LinkedIn, Stumble upon, Pinterest, Delicious, Reddit, Blogger, Digg), CSS3 animation. Looks great on fashionable, personal and kids blogs. Easy to add and no configuration necessary, let’s see how it looks like and how to add it in Blogger blogs; read on-

Bottle Caps style: Social sharing widget below posts in Blogger
Preview-

Live Demo- (here you go)

How to add-

Optional Step: Back up your template first!
Log in to your blogger, select your blogSelect 'Template' tab option, click 'backup/restore' from upper right corner.Download full template and save it on your pcMandatory Step: From 'Template' tab, select 'Edit html' And fin…

2 Pop Blockquote/Syntax Highlighter for Blogger blog

You maybe already familiar with Blockquotes, in post we often use this option for highlighting text, quote, poem, codes (syntax highlighting) etc. If you are using Blogger’s default themes than you already knew how ridicules default Blockquote looks like. So removing this boringness of this simple quoting option I developed and published a cool CSS3 blockquote few days ago. And here I developed more two, their design inspiration comes from very popular blogsites around web, and these two designs are very fashionable and trendy for any Blogger blogs. Created with CSS, HTML and CSS3, no JavaScript and image used that’s why they are fast loading and do not create any extra request on HTTP requests. They have adaptive design, retina ready and responsive. Let’s see how they look like, how to install ‘em in your Blogger blogs.

2 Popular Blockquote/Syntax Highlighter for Blogger blog
Number 1:Cool minimalistic design, On mouse hover left side of quote change color (Green to Red)

Preview:
Live d…