The most customizable and possibly the most powerful widget in the IDX Blogger system is the Text Widget. The Text widget allows you to enter your own text or HTML, to display on the side bar of your page. The Text widget can contain basic HTML formatting to create formatted text, links, and images. Click here to view more information on HTML on Wikipedia.
Step 1: Add the Text widget (See how to add and remove widgets from your IDX Blogger system)
Step 2: Enter the custom name, and HTML/text into the widget. For an example, I will be entering a link, followed by an image, followed by some custom text.
Step 3: Remember to click “Save Changes” on the widget page. When you view your new custom widget, it will appear on the right hand side. See my example below:
HTML Reference: (Click here to see an intro to HTML from W3Schools.org)
Here are some basic HTML tags that will help you setup your text widget:
Links: <a href=”http://yourwebsitehere.com”>This is the text visitors will see and click on</a>
Remember that the </a> is important to add at the end of the link.
Images: <img src=”http://yourwebsitehere.com/LocationOfPhoto/photo.jpg”>
Your image must already be available on the internet. You may use a photo you have uploaded to your IDX Blogger site, or at a third party location (like Photobucket.com). Click here to see how to find a photo URL in your IDX Blogger system.
Breaks and Spaces: <br> will create a break in your text. This will make the next piece of content move to the next line.
<p> is similar to break, however it creates a space in between the last piece of content and the next.
A blog post calendar widget is available in your IDX Blogger system. The blog post calendar shows a small text based calendar on the side bar of your site. Each day of the month that a blog post was published will appear as a link instead of just as text. This provides your visitors with the ability to take a look at your blog posts based on the day they were created. For instructions on adding the Blog Post Calendar widget to your site click here.
When added, your blog the following calendar will appear. Click the blue links (where they are available), and you will be taken to a list of any blog post published on the selected day.
IDX Blogger has an available widget called “Pages”. The Pages widget will display all of the pages that are published in your IDX Blogger site. This can be useful if you would like to add a set of navigation links to your sidebar (the same set of links that makes up your upper navigational links). Click here to see more information on adding and removing widgets from your IDX Blogger system.
Your pages widget will appear similar to the one displayed below:
An archive widget is available in your IDX Blogger system to display a list of months on your right hand toolbar. These months are links to your blog archives for the month listed. This is a quick and easy way for your website visitors to browse your blog posts from the past. Follow the instructions below to add the Archives widget to your site.
Step 1: From the “Design” menu, select “Widgets”.
Step 2: Click the “Add” link next to the “Archives” widget. There are a few options available for this widget including the ability to have it display as a drop down list rather than a series of links. Click here to see more information on adding and removing widgets.
The Archives widget now appears on the right hand side of your IDX Blogger site.
The categories that you have defined in your IDX Blogger system for your blog posts can be listed as links in a widget down the side column. This widget shows each category that has blog posts associated with it. When the category link is clicked, the visitor is taken to a page which lists all of the blog posts in that category with the most recent posts first. Click here to see how to add or remove a widget from your IDX Blogger site.
A Search box widget is available in the IDX Blogger system which allows your visitors to enter their keyword search query in, and easily search your blog posts archive. Follow the instructions below to add a search box to your site.
Step 1: From the “Design” menu, click “Widgets”
Step 2: Click “Add” on the link next to the “Search” widget. Click here to see more information on adding and removing widgets.
The search widget has now been added to your site.
The Recent Blog Posts widget allows you to display your most recent posts down the side column. The default number of posts displayed is 5, but this number is customizable. It is important to note that if you increase the number of posts displayed, your page will become longer to accomodate the new posts. Follow the instructions below to add the Recent Blog Posts widget to your IDX Blogger site.
Step 1: From the “Design” menu, select “Widgets”
Step 2: Add the Recent Blog Posts widget from the “Add” link on the left hand side. You may edit the number of recent posts that the widget displays by clicking “Edit”. Be sure to click “Save Changes” when you are done. Click here to see more information on adding and removing widgets from your IDX Blogger site.
Your Recent Blog posts will now appear down the side column of your IDX Blogger site.
A “tag cloud” is a list of the most common tags in a website or blog. A tag cloud widget is available to IDX Blogger users, which places a clean looking tag cloud of your own on your site. Each tag is a link to the blog postings with that tag. To use the Tag Cloud widget on your site, follow the instructions below. Click here to see more information on tags.
Step 1: From the “Design” menu, click “Widgets”
Step 2: Select the “Add” link next to the “Tag Cloud” widget. This will move the widget to your list of other active widgets in the blue bubbles on the right hand side. Click “Save Changes” to publish the new widget to your website.
Your Tag Cloud widget now appears on your IDX Blogger site with all of your most common tags listed. Click a tag to be taken to a list of the blog posts tagged with that item.
IDX Blogger comes with a Mortgage and Loan Calculator widget that you can optionally include on your webpage. The calculator appears on the right hand side and can be set to a large or a small size. When the mortgage and loan calculator results are shown, a very elegant graph is drawn showing the amortization schedule. Click here to see how to add and remove widgets from your IDX Blogger site.
The widget will appear like so (the large option has been set for this example image):
When the “Calculate” button is pressed, a similar graph will be generated:
The IDX Blogger system includes a widget called the “Simple Image Link” widget. This can be used to create custom widgets that show an image and some text that are a link to another location. For instance, you could have a Facebook logo with a link to your professional Facebook profile. Read the instructions below to include a similar widget for your own site.
Step 1: Make sure you have a photo already uploaded that you want to use. You will need to retrieve the photos URL.
Step 2: Add the “Simple Image Link” widget. Click here to see how to add and remove widgets.
The Simple Image Link requires a name, photo URL, link text, and destination link location entered to be a complete and fully functional widget.
When you are done, a widget will appear on your site similar to the one below: