<?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>Blogfreakz - Web Design and Web Development resources &#187; Wordpress</title>
	<atom:link href="http://blogfreakz.com/category/wordpress-tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://blogfreakz.com</link>
	<description>A site dedicated to keeping up with the latest trends on Web Design</description>
	<lastBuildDate>Mon, 21 May 2012 02:24:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.4</generator>
		<item>
		<title>How To Remove The Height And Width Attributes In WP Image Uploader</title>
		<link>http://blogfreakz.com/wordpress-tutorial/how-to-remove-the-height-and-width-attributes-in-wp-image-uploader/</link>
		<comments>http://blogfreakz.com/wordpress-tutorial/how-to-remove-the-height-and-width-attributes-in-wp-image-uploader/#comments</comments>
		<pubDate>Mon, 14 May 2012 00:19:03 +0000</pubDate>
		<dc:creator>Keith@Blogfreakz</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[free tutorial]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blogfreakz.com/?p=27361</guid>
		<description><![CDATA[Every time you use WordPress’ image uploader it automatically includes the image’s actual size (height and width) into the &#60;img&#62; tag. While this is all well and good, it can be a bit of a nuisance especially if you’re using a responsive website design because renders your uploaded image un-resizable which kind of defeats the [...]]]></description>
			<content:encoded><![CDATA[<p>Every time you use WordPress’ image uploader it automatically includes the image’s actual size (height and width) into the &lt;img&gt; tag.</p>
<p>While this is all well and good, it can be a bit of a nuisance especially if you’re using a responsive website design because renders your uploaded image un-resizable which kind of defeats the idea of a responsive web page.</p>
<p>To address this, <a href="http://wpdailybits.com/blog/author/Damienoh" target="_blank"><strong>Damien</strong></a><a href="http://wpdailybits.com/blog/author/Damienoh" target="_blank"><strong> Oh</strong></a>&#8216;s nifty WordPress trick teaches you how to prevent the image’s height and width attribute from being inserted into the tag the next time you use the WP image uploader. Get his <a href="http://wpdailybits.com/blog/remove-the-width-and-height-attributes-from-wp-image-uploader/539" target="_blank"><strong>TUTORIAL</strong></a> now.<br />
<h4>Incoming search terms for the article:</h4>
<ul>
<li><a href="http://blogfreakz.com/wordpress-tutorial/how-to-remove-the-height-and-width-attributes-in-wp-image-uploader/" title="recent comments wordpress">recent comments wordpress</a></li>
</ul>
<p><!-- SEO SearchTerms Tagging 2 Plugin --></p>
]]></content:encoded>
			<wfw:commentRss>http://blogfreakz.com/wordpress-tutorial/how-to-remove-the-height-and-width-attributes-in-wp-image-uploader/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WP-DBManager</title>
		<link>http://blogfreakz.com/wordpress-tutorial/wp-dbmanager/</link>
		<comments>http://blogfreakz.com/wordpress-tutorial/wp-dbmanager/#comments</comments>
		<pubDate>Tue, 08 May 2012 11:43:08 +0000</pubDate>
		<dc:creator>Marvin@Blogfreakz</dc:creator>
				<category><![CDATA[Software & Tools]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[free tutorial]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blogfreakz.com/?p=27256</guid>
		<description><![CDATA[The WP-DBManager, created by Lester “GamerZ” Chan, is a plugin for WordPress that lets you backup, optimize, repair, restore and delete backup database. This is a lifesaver for all users because it automatically optimizes your database once you have it setup. No more worries if you’re unable to do the backup if you&#8217;re too busy, [...]]]></description>
			<content:encoded><![CDATA[<p><strong> </strong></p>
<p><strong> </strong></p>
<p><strong> </strong></p>
<p><strong> </strong></p>
<p>The WP-DBManager, created by Lester “GamerZ” Chan, is a plugin for WordPress that lets you backup, optimize, repair, restore and delete backup database. This is a lifesaver for all users because it automatically optimizes your database once you have it setup. No more worries if you’re unable to do the backup if you&#8217;re too busy, because the plugin will do the job for you.</p>
<p style="text-align: center;"><a href="http://downloads.wordpress.org/plugin/wp-dbmanager.zip"><img class="aligncenter size-full wp-image-27257" title="wp-db" src="http://blogfreakz.com/wp-content/uploads/2012/05/wp-db.jpg" alt="wp db WP DBManager" width="553" height="221" /></a><strong>Click on the image to download the zip file. </strong></p>
<p>Installation:</p>
<ol>
<li>Open the folder wp-content/plugins</li>
<li>Put : Folder: wp-dbmanager</li>
<li>Activate wp-DBManager plugin</li>
<li>Rename htaccess.txt to .htaccess file in Folder: wp-content/plugins/wp-dbmanager</li>
<li>Script will create folder automatically (backup-db) in the wp-content folder if it is writable. If it’s not created, create it and CHMOD it to 777</li>
<li>Open Folder: wp-content/backup-db</li>
<li>Move .htaccess file from Folder: wp-content/plugins/wp-dbmanager to Folder: wp-content/backup-db</li>
<li>Go to Admin &gt; Database &gt; DB Options to configure database options</li>
</ol>
<p>OR</p>
<p>Download the plugin, then using the WP Admin Panel, upload it directly, and activate.</p>
<p><strong> Note:</strong> Since security is a very important issue among users, it’s highly recommended to upgrade the plugin immediately once a new version is released. Not upgrading the plugin makes it possible for anyone to get full access to the whole database where your WordPress is installed and could be exploited – a scenario which you want to avoid.<strong> </strong></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong> </strong></p>
<p><strong> </strong><br />
<h4>Incoming search terms for the article:</h4>
<ul>
<li><a href="http://blogfreakz.com/wordpress-tutorial/wp-dbmanager/" title="inurl:/wp/">inurl:/wp/</a></li>
</ul>
<p><!-- SEO SearchTerms Tagging 2 Plugin --></p>
]]></content:encoded>
			<wfw:commentRss>http://blogfreakz.com/wordpress-tutorial/wp-dbmanager/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Italicize Your Post Titles</title>
		<link>http://blogfreakz.com/wordpress-tutorial/how-to-italicize-your-post-titles/</link>
		<comments>http://blogfreakz.com/wordpress-tutorial/how-to-italicize-your-post-titles/#comments</comments>
		<pubDate>Mon, 07 May 2012 05:29:52 +0000</pubDate>
		<dc:creator>Keith@Blogfreakz</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[free tutorial]]></category>
		<category><![CDATA[posts]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blogfreakz.com/?p=27228</guid>
		<description><![CDATA[My featured WordPress tip of the day comes from Ken Odle, and it’s a pretty neat trick that will make some of you wish that you knew about it all along &#8212; it’s a trick that shows you how to italicize your post titles. This is great if you intend to include the title of [...]]]></description>
			<content:encoded><![CDATA[<p><strong></strong>My featured WordPress tip of the day comes from <strong><a href="http://blog.kjodle.net/author/ken/">Ken Odle</a></strong>, and it’s a pretty neat trick that will make some of you wish that you knew about it all along &#8212; it’s a trick that shows you how to italicize your post titles.</p>
<p><img class="aligncenter size-full wp-image-27230" title="Italicize Your WP Title" src="http://blogfreakz.com/wp-content/uploads/2012/05/Italicize-Your-WP-Title.jpg" alt="Italicize Your WP Title How To Italicize Your Post Titles" width="558" height="163" /></p>
<p>This is great if you intend to include the title of a book or a song in your post title, like in Ken’s example. Aside from italicizing, Ken’s quick tutorial also shows you a couple more tricks on how to customize or alter the appearance of your post titles. Get the tutorial <strong><a href="http://blog.kjodle.net/2012/04/06/wordpress-tricks-fun-with-titles/">HERE</a></strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blogfreakz.com/wordpress-tutorial/how-to-italicize-your-post-titles/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WP-PageNavi</title>
		<link>http://blogfreakz.com/wordpress-tutorial/wp-pagenavi/</link>
		<comments>http://blogfreakz.com/wordpress-tutorial/wp-pagenavi/#comments</comments>
		<pubDate>Thu, 26 Apr 2012 06:10:03 +0000</pubDate>
		<dc:creator>Marvin@Blogfreakz</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Menu & navigation]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[free tutorial]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blogfreakz.com/?p=27044</guid>
		<description><![CDATA[Getting bored with those classic ‘Older Posts’ and ‘Newer Posts’ link navigators? Replace them with the WP-PageNavi by GamerZ and scribe. Because this plugin has wp_pagenavi () template tag, it generates stylish paginations that makes it look way cooler than the older and plainer links and you can get page buttons so users can directly [...]]]></description>
			<content:encoded><![CDATA[<p>Getting bored with those classic ‘Older Posts’ and ‘Newer Posts’ link navigators? Replace them with the WP-PageNavi by GamerZ and scribe. Because this plugin has wp_pagenavi () template tag, it generates stylish paginations that makes it look way cooler than the older and plainer links and you can get page buttons so users can directly go to the page they want to visit.</p>
<p style="text-align: center;"><a href="http://downloads.wordpress.org/plugin/wp-pagenavi.2.82.zip" target="_blank"><img class="aligncenter size-full wp-image-27046" title="WP Navi" src="http://blogfreakz.com/wp-content/uploads/2012/04/WP-Navi.jpg" alt="WP Navi WP PageNavi" width="546" height="116" /></a><strong>Click on the image to download the file. </strong></p>
<p>Note: PHP5 is required since version 2.70</p>
<p><strong>Install:</strong></p>
<p>In installing it, you can do it automatically from the WordPress admin or manually:</p>
<ol>
<li>After downloading the file on the link provided, unzip it and put wp-pagenavi folder in /wp-content/plugins/ folder</li>
<li>Activate it from the Plugins menu</li>
</ol>
<p>Find calls to next_posts_link() and previous_posts_link() in your theme and replace them.</p>
<p>Below is the code that looks like that one in the Twentyten theme:</p>
<p><span style="color: #003366;"><code>&lt;div&gt;&lt;?php next_posts_link( __( '&lt;span&gt;&amp;larr;&lt;/span&gt; Older posts', 'twentyten' ) ); ?&gt;&lt;/div&gt;</code></span></p>
<p><span style="color: #003366;"><code>&lt;div&gt;&lt;?php previous_posts_link( __( 'Newer posts &lt;span&gt;&amp;rarr;&lt;/span&gt;', 'twentyten' ) ); ?&gt;&lt;/div&gt;</code></span></p>
<p>&nbsp;</p>
<p><code>Change them to this:</code></p>
<pre><code> </code><span style="color: #003366;"><code>&lt;?php wp_pagenavi(); ?&gt;</code></span></pre>
<p><code><br />
Look for this if it’s for mutlipart pages:</code></p>
<pre> <span style="color: #003366;"><code>&lt;?php wp_link_pages( ... ); ?&gt;</code></span></pre>
<p>Change it with this:</p>
<pre><span style="color: #003366;"><code>&lt;?php wp_pagenavi( array( 'type' =&gt; 'multipart' ) ); ?&gt;</code></span></pre>
<p>To configure, go to WP-Admin  &gt; Settings &gt; PageNavi</p>
<p>In modifying its CSS style, copy pagenavi-css.css file from the plugin directory to your theme’s directory then do the changes there so you will not lose the mods when you update it. Another way is by unchecking ‘Use pagenavi.css?’ option from settings page then directly adding styles to your theme’s style.css file.</p>
<p>&nbsp;<br />
<h4>Incoming search terms for the article:</h4>
<ul>
<li><a href="http://blogfreakz.com/wordpress-tutorial/wp-pagenavi/" title="blog pagenavi">blog pagenavi</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/wp-pagenavi/" title="Installing WordPress">Installing WordPress</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/wp-pagenavi/" title="web design &#038; development">web design &#038; development</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/wp-pagenavi/" title="wp pagenavi design">wp pagenavi design</a></li>
</ul>
<p><!-- SEO SearchTerms Tagging 2 Plugin --></p>
]]></content:encoded>
			<wfw:commentRss>http://blogfreakz.com/wordpress-tutorial/wp-pagenavi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Display Related Posts By Current Author for WordPress 3+</title>
		<link>http://blogfreakz.com/wordpress-tutorial/display-related-posts-by-current-author-for-wordpress-3/</link>
		<comments>http://blogfreakz.com/wordpress-tutorial/display-related-posts-by-current-author-for-wordpress-3/#comments</comments>
		<pubDate>Thu, 26 Apr 2012 06:00:10 +0000</pubDate>
		<dc:creator>Keith@Blogfreakz</dc:creator>
				<category><![CDATA[Software & Tools]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blogfreakz.com/?p=27041</guid>
		<description><![CDATA[It&#8217;s always convenient for your blog readers to see posts that are related to the one they&#8217;re currently reading, but what if they prefer to reading articles from a particular author? Here&#8217;s a plugin that&#8217;ll do just that. Unlike most of the other plugins, the code for this one is based on PHP, and not [...]]]></description>
			<content:encoded><![CDATA[<p><strong></strong>It&#8217;s always convenient for your blog readers to see posts that are related to the one they&#8217;re currently reading, but what if they prefer to reading articles from a particular author? Here&#8217;s a plugin that&#8217;ll do just that.</p>
<p>Unlike most of the other plugins, the code for this one is based on PHP, and not Javascript/jQuery. This plugin was shared by <a href="http://snipplr.com/users/certainlyakey/"><strong>Alexander Belyaev</strong></a> at snipplr.com. This is great to have especially if you’re running a blog site with multiple authors. You can find it <a href="http://snipplr.com/view/64281/latest-posts-by-current-author-widget-plugin-for-wordpress-3/"><strong>HERE</strong></a>.<br />
<h4>Incoming search terms for the article:</h4>
<ul>
<li><a href="http://blogfreakz.com/wordpress-tutorial/display-related-posts-by-current-author-for-wordpress-3/" title="How to do wordpress plugins">How to do wordpress plugins</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/display-related-posts-by-current-author-for-wordpress-3/" title="show comments of a particular author in wordpress">show comments of a particular author in wordpress</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/display-related-posts-by-current-author-for-wordpress-3/" title="wp other posts of current author">wp other posts of current author</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/display-related-posts-by-current-author-for-wordpress-3/" title="wp show current author post">wp show current author post</a></li>
</ul>
<p><!-- SEO SearchTerms Tagging 2 Plugin --></p>
]]></content:encoded>
			<wfw:commentRss>http://blogfreakz.com/wordpress-tutorial/display-related-posts-by-current-author-for-wordpress-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Deactivate WordPress Plugin Without Logging Into WP Admin</title>
		<link>http://blogfreakz.com/wordpress-tutorial/deactivate-wordpress-plugin-without-logging-into-wp-admin/</link>
		<comments>http://blogfreakz.com/wordpress-tutorial/deactivate-wordpress-plugin-without-logging-into-wp-admin/#comments</comments>
		<pubDate>Tue, 17 Apr 2012 09:45:38 +0000</pubDate>
		<dc:creator>Keith@Blogfreakz</dc:creator>
				<category><![CDATA[php]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Video Players]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blogfreakz.com/?p=26895</guid>
		<description><![CDATA[Some of you might have been in a situation wherein you’d want to log in to the WP Admin page but couldn’t because of a plugin you just happened to install or update. Well, Peter (I didn’t get to catch his last name) just created and shared a very easy-to-follow video tutorial wherein he shows [...]]]></description>
			<content:encoded><![CDATA[<p><strong></strong>Some of you might have been in a situation wherein you’d want to log in to the WP Admin page but couldn’t because of a plugin you just happened to install or update. Well, Peter (I didn’t get to catch his last name) just created and shared a very easy-to-follow video tutorial wherein he shows two ways on how you can get around the problem.</p>
<p>You may find his methods quite handy if you ever encounter any one of these following scenarios:</p>
<ul>
<li>You get a blank screen when you log into your WP Admin after installing a plugin.</li>
<li>You get an error after editing some PHP code from the plugin or theme editor, which then prevents you from accessing the WP Admin.</li>
<li>You installed a WordPress security plugin that locked you out of WP Admin.</li>
</ul>
<p>Anyway, you can check out his video here:</p>
<p><iframe width="560" height="315" src="https://www.youtube.com/embed/7ZdbBmRhruU" frameborder="0" allowfullscreen></iframe><br />
<h4>Incoming search terms for the article:</h4>
<ul>
<li><a href="http://blogfreakz.com/wordpress-tutorial/deactivate-wordpress-plugin-without-logging-into-wp-admin/" title="blog comments on best WordPress Developer">blog comments on best WordPress Developer</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/deactivate-wordpress-plugin-without-logging-into-wp-admin/" title="deactivate wordpress plugin without wp admin access">deactivate wordpress plugin without wp admin access</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/deactivate-wordpress-plugin-without-logging-into-wp-admin/" title="Design wordpress plugins">Design wordpress plugins</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/deactivate-wordpress-plugin-without-logging-into-wp-admin/" title="inurl:/wp-admin">inurl:/wp-admin</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/deactivate-wordpress-plugin-without-logging-into-wp-admin/" title="locked out of wp admin after installing plug in">locked out of wp admin after installing plug in</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/deactivate-wordpress-plugin-without-logging-into-wp-admin/" title="techgadge/wp-admin">techgadge/wp-admin</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/deactivate-wordpress-plugin-without-logging-into-wp-admin/" title="wp-admin">wp-admin</a></li>
</ul>
<p><!-- SEO SearchTerms Tagging 2 Plugin --></p>
]]></content:encoded>
			<wfw:commentRss>http://blogfreakz.com/wordpress-tutorial/deactivate-wordpress-plugin-without-logging-into-wp-admin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>&#8216;Reply Me&#8217; WordPress Plugin</title>
		<link>http://blogfreakz.com/wordpress-tutorial/reply-me-wordpress-plugin/</link>
		<comments>http://blogfreakz.com/wordpress-tutorial/reply-me-wordpress-plugin/#comments</comments>
		<pubDate>Wed, 11 Apr 2012 09:05:13 +0000</pubDate>
		<dc:creator>Marvin@Blogfreakz</dc:creator>
				<category><![CDATA[Software & Tools]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[free download]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blogfreakz.com/?p=26799</guid>
		<description><![CDATA[Conversations via comments between the website owner and site visitors is a great way to build rapport.  The Reply Me Plugin for WordPress, created by photozero, does exactly that – it sends back an automatic email notification to anyone who leaves a comment when someone comments as a direct response to them. This way, subscribing [...]]]></description>
			<content:encoded><![CDATA[<p><strong> </strong></p>
<p><strong> </strong></p>
<p><strong> </strong></p>
<p>Conversations via comments between the website owner and site visitors is a great way to build rapport.  The Reply Me Plugin for WordPress, created by photozero, does exactly that – it sends back an automatic email notification to anyone who leaves a comment when someone comments as a direct response to them. This way, subscribing to comments is unnecessary plus you can customize the content on what you send.</p>
<p>You can download the file <a href="http://wordpress.org/extend/plugins/replyme/" target="_blank"><strong>HERE.</strong></a></p>
<p>Installation:</p>
<ol>
<li>Upload /replyme/ to /wp-content/plugins/ directory.</li>
<li>Activate plugin through WordPress Plugins menu.</li>
<li>Go to Settings &gt; ReplyMe to configure.</li>
</ol>
<h4>Incoming search terms for the article:</h4>
<ul>
<li><a href="http://blogfreakz.com/wordpress-tutorial/reply-me-wordpress-plugin/" title="blog comments on wordpress website development">blog comments on wordpress website development</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/reply-me-wordpress-plugin/" title="wordpress plugins development">wordpress plugins development</a></li>
</ul>
<p><!-- SEO SearchTerms Tagging 2 Plugin --></p>
]]></content:encoded>
			<wfw:commentRss>http://blogfreakz.com/wordpress-tutorial/reply-me-wordpress-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Add A &#8220;Load More Posts&#8221; Button In WordPress</title>
		<link>http://blogfreakz.com/wordpress-tutorial/how-to-add-a-load-more-posts-button-in-wordpress/</link>
		<comments>http://blogfreakz.com/wordpress-tutorial/how-to-add-a-load-more-posts-button-in-wordpress/#comments</comments>
		<pubDate>Tue, 10 Apr 2012 10:17:01 +0000</pubDate>
		<dc:creator>Keith@Blogfreakz</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blogfreakz.com/?p=26779</guid>
		<description><![CDATA[Today&#8217;s featured WordPress tutorial comes from Michael Martin and it&#8217;s about replacing the &#8220;Older Posts&#8221; link on your blog with a button that extends the length of the current web page instead of reloading it; it is similar to how you view older tweets on Twitter. A partial screenshot of the button You can check [...]]]></description>
			<content:encoded><![CDATA[<p>Today&#8217;s featured WordPress tutorial comes from <a href="http://www.problogdesign.com/author/admin/"><strong>Michael Martin</strong></a> and it&#8217;s about replacing the &#8220;Older Posts&#8221; link on your blog with a button that extends the length of the current web page instead of reloading it; it is similar to how you view older tweets on Twitter.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-26780" title="Load More Posts" src="http://blogfreakz.com/wp-content/uploads/2012/04/Load-More-Posts.jpg" alt="Load More Posts How To Add A Load More Posts Button In WordPress" width="344" height="302" /><em>A partial screenshot of the button</em></p>
<p>You can check it out on the <a href="http://www.problogdesign.com/demo/ajax-load-posts/"><strong>demo</strong></a> here.</p>
<p>In Michael&#8217;s tutorial, you&#8217;ll be using AJAX to create the plugin which will have the following features:</p>
<ul>
<li>Multiple clicks – First clicks will load page 2?s posts, second will load page 3 etc.)</li>
<li>Check for posts first – If there are no more posts that can be loaded, we’ll tell the user.</li>
<li>Degrade gracefully – If a visitor doesn’t use JavaScript, we won’t change the site at all.</li>
</ul>
<p>Below is a snippet taken from the javascript that makes the AJAX call:</p>
<table border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="638" valign="top">
<pre><span style="color: #003366;">$('.pbd-alp-placeholder-'+ pageNum).load(nextLink + ' .post',</span></pre>
<pre><span style="color: #003366;">function() {</span></pre>
<pre><span style="color: #003366;">//   Update page number and nextLink.</span></pre>
<pre><span style="color: #003366;">pageNum++;</span></pre>
<pre><span style="color: #003366;">nextLink   = nextLink.replace(/\/page\/[0-9]?/, '/page/'+ pageNum);</span></pre>
<pre><span style="color: #003366;">//   Add a new placeholder, for when user clicks again.</span></pre>
<pre><span style="color: #003366;">$('#pbd-alp-load-posts')</span></pre>
<pre><span style="color: #003366;">.before('&lt;div  &gt;&lt;/div&gt;')</span></pre>
<pre><span style="color: #003366;">//   Update the button message.</span></pre>
<pre><span style="color: #003366;">if(pageNum   &lt;= max) {</span></pre>
<pre><span style="color: #003366;">$('#pbd-alp-load-posts   a').text('Load More Posts');</span></pre>
<pre><span style="color: #003366;">}   else {</span></pre>
<pre><span style="color: #003366;">$('#pbd-alp-load-posts   a').text('No more posts to load.');</span></pre>
<pre><span style="color: #003366;">}</span></pre>
<pre><span style="color: #003366;">}</span></pre>
<pre><span style="color: #003366;">);</span></pre>
</td>
</tr>
</tbody>
</table>
<p>On that note, if you want to see the rest of the code, you can download the completed files as a <a href="http://www.problogdesign.com/uploads/pbd-ajax-load-posts.zip"><strong>plugin.</strong></a> All you have to do is upload them in to your WordPress directory and activate it. But if you want to know more about the plugin&#8217;s nuts and bolts, you can check out Michael’s tutorial by <a href="http://www.problogdesign.com/wordpress/load-next-wordpress-posts-with-ajax/"><strong>clicking here</strong></a>.<br />
<h4>Incoming search terms for the article:</h4>
<ul>
<li><a href="http://blogfreakz.com/wordpress-tutorial/how-to-add-a-load-more-posts-button-in-wordpress/" title="wordpress load more posts">wordpress load more posts</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/how-to-add-a-load-more-posts-button-in-wordpress/" title="ajax load more posts wordpress">ajax load more posts wordpress</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/how-to-add-a-load-more-posts-button-in-wordpress/" title="load more posts wordpress">load more posts wordpress</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/how-to-add-a-load-more-posts-button-in-wordpress/" title="pbd-alp-load-posts">pbd-alp-load-posts</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/how-to-add-a-load-more-posts-button-in-wordpress/" title="load more on wordpress posts">load more on wordpress posts</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/how-to-add-a-load-more-posts-button-in-wordpress/" title="wordpress load more posts ajax">wordpress load more posts ajax</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/how-to-add-a-load-more-posts-button-in-wordpress/" title="wordpress load more posts button">wordpress load more posts button</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/how-to-add-a-load-more-posts-button-in-wordpress/" title="wordpress page 0">wordpress page 0</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/how-to-add-a-load-more-posts-button-in-wordpress/" title="wordpress click on button load more posts slider">wordpress click on button load more posts slider</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/how-to-add-a-load-more-posts-button-in-wordpress/" title="wordpress “load more” twitter">wordpress “load more” twitter</a></li>
</ul>
<p><!-- SEO SearchTerms Tagging 2 Plugin --></p>
]]></content:encoded>
			<wfw:commentRss>http://blogfreakz.com/wordpress-tutorial/how-to-add-a-load-more-posts-button-in-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Display Recent Post Titles Using wp_query</title>
		<link>http://blogfreakz.com/wordpress-tutorial/display-recent-post-titles-using-wp_query/</link>
		<comments>http://blogfreakz.com/wordpress-tutorial/display-recent-post-titles-using-wp_query/#comments</comments>
		<pubDate>Tue, 27 Mar 2012 01:09:06 +0000</pubDate>
		<dc:creator>Keith@Blogfreakz</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blogfreakz.com/?p=26448</guid>
		<description><![CDATA[Today, I&#8217;d just like to share with everyone this neat WordPress trick by Libby Fisher from Icode4you.net. It’s a short code that will not only let you display the most recent post titles from a certain category but also let you specify how many titles you want displayed. Below is the code: &#60;ul&#62; &#60;?php global [...]]]></description>
			<content:encoded><![CDATA[<p><strong></strong>Today, I&#8217;d just like to share with everyone this neat WordPress trick by <a href="http://icode4you.net/author/icode4you"><strong>Libby Fisher</strong></a> from <a href="http://icode4you.net/"><strong>Icode4you.net</strong></a>. It’s a short code that will not only let you display the most recent post titles from a certain category but also let you specify how many titles you want displayed.</p>
<p>Below is the code:</p>
<table border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="638" valign="top">
<pre><span style="color: #003366;">&lt;ul&gt;</span></pre>
<pre><span style="color: #003366;">&lt;?php</span></pre>
<pre><span style="color: #003366;">global $cat;</span></pre>
<pre><span style="color: #003366;">$recentPosts = new   WP_Query();</span></pre>
<pre><span style="color: #003366;">$recentPosts-&gt;query('showposts=<span style="color: #ff0000;"><strong>5</strong></span>&amp;cat=<span style="color: #ff0000;"><strong>389</strong></span>');</span></pre>
<pre><span style="color: #003366;">?&gt;</span></pre>
<pre><span style="color: #003366;">&lt;?php while ($recentPosts-&gt;have_posts()) :   $recentPosts-&gt;the_post(); ?&gt;</span></pre>
<pre><span style="color: #003366;">&lt;li&gt;&lt;a   href="&lt;?php the_permalink() ?&gt;"   rel="bookmark"&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/li&gt;</span></pre>
<pre><span style="color: #003366;">&lt;?php endwhile; ?&gt;&lt;/ul&gt;</span></pre>
</td>
</tr>
</tbody>
</table>
<p>You can increase or decrease the number of posts to be displayed as you like, and don’t forget to change the category id accordingly (both highlighted in red).<br />
<h4>Incoming search terms for the article:</h4>
<ul>
<li><a href="http://blogfreakz.com/wordpress-tutorial/display-recent-post-titles-using-wp_query/" title="wordpress display category post using wp_query">wordpress display category post using wp_query</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/display-recent-post-titles-using-wp_query/" title="display recent pos css design">display recent pos css design</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/display-recent-post-titles-using-wp_query/" title="wp_query recent posts">wp_query recent posts</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/display-recent-post-titles-using-wp_query/" title="wp_query for recent post">wp_query for recent post</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/display-recent-post-titles-using-wp_query/" title="wp_query categories mobile">wp_query categories mobile</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/display-recent-post-titles-using-wp_query/" title="wp query show recent post">wp query show recent post</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/display-recent-post-titles-using-wp_query/" title="worpress wp_query to show category post">worpress wp_query to show category post</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/display-recent-post-titles-using-wp_query/" title="php author recent posts wp">php author recent posts wp</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/display-recent-post-titles-using-wp_query/" title="how to get post title using wp_query in wordpress">how to get post title using wp_query in wordpress</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/display-recent-post-titles-using-wp_query/" title="get recent post using wp_query">get recent post using wp_query</a></li>
</ul>
<p><!-- SEO SearchTerms Tagging 2 Plugin --></p>
]]></content:encoded>
			<wfw:commentRss>http://blogfreakz.com/wordpress-tutorial/display-recent-post-titles-using-wp_query/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Meebo Me! Instant Messaging Widget For WordPress</title>
		<link>http://blogfreakz.com/wordpress-tutorial/meebo-me-instant-messaging-widget-for-wordpress/</link>
		<comments>http://blogfreakz.com/wordpress-tutorial/meebo-me-instant-messaging-widget-for-wordpress/#comments</comments>
		<pubDate>Tue, 20 Mar 2012 03:20:48 +0000</pubDate>
		<dc:creator>Keith@Blogfreakz</dc:creator>
				<category><![CDATA[Social Networks]]></category>
		<category><![CDATA[Software & Tools]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[Meebo]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[widget]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blogfreakz.com/?p=26294</guid>
		<description><![CDATA[Interact with your blog readers in real time with meebo me, a widget that will place an IM window or chatbox in your website where you can chat with your visitors using your favorite IM networks like MSN, Yahoo!, GoogleTalk, AIM, jabber, etc. Creating and customizing the look of your Meebo Me widget is a [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-26295" title="Meebo Me" src="http://blogfreakz.com/wp-content/uploads/2012/03/Meebo-Me.jpg" alt="Meebo Me Meebo Me! Instant Messaging Widget For WordPress" width="258" height="90" /></p>
<p>Interact with your blog readers in real time with <a href="http://www.meebome.com/"><strong>meebo me</strong></a>, a widget that will place an IM window or chatbox in your website where you can chat with your visitors using your favorite IM networks like <strong>MSN</strong>, <strong>Yahoo!</strong>, <strong>GoogleTalk</strong>, <strong>AIM</strong>, <strong>jabber</strong>, etc. Creating and customizing the look of your Meebo Me widget is a cinch!</p>
<p style="text-align: center;"><a href="http://wiki.meebo.com/doku.php?id=meebome"><img class="aligncenter size-full wp-image-26296" title="Meebo Widget" src="http://blogfreakz.com/wp-content/uploads/2012/03/Meebo-Widget.jpg" alt="Meebo Widget Meebo Me! Instant Messaging Widget For WordPress" width="401" height="357" /></a><strong>Click on the image above for Meebo Me FAQ&#8217;s. </strong></p>
<p>All you need is your <strong>Meebo ID</strong> and you’re good to go! If you don’t have one yet just create one by <a href="https://www.meebo.com/messenger" target="_blank"><strong>signing up</strong></a>. You don’t need to have any solid background in HTML or JavaScript to be able to install it in your WordPress site.</p>
<p><strong></strong><a href="http://wiki.meebo.com/doku.php?id=meebome"><strong> </strong></a><br />
<h4>Incoming search terms for the article:</h4>
<ul>
<li><a href="http://blogfreakz.com/wordpress-tutorial/meebo-me-instant-messaging-widget-for-wordpress/" title="wordpress webmail widget">wordpress webmail widget</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/meebo-me-instant-messaging-widget-for-wordpress/" title="instant comments widget">instant comments widget</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/meebo-me-instant-messaging-widget-for-wordpress/" title="wordpress meebo me plugin">wordpress meebo me plugin</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/meebo-me-instant-messaging-widget-for-wordpress/" title="wordpress insyant message advertise">wordpress insyant message advertise</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/meebo-me-instant-messaging-widget-for-wordpress/" title="widgets to meebo jquery">widgets to meebo jquery</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/meebo-me-instant-messaging-widget-for-wordpress/" title="widgets meebo jquery">widgets meebo jquery</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/meebo-me-instant-messaging-widget-for-wordpress/" title="meebome in jquery">meebome in jquery</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/meebo-me-instant-messaging-widget-for-wordpress/" title="meebo wordpress widget review">meebo wordpress widget review</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/meebo-me-instant-messaging-widget-for-wordpress/" title="meebo id">meebo id</a></li>
<li><a href="http://blogfreakz.com/wordpress-tutorial/meebo-me-instant-messaging-widget-for-wordpress/" title="write for us gadget">write for us gadget</a></li>
</ul>
<p><!-- SEO SearchTerms Tagging 2 Plugin --></p>
]]></content:encoded>
			<wfw:commentRss>http://blogfreakz.com/wordpress-tutorial/meebo-me-instant-messaging-widget-for-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

