In this short tutorial you will learn how to add an image as the background of your blog that stretches to all edges thus fills your entire blog's background portion.
Showing posts with label CSS. Show all posts
Customizing Body Width of Soho Blogger Theme
Post written by Deepak Kamat
Blogger's new themes are responsive and you get a very little option to change the set width of the main area. The theme designer doesn't even an option to adjust the widths either.
We will use custom CSS codes to customize the width of the Soho theme's blog area to stretch more than the default setting.
We will use custom CSS codes to customize the width of the Soho theme's blog area to stretch more than the default setting.
Adding Two Or Multiple Column Paragraphs in Blogger Posts
Post written by Deepak Kamat
Writing is a brilliant thing, but writing with style is even brilliant! But one thing that many blog authors want to have is the multiple column paragraphs, that's paragraphs side-by-side.
Above is an example of three column paragraph. In this tutorial I am going to guide you how to work with multiple column or newspaper style paragraphs in Blogger editor.
Above is an example of three column paragraph. In this tutorial I am going to guide you how to work with multiple column or newspaper style paragraphs in Blogger editor.
Auto Hide Notification Box in Blogger
Post written by Deepak Kamat
Notification boxes in blogs can be useful for notifying readers about something hot on your blog. But this notification box is a bit different from others, it hides automatically after a specified time.
Listverse like Number Listing design for Blogger and Websites
Post written by Deepak Kamat
Listverse, one of the most interesting site with collection of top 10 list on different topic. If you are also a regular reader of Listverse like me then you may know about it's list numbering design, it is what led me to create this tutorial.
Center gadgets tittle in Blogger
Post written by Deepak Kamat
The gadgets title in blogger are aligned to left by default, read this tutorial to know how to align it to center or a different direction.
Disable users from selecting text and images on blog/website
Post written by Deepak Kamat
Bloggers using tricks to disable right click are benefited in ways. They may have surely get red of their content being copied.
Hover effect and Expandable Search box for Blogger
Post written by Deepak Kamat
Search box is now a compulsory gadget in every blog for ease of access to the contents on any blog or website. I had already posted a tutorial on creating a classic but good looking search bar for blogger.
Blogger Comment design like on 'Spice up your blog'
Post written by Deepak Kamat
Big blogs like SpiceUpYourBlog is inspiration source to many people. Spice up your blog or SYB is a blog on blog designs, SEO tips and etc. Paul Crowe the owner of SYB is very knowledgeable about blogging and web design. In this tutorial you will learn how to make your blogger comment system design like on Spiceup your blog.
How to create 'Next' 'Previous' buttons like DamnLOL in Blogger
Post written by Deepak Kamat
If you have a photography blog, then you have always wanted to have Next and Older post buttons just like the buttons in DamnLOL. We are just going to teach you how to make buttons like that.
Keep gadgets visible or opened in Dynamic Views
Post written by Deepak Kamat
Don't you think visitors don't like gadgets being hidden in the side, how they would ever know that there's something on right side of page. Dynamic Views hover effects are great but some people don't like hidden stuffs at all. I will show you how to keep the gadget's in view even if it's not being hovered.
Advanced Feedburner Subscription gadget for Blogger
Post written by Deepak Kamat
Previously i posted a tutorial on adding a shiny Feedburner subscription widget. This widget is the 2nd version of that subscription gadget. This time it's very classic and looks clean.
Remove LinkWithin Attribution under 'You might like this' Gadget in Blogger
Post written by Deepak Kamat
A short tutorial for people who want to remove the attribution 'LinkWithin' under the LinkWithin gadget, actually LinkWithin has added it to popularize themselves but if you don't want it there then we are ready to help your remove it.
How to customize backgrounds colors of Lightbox in blogger
Post written by Deepak Kamat
Are you bored of the basic black color background when pictures are shown in the Lightbox ? Yaa, who wouldn't be, think how fun it would be to have a different design lightbox. In this tutorial i will show you how to customize the lightbox.
Remove Blogger/Google+ icon following your Blogger Profile name
Post written by Deepak Kamat
Blogger recently made changes to the templates or i may say the Profile gadget, it's not such a big change, they have only added a small Blogger icon following the Blogger Profile name. In this tutorial i will be showing how to remove the Blogger Icon.
How to make an Animated header without Flash in Blogger
Post written by Deepak Kamat
My blog's header is something that most of my readers asks 'how to make a header like that', this post is especially for them. You can use Flash to make a header animate but the problem is that flash makes website slower but with CSS it's too easy and comfortable, it's friendly with the page. Let's see how to make header like mines
Remove shadows from content outer in Blogger Default Template
Post written by Deepak Kamat
If you are using the simple template or default template provided by Blogger, you will see shadows on content outer, some people likes it and some wants to remove it, so this tutorial is for those who don't want the shadows.
Apply CSS only on Post Page, Archive page or only a specific page on Blogger
Post written by Deepak Kamat
This tutorial will help you learn how to render a CSS only on post pages or homepage, this is helpful if you want different design for home-page and post pages.
Place an Admin tag next to your disqus comments
Post written by Deepak Kamat
Disqus is the best comment service for blogs and websites, it's free and anyone can use it, today I am going to show you how to create an Admin tag on your comments on your website to make your comments different from others.
Subscribe to:
Posts (Atom)

