<?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/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>plugins Archives - Michael Sunarlim</title>
	<atom:link href="https://sunarlim.com/tag/plugins/feed/" rel="self" type="application/rss+xml" />
	<link>https://sunarlim.com/tag/plugins/</link>
	<description>Random blurbs about web development, e-commerce and technology</description>
	<lastBuildDate>Wed, 27 Jan 2016 08:55:30 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.4.5</generator>

<image>
	<url>https://i0.wp.com/sunarlim.com/wp-content/uploads/2016/07/cropped-MS_Square_512x512.png?fit=32%2C32&#038;ssl=1</url>
	<title>plugins Archives - Michael Sunarlim</title>
	<link>https://sunarlim.com/tag/plugins/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">30613895</site>	<item>
		<title>Ready-to-use MailChimp PHP integration scripts</title>
		<link>https://sunarlim.com/2015/01/ready-use-mailchimp-php-integration-scripts/</link>
					<comments>https://sunarlim.com/2015/01/ready-use-mailchimp-php-integration-scripts/#respond</comments>
		
		<dc:creator><![CDATA[Michael]]></dc:creator>
		<pubDate>Tue, 06 Jan 2015 08:00:33 +0000</pubDate>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[mailchimp]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[plugins]]></category>
		<guid isPermaLink="false">https://sunarlim.com/?p=1336</guid>

					<description><![CDATA[<p>I have shared a simple tutorial to integrate your web page with MailChimp subscription API. It is intended to give the most basic direction and then you can expand the design and functionalities to your preference. Some of you however might prefer to use a more &#8220;plug and play&#8221; approach. Therefore I decided to list... <span class="more"><a class="more-link" href="https://sunarlim.com/2015/01/ready-use-mailchimp-php-integration-scripts/">Continue reading <span class="meta-nav">&#8594;</span></a></span></p>
<p>The post <a href="https://sunarlim.com/2015/01/ready-use-mailchimp-php-integration-scripts/">Ready-to-use MailChimp PHP integration scripts</a> appeared first on <a href="https://sunarlim.com">Michael Sunarlim</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>I have shared <a title="MailChimp Subscribe Form with PHP, jQuery and AJAX" href="https://sunarlim.com/2014/04/mailchimp-sign-form-php-jquery-ajax/">a simple tutorial to integrate your web page with MailChimp</a> subscription API. It is intended to give the most basic direction and then you can expand the design and functionalities to your preference. Some of you however might prefer to use a more &#8220;plug and play&#8221; approach. Therefore I decided to list a number of (paid) scripts that would allow you to add good looking MailChimp PHP integration with minimal time required. These are not free, but definitely worth to save hours of your productive time.</p>
<hr />
<h3><a href="http://codecanyon.net/item/doomailchimp-modal-subscribe-php-class/3826800?ref=mayksyu" target="_blank">DooMailChimp Modal Subscribe</a></h3>
<p><a href="http://codecanyon.net/item/doomailchimp-modal-subscribe-php-class/3826800?ref=mayksyu" target="_blank"><img fetchpriority="high" decoding="async" class="aligncenter size-full wp-image-1339" src="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/590x300.jpg?resize=590%2C300&#038;ssl=1" alt="DooMailChimp Modal Subscribe" width="590" height="300" srcset="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/590x300.jpg?w=590&amp;ssl=1 590w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/590x300.jpg?resize=300%2C153&amp;ssl=1 300w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/590x300.jpg?resize=150%2C76&amp;ssl=1 150w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/590x300.jpg?resize=400%2C203&amp;ssl=1 400w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/590x300.jpg?resize=200%2C102&amp;ssl=1 200w" sizes="(max-width: 590px) 100vw, 590px" data-recalc-dims="1" /></a><br />
Let&#8217;s start with the most simple but very effective approach. DooMailChimp allows you to add a simple button or link which when clicked will trigger a form modal box that connects to MailChimp upon submission.</p>
<hr />
<h3><a href="http://codecanyon.net/item/mailchimp-subscribe-form/7123150?ref=mayksyu" target="_blank">MailChimp Subscribe Form</a></h3>
<p><a href="http://codecanyon.net/item/mailchimp-subscribe-form/7123150?ref=mayksyu" target="_blank"><img decoding="async" class="aligncenter size-full wp-image-1341" src="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/inline_preview.jpg?resize=590%2C300&#038;ssl=1" alt="MailChimp Subscribe Form" width="590" height="300" srcset="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/inline_preview.jpg?w=590&amp;ssl=1 590w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/inline_preview.jpg?resize=300%2C153&amp;ssl=1 300w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/inline_preview.jpg?resize=150%2C76&amp;ssl=1 150w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/inline_preview.jpg?resize=400%2C203&amp;ssl=1 400w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/inline_preview.jpg?resize=200%2C102&amp;ssl=1 200w" sizes="(max-width: 590px) 100vw, 590px" data-recalc-dims="1" /></a><br />
Instead of using modal box, this script can be embedded using iframe so it stays on your web page. A good idea if you really want to draw more attention from your site&#8217;s visitors. The cool thing is they can sign up using Facebook, Hotmail, Google, LinkedIn aside from entering their email address manually.</p>
<hr />
<h3><a href="http://codecanyon.net/item/contact-form-generator-form-builder/1719810?ref=mayksyu" target="_blank">Contact Form Generator</a></h3>
<p><a href="http://codecanyon.net/item/contact-form-generator-form-builder/1719810?ref=mayksyu" target="_blank"><img decoding="async" class="aligncenter size-full wp-image-1344" src="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/590x300-cfg-17.png?resize=590%2C300&#038;ssl=1" alt="590x300-cfg-17" width="590" height="300" srcset="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/590x300-cfg-17.png?w=590&amp;ssl=1 590w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/590x300-cfg-17.png?resize=300%2C153&amp;ssl=1 300w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/590x300-cfg-17.png?resize=150%2C76&amp;ssl=1 150w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/590x300-cfg-17.png?resize=400%2C203&amp;ssl=1 400w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/590x300-cfg-17.png?resize=200%2C102&amp;ssl=1 200w" sizes="(max-width: 590px) 100vw, 590px" data-recalc-dims="1" /></a><br />
If you need more than a simple subscribe form but a complete contact form instead, this is a great form generator to make it a snap. With complete MailChimp and Aweber integration, you can create multiple forms on multiple projects in a breeze. You would still need to play with the styles though to really get the look that you prefer.</p>
<hr />
<h3><a href="http://codecanyon.net/item/layered-popups/6027291?ref=mayksyu" target="_blank">Layered Popups</a></h3>
<p><a href="http://codecanyon.net/item/layered-popups/6027291?ref=mayksyu" target="_blank"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-1345" src="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/banner-1.jpg?resize=590%2C300&#038;ssl=1" alt="Layered Popups" width="590" height="300" srcset="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/banner-1.jpg?w=590&amp;ssl=1 590w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/banner-1.jpg?resize=300%2C153&amp;ssl=1 300w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/banner-1.jpg?resize=150%2C76&amp;ssl=1 150w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/banner-1.jpg?resize=400%2C203&amp;ssl=1 400w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/12/banner-1.jpg?resize=200%2C102&amp;ssl=1 200w" sizes="(max-width: 590px) 100vw, 590px" data-recalc-dims="1" /></a><br />
Another way, and probably the most effective, to collect your visitors&#8217; email addresses is by incorporating automatic popup. This script will do that for you with integration with almost every popular email service such as MailChimp, GetResponse, iContact, Campaign Monitor, AWeber, Mad Mimi, Benchmark, ActiveCampaign, Interspire and Sendy.</p>
<hr />
<p>Remember, getting new subscribers is only the first step. It is more important to actually send them engaging emails and make them happy with their decision to sign up in the first place.</p>
<p>The post <a href="https://sunarlim.com/2015/01/ready-use-mailchimp-php-integration-scripts/">Ready-to-use MailChimp PHP integration scripts</a> appeared first on <a href="https://sunarlim.com">Michael Sunarlim</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sunarlim.com/2015/01/ready-use-mailchimp-php-integration-scripts/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1336</post-id>	</item>
		<item>
		<title>WordPress Plugins to Increase Your Blog SEO</title>
		<link>https://sunarlim.com/2014/11/wordpress-plugins-increase-blog-seo/</link>
					<comments>https://sunarlim.com/2014/11/wordpress-plugins-increase-blog-seo/#respond</comments>
		
		<dc:creator><![CDATA[Michael]]></dc:creator>
		<pubDate>Wed, 12 Nov 2014 11:28:57 +0000</pubDate>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[performance]]></category>
		<category><![CDATA[plugins]]></category>
		<guid isPermaLink="false">https://sunarlim.com/?p=1228</guid>

					<description><![CDATA[<p>Out of the box, WordPress is already great in terms of SEO. Set up your blog, use a well-built theme, consistently publish new posts, then you are very likely to see traffic to your site. Taking the last word from Search Engine Optimization, there is no end result to it really. You can keep on... <span class="more"><a class="more-link" href="https://sunarlim.com/2014/11/wordpress-plugins-increase-blog-seo/">Continue reading <span class="meta-nav">&#8594;</span></a></span></p>
<p>The post <a href="https://sunarlim.com/2014/11/wordpress-plugins-increase-blog-seo/">WordPress Plugins to Increase Your Blog SEO</a> appeared first on <a href="https://sunarlim.com">Michael Sunarlim</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Out of the box, WordPress is already great in terms of SEO. Set up your blog, use a well-built theme, consistently publish new posts, then you are very likely to see traffic to your site. Taking the last word from Search Engine <em>Optimization</em>, there is no end result to it really. You can keep on experimenting and adding new functionalities to increase your search visibility.</p>
<p>There are tons of WordPress plugins out there and for different purposes. Most are designed to add new features or integrations with other services, some to make it looks nicer, and so on. Below I am going to list a number of plugins that will help to increase your SEO score.</p>
<hr />
<h3><a title="WordPress Plugins » WordPress SEO by Yoast" href="https://wordpress.org/plugins/wordpress-seo/" target="_blank">WordPress SEO by Yoast</a></h3>
<p><a title="WordPress Plugins » WordPress SEO by Yoast" href="https://wordpress.org/plugins/wordpress-seo/" target="_blank"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-1234" src="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-wordpress-seo-yoast-772x250.png?resize=740%2C240&#038;ssl=1" alt="WordPress SEO by Yoast" width="740" height="240" srcset="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-wordpress-seo-yoast-772x250.png?resize=772%2C250&amp;ssl=1 772w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-wordpress-seo-yoast-772x250.png?resize=300%2C97&amp;ssl=1 300w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-wordpress-seo-yoast-772x250.png?resize=150%2C48&amp;ssl=1 150w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-wordpress-seo-yoast-772x250.png?resize=400%2C129&amp;ssl=1 400w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-wordpress-seo-yoast-772x250.png?resize=200%2C64&amp;ssl=1 200w" sizes="(max-width: 740px) 100vw, 740px" data-recalc-dims="1" /></a></p>
<p><strong>What does it do?</strong><br />
A lot. This is the top plugin in the category, not only to improve your blog&#8217;s SEO, but also to expand your understanding about SEO. Its one of the most important features is that you will be able to set different meta title and description which will be displayed on the search engine results. It also helps you in reviewing the content of you post with a targeted keyword or keyphrase.</p>
<p><strong>Why does it matter?</strong><br />
Basic SEO practices encourage you to optimize your meta information to help search engines to display a more relevant preview of the page they are crawling. That aside, if you follow all other tools available from this great plugin, you are already improving your blog SEO a few levels.</p>
<p><a title="WordPress Plugins » WordPress SEO by Yoast" href="https://wordpress.org/plugins/wordpress-seo/" target="_blank"><i class="fa fa-wordpress " ></i> Go to WordPress SEO by Yoast Plugin Page</a></p>
<hr />
<h3><a title="WordPress Plugins » W3 Total Cache" href="https://wordpress.org/plugins/w3-total-cache/" target="_blank">W3 Total Cache</a></h3>
<p><a title="WordPress Plugins » W3 Total Cache" href="https://wordpress.org/plugins/w3-total-cache/" target="_blank"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-1233" src="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-w3-total-cache-772x250.jpg?resize=740%2C240&#038;ssl=1" alt="W3 Total Cache" width="740" height="240" srcset="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-w3-total-cache-772x250.jpg?resize=772%2C250&amp;ssl=1 772w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-w3-total-cache-772x250.jpg?resize=300%2C97&amp;ssl=1 300w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-w3-total-cache-772x250.jpg?resize=150%2C48&amp;ssl=1 150w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-w3-total-cache-772x250.jpg?resize=400%2C129&amp;ssl=1 400w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-w3-total-cache-772x250.jpg?resize=200%2C64&amp;ssl=1 200w" sizes="(max-width: 740px) 100vw, 740px" data-recalc-dims="1" /></a></p>
<p><strong>What does it do?</strong><br />
It helps improving your blog performance through many methods without actually having you to move to a bigger hosting. At its heart is the caching tools that will reduce the time and resources to generate your web pages.</p>
<p><strong>Why does it matter?</strong><br />
Search engines love sites that load fast. Reducing your page load will certainly increase your SEO score.</p>
<p><a title="WordPress Plugins » W3 Total Cache" href="https://wordpress.org/plugins/w3-total-cache/" target="_blank"><i class="fa fa-wordpress " ></i> Go to W3 Total Cache Plugin Page</a></p>
<hr />
<h3><a title="WordPress Plugins » Akismet" href="https://wordpress.org/plugins/akismet/" target="_blank">Akismet</a></h3>
<p><a title="WordPress Plugins » Akismet" href="https://wordpress.org/plugins/akismet/" target="_blank"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-1231" src="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-akismet-772x250.jpg?resize=740%2C240&#038;ssl=1" alt="Akismet" width="740" height="240" srcset="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-akismet-772x250.jpg?resize=772%2C250&amp;ssl=1 772w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-akismet-772x250.jpg?resize=300%2C97&amp;ssl=1 300w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-akismet-772x250.jpg?resize=150%2C48&amp;ssl=1 150w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-akismet-772x250.jpg?resize=400%2C129&amp;ssl=1 400w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-akismet-772x250.jpg?resize=200%2C64&amp;ssl=1 200w" sizes="(max-width: 740px) 100vw, 740px" data-recalc-dims="1" /></a></p>
<p><strong>What does it do?</strong><br />
Coming from the same company who brought us WordPress itself, Akismet is a web service that checks comments made on your blog for spam.</p>
<p><strong>Why does it matter?</strong><br />
The biggest reason people or bots are spamming on people&#8217;s blogs to get backlinks to their sites, which mostly are shady. Getting spam comments on your blog means having backlinks to questionable websites and URLs, which search engines do not like. By freeing your blog, or at least reducing the number of spam comments, your blog will look more legitimate.</p>
<p><a title="WordPress Plugins » Akismet" href="https://wordpress.org/plugins/akismet/" target="_blank"><i class="fa fa-wordpress " ></i> Go to Akismet Plugin Page</a></p>
<hr />
<h3><a title="WordPress Plugins » Yet Another Related Posts Plugin (YARPP)" href="https://wordpress.org/plugins/yet-another-related-posts-plugin/" target="_blank">Yet Another Related Posts Plugin (YARPP)</a></h3>
<p><a title="WordPress Plugins » Yet Another Related Posts Plugin (YARPP)" href="https://wordpress.org/plugins/yet-another-related-posts-plugin/" target="_blank"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-1235" src="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-yarpp-772x250.png?resize=740%2C240&#038;ssl=1" alt="YARPP" width="740" height="240" srcset="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-yarpp-772x250.png?resize=772%2C250&amp;ssl=1 772w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-yarpp-772x250.png?resize=300%2C97&amp;ssl=1 300w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-yarpp-772x250.png?resize=150%2C48&amp;ssl=1 150w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-yarpp-772x250.png?resize=400%2C129&amp;ssl=1 400w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-yarpp-772x250.png?resize=200%2C64&amp;ssl=1 200w" sizes="(max-width: 740px) 100vw, 740px" data-recalc-dims="1" /></a></p>
<p><strong>What does it do?</strong><br />
As the name says, this plugin allows WordPress to automatically generate related posts to the one your visitors are reading. There are lots of similar plugins of course, but YARPP is most of the most popular.</p>
<p><strong>Why does it matter?</strong><br />
Placing internal links to other posts helps search engines to index other pages on your blog and a suggested SEO practice.</p>
<p><a title="WordPress Plugins » Yet Another Related Posts Plugin (YARPP)" href="https://wordpress.org/plugins/yet-another-related-posts-plugin/" target="_blank"><i class="fa fa-wordpress " ></i> Go to Yet Another Related Posts Plugin (YARPP) Plugin Page</a></p>
<hr />
<h3><a title="WordPress Plugins » Google XML Sitemaps" href="https://wordpress.org/plugins/google-sitemap-generator/" target="_blank">Google XML Sitemaps</a></h3>
<p><a title="WordPress Plugins » Google XML Sitemaps" href="https://wordpress.org/plugins/google-sitemap-generator/" target="_blank"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-1232" src="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-google-xml-sitemaps-772x250.png?resize=740%2C240&#038;ssl=1" alt="Google XML Sitemaps" width="740" height="240" srcset="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-google-xml-sitemaps-772x250.png?resize=772%2C250&amp;ssl=1 772w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-google-xml-sitemaps-772x250.png?resize=300%2C97&amp;ssl=1 300w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-google-xml-sitemaps-772x250.png?resize=150%2C48&amp;ssl=1 150w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-google-xml-sitemaps-772x250.png?resize=400%2C129&amp;ssl=1 400w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/wp-seo-google-xml-sitemaps-772x250.png?resize=200%2C64&amp;ssl=1 200w" sizes="(max-width: 740px) 100vw, 740px" data-recalc-dims="1" /></a></p>
<p><strong>What does it do?</strong><br />
It can automatically generate XML sitemap of your blog. It offers quite extensive settings so you can select categories to be excluded, post types and so on. Note that <a href="https://wordpress.org/plugins/wordpress-seo/" target="_blank">WordPress SEO by Yoast</a> has this feature built-in and just as good, but in case for some reason you do not want to install that, then this one is a must.</p>
<p><strong>Why does it matter?</strong><br />
XML sitemap is the &#8216;map&#8217; for search engines to crawl the information your blog. Have it constantly updated, then you will be sure to have all your pages and posts indexed.</p>
<p><a title="WordPress Plugins » Google XML Sitemaps" href="https://wordpress.org/plugins/google-sitemap-generator/" target="_blank"><i class="fa fa-wordpress " ></i> Go to Google XML Sitemaps Plugin Page</a></p>
<hr />
<p>There are probably still dozens of other plugins that can push your SEO quality and I only share ones I use and can recommend. Feel free to share your favorites by posting your comments below.</p>
<p>The post <a href="https://sunarlim.com/2014/11/wordpress-plugins-increase-blog-seo/">WordPress Plugins to Increase Your Blog SEO</a> appeared first on <a href="https://sunarlim.com">Michael Sunarlim</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sunarlim.com/2014/11/wordpress-plugins-increase-blog-seo/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1228</post-id>	</item>
		<item>
		<title>jQuery Cycle Pager Style as Dots with CSS</title>
		<link>https://sunarlim.com/2013/05/jquery-cycle-pager-style/</link>
					<comments>https://sunarlim.com/2013/05/jquery-cycle-pager-style/#comments</comments>
		
		<dc:creator><![CDATA[Michael]]></dc:creator>
		<pubDate>Tue, 07 May 2013 02:30:53 +0000</pubDate>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[slideshow]]></category>
		<guid isPermaLink="false">https://sunarlim.com/?p=778</guid>

					<description><![CDATA[<p>jQuery Cycle is a great plugin to create image slides on your website. Out-of-the-box, it is so simple to use but you can explore the options extensively to get the functions and effect that you expected. One of the best feature is the &#8216;pager&#8217; option that will create a pagination of your slideshow. By default,... <span class="more"><a class="more-link" href="https://sunarlim.com/2013/05/jquery-cycle-pager-style/">Continue reading <span class="meta-nav">&#8594;</span></a></span></p>
<p>The post <a href="https://sunarlim.com/2013/05/jquery-cycle-pager-style/">jQuery Cycle Pager Style as Dots with CSS</a> appeared first on <a href="https://sunarlim.com">Michael Sunarlim</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><a href="http://jquery.malsup.com/cycle/" target="_blank">jQuery Cycle</a> is a great plugin to create image slides on your website. Out-of-the-box, it is so simple to use but you can explore the options extensively to get the functions and effect that you expected. </p>
<p>One of the best feature is the &#8216;pager&#8217; option that will create a <em>pagination</em> of your slideshow. By default, the function will look up for a container with ID value of &#8216;pager&#8217; and generate this code:<br />
[syntax_prettify linenums=&#8221;&#8221;]<br />
&lt;div id=&quot;pager&quot;&gt;<br />
  &lt;a href=&quot;#&quot; class=&quot;&quot;&gt;1&lt;/a&gt;<br />
  &lt;a href=&quot;#&quot; class=&quot;&quot;&gt;2&lt;/a&gt;<br />
  &lt;a href=&quot;#&quot; class=&quot;activeSlide&quot;&gt;3&lt;/a&gt;<br />
&lt;/div&gt;<br />
[/syntax_prettify]</p>
<p>Without any style, the pager will be shown simply as &#8220;123&#8221; on the front-end. You can of course stylize it any way you like it, I used to fancy the background-image replacement technique, but I want to share the CSS codes that will display it as dots or bullets. Since this is pure CSS, you can easily change the colors or size quickly and easily.<br />
[syntax_prettify linenums=&#8221;&#8221;]<br />
#pager {<br />
  /* you can add positioning properties here if needed */<br />
  width: 75px; /* change as required */<br />
  padding: 0;<br />
  height: 14px;<br />
  z-index: 999;<br />
}</p>
<p>#pager a {<br />
  display: block;<br />
  float: left;<br />
  width: 10px;<br />
  height: 10px;<br />
  text-indent: -999em;<br />
  background: #fff;<br />
  border-radius: 10px; /* must be the same as width and height */<br />
  -moz-border-radius: 10px;<br />
  -webkit-border-radius: 10px;<br />
  box-shadow: 0 0 1px 1px #707173; /* border color */<br />
  margin-right: 10px;<br />
}</p>
<p>#pager a {<br />
  background: #c0c0c0; /* optional: color when hovered */<br />
}</p>
<p>#pager a.activeSlide {<br />
  background: #707173; /* color when active */<br />
}<br />
[/syntax_prettify]</p>
<p>Quick preview of how it will look like:<br />
<img loading="lazy" decoding="async" src="https://i0.wp.com/sunarlim.com/wp-content/uploads/2013/05/screenshot_199.png?resize=305%2C39&#038;ssl=1" alt="jQuery dots pager preview" width="305" height="39" class="aligncenter size-full wp-image-781" srcset="https://i0.wp.com/sunarlim.com/wp-content/uploads/2013/05/screenshot_199.png?w=305&amp;ssl=1 305w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2013/05/screenshot_199.png?resize=300%2C38&amp;ssl=1 300w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2013/05/screenshot_199.png?resize=150%2C19&amp;ssl=1 150w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2013/05/screenshot_199.png?resize=200%2C25&amp;ssl=1 200w" sizes="(max-width: 305px) 100vw, 305px" data-recalc-dims="1" /></p>
<p>There you go. Simple pager for a great slideshow plugin.</p>
<p>The post <a href="https://sunarlim.com/2013/05/jquery-cycle-pager-style/">jQuery Cycle Pager Style as Dots with CSS</a> appeared first on <a href="https://sunarlim.com">Michael Sunarlim</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sunarlim.com/2013/05/jquery-cycle-pager-style/feed/</wfw:commentRss>
			<slash:comments>6</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">778</post-id>	</item>
	</channel>
</rss>
