Showing posts with label Blogger Tricks. Show all posts
Showing posts with label Blogger Tricks. Show all posts

Reduce the Loading time of your blog…

2009-10-05 Comments

The loading time of your blog is very important factor in attracting visitors of your blog. My previous blog template had lots of css,java scripts,sliders..due to which my blog's loading time was poor and soon many started complaining about it. So now I shifted to a new template. Still I am fond of those java scripts and Gadgets which results in very poor loading time of my blog. So is there any remedy for this? So how to balance between performance and java scripts,css etc… I searched Google for the solution and asusual Google didn't disappoint me. I don't know whether you all know the solution for this.But I really like to share this info with you all. It might help atleast one of my visitors. There is a solution for this. You can compress your css and java scripts which gives better loading time for your blog.

 

So how to do it? Its not a difficult process at all. Don't think you have to work with codes,HTML etc.. English is enough for this. Now before trying this please download your full template to ur system’s Hard disk. If you don't have a clue of how to do it..

GOTO BLOGGER DASHBOARD->LAYOUT->EDIT HTML and click on DOWNLOAD FULL TEMPLATE.

There are lots of css compressors available online.However I recommend you to go for this link-> CSS COMPRESSOR.

Now you are in EDIT HTML… press CTRL+F to search for <b:skin>. Remember to check EXPAND WIDGET TEMPLATES.

Copy all the contents between <b:skin> and </b:skin>.css compress

Visit the above link I gave you.

Select NORMAL for compression mode.

For Comments Handling.. select DONT STRIP ANY COMMENTS

Now after copying the contents between the above specified tags and paste in the space specified there. After pasting click COMPRESS IT.

That's it… Your code has been compressed. Now copy back the code and paste it between <b:skin> and </b:skin>. Remember to delete the old uncompressed code,before doing so. See and Feel the difference.

I wont say that your blog would now load within 5 seconds like a miracle. Suppose if your blog takes 20 seconds to load completely. This will reduce in the range of 10-12 seconds.

Hope this is useful. Now if your blog is taking more time to load,don't keep changing your template instead compress your Css and java scripts.

And sorry guys if you already know this and if I have wasted to your precious time. Hope this is useful for those who don't know much about these css and compressions.

How to add Polls to your Blog posts

2009-06-10 7 comments

I think everyone would have known how to create a poll widget in your blogs. But have you ever tried to create a poll in your blog posts?

These are some simple steps which helps you to create a poll in blog posts.

 

Step 1: Goto your dashboard. Click->layout->add a gadget.

1

Step 2: Select polls from list of gadgets available. And create your poll.

2

Step 3: Now you can see the newly created poll widget in your blog.click view blog to goto your blogs page.

Step 4: Right click over the poll widget and select View page source.

3

Step 5: Now press Ctrl+f and type the name of your created poll. click search. Then copy the <iframe>tag </iframe> immediately below it. copy the full line with iframe tag.

4

Step 6: Goto your Edit Html in create post section. Paste the iframe tag in the edit html mode to your post to which you want to attach the poll.Please don't forget to type the name of your poll above the tag you pasted in html mode.

5

Step 7:Now you can delete the poll widget from your sidebar.

Your poll appears in the post itself. Hope this was useful.

How Useful Was This Post?

How To add .gif Or animation to your posts?

2009-05-29 5 comments

Have you ever tried to attach a .gif image to your posts. I just did that today.I created one animation today working for hours and when i tried to share it in my blog,I ended up disappointed. My animation just remained as an ordinary picture. So then i found out how to add your animation to your posts. I think it might be helpful to my friends, who are interested in sharing a animation with the world. So follow these simple steps.

Step 1: Create your own animation.

Step 2: Since you cannot directly add an animation to your posts, u have to upload your animation in any of free web hosting domains. for eg:www.photobucket.com

Step 3: Now register for free in photobucket and upload your animation.

Step 4: As soon as you uploaded your animation, goto ur album and when u hover your mouse over the uploaded animation you can see a box as shown in fig. below

step 5: Can u see a HTML Code text box? copy the contents of the box and paste it in ur posts. Do remember to paste in Edit html mode and not in compose mode. U can then return to compose mode and have a preview of your animation.

Hope this helps you. If u have any queries please write to me in comments.

How to add powerpoint presentation to your blog

2009-05-23 2 comments

Do u know how to add PowerPoint presentation to your blog?

There are lots of ways.


First Method:

  1. Create a PowerPoint presentation
  2. Then convert it into a flash video using converters.lots of free converters are available.
  3. Then upload into free uploading domains such as you tube.
  4. Then copy the embed code or source code from you tube and paste it in your post.
  5. Goto posting and click create. Then paste the source code or embed code to add your presentation.
Second Method:

  1. Create your presentation.
  2. Goto scribd.com
  3. Register and sign in.
  4. Then click upload.
  5. Upload your presentation.
  6. Then copy the source code and add it to your post or even gadgets using HTML/JAVASCRIPT.
Third Method:

This is a bit complicated method.But it is efficient because you can adjust the time between each slide from 5 to 10 seconds. You can also adjust the height and width of ur presentation window.

1.Open the created presentation with Microsoft PowerPoint.Click Save as and select the format as png from dropdown box.Then click save.

2.Now a window will open and ask you whether you want to export every slide or export only single slide. Select every slide.Each of your slide will be saved in separate single folder and your slide would be named as slide1.png,slide2.png etc...

3.Now goto www.flickr.com.You can use your Yahoo id to log in.Create an account if you dont have yahoo account.After signing in goto upload.Use basic uploader.

4.Click select button and choose the files from location to which you saved the png files.

5.Upload the slide in reverse order.suppose if u have 5 slides. Upload slide 5 first..then 4,3,2,1..
You will be asked for tag while uploading.give same tag for all slide. In basic uploader u can add only 6 slides at a time.Suppose if u have more slides, upload the six slides first.Give a tag.Click upload. Then again upload the remaining slide and give same tag for those slides.

6.Now u can see all slides in one single window.Right click any where on the window and select view page source.

7.U can find the code shown below in your html source.
<link rel="alternate" type="application/atom+xml" 
title
="Flickr: Your Photostream Atom feed" href="
http://api.flickr.com/services/feeds/photos_public.gne?id=38650661@N05&lang=en-us&format=atom"
>
U can see id=38650661@No5 in the above line. copy your id from your source code. And remember the tag you have given for all slides.

8.enter ur id and tag in the code shown below. use this code to your create post column or even you can add this code to your gadget with html/Java script gadget.


For adjusting Height and width u can enter height="___px" width="____px" in the code.

If the Above Methods are not clear just give me a comment.your query will be answered within 24 hrs.If you find any other easier method inform me.





Random posts

Ranks

Green Blog

Brighter Planet's 350 Challenge