Embedding Javascript In Blogger Posts

Blogger automatically inserts line breaks to your code which inevitably disrupts the functionality of your javascript. To resolve this, simply
edit your javascript and delete all the line breaks in 'windows' notepad or other text editing software, then insert your revised code on your blog post with the html tab enabled. This should allow your javascript to execute correctly.

Reference: Add Javascript In Blogger Blogspot Post

Hope this helps!

Popup Window In Blogger?

There was a time I needed to make certain links popup on a new window when clicked on. Maybe even popup on a new window of a specific size. I have tried various methods, some work, some don't. Many can be improvised to meet your needs given that you are familiar with javascript or even just basic html. There are many techniques when trying to produce a popup link. There are also varying results. So in the end it is for you to decide which best suits you and your site and/or blog. I will continue to update this post as I find new methods worth using for making popup links.

Here are a bunch of links that I bookmarked that may help:

http://www.quackit.com/html/codes/html_popup_window_code.cfm
http://www.htmlcodetutorial.com/linking/linking_famsupp_72.html
http://www.dvq.co.nz/web-design/create-a-jquery-popup-bubble-effect/
http://www.leigeber.com/2009/05/javascript-popup-box/
http://www.boogiejack.com/pop_up_window.html
http://www.webmaster-affiliates.net/pop-up-message.php

Some ideas:

• the use of iframes?
• use the title attribute for your links?

I would ultimately like to see someone develop a popup tool similar to Kontact's contact form except that you can manage whatever you wanted to popup from a master account of some sort. Until then. Let's wait and see what people come up with!

Word Verification Not Showing On Post Comments

This is something I ran into lately on one of the blogs I manage. People were not able to leave comment because they could not see the word verification text box where they would normally type down what it says on the "captcha" image. See Image for example:



So how do you fix this? Well I did some searching and found a thread on the google help forums titled Word Verification: form box not rendering properly, which helped point out a solution.

The word verification process is displayed in an iframe whose height is limited to 275 pixels which cuts off the bottom of the comment box, thus not allowing commenters to type down the captcha image. To fix this, go to your edit html tab under your affected blog and be sure to download your template as-is to back-up your template if all else fails, then check the "Expand Widget Templates" box and search for comment-editor in your template. It will most likely be found within an iframe. You will find a value in this iframe that reads height='275', or height=275, change the height value to 400. Preview your template, if no errors occur, save your template and your done! Your verification text box form should now appear for your visitors and allow them to leave comments again.

Inserting Spaces In HTML

In HTML there is no way that the web browser can recognize the spaces inserted consecutively in between the letters. You can either try it in EI, Mozilla and Opera.

The only way (in my findings) to do so is to insert the following code:

 

Removing Pencil And Screwdriver And Wrench Icons

I wanted to do this on a few blogs because sometimes you just need to see exactly what is going on with how your blog looks. I agree, that the screwdriver and wrench icons in blogger blogs are handy for on the spot editing of added gadgets but they do however interfere with the actual spaces between sidebar gadgets and what not. The only way you can view your blow how everyone would see it would be to preview it or to log out of blogger and then see your blog. What if you just never want to see the icon at all... well I read an article on Blogger Tips And Tricks that had the solution to removing the screwdriver and wrench icon.

Here is the link to the article:

Removing Pencil And Screwdriver And Wrench Icons

You will also find a tutorial on removing the quick editing pencil icon. Though I never found a reason to not want it yet. I find it very useful. I guess it's always best to have options.

Displaying Codes In Blogger

I found myself in a situation where I had to display a piece of code on one of my post here. It was on my Navigation Bar post where I needed to display some code. No matter if you type it in html mode or compose mode, Blogger will detect code and not show it as-is in letter and character form. I did a search on Blogger Buster and found an article about how to display code properly in your blog posts! With the use of character entites described by Amanda in her post, we can find a workaround to this issue. Hopefully, one day, Blogger will have an option to compose codes and display them as-is on our posts. For the meantime, this is the way I found easiest to work with.

Updating Website Thumbnails and Screenshot Previews

I am not sure how relevant this is in terms of webcrawling and that sort of stuff. I am sure I will learn more about it in time.

Here are a few links that offer thumbnail and screenshot updates of your websites for free:

• Thumbshots
• Buzzdroid - more information on this topic

I'll try to update this post as I find out more.