Custom widgets using the “Text Widget”
Filed Under Tips and Tricks, Widgets · Tagged: custom, html, widget
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.
Please note that certain HTML tags are not allowed and will automatically removed by the system. Javascript is also automatically removed for security reasons.

