September 22, 2008

Blogger / BlogSpot Help - Templates, Widgets, Tricks and Tips


Blogger Help Logo Templates Widget
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 !!!


299 comments:

«Oldest   ‹Older   1 – 200 of 299   Newer›   Newest»
Bloggrammer said...

Nice blog...this is really helpful.you know a lot of blogger need more information about what do need to learn more.

Webrecsol Optimizer said...

it is a great blog site and really very help full.

Tina said...

Hi
thanks for templates that's very cool.
take a look at my friend's website if you wanna free professional banners.

have a nice day!

snam said...

Hey, great blog!

How did you create the tabs area in the top right hand corner? With the subscribe, tag cloud, and translate buttons?

Vivek Barun said...

thats a great list that you have compiled

CarloBlogg said...

nice 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"
More power!

CarloBlogg
http://carloblogg.blogspot.com

Jenai said...

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!

bloggerstop.net said...

Thnx for appreciating the work Jenai !

And yes, I have described the method to add social bookmarking buttons to your blog

Sai said...

Hi Carlo.....thanks to u too
And 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 :)

highcuriosity said...

wow it so greats tips...

Buy Gifts said...

nice blog , your blog is very resource full i just bookmark this page

sarah said...

I 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.

Sarah

Web Directory Gal said...

I've come across this site many times now recently, you're doing something right :P

I 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!

Divya Sai said...

Hello everybody!
thanks 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 :)

SEO Newbie said...

Wow....Good Article. Nice to visit your Blog. Good Luck For you.

Divya Sai said...

Hi Daryo!
Thanks for the comment....

Regards
Sai

RARA ♥ said...

hey, this is so cool ! ;)

Divya Sai said...

Thanks Rara !

:)

Geraldine Anne said...

hi! wanna earn ? try this - http://r.yuwie.com/geraldinetoring/

jimkitt said...

Good blog. Can you supply the coding so I can put this 'share your views' application on my blog?

Divya Sai said...

Well "Share your views" is nothing but an image.

I 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

AB said...

Format is like :

Post Title
Date
Widget 1 Widget 2


I want to increase gap between date & Widgets so as to accommodate calender date icon easily..

Ankit said...

Waiting 4 ur reply !!

Divya Sai said...

Hello ankit

in 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

PinoyApache said...

Leaving my footprints and made a drop. Hi, nice blog doctor.

Divya Sai said...

:)

lvs said...

I have bookmarked this page. Excellent collection.

Divya Sai said...

I am happy that you did that Venkata
You are always welcome on this blog !

Regards
Sai

Ankit said...

I want to add background image to my post title like

http://i719.photobucket.com/albums/ww200/bajaj151/heading.jpg

Divya Sai said...

Dude that image is just a comment-bubble, are you sure you have given the right link ?

Ankit said...

Just look at this site :

http://www.dcblog.net/

Divya Sai said...

Hello Ankit,

You'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 !

AB said...

There is nothing like :

.post h3 a, .post h3 a:visited, .post h3 strong {

sagara said...

good post and good article overall...

thanx
sagar
www.freetemplates4u.co.cc

Divya Sai said...

Welcome Sagara !

humpadang said...

wonderful 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..
thanks again

Divya Sai said...

I'll be happy if this blog is helpful to you, feel free to ask your doubts anywhere in the blog!

Regards
Sai

Sushi Freak said...

This is an awesome resource. Thanks so much for putting it together in such a well organized and complete manner.

Nicely done.

Divya Sai said...

Welcome Sushi !

Hesham said...

Thank you for sharing this great post!

Divya Sai said...

You are welcome Hesham,

Although 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

RIzhal said...

I never to get great information like this post, hope you want to teach me more about SEO brother.. :D

kenmax said...

very nice blog...

totally useful..
thx alot.. ;;)

Divya Sai said...

Hi Rizhal and Kenmax,

I 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

harry seenthing said...

wow is nice info in here, thanks for share ur knowledge for me

Nigel said...

Very cool info here. I started out with blogger/blogspot and it's a great place to get your feet wet.

