Thursday, December 24, 2009

Link building tools for bloggers

People who publish blogs usually wants 2 thing - good search engines ranking especially PageRank (Google) and traffic.

Now while search engines' algorithm is always changing, one thing is very unlikely to change, the reliance on the number and quality of inbound hyperlinks to a website or blog. This website Free link building tools claims to be able to help you in this aspect in 3 simple steps:

  1. Install Link Code

  2. Set Inbound Links

  3. See Results

The website claims to give you simple link building tools and analysis plus tutorials cum information which will help get your blog top ten rankings in major search engines.

If that is not enough, there is also a page with links to more links building tools and resources.

Friday, January 30, 2009

Uploading multiple images photos

The Blogger post editor has a photo upload icon Blogger photo upload icon which when clicked upon will open the photo upload dialog window (see screen shot below):

Click CHOOSE FILE and select the image you want to upload from your computer, then tick the radio button for one of 4 layouts - none, left, center right. If you have only 1 photo to upload, then click UPLOAD IMAGE. If you have multiple images and you want the same layout for all of them, then click ADD ANOTHER IMAGE, in which case another CHOSE FILE button will appear. Chose your second image from your computer. Repeat for more images, and when you have finished selecting all the images, click UPLOAD IMAGE.

Related posts:
Adding images to your posts
How to delete photos
Make images a clickable hyperlink
Uploading and manipulating images
Uploading and manipulating images Part 2
Tip: Complete the alt="" for images
Using the Irfanview Photo Editor
SEO Tip: Upload images whenever you can

Peter Chen's nice graphic signature

Horizontal navigation menu bar table

Horizontal menu bar (navigation bar) is a frequent request of bloggers. There are many ways of doing it, including using CSS (Cascading style sheet) and <ul> (unordered list). Using table to create a horizontal menu bar (navigation bar) is a quick and dirty way like what has been done at Songs Lyrics Video. However, refer to Why tables are bad.

Menu bar with table

First, go to LAYOUT > EDIT HTML and look for showaddelement='No' and change it to showaddelement='yes'. If there is a maxwidgets='1' next to showaddelement='yes', change it to maxwidgets='' showaddelement='yes'

This will result in additional ADD A GADGETs to the Header section of the LAYOUT. If you are using either 3 column Minima template or the 4 column Minima template modified by me, that would already have been done and you will see a LAYOUT like the screen shot below:

Blogger Layout with additional ADD GADGETs

The additional ADD A GADGETs are highlighted with red and green ellipses. Depending on where you want the menu bar to be position, click on either one. In the case of Songs Lyrics Video, I have chosen to positioned it within the Header, so I clicked the one highlighted with the red ellipse. I then chose HTML/Javascript gadget and typed the following (formated for easy reading):

<table border="1"><tr>
<td><a href="URL 1">tab 1</a></td>
<td><a href="URL 2">tab 2</a></td>
<td><a href="URL 3">tab 3</a></td>

You can add as many ........ as you like.

Saturday, December 13, 2008

Screenshot of Youtube embed script

Previous posts on Youtube videos are Testing embedding video in Blogger, Embed Youtube video in Blogger and Embed Youtube video in sidebar. However, a reader could not figure out what script to use for embedding, thus the screen shot of a video from Beginners learning line dancing below (click to enlarge):

Youtube video embed script

The script to use for embedding is highlighted in blue on the right side of screenshot with the arrowhead of the mouse cursor pointing to it. The actual script I put in the scroll box below for your reference:

Peter Chen's nice graphic signature

Saturday, November 22, 2008

Translator for blog

It is good to add a translator to your blog as it will make it easier and more pleasant for your blog readers who is not proficient in English like in the top of the right sidebar of Blogger Tips and Tricks. It is very easy to do. Just click on the scroll box containing the codes below, press ctrl+A to highlight all the codes, press ctrl+C to copy the codes into clipboard, open a HTML/Javascript gadget and paste the codes into the HTML/Javascript gadget

Peter Chen's nice graphic signature

Saturday, November 15, 2008

PageRank Checker for your blog

I normally use Google Toolbar for checking PageRank of my own blogs as well as other websites. However, a blogger complained that you can't install Google Toolbar for a MAC. An alternative is to use the PageRank Checker which you can find at the footer (bottom of blog) of Songs Lyrics and Video. Just type or copy-paste the URL into the box and click CHECK PR.

If you are only interested in your own blog, you can get the PageRank of every page of your blog by installing the PageRank Checker into your blog like the one you can find at the bottom of the left sidebar of Natural Remedies. Copy-paste and save the following codes into a HTML/Javascript Gadget for your blog:

Peter Chen's nice graphic signature

Sunday, June 8, 2008

Reset Widgets Page Elements: Symtoms - No comments link, missing author signature, etc.

first step is to make sure that all settings are correct.
Is Javascript enabled?
Is blogger posting in any particular fashion? e.g. browser, template tweak? blog URL? Plugins?
problem is in post template
Reset Page Elements - go to template, Edit HTML, Take out Page Element code which look something like this
>div id='main-wrapper'>
>b:section class='main' id='main' showaddelement='no'>
>b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

Save changes OK to delete widgets
Upload backup template or fresh or new template
put the
exact code you just removed back where it originally was

Add backk Page Elements
Preview if OK save
Page Elements RESETTED

Peter Chen's nice graphic signature