<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>iDesignEco &#187; Tutorials</title>
	<atom:link href="http://idesigneco.com/category/tutorials/feed" rel="self" type="application/rss+xml" />
	<link>http://idesigneco.com</link>
	<description></description>
	<lastBuildDate>Thu, 29 Dec 2011 18:20:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Links and widgets to create banner ad blocks</title>
		<link>http://idesigneco.com/tutorials/links-and-widgets-as-banners</link>
		<comments>http://idesigneco.com/tutorials/links-and-widgets-as-banners#comments</comments>
		<pubDate>Sun, 15 Nov 2009 20:29:52 +0000</pubDate>
		<dc:creator>iDesignEco</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://idesigneco.com/?p=17</guid>
		<description><![CDATA[WordPress Links are a great way of managing external and internal links on your blogs. The link manager is quite powerful; you can add images and other meta data to links. There is a clever way to show small banner ads on most  iDesignEco themes by using WordPress Links and Widgets. Creating banners using WordPress [...]]]></description>
			<content:encoded><![CDATA[<p>WordPress Links are a great way of managing external and internal links on your blogs. The link manager is quite powerful; you can add images and other meta data to links. There is a clever way to show small banner ads on most  iDesignEco themes by using WordPress Links and Widgets.</p>
<div id="attachment_18" class="wp-caption alignnone" style="width: 473px"><a href="http://idesigneco.com/wp-content/uploads/ecoblog_ads.png"><img class="size-full wp-image-18" title="Ads on ecoBlog sidebar" src="http://idesigneco.com/wp-content/uploads/ecoblog_ads.png" alt="Ads on ecoBlog sidebar" width="463" height="489" /></a><p class="wp-caption-text">Ads on ecoBlog sidebar</p></div>
<h2>Creating banners using WordPress Links</h2>
<ol>
<li>Create a link category for your ads by going to <strong>Links -&gt; Link Categories</strong> in the WordPress admin menu. The category name can be anything, for example <em>125px125 Banners. </em></li>
<li>Add banners by going to <strong>Links -&gt; Add Ne<em>w </em></strong><strong><em></em></strong><strong><em>Name</em>:</strong> Name of the banner ad<br />
<strong><em> Web Address</em>:</strong> The url the banner links to<br />
<strong><em>Categories</em>:</strong> Check the category you just created, in our example <em>125&#215;125 Banners.</em> Make sure no other categories are selected.</p>
<p>Now, scroll down to the box titled <em><strong>Advanced.</strong></em> Enter the url of your banner image there. It can be a remote image, or you can upload your banner using the WordPress Media tool and paste the url to the image there. Banners of size 125&#215;125 fit beautifully on the blog&#8217;s sidebar.</li>
<li>Save the link by pressing the Add Link button</li>
</ol>
<p>This way, add as many banners as you want to the link category.</p>
<h2>Displaying the banners on your blog using Widgets</h2>
<p>Add the <strong>Links</strong> Widget to your blog&#8217;s sidebar from the WordPress Widgets manager. If you are unsure on how to add Widgets, you can refer to our <a href="/tutorials/widgets">widgets tutorial</a>.</p>
<p>In the <strong>Links</strong> widget&#8217;s options, choose your banner ad links&#8217; category. In our example, <em>125&#215;125 Banners.</em> Select the <strong>Show Link Image</strong> option and de-select all other options. Hit Save and you should now have banner ads on your blog!</p>
<div id="attachment_21" class="wp-caption alignnone" style="width: 322px"><a href="http://idesigneco.com/wp-content/uploads/links_widget.png"><img class="size-full wp-image-21" title="Configuring Links Widget" src="http://idesigneco.com/wp-content/uploads/links_widget.png" alt="Configuring Links Widget" width="312" height="432" /></a><p class="wp-caption-text">Configuring Links Widget</p></div>
<p>_________________________________________________________</p>
<p><strong>Tip</strong></p>
<p>Don&#8217;t forget, you can add multiple blocks of banner ads! Just create another link category and add your new set of banner ads to it following the steps above. In your widgets, besides the  <strong>Links</strong> widget you already added to the sidebar, drag and drop and add a second <strong>Links</strong> widget. Only in this widget, you choose your new banner ads category.</p>
]]></content:encoded>
			<wfw:commentRss>http://idesigneco.com/tutorials/links-and-widgets-as-banners/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A quick intro to WordPress widgets</title>
		<link>http://idesigneco.com/tutorials/widgets</link>
		<comments>http://idesigneco.com/tutorials/widgets#comments</comments>
		<pubDate>Sat, 14 Nov 2009 17:43:07 +0000</pubDate>
		<dc:creator>iDesignEco</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://idesigneco.com/?p=1</guid>
		<description><![CDATA[Widgets are nifty little content boxes that you can add to your theme&#8217;s sidebar, footer and other widget-enabled areas. Some popular widgets are Archive list, Category list, Search box etc. How to setup widgets? Widgets are easy to install. The WordPress widget manager can be accessed via the Widgets link under the Appearance menu on [...]]]></description>
			<content:encoded><![CDATA[<p>Widgets are nifty little content boxes that you can add to your theme&#8217;s sidebar, footer and other widget-enabled areas. Some popular widgets are Archive list, Category list, Search box etc.</p>
<h2>How to setup widgets?</h2>
<p>Widgets are easy to install. The WordPress widget manager can be accessed via the <em><strong>Widgets</strong></em> link under the <em><strong>Appearance</strong></em> menu on the administration page.</p>
<div id="attachment_15" class="wp-caption alignnone" style="width: 190px"><a href="http://idesigneco.com/wp-content/uploads/widgets_menu.png"><img class="size-full wp-image-15" title="Widgets on the WordPress menu" src="http://idesigneco.com/wp-content/uploads/widgets_menu.png" alt="Widgets on the WordPress menu" width="180" height="596" /></a><p class="wp-caption-text">Widgets on the WordPress menu</p></div>
<p>On the Widgets page, all available widgets are shown as small boxes on the left side of the page under <em><strong>Available Widgets</strong> and <strong>Inactive Widgets</strong></em> and . On the right side, widget areas supported by the the current theme are shown, for example:  <em><strong>Right sidebar</strong></em>. To add a widget to a widget area on the theme, simply click the widget on the left side of the page and drag it all the way into the required widget area box the right side. If the widget is configurable, a small options box will appear as soon as the widget is dragged and dropped.</p>
<div id="attachment_10" class="wp-caption alignnone" style="width: 606px"><a href="http://idesigneco.com/wp-content/uploads/widgets_drag_drop.png"><img class="size-full wp-image-10 " title="Drag and drop to install widgets" src="http://idesigneco.com/wp-content/uploads/widgets_drag_drop.png" alt="Drag and drop to install widgets" width="596" height="284" /></a><p class="wp-caption-text">Drag and drop to install widgets</p></div>
<ul>
<li>You can add as many widgets as you want to your theme.</li>
<li>To remove a widget, simply click, drag and drop it onto the <em><strong>Available Widgets</strong></em> area on the left side, from the right widget area.</li>
<li>You can re-order widgets by again simply clicking, dragging and dropping on the right widget area.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://idesigneco.com/tutorials/widgets/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