Thanks.

Nigel

Divya Sai said...

Welcome Harry and Nigel, you can subscribe to this blog if you want the updates directly to your inbox !
You are always welcome here!

Regards
Sai

enrichco said...

wow, very complet info. from newbie to master, i'm blogspot user ;;)

AB said...

Is it possible to transfer posts from one blog to another ?

Divya Sai said...

Yup certainly ankit,
if 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

Allure said...

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?

Divya Sai said...

Hi Allure

There'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 !

AB said...

How to display feed count as text ?

Tetangga said...

excuse me... how to use flash cloud tag in my link?

Blogger Templates said...

HI tetagga,
You can read this post:
Blogger Help - Animated Flash Tag Cloud For Blogger

Divya Sai said...

@ AB,

It involves php coding dude...

drknlvly6781 said...

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!!!

Tech said...

Some of your tips and tricks are really useful, keep it up.

Mario's Webmaster said...

i agree with you. thank you
http://www.marioseotips.com

bloggerstop.net said...

And I agree with both of you :)

Mario's Webmaster said...

This is the second blog I have read on this topic.I am floored I never read this before. Thank for sharing

seo tips blog

Divya Sai said...

You too have some nice SEO tips on your blog...keep up the good work !

Ritesh Sanap said...

i Want Back To Top Button Like You

http://riteshsanap4u.blogspot.com/

Divya Sai said...

Hi Ritesh you can read the tutorial here:
http://bloggerstop.net/2009/01/add-floating-back-to-top-buttonimage-in.html

Zaeem said...

hey sai!....how did u create this page??...i mean,this 'index' kinda page?....i also wanna create one,..plz guide me!..thx

bloggerstop.net said...

Hi Zaeem,
No coding here, simple typing :)

mario's webmaster said...

i agree with you :p
thank for sharing

AB said...

How to redirect Custom Domain to blogspot blog ?

www.exclusivearena.com --> www.exclusivearena.blogspot.com

Divya Sai said...

Hi Ankit,

This post will be helpful to you:
Custom Domain For Blogger/BlogSpot Blogs

pooh said...

can you tell me how to add 125*125 ads section like your Sponsors portion

Divya Sai said...

Well pooh,
there 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

Nguyen Phuong Hai said...

Good job

Pooh said...

Can you please tell me that how to highlight the code in the posts

Divya Sai said...

Hello Pooh,
I think this post will be useful to you:
Highlight Text In Posts Through Colored HTML Text Boxes

Regards
Sai

Potterchik said...

Helpful - I've bookmarked this page.

Divya Sai said...

That made me happy...
Thanks :)

David said...

great stuff. how did you create the social networking widget? (just above "recommended)

thanks

Divya Sai said...

Hi David,

thanks 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

AB said...

-To customize header I have this in layout (edit html)

<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

Divya Sai said...

put it in the image tag dude !

VITALITY said...

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))
your site is so many help full so thx many

please visit now http://dramaandnatok.blogspot.com/

AB said...

Thanks !!

What about the 2nd query ?

AB said...

How can I add nav bar at top and search box in header image area ?

Divya Sai said...

Dude,,it's already the direct link, you just have to save it...
nav 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...

Ankit said...

No reply ???

AB said...

If possible can I add search box in Drop Down Menu bar ?

AB said...

How to add thumbnail related post ?

Divya Sai said...

Yes Ankit, I'll write about it soon...
Actually it doesn't even require a tutorial, simply go to : http://www.linkwithin.com

& u'll understand the rest of the process.

Regards
Sai

AB said...

How to convert

<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=ea&style=black"></script>


into html ?

Perry said...

Hi,
Stumbled 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 .

Divya Sai said...

Hi Perry,

Can 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.

Ankit said...

What about my query ?

Divya Sai said...

Why 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.

Perry said...

Thanks for such a prompt reply.
Never 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

Divya Sai said...

Okay...it actually depends on your website (sidebar's width), presently I am considering that it's width is more than 250px.
And 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

Ankit said...

Actually I want to add it along with feedburner count...see my blog..so that you can know my prob exactly.

Thanks

kpopster - K said...

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!

MALIK IMRAN AWAN said...
This comment has been removed by a blog administrator.
MALIK IMRAN AWAN said...

´´´´´´´´´´´´´´´´´´´´´´¶¶¶¶¶¶¶¶¶¶¶¶
´´´´´´0¶¶¶0´´´´´´´´ø¶¢´´´´´´´´´´´´ø¶ø
´´´´´¶ø´´´¶¶´´´´o¶1´´´´¶¶¶´´1¶¶¶´´´7¶¢
´´´´´¶1´´´´¶´´´$ø´´´´´´¶¶$´´´¶¶´´´´´´¢¶
´´´´´o¶´´´o¶´´o¶´´´´´´´¶¶o´´´¶¶´´´´´´´øø
´´´´´´¶´´´¶´´´¶´´´´´´´´´´´´´´´´´´´´´´´´ø
´´´´¶¶¶¶¶¶¶¶¶¶¶¶´´´´´´´´´1¶1´´´´´´´´´´´ø¶
´´´¶´´´´´´´´´´´´¶´¶¶´´´´´¶¶¶´´´´´´¶¶´´´´ø
´´ø¶´´´´´´´´´´´o¶´´¶¶´´´´´´´´´´´´¶¶´´´´´ø
´¶¶´´´¶¶¶¶¶¶¶¶¶¶¶´´´7¶¶ø7oo77¢¶¶¶´´´´´´ø¶
´¶´´´´´´´´´´´´´´´¶´´´´´¶¶¶¶¶¶¶´´´´´´´´oø
´¶¢´´´´´´´´´´´´´´¶´´´´´´´´´´´´´´´´´´´¶
´´¶´´´¶¶¶¶¶¶¶¶¶¶¢¶7´´´´´´´´´´´´´´´´7¶ø
´´´¶´´´´´´´´´´´¶´´ø¶¶´´´´´´´´´´´øø¶
´´´´¶¶¶¶¶¶¶¶¶¶¶ø´´´´´´¶¶¶¶¶¶¶¶¶¶´

viknesh said...

thanks for sharing.... this blogger help...
i want to create older post icon for my blog...
help me to do...
what i have to do.....
www.vikneshblog.blogspot.com

sriharsha said...

Dude...u just made my simple looking blog into something special...at least for me :D

But 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... :((

monci said...

After adding sitemap to my blogger google is now indexing my site faster and I am getting more traffic.

Divya Sai said...

Happy for you monci !

Marty said...

Lots of great info, thx bookmarked. Do you know if you can have a file structure in Blogger that doesn't have a date?

My Space said...

Thank u so much, From Mongolia :X

Sai @ BloggerStop.Net said...

@ Marty and 'My Space'

Welcome 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...

sw1mmw said...

thnx
very very very good

Koni R said...

Love it! Very helpful. i'd use it all, but too much looks too trashy. Thank You!

3T said...

Your blog is the best!!! :x

Terry said...

I 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.

Do 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

Terry said...

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/

Terry

Divya Sai said...

Hi Terry,

Just 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...

MOSTWANTED said...

hi there, i have been recently joined here, uzed some of your hacks and tips, hacks worked fine but search engine optimization doesn't work, can i edit my labels?webmaster tool specified some broken links but i can't seems to find them on my pages. what should i do???

please pay me a visit at http://moviezmobile.blogspot.com

thanks

Divya Sai said...

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.

MOSTWANTED said...

a big problem occured, i used your trick to show only titles of posts in archives, it worked fine and looked kool, but in fact, we only have posts on first page, in older posts, we get the same titles only, quite embarrasing now. what should i do????? any solution to keep that hack to archives only??? maybe any if condition, anyways thanks for all of your hard work

umasri said...

I 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.
My Blog id:http://umasri-umasri.blogspot.com

Sai said...

@MOSTWANTED
Yes, 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.

avitricks said...

Please help
Comments 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

Divya Sai said...

@ avitricks...

You 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?

Ananth said...

<span><span>Can anyone help me out of this problem..  
Question :  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>

Divya Sai said...

Hello Ananth,
Read this tutorial, and ask any doubts you have:
http://bloggerstop.net/2008/10/get-domain-unlimited-hosting-and.html

Ananth said...

Actually i already owe a domain ..
i 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.

Divya Sai said...

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.
And at your domain registrar's account page, you have to make the DNS changes as descibed in the tutorial.

Ananth said...

can u send me the tutorial link..please..
ur reply is fast..
thanks to bloggerstop

Divya Sai said...

http://bloggerstop.net/2008/10/get-domain-unlimited-hosting-and.html (that's my own experience of shifting from BlogSpot to a custom domain)

Frau Mayer said...

Hello! 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!
http://fraumayerandcat.blogspot.com/2009/08/ghost-of-flea.html

Divya Sai said...

According to the width of your blog-pot area, fix the width of images too.
So whiling using an image, fix it's width to 400px, like this:
<img src="" width="400"/>

Frau Mayer said...

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!
 and THANKS!"

Divya Sai said...

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.
If 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>

bolang said...

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.

Divya Sai said...

Welcome Bolang, thanks for your encouraging comment, and ya..your template selection is cool!

fingaz001 said...

nice 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

Sai @ Blogger Widgets said...

Here, check out this tutorial fingaz001

Related posts widget Blogger

fingaz001 said...

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.

Divya Sai said...

well getting clicks on adsense banners is nowadays very difficult, read this tutorial on how to overcome this problem:
http://bloggerstop.net/2009/03/make-money-blogging-banners-vs-in-text.html

Karen said...

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?

Divya Sai said...

@ Karen

Your blog address buddy?

Vipul said...

Good job Sai.
Thanx a lot..........

viswanath said...

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.
.
can u help me plz
.
my blog address is
.
.
http://nanoguns9.blogspot.com/

.
i dont knw wat to do

plz help me

Divya Sai said...

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 !

Jayequeue said...

Hello!

I'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)

கிரி said...

Hi Divya Sai,

This is really great post.

Almost I have spent more than 2 hours :-)

Great work.. Thanks for all ur tips.

Thanks
Giri

Divya Sai said...

@Giri
Great 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

zizo said...

Hi, thanks for all..
Please how i can add second posts (Articles) column to my blog?
please help me

Sai @ Blogger Help said...

@zizo,

couldn't get your query exactly....can you please rephrase it?

Zizo said...

Hi, thanks for replay.
my 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

Sai @ Blogger Help said...

Hi Zizo,

From 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

Blogging for profit said...

Interesting resources dude!...... I wish you write more about blogger seo.

Pablo said...

Hey, I need some help. My blog (http://pcdcftw.blogspot.com) is acting weird. My posts won't show :( PLEASE HELP!

Sai @ Blogger Help said...

The files linked from your blog, are all invalid links, check them yourself:
1. 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.

Sherry said...

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 :(
http://coocoo4coupons.blogspot.com/ I have asked others on other blogs but have never gotten the help i needed. I hope you can help me!

Divya Sai said...

Hey Sherry,
Ofcourse I can help you, simply download and send me your template through my contact page.

corny smith said...
This comment has been removed by a blog administrator.
Syee22 said...

I used blogskins template, so how can i add RSS Feed ?

Divya Sai said...

RSS 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.

Syee22 said...

Ok thanks.

Man Utd Fan said...

hi,
I 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

Divya Sai said...

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.

Divya Sai said...

Hey 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.

spaniahus said...

Hi and thanks for all these tips. I have two questions hoping you might have answers for:
First 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

Divya Sai said...

Hi spaniahus,
kindly 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"?

Bas van Vlierden said...

Thanks a lot for these very helpfull tips & tricks.
I 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

Divya Sai said...

@Bas van Vlierden

Glad 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.

Bas van Vlierden said...

Thanks for your advise. Is there already a post on this website how to change the layout. Because I don't really know.

Sai @ Blogger Help said...

Yes buddy, I already have tutorial for that, read the fourth point in General Hacks For Templates (first category).

spaniahus said...

@Divya Sai
Thanks 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.

Divya Sai said...

1. Yes simply copy the url of any post and link it from any widget present on your website.
You 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

Ananth said...
This comment has been removed by a blog administrator.
digital-lif3 said...

nice blog..

Lorelei said...

maybe you can help me!
I 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!

Divya Sai said...

Hey Lorelei,

You 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.

Anonymous said...

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!

Divya Sai said...

Simply sign-in using your Google email-id/password.
but instead of signing in at gmail.com, sign in at www.blogger.com

spaniahus said...

@divya sai
Dont 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?

Divya Sai said...

@spaniahus

No, 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 !

Hank said...

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.

www.trainwithhank.com

Divya Sai said...

I am so glad to know that Hank :)

Just 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 ;)

Divya Sai said...

@Hank,
If 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.

KaylaDesirae said...

Is there a way to add the follow button? :/
It's not showing up on mine.
my blog is kayladesirae.blogspot.com
if there is a way email me at goshkayla@yahoo.com

Divya Sai said...

Here's the tutorial for you @KaylaDesirae,

Animated (On Hover) Fixed-Floating Twitter-Follow Me Badge

wallflower said...
This comment has been removed by the author.
Aldie76 said...

Excuse me
How to create bloggroll wavy like yours?

Ananth said...
This comment has been removed by a blog administrator.
Watch Movies Online Free said...

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.

Sai - Blogger Widgets said...

@Aldie76
That's called link nudging, here's the tutorial:
http://bloggerstop.net/2010/01/dancing-links-thats-jquery-link-nudging.html

Aldy said...

Thks for share the tricks :D
I really like it:))

