As Blogger gives you full access to modify the blog completely, so thanks to Blogger and all the blogger-geeks from around the world, that I am successfully able to compile these modification 'tips and tricks' which can completely modify your free blog into a problog !
General Hacks For Templates
01. Download The Best Template for your Blog
02. What is a blog and How to Get One
03. Get a better domain for your blog !!! (Most Important)
04. How to change blogger templates
05. Back Up your blog posts and comments
06. Remove the "Navbar" from your blog
07. How to show HTML text in Blogger posts
08. Add a better Favicon to your blog (Best method available on Internet)
09. Embed the "Comments Form" just below your blog post
10. How to add a post to all Social Networking Websites at Once
11. How to add/change background image in Blogger
12. New fonts for Blogger
13. Create a professional "Contact Me" page in Blogger Blogs
14. Add 3 new widgets, at the bottom of your blog
15. Convert your blog from Blogger to WordPress/LiveJournal/MovableType or vice versa
Search Engine Optimization
01. How to add Site map To Your Blogger Blog
02. How to add Meta tags to your blog / website
03. Swap title of your blog
04. Search Engine Optimization plug-ins/add-ons for Firefox
05. How to add separate Meta Tags for individual blog posts
06. How to track your website's visitors and optimize your website for Search Engines
07. What most people search for - Important keywords
08. How to add your blog to Google Blog Search
09. Show only titles in your Blog archives pages
10. Check how fast your blog / web site loads (improve loading speed)
11. A quick Search Engine Optimization tool
12. Find and remove broken links from your blog
13. Get better traffic from BlogExplosion
Widgets And Hacks For Posts
01. How to create a sticky post in Blogger
02. How to make a scheduled post in Blogger
03. How to add "Related Posts" widget below all your blog posts
04. How to add Popular Posts widget to your blog
05. Recent posts widget for Blogger
06. How to add "Read More" tags to posts, and hide entire posts on the Home Page - Create Expandable Posts
07. Scrolling text widget for recent posts
08. Add your sign below all the posts in Blogger/BlogSpot blogs.
09. Customized Popular posts widget for blogger
Widgets and Hacks for comments
01. Display commentators profile image in Blogger
02. Recent posts widget for Blogger
03. Top commentators widget for Blogger/BlogSpot blogs
04. Easily moderate comments through email in Blogger
05. Change "Post a Comment" link/text in your Blogger Blog
06. Highlight Blog owner's / author's comments in the blog (i.e. your comments in your blog)
07. Create a customized and better looking "About Me" or "Profile" widget
Try These Widgets and Hacks
01. How to show widgets only in homepage, or all posts or only in a specific page
02. Blogger Help - Animated Flash Tag Cloud For Blogger
03. How to add "Star Ratings" and "Customized Feedback" below your blog posts in Blogger blogs
04. How to add Flash Clock in your HTML website
05. How to add social networking buttons to posts in blogger
06. How to embed Flash and JavaScript files in your blog posts
07. How to embed songs or MP3 files in Blogger posts
08. Add language translator widget / country flags in Blogger
09. How to create a mutli-tab widget in Blogger/BlogSpot blogs
10. How to add auto-scrolling widget [text and image slide shows] in Blogger
11. Add falling snow flakes /flowers/leaves or balloons in Blogger Blogs
12. Top EntrCard Droppers widget for Blogger blogs
13. Show/Hide Text widgets, through JavaScript toggle method
14. Create a Drop Down menu in your blog
15. Add floating "Back To Top" button in your blog
16. Add a fixed (floating) "Feedback button in your blog"
17. Put a "Save As PDF" button/icon in your blog
18. Add a text resizing widget to your blog
19. Create an HTML Rollover button for your blog
20. Show present date and time as simple text in your blog
21. Add a JavaScript calendar to your blog
22. New multi-tabbed widget for your blogs
23. Create lightbox image display in your blog
24. Encrypt or hide your HTML code
25. Add a fish tank or aquarium to your blog
26. Create a customized side menu for your blog
27. Create a multi-level drop down menu for your blog
28. Show Twitter updates on a image
29. Send your blog updates to twitter automatically
30. Add, Edit or Delete labels in Blogger
31. Change or customize "Older Posts", "Newer Posts" and "Home" links in your blog
Image or Picture Hacks
01. How to embed pictures in Blogger Posts
02. How to upload images in Blogger without changing the size of images
03. Image hosting websites guide
04. Free images stock-websites (search and download free images from these websites)
05. Free Animated Gif Image/Picture creator
06. Create round cornered / smooth edged pictures
07. Uploading images in Blogger, in the original size
08. How to show a different image on mouse hover
09. Measure pixels length on screen (add-on for Firefox)
10. Color picker, Eye dropper and Page zoomer - while working in a browser. (add-on for Firefox)
11. 70+ background images collection
12. Create fractal Background images for your blog
More to come here, so keep a watch on this post !!!
01. Download The Best Template for your Blog
02. What is a blog and How to Get One
03. Get a better domain for your blog !!! (Most Important)
04. How to change blogger templates
05. Back Up your blog posts and comments
06. Remove the "Navbar" from your blog
07. How to show HTML text in Blogger posts
08. Add a better Favicon to your blog (Best method available on Internet)
09. Embed the "Comments Form" just below your blog post
10. How to add a post to all Social Networking Websites at Once
11. How to add/change background image in Blogger
12. New fonts for Blogger
13. Create a professional "Contact Me" page in Blogger Blogs
14. Add 3 new widgets, at the bottom of your blog
15. Convert your blog from Blogger to WordPress/LiveJournal/MovableType or vice versa
Search Engine Optimization
01. How to add Site map To Your Blogger Blog
02. How to add Meta tags to your blog / website
03. Swap title of your blog
04. Search Engine Optimization plug-ins/add-ons for Firefox
05. How to add separate Meta Tags for individual blog posts
06. How to track your website's visitors and optimize your website for Search Engines
07. What most people search for - Important keywords
08. How to add your blog to Google Blog Search
09. Show only titles in your Blog archives pages
10. Check how fast your blog / web site loads (improve loading speed)
11. A quick Search Engine Optimization tool
12. Find and remove broken links from your blog
13. Get better traffic from BlogExplosion
Widgets And Hacks For Posts
01. How to create a sticky post in Blogger
02. How to make a scheduled post in Blogger
03. How to add "Related Posts" widget below all your blog posts
04. How to add Popular Posts widget to your blog
05. Recent posts widget for Blogger
06. How to add "Read More" tags to posts, and hide entire posts on the Home Page - Create Expandable Posts
07. Scrolling text widget for recent posts
08. Add your sign below all the posts in Blogger/BlogSpot blogs.
09. Customized Popular posts widget for blogger
Widgets and Hacks for comments
01. Display commentators profile image in Blogger
02. Recent posts widget for Blogger
03. Top commentators widget for Blogger/BlogSpot blogs
04. Easily moderate comments through email in Blogger
05. Change "Post a Comment" link/text in your Blogger Blog
06. Highlight Blog owner's / author's comments in the blog (i.e. your comments in your blog)
07. Create a customized and better looking "About Me" or "Profile" widget
Try These Widgets and Hacks
01. How to show widgets only in homepage, or all posts or only in a specific page
02. Blogger Help - Animated Flash Tag Cloud For Blogger
03. How to add "Star Ratings" and "Customized Feedback" below your blog posts in Blogger blogs
04. How to add Flash Clock in your HTML website
05. How to add social networking buttons to posts in blogger
06. How to embed Flash and JavaScript files in your blog posts
07. How to embed songs or MP3 files in Blogger posts
08. Add language translator widget / country flags in Blogger
09. How to create a mutli-tab widget in Blogger/BlogSpot blogs
10. How to add auto-scrolling widget [text and image slide shows] in Blogger
11. Add falling snow flakes /flowers/leaves or balloons in Blogger Blogs
12. Top EntrCard Droppers widget for Blogger blogs
13. Show/Hide Text widgets, through JavaScript toggle method
14. Create a Drop Down menu in your blog
15. Add floating "Back To Top" button in your blog
16. Add a fixed (floating) "Feedback button in your blog"
17. Put a "Save As PDF" button/icon in your blog
18. Add a text resizing widget to your blog
19. Create an HTML Rollover button for your blog
20. Show present date and time as simple text in your blog
21. Add a JavaScript calendar to your blog
22. New multi-tabbed widget for your blogs
23. Create lightbox image display in your blog
24. Encrypt or hide your HTML code
25. Add a fish tank or aquarium to your blog
26. Create a customized side menu for your blog
27. Create a multi-level drop down menu for your blog
28. Show Twitter updates on a image
29. Send your blog updates to twitter automatically
30. Add, Edit or Delete labels in Blogger
31. Change or customize "Older Posts", "Newer Posts" and "Home" links in your blog
Image or Picture Hacks
01. How to embed pictures in Blogger Posts
02. How to upload images in Blogger without changing the size of images
03. Image hosting websites guide
04. Free images stock-websites (search and download free images from these websites)
05. Free Animated Gif Image/Picture creator
06. Create round cornered / smooth edged pictures
07. Uploading images in Blogger, in the original size
08. How to show a different image on mouse hover
09. Measure pixels length on screen (add-on for Firefox)
10. Color picker, Eye dropper and Page zoomer - while working in a browser. (add-on for Firefox)
11. 70+ background images collection
12. Create fractal Background images for your blog
More to come here, so keep a watch on this post !!!
Share this
Related Posts
Floating Share Buttons With Total Shares Count For Your BlogSpot Blog
There are many tutorials on Internet that can help you add a floating widget with multiple share buttons for Facebook
Creating Fresh Content & SEO Best Practices for BloggersCreativity and uniqueness in ideas is required in many industries and businesses including SEO. But the ideas are not t
Ideas For The Burnt Out Blogger
We all get burnt out. Blogging day in and day out will do that to you. Sometimes I just sit in front of my computer, 
Grab a Domain for FREE - Offer Ends on 30 June 20101and1 is offering a .COM domain for completely FREE.
Domain name registered by me: DivyaSai.com
You won't be paying a
289 comments
Write comments «Oldest ‹Older 1 – 200 of 289 Newer› Newest»Nice blog...this is really helpful.you know a lot of blogger need more information about what do need to learn more.
Replyit is a great blog site and really very help full.
ReplyHi
Replythanks for templates that's very cool.
take a look at my friend's website if you wanna free professional banners.
have a nice day!
Hey, great blog!
ReplyHow did you create the tabs area in the top right hand corner? With the subscribe, tag cloud, and translate buttons?
thats a great list that you have compiled
Replynice site you got here! This is very helpful especially for those who are still into Blogger. Thanks to you, you're putting "Pro" to the word "Blogger"
ReplyMore power!
CarloBlogg
http://carloblogg.blogspot.com
Lovely blog, I want to put digg and other social bookmarks in my posts so I will come back and see later if you have a section on that. Just finishing my entredrops!
ReplyThnx for appreciating the work Jenai !
ReplyAnd yes, I have described the method to add social bookmarking buttons to your blog
Hi Carlo.....thanks to u too
ReplyAnd yes this is definitely possible to convert blogger blogs in to pro-blogs, we just have to work more on the template nad of course content
wow it so greats tips...
Replynice blog , your blog is very resource full i just bookmark this page
ReplyI recently came across your blog and have been reading along. I thought I would leave my first comment. I don't know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very often.
ReplySarah
I've come across this site many times now recently, you're doing something right :P
ReplyI was just looking up "blogger widgets" and voila, there you are. I love your RSS icon, very cute but now I'm off to read several of the links you've got here, thank you for posting them. I think I'll start with the multi-tab widget!
Hello everybody!
Replythanks for these lovely comments, your comments encourage me more to add these sort of hacks, now i'm trying to give you some less known hacks in the easiest possible ways, wish me luck for that
Wow....Good Article. Nice to visit your Blog. Good Luck For you.
ReplyHi Daryo!
ReplyThanks for the comment....
Regards
Sai
hey, this is so cool !
ReplyThanks Rara !
Replyhi! wanna earn ? try this - http://r.yuwie.com/geraldinetoring/
ReplyGood blog. Can you supply the coding so I can put this 'share your views' application on my blog?
ReplyWell "Share your views" is nothing but an image.
ReplyI checked your blog, and I found comments posting in a "pop up". So to embed a "comment form", read this post:
Embed comment form in Blogger
And to add those smilies, read this:
Add smilies in comment form in Blogger
Format is like :
ReplyPost Title
Date
Widget 1 Widget 2
I want to increase gap between date & Widgets so as to accommodate calender date icon easily..
Waiting 4 ur reply !!
ReplyHello ankit
Replyin the template, you'll find something like this:
.date-header {
***
***
***
}
and one of the *** will be
margin 1.5em 0 2.0em; (or similar to this)
now increase the first value, that is 1.5 to 1.75 or 2
Leaving my footprints and made a drop. Hi, nice blog doctor.
ReplyI have bookmarked this page. Excellent collection.
ReplyI am happy that you did that Venkata
ReplyYou are always welcome on this blog !
Regards
Sai
I want to add background image to my post title like
Replyhttp://i719.photobucket.com/albums/ww200/bajaj151/heading.jpg
Dude that image is just a comment-bubble, are you sure you have given the right link ?
ReplyJust look at this site :
Replyhttp://www.dcblog.net/
Hello Ankit,
ReplyYou'll find something similar to this in the template;
.post h3 a, .post h3 a:visited, .post h3 strong {
background: #ffffff url("http://www.gigaimage.com/images/144t0jyusibmi30pojj.jpg") no-repeat;
line-height: 2.5em;
margin:0 50 .75em;
display:block;
text-decoration:none;
color:#FF0000;
font-weight:normal;
}
The bolded line may/may not be there, so add it, and in place of the image-link in italics, add any image you want to !
There is nothing like :
Reply.post h3 a, .post h3 a:visited, .post h3 strong {
good post and good article overall...
Replythanx
sagar
www.freetemplates4u.co.cc
Welcome Sagara !
Replywonderful blog...been looking for this kind of info for a long (well not that long) time..will in time try to improved my site which is so...soooo..well you know..
Replythanks again
I'll be happy if this blog is helpful to you, feel free to ask your doubts anywhere in the blog!
ReplyRegards
Sai
This is an awesome resource. Thanks so much for putting it together in such a well organized and complete manner.
ReplyNicely done.
Welcome Sushi !
ReplyThank you for sharing this great post!
ReplyYou are welcome Hesham,
ReplyAlthough the list of tricks provided on this post is quite big, but actually the number of posts available on this blog is much more than this list, as I keep on adding tricks but sometimes i do not get time to update this list, so I suggest the visitors to subscribe to this blog, so that the updates are directly mailed to you, and you don't miss any article.
Regards
Sai
I never to get great information like this post, hope you want to teach me more about SEO brother..
Replyvery nice blog...
Replytotally useful..
thx alot.. ;;)
Hi Rizhal and Kenmax,
ReplyI am glad you visited my blog, and thanks for those lovely comments !
You are always welcome here, and you can comment anywhere in this blog, to get quick replies !
Regards
Sai
wow is nice info in here, thanks for share ur knowledge for me
ReplyVery cool info here. I started out with blogger/blogspot and it's a great place to get your feet wet.
ReplyThanks.
Nigel
Welcome Harry and Nigel, you can subscribe to this blog if you want the updates directly to your inbox !
ReplyYou are always welcome here!
Regards
Sai
wow, very complet info. from newbie to master, i'm blogspot user ;;)
ReplyIs it possible to transfer posts from one blog to another ?
ReplyYup certainly ankit,
Replyif you want to shift from blogger to blogger, then easiest way is to change the domain name itself.
Or you can use this export/import method:
http://bloggerstop.net/2008/11/back-up-your-blog-posts-and-comments.html
And to go from blogger to wordpress etc. use this method:
http://bloggerstop.net/2009/01/blogger-blogspot-converters-tofrom.html
I have a huge problem.. IE can't view my blog..only firefox can..Emailed to blogger forum but no replies...Can someone please help?
ReplyHi Allure
ReplyThere's too much of javascripting in your blog, even before your <html> and <head>, you have kept some scripting, this all will definitely affect the loading time etc., and moreover IE being more lame than firefox, it completely fails to load your blog.
Remove all javascript files/code from your blog, which you think are un-neccessary.
That's it !
How to display feed count as text ?
Replyexcuse me... how to use flash cloud tag in my link?
ReplyHI tetagga,
ReplyYou can read this post:
Blogger Help - Animated Flash Tag Cloud For Blogger
@ AB,
ReplyIt involves php coding dude...
I am very glad that you requested an ad on my blog. I am going through some changes in business and wanted to trick out my blogger blog. This will be a very big help. Not only do you get the ad, but I am getting your feed and putting you on my entrecard friends list!!!
ReplySome of your tips and tricks are really useful, keep it up.
Replyi agree with you. thank you
Replyhttp://www.marioseotips.com
And I agree with both of you
ReplyYou too have some nice SEO tips on your blog...keep up the good work !
Replyi Want Back To Top Button Like You
Replyhttp://riteshsanap4u.blogspot.com/
Hi Ritesh you can read the tutorial here:
Replyhttp://bloggerstop.net/2009/01/add-floating-back-to-top-buttonimage-in.html
hey sai!....how did u create this page??...i mean,this 'index' kinda page?....i also wanna create one,..plz guide me!..thx
ReplyHi Zaeem,
ReplyNo coding here, simple typing
i agree with you
Replythank for sharing
How to redirect Custom Domain to blogspot blog ?
Replywww.exclusivearena.com --> www.exclusivearena.blogspot.com
Hi Ankit,
ReplyThis post will be helpful to you:
Custom Domain For Blogger/BlogSpot Blogs
can you tell me how to add 125*125 ads section like your Sponsors portion
ReplyWell pooh,
Replythere are various ways to put these ads, You can simply add a table to your blog, and place the ads in it:
<table border="1"><tr><td width="275" height="275">
YOUR ADS CODES HERE (You can put a max of 4 ads with 275x275 dimensions)
</td></table>
Change the dimensions if you want to add less/more than 4 ad units.
Regards
Sai
Can you please tell me that how to highlight the code in the posts
ReplyHello Pooh,
ReplyI think this post will be useful to you:
Highlight Text In Posts Through Colored HTML Text Boxes
Regards
Sai
Helpful - I've bookmarked this page.
ReplyThat made me happy...
ReplyThanks
great stuff. how did you create the social networking widget? (just above "recommended)
Replythanks
Hi David,
Replythanks for your comment, actually that's not a single widget, they are simple images, with hover effect, you may read this post to know it in detail:
Image Hover EffectRegards
Sai
-To customize header I have this in layout (edit html)
Reply<div id="typoork-header">
<!-- Your logo here -->
</div>
How can I add logo here ?
- How to add download link like :
http://img18.imageshack.us/img18/619/ddddjxo.jpg
put it in the image tag dude !
Reply
) 
) ;;) 
( 
:X 
( :-o :-/ :-* :| 8-} 
] ~x( :-t b-( :-L x( =))
Replyyour site is so many help full so thx many
please visit now http://dramaandnatok.blogspot.com/
Thanks !!
ReplyWhat about the 2nd query ?
How can I add nav bar at top and search box in header image area ?
ReplyDude,,it's already the direct link, you just have to save it...
Replynav bar ? you mean the one that is given by blogger ?
and to put search box in header it needs css & javascripting, that is difficult to explain for me...
No reply ???
ReplyIf possible can I add search box in Drop Down Menu bar ?
ReplyHow to add thumbnail related post ?
ReplyYes Ankit, I'll write about it soon...
ReplyActually it doesn't even require a tutorial, simply go to : http://www.linkwithin.com
& u'll understand the rest of the process.
Regards
Sai
How to convert
Reply<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=ea&style=black"></script>
into html ?
Hi,
ReplyStumbled upon your website through a google search and now i think this was the best thing ever happened to me since i started blogging.
As mentioned above regarding placement of adslots in blogger, you have mentioned the code above but there is no mention of where to place it ?
Help me with that.
Also i have joined performancing ads and dont know how place them in my blog ! They provide java scripts .
Hi Perry,
ReplyCan you be specific about which code are you talking about, and in general for any ad-code, do this:
Go to Layout -> click on "Add a Gadget" and select "HTML/JavaScript" type, and then paste the ad code in to the widget.
Then save the widget. And finally drag the widget wherever you want in the template.
What about my query ?
ReplyWhy do you want to do it Ankit....their data is dynamically shown through javascript, if you are ready to upload new images regularly, then simply save their image(no. of followers badge) occasionally and show it on your blog with a simple html-img tag.
ReplyThanks for such a prompt reply.
ReplyNever expected it !
The thing is i use blogger.com to host my website and recently have joined performancing ads. The problem is i want to place 4 125by125 ads in my sidebar i.e in form of 2x2 box ( want to know how to make such widgets ). For doing this i searched for some tutorial and came to know about this site. I tried to customize my template but to no avail.
A help to put the ads correctly would be highly appreciated.
Thanks
Okay...it actually depends on your website (sidebar's width), presently I am considering that it's width is more than 250px.
ReplyAnd there many ways to do this, but I always keep things simple, so here's a simple table with 2 columns and 2 rows, place ads in them:
So use this code:
<table border="1"><tr>
<th align="center" width="130" height="130">Your Ad Banner 1</th>
<th align="center" width="130" height="130">Your Ad Banner 2</th>
</tr><tr>
<td align="center" width="130" height="130">Your Ad Banner 3</td>
<td align="center" width="130" height="130">Your Ad Banner 3</td>
</tr></table>Regards
Sai
Actually I want to add it along with feedburner count...see my blog..so that you can know my prob exactly.
ReplyThanks
I love your site!!! but some codes doesn't seem to work on my template but thank you so much for all the help! Cheers!
Reply´´´´´´´´´´´´´´´´´´´´´´¶¶¶¶¶¶¶¶¶¶¶¶
Reply´´´´´´0¶¶¶0´´´´´´´´ø¶¢´´´´´´´´´´´´ø¶ø
´´´´´¶ø´´´¶¶´´´´o¶1´´´´¶¶¶´´1¶¶¶´´´7¶¢
´´´´´¶1´´´´¶´´´$ø´´´´´´¶¶$´´´¶¶´´´´´´¢¶
´´´´´o¶´´´o¶´´o¶´´´´´´´¶¶o´´´¶¶´´´´´´´øø
´´´´´´¶´´´¶´´´¶´´´´´´´´´´´´´´´´´´´´´´´´ø
´´´´¶¶¶¶¶¶¶¶¶¶¶¶´´´´´´´´´1¶1´´´´´´´´´´´ø¶
´´´¶´´´´´´´´´´´´¶´¶¶´´´´´¶¶¶´´´´´´¶¶´´´´ø
´´ø¶´´´´´´´´´´´o¶´´¶¶´´´´´´´´´´´´¶¶´´´´´ø
´¶¶´´´¶¶¶¶¶¶¶¶¶¶¶´´´7¶¶ø7oo77¢¶¶¶´´´´´´ø¶
´¶´´´´´´´´´´´´´´´¶´´´´´¶¶¶¶¶¶¶´´´´´´´´oø
´¶¢´´´´´´´´´´´´´´¶´´´´´´´´´´´´´´´´´´´¶
´´¶´´´¶¶¶¶¶¶¶¶¶¶¢¶7´´´´´´´´´´´´´´´´7¶ø
´´´¶´´´´´´´´´´´¶´´ø¶¶´´´´´´´´´´´øø¶
´´´´¶¶¶¶¶¶¶¶¶¶¶ø´´´´´´¶¶¶¶¶¶¶¶¶¶´
thanks for sharing.... this blogger help...
Replyi want to create older post icon for my blog...
help me to do...
what i have to do.....
www.vikneshblog.blogspot.com
Dude...u just made my simple looking blog into something special...at least for me
(
ReplyBut I should start working on some of them again...they just don't work or even my layout doesn't have the codes which you asked to find for...
After adding sitemap to my blogger google is now indexing my site faster and I am getting more traffic.
ReplyHappy for you monci !
ReplyLots of great info, thx bookmarked. Do you know if you can have a file structure in Blogger that doesn't have a date?
ReplyThank u so much, From Mongolia :X
Reply@ Marty and 'My Space'
ReplyWelcome buddies...
@ Marty,
In any template, including the one you are presently using, you can remove the dates, read the tutorial here:
http://bloggerstop.net/2009/04/hide-date-in-bloggerblogspot-blogs.html
@My Space,
When I visited your blog, I saw that you are using "Notepad" template, in which instead of date (near the post title), "undefined" is being shown, simply go to "Settings" -> "Formatting" -> and change the "Date Header Format" to "July XX, 2009" or something else...
thnx
Replyvery very very good
Love it! Very helpful. i'd use it all, but too much looks too trashy. Thank You!
ReplyYour blog is the best!!! :x
ReplyI have an image that is 660 wide and 347 px tall. I also have html written to creat 5 hotspots. i would like to use this in my header.
ReplyDo you have an article that would help me? Right now I am using Minima template.
thanks for any help you can pass on to me.
Terry
I would also like to add that I am trying to figure this out using the grampacraig.blogspot.com site but it is actually going to be used at my dau's site which is theivanovskys.blogspot.com/
ReplyTerry
Hi Terry,
ReplyJust checked your blog(s), and found the header image just as you wanted, so I hope you got it yourself rite ?
Anyways in case you have any doubts, feel free to comment anywhere in this blog...
In GWT, it would be showing that your labels cannot be indexed by Google, that is because in Blogger labels are purposely blocked from being indexed so that an important SEO error of content duplication is avoided. Don't worry it's normal, and actually good for you.
ReplyI have been uploaded one layout and in that i have leftnav pages like HOME, ABOUT, PORTFOLIO, CONTACTS. but these pages are not activated while clicking the pages. please give suggestions regarding this.
ReplyMy Blog id:http://umasri-umasri.blogspot.com
@MOSTWANTED
ReplyYes, through that hack the older posts links will be displayed as titles only. If most of your titles are self-explanatory, then it's fine as readers know where they have to go.
This is mainly done, so that those pages will load quickly and readers do not have to wait long, and moreover this also avoids the SEO error content duplication.
If you want to some summary of the posts too, then you can remove this code, provided you have the "Read More" hack in most of your posts. Or you can put the "automatic Read More" hack too.
@ Umasri
Presently on your blog, what you have are only words (Home, Contact etc.) which are linked to your blog. Write 3 new posts with titles "About Me", "Portfolio" and "Contact Me/Us" without the double-quotes. And publish these posts just as you have published the previous posts. Now when then posts are displayed ni your blog, copy their addresses (url) and link those words below your header (Home, Portfolio etc.) with these pages. When you will write more posts, these 3 posts will be hidden but always will be linked from the top-linklist of your blog.
Please help
ReplyComments in my website is not showing up.
When someone puts a comment then it shows your comment is published.
but it can't be seen.
All comments are disappeared even i check my blooger account I can see someone puts a comment but when i go to that page then comments are not visible.Plz help
My website is www.avitricks.blogspot.com
@ avitricks...
ReplyYou have enable pre-moderation in your blog, and I can see that even your new posts have comments...that means you have troubleshooted the problem yourself right?
<span><span>Can anyone help me out of this problem..
ReplyQuestion : I want to redirect my custom domain (http://www.example.com) to blog.
But the url should be (http://www.example.com) only.
but it should show my blog.
For example take this forum site only ....
can anyone of this forum please tell me..
i am a blogger favourite.</span></span>
Hello Ananth,
ReplyRead this tutorial, and ask any doubts you have:
http://bloggerstop.net/2008/10/get-domain-unlimited-hosting-and.html
Actually i already owe a domain ..
Replyi need to redirect that domain to my blogspot blog...
so if i redirect the url of the site should remain same but it should show
my blog..
please help me out..
thanks in advance.
In your Blogger's dashboard, go to the settings page of the blog, then go to Publishing tab, and then click on Custom Domain, and then enter the domain url in the space provided.
ReplyAnd at your domain registrar's account page, you have to make the DNS changes as descibed in the tutorial.
can u send me the tutorial link..please..
Replyur reply is fast..
thanks to bloggerstop
http://bloggerstop.net/2008/10/get-domain-unlimited-hosting-and.html (that's my own experience of shifting from BlogSpot to a custom domain)
ReplyHello! I really really need help! My pics ALL get cut - why is that and how can I make blogspot show them properly? Thanks a lot!
Replyhttp://fraumayerandcat.blogspot.com/2009/08/ghost-of-flea.html
According to the width of your blog-pot area, fix the width of images too.
ReplySo whiling using an image, fix it's width to 400px, like this:
<img src="" width="400"/>
Oh, wow, it worked! However, now I'm trying to change the width of my entire blog cause the pics don't really look better
Pls take a look!
Replyand THANKS!"
Along with width, in your blog, the height of the images is also fixed, for ex: in the first image, width is 400px and height is 719px, so delete that code for height and only fix width.
ReplyIf you still want to make the blog wider, then make these changes:
change this:
<pre>#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid #cccccc;
}
</pre>
to this:
<pre>#header-wrapper {
width:960px;
margin:0 auto 10px;
border:1px solid #cccccc;
}
And change this code:
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 100% Georgia, Times, serif;
}
#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
To this:
#outer-wrapper {
width: 960px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 100% Georgia, Times, serif;
}
#main-wrapper {
width: 710px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
</pre>
This is my favourite site ever. Thanks for best blogger tricks ever. I have applied some blogger tricks from this site and the result is very satisfied. Thank you very much bloggerstop :X.
ReplyWelcome Bolang, thanks for your encouraging comment, and ya..your template selection is cool!
Replynice blogging so i have only one questions so how do we add a "Related Posts" to our blog so that people can open more page on our blog
ReplyHere, check out this tutorial fingaz001
ReplyRelated posts widget Blogger
Thanks sai that was very kind of you... But i would be very happy if u could check out my blog and tell me how i can optimize it for adsense course i'm getting to may visitors but no clicks the blog is http://wired-networks.blogspot.com/ i'm kinder new it any help would be very much appreciated.
Replywell getting clicks on adsense banners is nowadays very difficult, read this tutorial on how to overcome this problem:
Replyhttp://bloggerstop.net/2009/03/make-money-blogging-banners-vs-in-text.html
Please help me with my header picture. I am using Minima template; no matter what I do I simply cannot get the picture to stretch out and fill the header. I just get this huge, blocky, square header! What am I doing wrong? I've tried changing the pixel width in "Edit HTML", I've also tried resizing the photo. Any suggestions for the utterly clueless?
Reply@ Karen
ReplyYour blog address buddy?
Good job Sai.
ReplyThanx a lot..........
Isam getting the gadgets(blog archive,blog list,categories,followers etc.) under the psots,and the gadgets at bottom(ssite info,text etc.) are at the right side of the posts.this is happening in the home page of my blog only,in other pages its getting normal.i even changed the template also but no of no use.
Reply.
can u help me plz
.
my blog address is
.
.
http://nanoguns9.blogspot.com/
.
i dont knw wat to do
plz help me
Just checked your blog Viswanath, and I found the widgets in their correct place. Hope you have corrected the error urself, but if you are still facing the problem, then plz comment back here !
ReplyHello!
ReplyI'm having issues with a template I downloaded. For the most part I've got it up & running however I can't for the life of me get the "older posts" "newer posts" to show!
I've already changed the following:
#blog-pager-newer-link {
display:none;
}
#blog-pager-older-link {
display:none;
}
#blog-pager {
display:none;
}
To read:
#blog-pager-newer-link {
float:left;
}
#blog-pager-older-link {
float:right;
}
#blog-pager {
text-align:center;
}
But, the links still won't show!
If you could take a look & let me know what I'm missing it would be so greatly appreciated.
http://www.jayequeue.blogspot.com
Thank you soooooooooo much!
~ Jacqui (aka Jayequeue)
Hi Divya Sai,
ReplyThis is really great post.
Almost I have spent more than 2 hours :-)
Great work.. Thanks for all ur tips.
Thanks
Giri
@Giri
ReplyGreat to know that....but actually I havn't listed all the posts in this post and I am planning to come up with round ups...pls subscribe to this blog if you want to get those updates
@jayequeue
The template presently being used by you is highly customised and the parameters used are also different from the default ones(used by Blogger), so that will be quite difficult for me to edit it.
Although it may be quite boring for you, but you may search new template from these sites:
bloggerstyles.com
deluxetemplates.net
btemplates.com
Hi, thanks for all..
ReplyPlease how i can add second posts (Articles) column to my blog?
please help me
@zizo,
Replycouldn't get your query exactly....can you please rephrase it?
Hi, thanks for replay.
Replymy template have one column of posts and i want to add second post column like this site http://blogtemplate4u.com, how i can do it? thank you
Hi Zizo,
ReplyFrom the example site you have shown, it means you just don't need an extra sidebar, but now the sidebars should be of varying widths and on the same side too.
So whichever tutorial you follow, make you backup your template first (download the template)
First of all the easiest way I suggest you to switch to a new template with 3 columns.you may search new templates here:
btemplates.com
deluxetemplates.net
bloggerstyles.com
If you do not to switch to a new template, then I will recommend you to read and follow this tutorial:
http://beautifulbeta.blogspot.com/2006/10/adding-second-sidebar-to-your-blog-part.html
But again, make sure you have downloaded a copy of your present template and also have taken a backup of your widgets.
If you plan to change your template, then read this tutorial too:
How To Change Blogger Templates
Interesting resources dude!...... I wish you write more about blogger seo.
ReplyHey, I need some help. My blog (http://pcdcftw.blogspot.com) is acting weird. My posts won't show
PLEASE HELP!
ReplyThe files linked from your blog, are all invalid links, check them yourself:
Reply1. http://dl.getdropbox.com/u/1704149/js-depo/jquery.fancybox-1.2.1/js/jquery.fancybox.css
2. http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
3. http://dl.getdropbox.com/u/1704149/js-depo/jquery.fancybox-1.2.1/js/jquery.easing.1.3.js
4. http://dl.getdropbox.com/u/1704149/js-depo/jquery.fancybox-1.2.1/js/jquery.fancybox-1.2.1.pack.js
You have to upload these files again and link them in your template.
Can you help me with how to get rid of my bookmarks on the bottom of each of my posts? I have tried erasing the code but i keep getting errors
Replyhttp://coocoo4coupons.blogspot.com/ I have asked others on other blogs but have never gotten the help i needed. I hope you can help me!
Hey Sherry,
ReplyOfcourse I can help you, simply download and send me your template through my contact page.
I used blogskins template, so how can i add RSS Feed ?
ReplyRSS Feed doesn't depend on templates, go to feedburner.com and burn your feed (by entering your blog ul-address) to get your new feedburner feed-link.
ReplyOk thanks.
Replyhi,
ReplyI run a sports blog. when i post a post about (say) English Premier league i should get an small english flag image to the title of the post(probaby i n the beginning of title) . I would have included the EPL as a label for that post. Similarly if i post a post about spanish league (with label as spanish league) then that appropriate flag must be displayed. Is this possible? If so please explain the steps fully.
thanks and regards
christian
Well that's not possible, labels of a post are not reflected in the url of that post, so I don't think it is possible to show label specific icons against titles.
ReplyHey Christian, I found a way for doing that (showing label specific icons below post titles), the tutorial will be live within a day
Hope it'll benefit your blog.
ReplyHi and thanks for all these tips. I have two questions hoping you might have answers for:
ReplyFirst question:
I have my own website and want to link to my blogspot, but target a particular blog. Any tips on how to do this?
Second question:
I add a new blog every day or two, but would like to change the hierarchy so that no only date is the sorter. Anyone know any way to change the hierarchy decider?
Thanks loads
Hi spaniahus,
Replykindly rephrase your sentences as I couldn't get either of your queries...
In your second question do you mean "you add blogs daily" or "you add posts daily"?
Thanks a lot for these very helpfull tips & tricks.
ReplyI was that close to switch my website from blogger to wordpress some days ago.
But the last few days this website showed my a new Blogger world of possibilities.
Thanks for that!
If you have any advice of tips on my website i'm very eager to hear so.
www.marcomboekrecensies.com
@Bas van Vlierden
ReplyGlad I could help you buddy!
According to your present homepage, I would advise you to have a gallery type layout for the homepage - You can show more products in that layout, as you are already maintaining fixed size windows for displaying the posts.
Thanks for your advise. Is there already a post on this website how to change the layout. Because I don't really know.
ReplyYes buddy, I already have tutorial for that, read the fourth point in General Hacks For Templates (first category).
Reply@Divya Sai
ReplyThanks for the quick reply. It was rather confusing, yes.
Question 1:
I have my own website and I want to make some links to posts in my blog. Is it possible to target a particular post, rather than the whole blog?
Question 2:
I add a new post (as well as new blogs with different subject matter) each day or two, and would like to change the hierarchy so that it is not just "most recent" or "oldest" that determines which order the post appear. It is possible to group together posts under a heading, or subset, etc?
Thanks you for your patience.
1. Yes simply copy the url of any post and link it from any widget present on your website.
ReplyYou can see the examples in this blog (BloggerStop) too: my about and contact pages are simple posts written 2 years ago. I have linked them from my top page-nav menu.
PS: As blogger has recently launched its static-pages feature, so better use this feature.
2. Well you can group posts using the recent posts widget, but instead of your blog feed url, use blog feed url + any of your blog label/category/tag. (So all your posts in the category say, "carport" will be shown in a particular widget)
Tutorial for recent posts widget.
Default feed url to be used in the widget is this:
http://www.YourBlog.BlogSpot.com/feeds/posts/default/
but label specific feed-url will be this one:
http://www.YourBlog.BlogSpot.com/feeds/posts/default/-/LabelName
So, instead of LabelName, you can use "carport" in a widget and some other label in another widget.
Now make some widgets specific for your famous categories/labels and show these widgets only in the homepage, by using this hack:
How to show widgets only in homepage, or all posts or only in a specific page
maybe you can help me!
ReplyI am having a major issue with blog.
It is placing the Comments link and "Posted by" at the top of each post just under the title, instead of at the end of the post. I have tried everything to move it. I've tried altering and saving it again and again and nothing works. Also, it's not showing the date of the post. Even though I have that box checked. well you can see what i mean: http://Lorelei1141.blogspot.com
I am beyond frustrated. I have yet to find anyone else with this same issue. HELP!
Hey Lorelei,
ReplyYou are at the correct place, to get your problem fixed. Send me your template through my contact page, and I'll tell you what exactly you have to change in your blog.
Where do I go to find out how to sign in to my blog again? It's been many months since I did so, and I have changed my email address and have forgotten my password. The instructions google gives do not work. There is no telephone number or specific way to email google about the problem, is there? Thanks for any help!
ReplySimply sign-in using your Google email-id/password.
Replybut instead of signing in at gmail.com, sign in at www.blogger.com
@divya sai
ReplyDont know if my other message got sent yesterday. I am having trouble using the "static pages" bit of blogger. The pages tab doesnt come up in the menu in draft mode, but I have checked the box the use the latest editor, as instructed. I have a PowerBook G4 with MacOS 10.5.8 and use firefox 3.5.7, could this be a problem?
@spaniahus
ReplyNo, I haven't got any mail/comment from you on this issue earlier. Anyways, first of all try out some other browser, if that doesn't help, then do this;
your edit posts link looks like this:
http://draft.blogger.com/posts.g?blogID=*******
so copy that url and change it like this:
http://draft.blogger.com/pages.g?blogID=*******
i.e. keeping other things exactly the same, just change posts.g to pages.g
Hope that helps you !
Thanks for all of the information you post. I have used a lot of your posts to build my site and am now trying to get it out there on the net. I'm having trouble with keywords and getting noticed by search engines. If you could offer any help that would be great.
Replywww.trainwithhank.com
I am so glad to know that Hank
ReplyJust make sure your blog keeps the search engines happy. Follow blogs and my own posts on SEO:
BloggerStop.Net-SEO
And make sure you publish regular, rich and frequent posts on your blog. If your readers are happy then the SEs will be happy too
@Hank,
ReplyIf your blog is really new in the www, then ask your friends to give you some one-way backlinks and also register at some reputed web-directories where linking back to them is not necessary.
Is there a way to add the follow button? :/
ReplyIt's not showing up on mine.
my blog is kayladesirae.blogspot.com
if there is a way email me at goshkayla@yahoo.com
Here's the tutorial for you @KaylaDesirae,
ReplyAnimated (On Hover) Fixed-Floating Twitter-Follow Me Badge
Excuse me
ReplyHow to create bloggroll wavy like yours?
This is really wow! I have used and applied already most of your tricks. But cant afford to read it and apply it all. Little by little I can make it happen.
Reply@Aldie76
ReplyThat's called link nudging, here's the tutorial:
http://bloggerstop.net/2010/01/dancing-links-thats-jquery-link-nudging.html
Thks for share the tricks
)
ReplyI really like it
Question:
ReplyI would like to know how to frame a post, and give the background to that specific post a different color than the background of the page at large. I've seen some people's blogs with this, and am wondering how to do this myself. Thanks.
I hope this will help you:
Replyhttp://bloggerstop.net/2008/12/how-to-show-different-background-color.html
Tks for info.... i like this
ReplyIn response to comment #95 I have that particular code what can I add into that code so that I can hyperlink the individual ad boxes to the businesses website. Please help!
ReplyThanks,
Dominic Gross
http://www.carlisledaily.com
Hi, Can you teach me how to add 3 column: Recent Posts, Regular Readers, Popular Posts in the bottom Blog? I had try very much but not success. Can you help me? Please
ReplyHave yoiu tried this tutorial?
Replyhttp://bloggerstop.net/2009/01/add-three-new-widgets-at-bottom-of.html
@Carlisle Daily News,
ReplyInstead of the phrases, Your Ad Banner 1, Your Ad Banner 2 etc.
put the code for the banner/images linked to websites.
like this:
<a href="http://TARGET_WEBSITE.com"><img src="http://DIRECT_LINK_TO_BANNER.jpg"></a>
Thanks you very much. I do it ok
. You are pro
ReplyYou are most welcome
Replycool blog and posts. Thanks you
Replyhttp://www.globinch.com/
I am impressed by reading your article. These are great tips. I really enjoyed the post! thanks for sharing helpful tips.
ReplyYour template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
ReplyXML error message: The element type "img" must be terminated by the matching end-tag "".
This is error I get when I put in your code for the four boxes with url. Not sure what I am doing wrong.
Thanks for help!
www.carlisledaily.com
This is really a 'bloggerstop' place. Wow, so many tips in one single place.
ReplyThank you, thank you.
http://chelseafcchampions.blogspot.com/
Wow its really wonderful to see this, thanks for the post
ReplyThanks for all this very useful information you have here.!!
ReplyCan you tell me how can I show the thumbnails of my pictures in the post in the dashboard. The blogs that I follow, every time they post something it comes along with their picture.. mine just shows up as text...
Replythanx so much..
Reply@ DSAi
(
Replyhi i am regular vister of u r site and i learn lots of thigs from your side thanks for this your effort is deeply appriciate ........i am come accross one problem now days hope u have solution i try to explain my problem as follows
i am using menubar (nevigation menu) at top of blog like ...
yours ..now problem is that when some one clicks for example optimise your blog teb in u r website it shows further option and suppose i select optimise your post then it shows page will all links under its section now my query is is there any alternative way i mean if i click optimize your post then it shows latest 5 post with title and at end of page it shows next page or i have to do thing like you every time new post publish i have to add manually link to that post...............further is there any software for temples if we made changes in temple we can see at offline mode if i change my xml extensional file then it shows whatever changes i done is there any software which can help me ? i have no internet connection
regards,
nishad
bcsexamguru(.)blogspot(.)com
Comments are moderated on this blog
Allowed HTML tags: <b>, <i> and <a>
Comment Like This! and Optimize your blog EmoticonEmoticon