<?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>A+ Web Design &#187; Wordpress</title>
	<atom:link href="http://www.a-plus-webdesign.com/blog/category/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.a-plus-webdesign.com/blog</link>
	<description>For affordable, custom web design.</description>
	<lastBuildDate>Sun, 20 Nov 2011 20:03:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Tutorial: Using Frontpage Slideshow WordPress plugin</title>
		<link>http://www.a-plus-webdesign.com/blog/2011/01/31/tutorial-using-wordpress-plugin-frontpage-slideshow/</link>
		<comments>http://www.a-plus-webdesign.com/blog/2011/01/31/tutorial-using-wordpress-plugin-frontpage-slideshow/#comments</comments>
		<pubDate>Mon, 31 Jan 2011 12:25:24 +0000</pubDate>
		<dc:creator>A+ Web Design</dc:creator>
				<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.a-plus-webdesign.com/blog/?p=574</guid>
		<description><![CDATA[<img src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/wordpress.jpg" width="50" height="50" alt="" title="Wordpress" /><br/>You can find the download and installation information for this plugin here: http://wordpress.org/extend/plugins/frontpage-slideshow/    Usage As an articles slideshow to present featured posts.  It displays the featured image, the title and the excerpt (if you choose to display them) Editing slideshow Appearance Go to the plugin&#8217;s administration page Configure the slideshow as you want it and<a href="http://www.a-plus-webdesign.com/blog/2011/01/31/tutorial-using-wordpress-plugin-frontpage-slideshow/">&#160;&#160;[ Read More ]</a>]]></description>
			<content:encoded><![CDATA[<img src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/wordpress.jpg" width="50" height="50" alt="" title="Wordpress" /><br/><p>You can find the download and installation information for this plugin here: <a href="http://wordpress.org/extend/plugins/frontpage-slideshow/">http://wordpress.org/extend/plugins/frontpage-slideshow/</a></p>
<p><strong> </strong> </p>
<p><strong><span style="text-decoration: underline;">Usage</span></strong></p>
<p>As an articles slideshow to present featured posts.  It displays the featured image, the title and the excerpt (if you choose to display them)</p>
<p><strong><span style="text-decoration: underline;">Editing slideshow Appearance</span></strong></p>
<ul>
<li>Go to the <strong><em>plugin&#8217;s administration page</em></strong></li>
</ul>
<p style="padding-left: 30px;"><img class="size-large wp-image-575 alignnone" title="fp-slideshow-01. 31 12.45" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/2011/01/fp-slideshow-01.-31-12.45-650x588.gif" alt="" width="650" height="588" /></p>
<ul>
<li>Configure the slideshow as you want it and click<strong><em> Save the settings and apply them immediatly</em></strong></li>
<li>Copy the <strong>shortcode</strong> under the preview</li>
</ul>
<p style="padding-left: 30px;"><img class="alignnone size-large wp-image-576" title="fp-slideshow-02. 31 12.51" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/2011/01/fp-slideshow-02.-31-12.51-650x105.gif" alt="" width="650" height="105" /></p>
<ul>
<li>And <strong>paste the shortcode</strong> in the file where you want the slideshow to appear (for this you need to know how to edit and upload webpages)</li>
</ul>
<p> </p>
<p><strong><span style="text-decoration: underline;">Editing slideshow content</span></strong></p>
<p>You can include up to <strong>5 POSTS</strong> (not pages) in the slideshow.<br />
I created a <strong>category called &#8220;Slideshow</strong>&#8221; and in the slideshow settings (see above), I made sure the slideshow only displays post that are filed under this category.<br />
The image that is displayed is the &#8220;<strong>featured image</strong>&#8221; of that post. (this is not by default if you install the plugin, but I used the following hack: <a href="http://wordpress.org/support/topic/plugin-frontpage-slideshow-i-hacked-this-to-use-the-featured-image">http://wordpress.org/support/topic/plugin-frontpage-slideshow-i-hacked-this-to-use-the-featured-image</a>)<br />
The title that displays (if you chose to have it displayed), is the <strong>title</strong> of that post.<br />
The discription that displays (if you chose to have it displayed), is the <strong>excerpt</strong> of that post.</p>
<p><strong>   1. To include a post</strong></p>
<ul>
<li>Go to the <strong><em>admin</em></strong> panel, click <strong><em>Posts</em></strong></li>
<li>find the post you want to include, click  <strong><em>quick edit</em></strong> and  just <span style="text-decoration: underline;">file the post in the category “<strong><em>Slideshow</em></strong></span>” (check the box)</li>
</ul>
<p style="padding-left: 30px;"><img class="alignnone size-large wp-image-577" title="fp-slideshow-03" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/2011/01/fp-slideshow-03-650x203.gif" alt="" width="650" height="203" /></p>
<p> </p>
<p>   <strong>2. To exclude a post</strong></p>
<ul>
<li>Go to the <strong><em>admin</em></strong> panel, click <strong><em>Posts</em></strong></li>
<li>display only the post in the category &#8220;slideshow&#8221; ( choose &#8220;slideshow&#8221; in the dropdown box &#8220;View all categories&#8221; and click &#8220;Filter&#8221;) </li>
<li>find the post you want to exclude, click  <strong><em>quick edit</em></strong> and  just<span style="text-decoration: underline;"> unfile the post in the category “<strong><em>Slideshow</em></strong></span>” (uncheck the box)</li>
</ul>
<p> </p>
<p>    <strong>3. Set featured image</strong></p>
<ul>
<li>First prepare your featured image and save locally<br />
in my example, the picture needs to be square (or it will be cropped)<br />
the picture needs to be <strong>394pixels x 394pixels</strong> (or it will be cropped)</li>
<li>Go to the <strong><em>admin</em></strong> panel, click <strong><em>Posts</em></strong></li>
<li>In the list of posts, find the post you want to edit and click <strong><em>Edit</em></strong></li>
<li>In the sidebar on the right (scroll down), click “<strong><em>set featured image</em></strong>”</li>
</ul>
<p style="padding-left: 30px;"><img class="alignnone size-full wp-image-578" title="fp-slideshow-05" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/2011/01/fp-slideshow-05.gif" alt="" width="298" height="80" /></p>
<ul>
<li>Click “<strong><em>select files</em></strong>” if you want to upload your locally saved picture, browse to the picture and click <em><strong>open</strong></em><br />
(or click “from media library” if the picture was already uploaded and used in the post)</li>
<li>Click “<strong><em>use this image as featured image</em></strong>”</li>
</ul>
<p style="padding-left: 30px;"><img title="fs-slideshow-06" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/2011/01/fs-slideshow-06.gif" alt="" width="511" height="80" /></p>
<ul>
<li><strong><em>Close</em></strong> the window and <strong><em>update</em></strong> the post</li>
</ul>
<p> </p>
<p><strong>    4. Change featured image</strong></p>
<ul>
<li>Go to the<strong><em> admin panel</em></strong>, click <strong><em>Posts</em></strong></li>
<li>In the list of posts, find the post you want to edit and click <strong><em>Edit</em></strong></li>
<li>In the sidebar on the right (scroll down), click “<strong><em>remove featured image</em></strong>”</li>
<li>Proceed as explained above</li>
</ul>
<p> </p>
<p><strong><span style="text-decoration: underline;">NOTES</span></strong></p>
<ul>
<li>Make sure that every post you write has a “<strong>featured image</strong>” (this will be used as thumbnail for the post all over the site)</li>
<li>and an <strong>excerpt</strong> (this is the short description of your post),<br />
to edit the excerpt, in the write <strong><em>post</em></strong> panel, scroll down until you see the box to insert the <strong><em>excerpt</em></strong>.</li>
</ul>
<p style="padding-left: 30px;"><img title="ScreenHunter_08 Jan. 31 13.23" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/2011/01/ScreenHunter_08-Jan.-31-13.23-650x80.gif" alt="" width="650" height="80" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.a-plus-webdesign.com/blog/2011/01/31/tutorial-using-wordpress-plugin-frontpage-slideshow/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Tutorial: Using the Event Calender Plugin for WordPress</title>
		<link>http://www.a-plus-webdesign.com/blog/2010/05/03/tutorial-using-the-event-calender-plugin-for-wordpress/</link>
		<comments>http://www.a-plus-webdesign.com/blog/2010/05/03/tutorial-using-the-event-calender-plugin-for-wordpress/#comments</comments>
		<pubDate>Mon, 03 May 2010 12:11:48 +0000</pubDate>
		<dc:creator>A+ Web Design</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Events]]></category>

		<guid isPermaLink="false">http://www.a-plus-webdesign.com/blog/?p=543</guid>
		<description><![CDATA[<img src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/wordpress.jpg" width="50" height="50" alt="" title="Wordpress" /><br/>Manage future events as an online calendar. Display upcoming events in a dynamic calendar, on a listings page, or as a list in the sidebar. Choose one WordPress category as the &#8216;event&#8217; category, and then add posts for dates in the future. Add the calendar or event list functions to your template, or just use<a href="http://www.a-plus-webdesign.com/blog/2010/05/03/tutorial-using-the-event-calender-plugin-for-wordpress/">&#160;&#160;[ Read More ]</a>]]></description>
			<content:encoded><![CDATA[<img src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/wordpress.jpg" width="50" height="50" alt="" title="Wordpress" /><br/><p>Manage future events as an online calendar. Display upcoming events in a dynamic calendar, on a listings page, or as a list in the sidebar. Choose one WordPress category as the &#8216;event&#8217; category, and then add posts for dates in the future. Add the calendar or event list functions to your template, or just use the &#8216;Event Category&#8217; page to list your forthcoming events.</p>
<p>Download the plugin <a href="http://wordpress.org/extend/plugins/event-calendar/" target="_blank">Event calender 3</a>.</p>
<p> </p>
<p><strong>1. Change settings</strong></p>
<p>Change settings on the <strong><em>‘Plugins &gt; Event Calendar’</em></strong> options screen.</p>
<p>You must choose which WordPress category to use for events. (Viewing the options screen for the first time also sets up the database, and upgrades events from older versions of EventCalendar.)</p>
<p> </p>
<p><strong>2. Add the Event Calendar or Upcoming Events list to your sidebar</strong></p>
<p>If you use the WordPress Widgets, then the Event Calendar is available as an easy to install widget. In order to use it you must first activate the “Event Calendar Widget” plugin.</p>
<p>Otherwise, you need to make a small adition to your template. Add the following code to your sidebar.php:</p>
<p>Event Calendar:</p>
<p>     &lt;li&gt;<br />
          &lt;?php ec3_get_calendar(); ?&gt;<br />
     &lt;/li&gt;</p>
<p>Upcoming Events:</p>
<p>     &lt;li&gt;Events<br />
          &lt;?php ec3_get_events(5); ?&gt;<br />
     &lt;/li&gt;</p>
<p>If you are using an older template, then you should check that your HTML header contains the following tag: &lt;?php wp_head(); ?&gt;</p>
<p> </p>
<p><strong>3. How to add an event</strong></p>
<div>
<p>An event post is a normal blog post, with one or more attached events. On the <strong>Write Post</strong> page, scroll down and you will see the <strong>Event Editor</strong>. You might need to click the little ‘<strong>+</strong>‘ in its blue bar, to see the controls.</p>
<p><img id="image6" src="http://wpcal.firetree.net/wp-content/uploads/2006/10/event_editor_1.jpg" alt="event_editor_1.jpg" /></p>
<p>To start with, you will only see the column headings (<strong>Start</strong>, <strong>End</strong> and <strong>All Day</strong>) and the ‘+’ &#8211; <em>add event</em> button. Click ‘+’ to add a new event.</p>
<p><img id="image10" src="http://wpcal.firetree.net/wp-content/uploads/2006/10/event_editor_2.jpg" alt="event_editor_2.jpg" /></p>
<p>The event will start and end on the next full hour. To set the start date, click on the ‘…’ button, next to the start time. A popup calendar will appear.</p>
<p><img id="image9" src="http://wpcal.firetree.net/wp-content/uploads/2006/10/event_editor_3.jpg" alt="event_editor_3.jpg" /></p>
<p>Select the new start date by clicking on the calendar. Optionally you can change the time by clicking on the popup’s time and dragging. Click on the ‘X’ to dismiss the popup.</p>
<p>You can also edit the date and time in the normal way, by clicking on the numbers and changing them with the keyboard. If you edit the date manually like this, make sure that you keep to the correct format: YEAR-MONTH-DATE 24-HOURS:MINUTES</p>
<p>When you change the <strong>Start</strong> field, the <strong>End</strong> field updates automatically, so that the event’s duration remains the same. If you want to change the duration, then edit the <strong>End</strong> field, just as you did for the <strong>Start</strong>.</p>
<p>If you tick the <strong>All Day</strong> checkbox, then the times are ignored &#8211; the event goes on through the whole day. You can make the event span over more than one day if you wish. You can also add more scheduled times for the same post. Just click the ‘+’ button to add more lines.</p>
<p>To remove an event, click on the ‘—’ button.</p>
<p><strong>Now select the &#8220;events&#8221; category</strong> and just <strong>Save</strong> the post in the normal way.</p>
<p> </p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.a-plus-webdesign.com/blog/2010/05/03/tutorial-using-the-event-calender-plugin-for-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutorial: Using the NextGEN Gallery WordPress Plugin</title>
		<link>http://www.a-plus-webdesign.com/blog/2009/11/09/tutorial-using-the-nextgen-gallery-wordpress-plugin/</link>
		<comments>http://www.a-plus-webdesign.com/blog/2009/11/09/tutorial-using-the-nextgen-gallery-wordpress-plugin/#comments</comments>
		<pubDate>Mon, 09 Nov 2009 17:29:57 +0000</pubDate>
		<dc:creator>A+ Web Design</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[nextgen gallery]]></category>

		<guid isPermaLink="false">http://www.a-plus-webdesign.com/blog/?p=181</guid>
		<description><![CDATA[<img src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/wordpress.jpg" width="50" height="50" alt="" title="Wordpress" /><br/>NextGEN Gallery is a Image Gallery plugin for WordPress with a Flash slideshow option and a simple and easy administration back end to handle multiple photos, galleries and albums. In this tutorial you'll learn how to add and delete new galleries and images.]]></description>
			<content:encoded><![CDATA[<img src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/wordpress.jpg" width="50" height="50" alt="" title="Wordpress" /><br/><p>NextGEN Gallery is a Image Gallery plugin for WordPress with a Flash slideshow option and a simple and easy administration back end to handle multiple photos, galleries and albums. In this tutorial you&#8217;ll learn how to add and delete new galleries and images.</p>
<p><strong>1. Creating a new gallery </strong></p>
<p>Once you installed the plugin, you should have a new tab <em><strong>Gallery</strong></em> in your admin panel. </p>
<p><img class="alignnone size-full wp-image-183" title="nextgen" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/nextgen.gif" alt="nextgen" width="152" height="253" /></p>
<p>- Click the<em><strong> Add Gallery/Images</strong></em> </p>
<p>- Enter a <span style="text-decoration: underline;">name</span> for your gallery in the text field and click <em><strong>Add Gallery</strong></em></p>
<p><img class="alignnone size-large wp-image-184" title="nextgen02" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/nextgen02-650x193.gif" alt="nextgen02" width="650" height="193" /></p>
<p> </p>
<p><strong>2. Adding images</strong></p>
<p><strong>-</strong> in the <em><strong>Admin </strong></em>panel, click the <em><strong>Add Gallery/Images</strong></em></p>
<p><em><strong>-</strong></em> Now click <em><strong>Upload Images</strong></em> in the top navigation,<br />
  click <em><strong>Browse</strong></em> to <span style="text-decoration: underline;">select the images</span> you want to upload,<br />
  <span style="text-decoration: underline;">choose the gallery</span> in which you want to upload them<br />
  and click <em><strong>Upload Images</strong></em></p>
<p><img class="alignnone size-large wp-image-186" title="nextgen04" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/nextgen04-650x224.gif" alt="nextgen04" width="650" height="224" /></p>
<p> </p>
<p><strong>3. Delete images and galleries</strong></p>
<p>In the <em><strong>admin</strong></em> panel, click <em><strong>Gallery</strong></em> tab &gt; <em><strong>Manage Gallery</strong></em>.</p>
<p><img class="alignnone size-large wp-image-188" title="nextgen05" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/nextgen05-650x117.gif" alt="nextgen05" width="650" height="117" /></p>
<p><span style="text-decoration: underline;">To delete a gallery</span>, click <em><strong>Delete.</strong></em></p>
<p><span style="text-decoration: underline;">To delete images</span>, click the title of the gallery. Then hover over the picture and click <strong>Delete</strong>.</p>
<p><img class="alignnone size-large wp-image-190" title="nextgen06" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/nextgen06-650x77.gif" alt="nextgen06" width="650" height="77" /></p>
<p> </p>
<p><strong>4. Adding a images to your post</strong></p>
<p>Use the button &#8220;<em><strong>add NextGEN Gallery</strong></em>&#8221; <img class="alignnone size-full wp-image-211" title="nextgen" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/nextgen1.gif" alt="nextgen" width="30" height="30" />  on top. Select the gallery name, choose a display option (3 examples listed below) and click <em><strong>Insert</strong></em>.  There will be a code inserted in the post and when you preview the post you will see the gallery appear.</p>
<p><em><span style="text-decoration: underline;">Show as Image List</span></em>  <strong>[ nggallery id=x ]</strong></p>

<div class="ngg-galleryoverview" id="ngg-gallery-2-181">

	<!-- Slideshow link -->
	<div class="slideshowlink">
		<a class="slideshowlink" href="http://www.a-plus-webdesign.com/blog/2009/11/09/tutorial-using-the-nextgen-gallery-wordpress-plugin/?show=slide">
			[Show as slideshow]		</a>
	</div>

	<!-- Piclense link -->
	<div class="piclenselink">
		<a class="piclenselink" href="javascript:PicLensLite.start({feedUrl:'http://www.a-plus-webdesign.com/blog/wp-content/plugins/nextgen-gallery/xml/media-rss.php?gid=2&amp;mode=gallery'});">
			[View with PicLens]		</a>
	</div>
	
	<!-- Thumbnails -->
		
	<div id="ngg-image-2" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/img0.jpg" title=" " class="shutterset_set_2" >
								<img title="img0" alt="img0" src="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/thumbs/thumbs_img0.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-3" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/img1.jpg" title=" " class="shutterset_set_2" >
								<img title="img1" alt="img1" src="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/thumbs/thumbs_img1.jpg" width="93" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-4" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/img4.jpg" title=" " class="shutterset_set_2" >
								<img title="img4" alt="img4" src="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/thumbs/thumbs_img4.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-5" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/img7.jpg" title=" " class="shutterset_set_2" >
								<img title="img7" alt="img7" src="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/thumbs/thumbs_img7.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-6" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/img8.jpg" title=" " class="shutterset_set_2" >
								<img title="img8" alt="img8" src="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/thumbs/thumbs_img8.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<p><em><span style="text-decoration: underline;">Show as Slideshow</span></em> <strong>[ slideshow id=x]</strong> or <strong>[ slideshow id=x w=width h=height ]</strong></p>
[[Show as slideshow]]
<p><em><span style="text-decoration: underline;">Show as Image Browser</span></em>  <strong>[ imagebrowser id=x ]</strong></p>

<div class="ngg-imagebrowser" id="ngg-imagebrowser-2-181">

	<h3>img0</h3>

	<div class="pic">
<a href="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/img0.jpg" title="" class="shutterset_travel">
	<img alt="img0" src="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/img0.jpg"/>
</a>
</div>
	<div class="ngg-imagebrowser-nav"> 
		<div class="back">
			<a class="ngg-browser-prev" id="ngg-prev-6" href="http://www.a-plus-webdesign.com/blog/2009/11/09/tutorial-using-the-nextgen-gallery-wordpress-plugin/?pid=6">&#9668; Back</a>
		</div>
		<div class="next">
			<a class="ngg-browser-next" id="ngg-next-3" href="http://www.a-plus-webdesign.com/blog/2009/11/09/tutorial-using-the-nextgen-gallery-wordpress-plugin/?pid=3">Next &#9658;</a>
		</div>
		<div class="counter">Picture 1 of 5</div>
		<div class="ngg-imagebrowser-desc"><p></p></div>
	</div>	

</div>	


<p>You can change the size of the images and thumbnails, the colors, transition affects and transitin time of the slides in the <em><strong>admin panel &gt; Gallery &gt; Option</strong></em>.</p>
<p> </p>
<p><strong>5. Adding slideshow to the sidebar</strong></p>
<p>You can use the same code <strong>[ slideshow id=x w=width h=height ] </strong>to add a slideshow in the sidebar.  Just copy the code into a text widget.</p>
<p> </p>
<p><strong>6.  Using NextGEN Smooth Gallery </strong></p>
<p>You can download another plugin called <strong>&#8220;NextGEN Smooth Gallery</strong>&#8220;.  To us this gallery, you paste the follwing code in your post:</p>
<p><strong>[ smooth=id: x; width:400; height:400; timed:false; arrows:true; carousel:true; links:true; info:false; align:center; frames:false; open:true; text:Pictures; ]</strong></p>
<p>You can adjust width, height and all the other options in the <em><strong>admin panel &gt; Gallery (Smooth) &gt; Specific Options</strong></em> and generate the new code to paste in your post.</p>
<p><script type="text/javascript">
            function startGallery_2() { 
              var myGallery = new gallery($("myGallery_2"), {                  timed: true,         showCarousel: true,         showInfopane: true,           showArrows: true,           embedLinks: true, slideInfoZoneOpacity: 0.80, delay: 4000, defaultTransition: "crossfade", textShowCarousel: "Pictures"   });
              
              document.getElementById("myGallery_2").style.display = "block";
           myGallery.toggleCarousel();  }
            window.addEvent("domready", startGallery_2);
          </script>
         <div style="width: 600px; height: 400px; border:0px solid; margin:0px auto; clear:both;"><div id="myGallery_2" class="myGallery" style="display:none; width: 600px !important; height: 400px !important;"><div class="imageElement">  <h3> img0</h3>  <p style="color: #FFF000;"> </p>  <a target="_blank" href="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/img0.jpg" title="open image" class="open"></a>  <img src="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/img0.jpg" class="full" />  <img src="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/thumbs/thumbs_img0.jpg" class="thumbnail" /></div><div class="imageElement">  <h3> img1</h3>  <p style="color: #FFF000;"> </p>  <a target="_blank" href="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/img1.jpg" title="open image" class="open"></a>  <img src="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/img1.jpg" class="full" />  <img src="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/thumbs/thumbs_img1.jpg" class="thumbnail" /></div><div class="imageElement">  <h3> img4</h3>  <p style="color: #FFF000;"> </p>  <a target="_blank" href="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/img4.jpg" title="open image" class="open"></a>  <img src="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/img4.jpg" class="full" />  <img src="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/thumbs/thumbs_img4.jpg" class="thumbnail" /></div><div class="imageElement">  <h3> img7</h3>  <p style="color: #FFF000;"> </p>  <a target="_blank" href="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/img7.jpg" title="open image" class="open"></a>  <img src="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/img7.jpg" class="full" />  <img src="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/thumbs/thumbs_img7.jpg" class="thumbnail" /></div><div class="imageElement">  <h3> img8</h3>  <p style="color: #FFF000;"> </p>  <a target="_blank" href="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/img8.jpg" title="open image" class="open"></a>  <img src="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/img8.jpg" class="full" />  <img src="http://www.a-plus-webdesign.com/blog/wp-content/gallery/travel/thumbs/thumbs_img8.jpg" class="thumbnail" /></div> </div></div></p>
<p> As you can see, the smooth galler does not resize your pictures, so make sure they are the right size before you upload!</p>
<p> </p>
<p> </p>
<p> </p>
<p><strong> </strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.a-plus-webdesign.com/blog/2009/11/09/tutorial-using-the-nextgen-gallery-wordpress-plugin/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Tutorial: Ad management in WordPress</title>
		<link>http://www.a-plus-webdesign.com/blog/2009/11/05/tutorial-ad-management-in-wordpress/</link>
		<comments>http://www.a-plus-webdesign.com/blog/2009/11/05/tutorial-ad-management-in-wordpress/#comments</comments>
		<pubDate>Thu, 05 Nov 2009 19:42:39 +0000</pubDate>
		<dc:creator>A+ Web Design</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[ads]]></category>

		<guid isPermaLink="false">http://www.a-plus-webdesign.com/blog/?p=157</guid>
		<description><![CDATA[<img src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/wordpress.jpg" width="50" height="50" alt="" title="Wordpress" /><br/>In this tutorial you'll learn how to manage your ads in Wordpress, using the plugin  WP125.]]></description>
			<content:encoded><![CDATA[<img src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/wordpress.jpg" width="50" height="50" alt="" title="Wordpress" /><br/><p>In this tutorial you&#8217;ll learn how to manage your ads in WordPress, using the plugin  <a href="http://wordpress.org/extend/plugins/wp125/" target="_blank">WP125</a>.</p>
<p><strong> </strong></p>
<p><strong>1. Setting up</strong></p>
<p>1.1 Install the plugin. In the <em><strong>admin</strong></em> panel, click the newly created <em><strong>Ads </strong></em>and click <em><strong>Settings</strong></em>.</p>
<p><img class="alignnone size-full wp-image-158" title="wp125-01" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/wp125-01.gif" alt="wp125-01" width="151" height="103" /></p>
<p><img class="alignnone size-large wp-image-159" title="wp125-02" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/wp125-02-650x386.gif" alt="wp125-02" width="650" height="386" /></p>
<p> </p>
<p>1.2 Enter your settings:</p>
<ul>
<li><span style="text-decoration: underline;">Ad orientation</span>: choose the number of columns</li>
<li><span style="text-decoration: underline;">Number of ad slots</span>: <span style="color: #ff0000;"><strong>when you want to add more ads later on, you need to increase this number</strong></span></li>
<li><span style="text-decoration: underline;">Ad order</span>: you can choose &#8220;random&#8221; or &#8220;normal&#8221;, if you choose &#8220;normal&#8221;, the ads will be shown in the orderindicated in the settings of each seperate ad</li>
<li><span style="text-decoration: underline;">Wiget title</span></li>
<li><span style="text-decoration: underline;">Ad sales page</span>: put the URL of the page where you have your ad information and prices</li>
<li><span style="text-decoration: underline;">Default style</span>: uncheck if you want to use your own stylesheet</li>
<li><span style="text-decoration: underline;">Expiration Email</span>: enter your email address</li>
<li><span style="text-decoration: underline;">Pre-Expiration Email</span></li>
<li><span style="text-decoration: underline;">Default ad</span>: enter the URL of the image you want to use in empty spots (you can copy the URL form the media tab)</li>
</ul>
<p> </p>
<p><strong>2. Create a new ad</strong></p>
<p>2.1 First upload the ad image:</p>
<ul>
<li>in tha <em><strong>admin</strong></em> panel, click <em><strong>Media &gt; Add New</strong></em></li>
</ul>
<p style="padding-left: 30px;"><em><strong><img class="alignnone size-full wp-image-163" title="wp125-04" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/wp125-04.gif" alt="wp125-04" width="154" height="70" />    </strong></em></p>
<ul>
<li>click <em><strong>Select Files, </strong></em>browse to the file you want to upload and click <em><strong>Open</strong></em></li>
<li>copy the File URL (select, right-click and copy)</li>
</ul>
<p style="padding-left: 30px;"><img class="alignnone size-large wp-image-162" title="wp125-03" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/wp125-031-650x451.gif" alt="wp125-03" width="455" height="316" /></p>
<p> </p>
<p>2.2 Now create the actual ad</p>
<p>- in the <em><strong>admin</strong></em> panel click <em><strong>Ads &gt;Add/Edit</strong></em></p>
<p style="padding-left: 30px;"><em><strong><img class="alignnone size-full wp-image-164" title="wp125-05" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/wp125-05.gif" alt="wp125-05" width="371" height="257" />    </strong></em></p>
<p><strong><em>- </em></strong>Enter the details:</p>
<ul>
<li><span style="text-decoration: underline;">Ad image</span>: paste the file URL that you had copied before</li>
<li><span style="text-decoration: underline;">Name</span></li>
<li><span style="text-decoration: underline;">Slot</span> # each ad needs to have a different slot number, even if you chose the setting &#8220;random&#8221;</li>
<li><span style="text-decoration: underline;">Target URL</span>: the URL of the page where the ad should link to (best copy/paste to avoid mistakes)</li>
<li><span style="text-decoration: underline;">Expiration</span></li>
</ul>
<p> </p>
<p><strong>3. Edit an existing Ad </strong></p>
<p>To edit an existing ad, click in the<strong> <em>admin</em></strong> panel on <strong><em>Ads &gt; Manage</em>.</strong></p>
<p><strong>3.1 Active ads</strong></p>
<p>You&#8217;ll find all the active ads under <em><strong>Active Ads</strong></em>.</p>
<p><img class="alignnone size-large wp-image-166" title="wp125-06" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/wp125-06-650x164.gif" alt="wp125-06" width="650" height="164" /></p>
<p>To Edit an add, just click the <em><strong>Edit</strong></em> button.<br />
To deactivate, click <em><strong>Deactivate</strong></em>.</p>
<p><strong> </strong></p>
<p><strong>3.2 Inactive ads</strong></p>
<p>All the inactive ads will be under <em><strong>Inactive ads</strong></em> (simple, right <img src='http://www.a-plus-webdesign.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> )</p>
<p><img class="alignnone size-large wp-image-167" title="wp125-07" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/wp125-07-650x207.gif" alt="wp125-07" width="650" height="207" /></p>
<p>To Edit an add, just click the <em><strong>Edit</strong></em> button.<br />
To re-activate an add, first click <em><strong>Edit</strong></em> and make sure the expiration date is a future date, then click <em><strong>Activate</strong></em>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.a-plus-webdesign.com/blog/2009/11/05/tutorial-ad-management-in-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutorial: How to backup WordPress</title>
		<link>http://www.a-plus-webdesign.com/blog/2009/10/20/tutorial-how-to-backup-wordpress/</link>
		<comments>http://www.a-plus-webdesign.com/blog/2009/10/20/tutorial-how-to-backup-wordpress/#comments</comments>
		<pubDate>Tue, 20 Oct 2009 13:48:51 +0000</pubDate>
		<dc:creator>A+ Web Design</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[wordpress backup]]></category>

		<guid isPermaLink="false">http://www.a-plus-webdesign.com/blog/?p=41</guid>
		<description><![CDATA[<img src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/wordpress.jpg" width="50" height="50" alt="" title="Wordpress" /><br/>To completely backup your Wordpress website/blog, you need to back up

the database tables that contain your posts, the content of your pages, the comments, ...
the files that the wordpress site needs, like template files, images, galleries, ...]]></description>
			<content:encoded><![CDATA[<img src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/wordpress.jpg" width="50" height="50" alt="" title="Wordpress" /><br/><p>To completely backup your WordPress website/blog, you need to back up</p>
<p>- the database tables that contain your posts, the content of your pages, the comments, &#8230;<br />
- the files that the wordpress site needs, like template files, images, galleries, &#8230;</p>
<p><strong>1. Backup your WordPress database, </strong></p>
<p>I use the the plugin <strong>WP-DB-Backup </strong>(<a href="http://wordpress.org/extend/plugins/wp-db-backup/">http://wordpress.org/extend/plugins/wp-db-backup/</a>)</p>
<p>Use the instructions to install the plugin.<br />
Once installed, click <em><strong>Tools &gt; Backup</strong></em>.</p>
<p><img class="size-thumbnail wp-image-44 alignnone" title="backup-database" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/backup-database-120x120.gif" alt="backup-database" width="120" height="120" /></p>
<p>The core table are backed up by default, but you can choose to backup additional tables as well. Be sure to exclude spam comments and post revisions, they take up a lot of space and are not nessecary to backup!</p>
<p><img class="size-large wp-image-58 alignnone" title="WP-DB-Backup01" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/WP-DB-Backup01-1024x440.gif" alt="WP-DB-Backup01" width="717" height="308" /></p>
<p>Choose a backup option (avoid save to server, choose download to computer or email) and click <em><strong>Backup now</strong>!  </em></p>
<p><img class="size-large wp-image-59 alignnone" title="WP-DB-Backup02" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/WP-DB-Backup02-1024x240.gif" alt="WP-DB-Backup02" width="717" height="168" /></p>
<p>Save the backup file on your harddisk. It is recommended you keep at least 3 files (and delete the older backups).</p>
<p>You can schedule your next backups by making your options and click<em> <strong>Schedule Backup</strong>.</em></p>
<p><img class="size-large wp-image-60 alignnone" title="WP-DB-Backup03" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/WP-DB-Backup03-1024x407.gif" alt="WP-DB-Backup03" width="717" height="285" /></p>
<p><strong> </strong></p>
<p><strong>2. To backup your WordPress files, </strong><strong>use FTP (see <a href="http://www.a-plus-webdesign.com/blog/category/ftp/">FTP tutorial</a>)</strong></p>
<p>Download the contents of the <em><strong>wp-content</strong></em> folder.</p>
<p><img class="alignnone size-full wp-image-154" title="wordpress-backup003" src="http://www.a-plus-webdesign.com/blog/wp-content/uploads/wordpress-backup003.gif" alt="wordpress-backup003" width="125" height="71" /></p>
<p>Download all the <span style="text-decoration: underline;">plugins</span>.  You need to this only once and only download again when you install a new plugin.</p>
<p>In the <span style="text-decoration: underline;">themes</span> folder you only need to download the folder with the theme that you are using.  These are your templates files that &#8220;style&#8221; your blog.  You only need to download it once.</p>
<p>The <span style="text-decoration: underline;">uploads</span> folder is the folder that contains all your images and media that you add to your posts.  You need to download the entire folder the first time.  After that I recommend you only download the folder of the current month. (you need to make sure in the settings that the media are stored in monthly folders).</p>
<p> </p>
<p><strong>That&#8217;s it! Now my database table and the files are backed up weekly!</strong></p>
<p><strong> </strong></p>
<p><strong> </strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.a-plus-webdesign.com/blog/2009/10/20/tutorial-how-to-backup-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