Anonymous said...

Question:
I 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.

Sai - BloggerStop.Net said...

I hope this will help you:
http://bloggerstop.net/2008/12/how-to-show-different-background-color.html

Ananth said...
This comment has been removed by a blog administrator.
webdesignresources said...
This comment has been removed by a blog administrator.
satuiku said...

Tks for info.... i like this

Carlisle Daily News said...

In 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!

Thanks,

Dominic Gross

http://www.carlisledaily.com

Rachel Weisz said...

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

Sai - Blogger Widgets said...

Have yoiu tried this tutorial?
http://bloggerstop.net/2009/01/add-three-new-widgets-at-bottom-of.html

Sai - Blogger Help said...

@Carlisle Daily News,

Instead 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>

Rachel Weisz said...

Thanks you very much. I do it ok :D. You are pro

Divya Sai said...

You are most welcome :)

Globinch said...

cool blog and posts. Thanks you
http://www.globinch.com/

movers said...

I am impressed by reading your article. These are great tips. I really enjoyed the post! thanks for sharing helpful tips. :)

Carlisle Daily News said...

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML 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

«Oldest ‹Older   1 – 200 of 299   Newer› Newest»
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

comment on this post Share Your Views

Allowed HTML tags: <b>, <i> and <a>

Join and share your views with other bloggers at BloggerStop Community

Comment Like This! and Optimize your blog...

SPAMMER OF THE MONTH: www[.]TopRankLinks[.]com

Next Post Homepage Previous Post

Regular Readers


What They Say...

Divya Sai is the ingenious webmaster of Bloggerstop.Net. Divya is extremely patient, knowledgeable and responsive... Bloggerstop.net has an abundance of articles on creating widgets, templates, hacks and ways to make your blog search engine friendly.
- Stacey @Pets With Allergies
I stumbled onto a great site. Sai, over at Bloggerstop.net has helped me tremendously and with great patience...for any and all questions regarding computer issues. And again, THANK YOU Sai.
- Cheryl @Cmash Loves To Read

More Here...

Popular Posts

Get this widget

| © 2010 BloggerStop.net | Blogger Widgets | Template by Dicas Blogger | Enhanced By Divya Sai | Privacy Policy