HTML “select” tags can help you display hundreds of links on your Blogger post without taking up hundreds of lines on the Web page. Developers use select tags to conserve valuable space on pages and organize links in efficient, compact drop-down boxes. The next time you need to display multiple links in your Blogger post, add a drop-down box and enjoy the space savings.
Point your browser to your Google Blogger home page. Click "New Post," and then click "Edit HTML."
Step 2
Type a few words in the edit box that appears in the center of the page. Click the "Edit HTML" button, and then paste the following code after the text you typed:
<select onchange="window.open(this.options[this.selectedIndex].value,'_blank')"> <option value=" " selected="selected">Select a Link</option> <option value="http://www.whitehouse.gov">White House</option> <option value="http://www.irs.gov">IRS</option> <option value="INSERT URL">INSERT LABEL</option> </select>
This creates a drop-down box containing links to the White House and the IRS websites items. The final option tag contains “INSERT URL” and “INSERT LABEL.” Replace “INSERT URL” with the URL of any website. Replace “INSERT LABEL” with any text that describes the site. After you do this, the drop-down box will contain links to the White House, the IRS and the third site you entered. The first option tag containing “Select a Link” simply acts as instructions for site visitors. When they first view your blog post, the drop-down box displays “Select a Link.” Change this text to anything you like.
<select onchange="window.open(this.options[this.selectedIndex].value,'_blank')"> <option value=" " selected="selected">Select a Link</option> <option value="http://www.whitehouse.gov">White House</option> <option value="http://www.irs.gov">IRS</option> <option value="INSERT URL">INSERT LABEL</option> </select>
This creates a drop-down box containing links to the White House and the IRS websites items. The final option tag contains “INSERT URL” and “INSERT LABEL.” Replace “INSERT URL” with the URL of any website. Replace “INSERT LABEL” with any text that describes the site. After you do this, the drop-down box will contain links to the White House, the IRS and the third site you entered. The first option tag containing “Select a Link” simply acts as instructions for site visitors. When they first view your blog post, the drop-down box displays “Select a Link.” Change this text to anything you like.
Step 3
Click "Publish Post," and then click “View Post to view your post. The drop-down appears below your text.
Step 4
Click the drop-down box, and then click one of the links in the box. A new browser window or tab opens, and navigates to the selected website.
No comments:
Post a Comment