O:9:"MagpieRSS":19:{s:6:"parser";i:0;s:12:"current_item";a:0:{}s:5:"items";a:30:{i:0;a:14:{s:5:"title";s:49:"New Premium jQuery Plugin – jQuery Contact Tabs";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/SKVGHaIMm3o/";s:8:"comments";s:117:"http://www.designchemical.com/blog/index.php/jquery-plugins/new-premium-jquery-plugin-jquery-contact-tabs-2/#comments";s:7:"pubdate";s:31:"Fri, 08 Mar 2013 06:31:15 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:47:"jQuery PluginsAJAXemailformsjQuerypluginsslider";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=4026";s:11:"description";s:678:"<p><img src="http://www.designchemical.com/media/images/jquery_contact_tabs.jpg" alt="jQuery Contact Tabs Plugin" class="img-border" /></p>
<p>Create unlimited contact tabs with customised AJAX powered forms and display in slide out or static tabs. Plugin includes 12 different form elements and client-side validation.</p>
<p>Our latest premium jQuery form generator plugin makes it easy to add stylish slide out contact tabs to any website. Add multiple tabs, each with its own custom form or use the built-in default  &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery-plugins/new-premium-jquery-plugin-jquery-contact-tabs-2/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:5226:"<p><img src="http://www.designchemical.com/media/images/jquery_contact_tabs.jpg" alt="jQuery Contact Tabs Plugin" class="img-border" /></p>
<p>Create unlimited contact tabs with customised AJAX powered forms and display in slide out or static tabs. Plugin includes 12 different form elements and client-side validation.</p>
<p>Our latest premium jQuery form generator plugin makes it easy to add stylish slide out contact tabs to any website. Add multiple tabs, each with its own custom form or use the built-in default standard contact form. All form HTML and styling generated by the plugin &#8211; both &#8220;light&#8221; and &#8220;dark&#8221; skins available.</p>
<p>Configure your own forms from the following form elements:</p>
<ul class="content-list">
<li>Text block</li>
<li>Text fields</li>
<li>Textarea</li>
<li>Select lists</li>
<li>Radio button groups</li>
<li>Checkboxes</li>
<li>Hidden fields</li>
<li>Email to &#038; email from text fields</li>
<li>IP field for including user&#8217;s IP address</li>
<li>URL field for including URL of page where form was submitted</li>
<li>Submit button</li>
</ul>
<p><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-contact-tabs-plugin/" class="external underline">Go To jQuery Contact Tabs Demo Site</a></p>
<h3>Plugin Features</h3>
<ul class="content-list">
<li>jQuery form generator &#8211; create custom forms with 12 different form elements</li>
<li>Submit form via AJAX</li>
<li>Display either using slide out tabs or static tabs in your page content.</li>
<li>Fully flexible positioning.</li>
<li>Position sliding tabs relative to browser window or within the page content.</li>
<li>Includes validation options for form input</li>
<li>Includes both light &#038; dark skins</li>
<li>Includes PHP file for sending email via PHP mail or SMTP mail</li>
<li>Option to load open for slide out tabs.</li>
<li>Control order of tabs &#038; select default tab on page load.</li>
<li>Show/hide slide out tabs or change active contact tab using external links.</li>
<li>Default contact form very easy to use &#8211; just add a single div tag to your web page &#038; initialize the plugin!</li>
<li>Full documentation.</li>
<li>Multiple examples including configurable demo.</li>
<li>Tested up to jQuery 1.9.1</li>
</ul>
<h3>jQuery Contact Tabs Plugin Demos</h3>
<div class="banner-horizontal float-right">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7740611438413740";
/* Link Mid Content */
google_ad_slot = "2373698085";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<ul class="content-list">
<li><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-contact-tabs-plugin-example-1/">Quickstart (Dark Skin)</a></li>
<li><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-contact-tabs-plugin-example-1-light-skin/">Quickstart (Light Skin)</a></li>
<li><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-contact-tabs-plugin-create-your-own-demo/">Options</a></li>
<li><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-contact-tabs-plugin-example-3/">Static Tabs</a></li>
<li><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-contact-tabs-plugin-example-4/">Inline Sliding Tabs</a></li>
</li>
<li><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-contact-tabs-plugin-example-5/">Using External Links</a></li>
</ul>
<h3>Purchase From Codecanyon</h3>
<p>jQuery Contact Tabs is now available from <a href="http://codecanyon.net/item/jquery-contact-tabs/4216207?ref=designchemical" class="external underline" rel="nofollow">codecanyon</a>.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=SKVGHaIMm3o:rFuto7YJYUE:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=SKVGHaIMm3o:rFuto7YJYUE:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=SKVGHaIMm3o:rFuto7YJYUE:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=SKVGHaIMm3o:rFuto7YJYUE:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=SKVGHaIMm3o:rFuto7YJYUE:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=SKVGHaIMm3o:rFuto7YJYUE:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=SKVGHaIMm3o:rFuto7YJYUE:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=SKVGHaIMm3o:rFuto7YJYUE:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=SKVGHaIMm3o:rFuto7YJYUE:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=SKVGHaIMm3o:rFuto7YJYUE:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/SKVGHaIMm3o" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:113:"http://www.designchemical.com/blog/index.php/jquery-plugins/new-premium-jquery-plugin-jquery-contact-tabs-2/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"2";}s:10:"feedburner";a:1:{s:8:"origlink";s:108:"http://www.designchemical.com/blog/index.php/jquery-plugins/new-premium-jquery-plugin-jquery-contact-tabs-2/";}s:7:"summary";s:678:"<p><img src="http://www.designchemical.com/media/images/jquery_contact_tabs.jpg" alt="jQuery Contact Tabs Plugin" class="img-border" /></p>
<p>Create unlimited contact tabs with customised AJAX powered forms and display in slide out or static tabs. Plugin includes 12 different form elements and client-side validation.</p>
<p>Our latest premium jQuery form generator plugin makes it easy to add stylish slide out contact tabs to any website. Add multiple tabs, each with its own custom form or use the built-in default  &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery-plugins/new-premium-jquery-plugin-jquery-contact-tabs-2/" class="read_more">more</a></p>";s:12:"atom_content";s:5226:"<p><img src="http://www.designchemical.com/media/images/jquery_contact_tabs.jpg" alt="jQuery Contact Tabs Plugin" class="img-border" /></p>
<p>Create unlimited contact tabs with customised AJAX powered forms and display in slide out or static tabs. Plugin includes 12 different form elements and client-side validation.</p>
<p>Our latest premium jQuery form generator plugin makes it easy to add stylish slide out contact tabs to any website. Add multiple tabs, each with its own custom form or use the built-in default standard contact form. All form HTML and styling generated by the plugin &#8211; both &#8220;light&#8221; and &#8220;dark&#8221; skins available.</p>
<p>Configure your own forms from the following form elements:</p>
<ul class="content-list">
<li>Text block</li>
<li>Text fields</li>
<li>Textarea</li>
<li>Select lists</li>
<li>Radio button groups</li>
<li>Checkboxes</li>
<li>Hidden fields</li>
<li>Email to &#038; email from text fields</li>
<li>IP field for including user&#8217;s IP address</li>
<li>URL field for including URL of page where form was submitted</li>
<li>Submit button</li>
</ul>
<p><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-contact-tabs-plugin/" class="external underline">Go To jQuery Contact Tabs Demo Site</a></p>
<h3>Plugin Features</h3>
<ul class="content-list">
<li>jQuery form generator &#8211; create custom forms with 12 different form elements</li>
<li>Submit form via AJAX</li>
<li>Display either using slide out tabs or static tabs in your page content.</li>
<li>Fully flexible positioning.</li>
<li>Position sliding tabs relative to browser window or within the page content.</li>
<li>Includes validation options for form input</li>
<li>Includes both light &#038; dark skins</li>
<li>Includes PHP file for sending email via PHP mail or SMTP mail</li>
<li>Option to load open for slide out tabs.</li>
<li>Control order of tabs &#038; select default tab on page load.</li>
<li>Show/hide slide out tabs or change active contact tab using external links.</li>
<li>Default contact form very easy to use &#8211; just add a single div tag to your web page &#038; initialize the plugin!</li>
<li>Full documentation.</li>
<li>Multiple examples including configurable demo.</li>
<li>Tested up to jQuery 1.9.1</li>
</ul>
<h3>jQuery Contact Tabs Plugin Demos</h3>
<div class="banner-horizontal float-right">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7740611438413740";
/* Link Mid Content */
google_ad_slot = "2373698085";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<ul class="content-list">
<li><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-contact-tabs-plugin-example-1/">Quickstart (Dark Skin)</a></li>
<li><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-contact-tabs-plugin-example-1-light-skin/">Quickstart (Light Skin)</a></li>
<li><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-contact-tabs-plugin-create-your-own-demo/">Options</a></li>
<li><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-contact-tabs-plugin-example-3/">Static Tabs</a></li>
<li><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-contact-tabs-plugin-example-4/">Inline Sliding Tabs</a></li>
</li>
<li><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-contact-tabs-plugin-example-5/">Using External Links</a></li>
</ul>
<h3>Purchase From Codecanyon</h3>
<p>jQuery Contact Tabs is now available from <a href="http://codecanyon.net/item/jquery-contact-tabs/4216207?ref=designchemical" class="external underline" rel="nofollow">codecanyon</a>.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=SKVGHaIMm3o:rFuto7YJYUE:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=SKVGHaIMm3o:rFuto7YJYUE:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=SKVGHaIMm3o:rFuto7YJYUE:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=SKVGHaIMm3o:rFuto7YJYUE:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=SKVGHaIMm3o:rFuto7YJYUE:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=SKVGHaIMm3o:rFuto7YJYUE:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=SKVGHaIMm3o:rFuto7YJYUE:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=SKVGHaIMm3o:rFuto7YJYUE:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=SKVGHaIMm3o:rFuto7YJYUE:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=SKVGHaIMm3o:rFuto7YJYUE:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/SKVGHaIMm3o" height="1" width="1"/>";}i:1;a:14:{s:5:"title";s:85:"jQuery Tutorial – Create a Pinterest Feed jQuery Plugin Using AJAX & jQuery Isotope";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/pVPlPIpnMsg/";s:8:"comments";s:141:"http://www.designchemical.com/blog/index.php/jquery/jquery-tutorial-create-a-pinterest-feed-jquery-plugin-using-ajax-jquery-isotope/#comments";s:7:"pubdate";s:31:"Fri, 21 Dec 2012 06:50:44 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:63:"jQueryAJAXjquery isotopepinterestpluginssocial networkstutorial";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=3866";s:11:"description";s:672:"<p><img src="/media/images/jquery_pinterest_feed_plugin_tutorial.jpg" alt="jQuery Pinterest Feed Plugin Tutorial" class="img-border" /></p>
<p>In our latest jQuery social network tutorial we are going to create a jQuery plugin to display Pinterest feeds via AJAX from either a username or pinterest board and display them in a masonry style wall using jQuery Isotope.</p>
<p>The plugin will also include code to display time since posted, options to set the number of feed items to display  &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery/jquery-tutorial-create-a-pinterest-feed-jquery-plugin-using-ajax-jquery-isotope/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:13440:"<p><img src="/media/images/jquery_pinterest_feed_plugin_tutorial.jpg" alt="jQuery Pinterest Feed Plugin Tutorial" class="img-border" /></p>
<p>In our latest jQuery social network tutorial we are going to create a jQuery plugin to display Pinterest feeds via AJAX from either a username or pinterest board and display them in a masonry style wall using <a href="http://isotope.metafizzy.co/" class="external underline" rel="nofollow">jQuery Isotope</a>.</p>
<p>The plugin will also include code to display time since posted, options to set the number of feed items to display plus Facebook and Twitter share links to help boost the traffic to your pins.</p>
<p><a href="http://www.designchemical.com/lab/jquery/demo/download/jquery-pinterest-feed/index.html" class="demo external">View jQuery Pinterest Feed Plugin Demo</a><a href="http://www.designchemical.com/lab/jquery/demo/download/jquery-pinterest-feed.zip" class="demo external">Download Demo Source Files</a></p>
<h3 class="clear">The Pinterest Feed Plugin Options</h3>
<ul class="content-list">
<li>id &#8211; this is where the username or pinterest board will be added when initialising the plugin</li>
<li>results &#8211; set the number of pins to display</li>
<li>tweetId &#8211; set the twitter username for share links</li>
</ul>
<h3>The Pinterest Feed Plugin Components</h3>
<ul class="content-list">
<li>AJAX function that will load the pins from a Pinterest RSS feed.</li>
<li>A function that will convert the Pinterest post date to a relative &#8220;time since&#8221; date.</li>
<li>A function that will add both Facebook and Twitter share links &#038; open in popup window.</li>
<li>A function to generate the wall layout using jQuery Isotope.</li>
</ul>
<h3>The Plugin Code</h3>
<p>Since Pinterest have not yet released their latest API (at time of post) we are going to use their public RSS feeds to create the wall along with the <a href="https://developers.google.com/feed/v1/" class="external underline" rel="nofollow">Google Feed API</a>, which makes it easier to download RSS feeds using jQuery/javascript.</p>
<p>We are using a standard jQuery pattern to create the plugin. See comments in plugin code for more information on each section:</p>
<pre class="brush: jscript; title: ; notranslate">
(function($){

	PinterestFeedObject = function(el, options) {
		this.create(el, options);
	};

	$.extend(PinterestFeedObject.prototype, {

		create: function(el, options) {

			// Set the default options
			this.defaults = {
				id: '', // enter username, pinterest list ID or search keyword
				results: 10, // number of results to display
				tweetId: '' // twitter username for share links
			};

			var o = $.extend(true,this.defaults,options);

			// Add ul tag to target element
			$(el).append('&lt;ul class=&quot;stream&quot;&gt;&lt;/ul&gt;');

			// Set Pinterest RSS url using Google Feed API
			var cp = o.id.split('/'),
				ext = cp.length &gt; 1 ? '/rss' : '/feed.rss',
				href = 'http://www.pinterest.com/'+o.id,
				url = 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&amp;num='+o.results+'&amp;callback=?&amp;q=' + encodeURIComponent(href+ext);

			// jQuery AJAX call
			jQuery.ajax({
				url: url,
				cache: true,
				dataType: 'jsonp',
				success: function(a){
					a = a.responseData.feed.entries;
					$.each(a, function(i,item){
						if(i &lt; o.results){
							var d = item.publishedDate,
								img = '&lt;a href=&quot;'+item.link+'&quot;&gt;&lt;img src=&quot;'+$('img',item.content).attr('src')+'&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;',
								html = '&lt;li&gt;' + img + item.contentSnippet;

							// Add share links
							html += '&lt;span class=&quot;section-share&quot;&gt;'+shareLink(item.contentSnippet,item.link,o.tweetId)+'&lt;/span&gt;';

							// Get time since
							d = d != '' ? html += '&lt;span class=&quot;date&quot;&gt;'+nicetime(new Date(d).getTime())+'&lt;/span&gt;&lt;/li&gt;' : '' ;
						}

						// Add pinterest feed items to stream
						$('.stream',el).append(html);
					});
				},
				complete: function(){

					// Code to open new popup window for share links + open other links in new browser tab
					$('.stream a',el).click(function(e){
						if($(this).parent().hasClass('section-share')){
							var u = $(this).attr('href');
							window.open(u,'sharer','toolbar=0,status=0,width=626,height=436');
							return false;
						} else {
							if(external){this.target = '_blank';}
						}
					});

					// jQuery Isotope function
					var $c = $('.stream',el);
					$c.imagesLoaded( function(){
						$c.isotope({itemSelector : 'li'});
						$('li',$c).fadeIn();
					});
				}
			});
		}
	});

	$.fn.dcPinterestFeed = function(options, callback){
		var d = {};
		this.each(function(){
			var s = $(this);
			d = s.data(&quot;pinterestfeed&quot;);
			if (!d){
				d = new PinterestFeedObject(this, options, callback);
				s.data(&quot;pinterestfeed&quot;, d);
			}
		});
		return d;
	};

	// Creates facebook &amp; twitter share links
	function shareLink(st,sq,tweetId){
		var sq = encodeURIComponent(sq), st = encodeURIComponent(st);
		var s = '&lt;a href=&quot;http://www.facebook.com/sharer.php?u='+sq+'&amp;t='+st+'&quot; class=&quot;share-facebook&quot;&gt;&lt;/a&gt;';
		s += '&lt;a href=&quot;https://twitter.com/share?url='+sq+'&amp;text='+st+'&amp;via='+tweetId+'&quot; class=&quot;share-twitter&quot;&gt;&lt;/a&gt;';
		return s;
    }

	// Function to convert date to relative date
	function nicetime(a){
		var d = Math.round((+new Date - a) / 1000), fuzzy;
		var chunks = new Array();
			chunks[0] = [60 * 60 * 24 * 365 , 'year'];
			chunks[1] = [60 * 60 * 24 * 30 , 'month'];
			chunks[2] = [60 * 60 * 24 * 7, 'week'];
			chunks[3] = [60 * 60 * 24 , 'day'];
			chunks[4] = [60 * 60 , 'hr'];
			chunks[5] = [60 , 'min'];
		var i = 0, j = chunks.length;
		for (i = 0; i &lt; j; i++) {
			s = chunks[i][0];
			n = chunks[i][1];
			if ((xj = Math.floor(d / s)) != 0)
				break;
		}
		fuzzy = xj == 1 ? '1 '+n : xj+' '+n+'s';
		if (i + 1 &lt; j) {
			s2 = chunks[i + 1][0];
			n2 = chunks[i + 1][1];
			if ( ((xj2 = Math.floor((d - (s * xj)) / s2)) != 0) )
				fuzzy += (xj2 == 1) ? ' + 1 '+n2 : ' + '+xj2+' '+n2+'s';
		}
		fuzzy += ' ago';
		return fuzzy;
    }

})(jQuery);
</pre>
<p>To make it easy to use copy the above plugin code into a file and name it jquery.pinterest.feed.js.</p>
<h3 style="margin-bottom: 10px">Using Your jQuery Pinterest Feed Plugin</h3>
<h4>1. Add the jQuery Library, jQuery Isotope &#038; Pinterest Plugin</h4>
<p>Add the plugin link, link to the <a href="http://isotope.metafizzy.co/" class="external underline" rel="nofollow">jQuery Isotope plugin</a> &#038; link to the jquery library to the document head:</p>
<pre class="brush: jscript; title: ; notranslate">&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery.isotope.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery.pinterest.feed.js&quot;&gt;&lt;/script&gt;</pre>
<div class="banner-horizontal float-right">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7740611438413740";
/* Link Mid Content */
google_ad_slot = "2373698085";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<h4>2. Initialise the jQuery Pinterest Feed Plugin</h4>
<p>The minimum options required are the id for your pinterest feed and the tweetId for the share links. There are 2 options for the id:</p>
<ul class="content-list">
<li>To show a feed from a Pinterest username just enter the username &#8211; e.g. &#8220;jaffrey&#8221;</li>
<li>To show a feed for a Pinterest board enter the username + &#8220;/&#8221; + board slug, which you can get from the Pinterest board URL &#8211; e.g. &#8220;jaffrey/movies-to-watch&#8221;</li>
</ul>
<p>To initialise the plugin add the following code in your document head after the links to the plugin file and the jQuery library:</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/JavaScript&quot;&gt;
    $(document).ready(function() {
        $('#pinterest-feed').dcPinterestFeed({
            id: 'jaffrey',
            tweetId: 'designchemical'
        });
    });
&lt;/script&gt;
</pre>
<p>To change the number of results:</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/JavaScript&quot;&gt;
    $(document).ready(function() {
        $('#pinterest-feed').dcPinterestFeed({
            id: 'jaffrey',
            tweetId: 'designchemical',
            results: 20
        });
    });
&lt;/script&gt;
</pre>
<h4>3. The Pinterest Feed CSS</h4>
<p>The styling for the wall is fairly easy &#8211; create the drop-shadow for the feed items, position the date and create the Twitter &#038; Facebook share links using a css background sprite (included in demo download files):</p>
<pre class="brush: plain; title: ; notranslate">
ul.stream li {
	display: none;
	width: 195px;
	margin: 0 6px 12px 6px;
	background: #fff;
	font: normal 13px/18px Arial, sans-serif;
	color: #333;
	position: relative;
	padding: 10px 15px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
ul.stream li img {
	padding: 1px;
	background: #fff;
	border: 1px solid #ececec;
	margin: 3px 0 5px 0;
}
ul.stream li .date {
	display: block;
	clear: both;
	margin: 10px 0 0 0;
	line-height: 12px;
	color: #666;
	font-size: 11px;
	font-style: italic;
}
ul.stream li .section-share {
	bottom: 8px;
    right: 15px;
    position: absolute;
	z-index: 2;
}
ul.stream li .section-share a {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	margin: 0 2px 0 0;
	background: url(images/share.png) no-repeat 0 0;
}
ul.stream li .section-share a.share-twitter {
	background-position: 0 -16px;
}
ul.stream li .section-share a.share-facebook:hover {
	background-position: -16px 0;
}
ul.stream li .section-share a.share-twitter:hover {
	background-position: -16px -16px;
}
</pre>
<h4>4. The HTML</h4>
<p>The only HTML required in your page is an empty div tag with the ID set to the same as that used in the initalisation code &#8211; e.g. pinterest-feed:</p>
<pre class="brush: plain; title: ; notranslate">&lt;div id=&quot;pinterest-feed&quot;&gt;&lt;/div&gt;</pre>
<p>Just place the above tag in your page between the body tags where you want the Pinterest wall to appear.</p>
<h3>Show Multiple Pinterest Walls Per Page</h3>
<p>The plugin can show multiple feeds per page, as shown in the demo. To do this just add multiple div tags with unique IDs and enter the initialisation code &#8211; e.g:</p>
<h4>jQuery Code</h4>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/JavaScript&quot;&gt;
$(document).ready(function() {

    $('#pinterest-feed-1').dcPinterestFeed({
        id: 'jaffrey',
        tweetId: 'designchemical'
    });

    $('#pinterest-feed-2').dcPinterestFeed({
        id: 'jaffrey/movies-to-watch',
        tweetId: 'designchemical',
        results: 20
    });
});
&lt;/script&gt;
</pre>
<h4>HTML Code</h4>
<pre class="brush: plain; title: ; notranslate">
&lt;div id=&quot;pinterest-feed-1&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;pinterest-feed-2&quot;&gt;&lt;/div&gt;
</pre>
<p><a href="http://www.designchemical.com/lab/jquery/demo/download/jquery-pinterest-feed/index.html" class="demo external">View jQuery Pinterest Feed Plugin Demo</a><a href="http://www.designchemical.com/lab/jquery/demo/download/jquery-pinterest-feed.zip" class="demo external">Download Demo Source Files</a></p>
<h3 class="clear">Credits</h3>
<ul class="content-list">
<li><a href="http://isotope.metafizzy.co" class="external">jQuery Isotope Plugin</a> &#8211; for licensing terms please refer to the jQuery Isotope website.</li>
<li><a href="https://developers.google.com/feed/v1/" class="external">Google Feed API</a>.</li>
</ul>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pVPlPIpnMsg:bm_3xCT8zIQ:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=pVPlPIpnMsg:bm_3xCT8zIQ:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pVPlPIpnMsg:bm_3xCT8zIQ:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=pVPlPIpnMsg:bm_3xCT8zIQ:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pVPlPIpnMsg:bm_3xCT8zIQ:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=pVPlPIpnMsg:bm_3xCT8zIQ:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pVPlPIpnMsg:bm_3xCT8zIQ:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pVPlPIpnMsg:bm_3xCT8zIQ:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pVPlPIpnMsg:bm_3xCT8zIQ:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=pVPlPIpnMsg:bm_3xCT8zIQ:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/pVPlPIpnMsg" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:137:"http://www.designchemical.com/blog/index.php/jquery/jquery-tutorial-create-a-pinterest-feed-jquery-plugin-using-ajax-jquery-isotope/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"3";}s:10:"feedburner";a:1:{s:8:"origlink";s:132:"http://www.designchemical.com/blog/index.php/jquery/jquery-tutorial-create-a-pinterest-feed-jquery-plugin-using-ajax-jquery-isotope/";}s:7:"summary";s:672:"<p><img src="/media/images/jquery_pinterest_feed_plugin_tutorial.jpg" alt="jQuery Pinterest Feed Plugin Tutorial" class="img-border" /></p>
<p>In our latest jQuery social network tutorial we are going to create a jQuery plugin to display Pinterest feeds via AJAX from either a username or pinterest board and display them in a masonry style wall using jQuery Isotope.</p>
<p>The plugin will also include code to display time since posted, options to set the number of feed items to display  &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery/jquery-tutorial-create-a-pinterest-feed-jquery-plugin-using-ajax-jquery-isotope/" class="read_more">more</a></p>";s:12:"atom_content";s:13440:"<p><img src="/media/images/jquery_pinterest_feed_plugin_tutorial.jpg" alt="jQuery Pinterest Feed Plugin Tutorial" class="img-border" /></p>
<p>In our latest jQuery social network tutorial we are going to create a jQuery plugin to display Pinterest feeds via AJAX from either a username or pinterest board and display them in a masonry style wall using <a href="http://isotope.metafizzy.co/" class="external underline" rel="nofollow">jQuery Isotope</a>.</p>
<p>The plugin will also include code to display time since posted, options to set the number of feed items to display plus Facebook and Twitter share links to help boost the traffic to your pins.</p>
<p><a href="http://www.designchemical.com/lab/jquery/demo/download/jquery-pinterest-feed/index.html" class="demo external">View jQuery Pinterest Feed Plugin Demo</a><a href="http://www.designchemical.com/lab/jquery/demo/download/jquery-pinterest-feed.zip" class="demo external">Download Demo Source Files</a></p>
<h3 class="clear">The Pinterest Feed Plugin Options</h3>
<ul class="content-list">
<li>id &#8211; this is where the username or pinterest board will be added when initialising the plugin</li>
<li>results &#8211; set the number of pins to display</li>
<li>tweetId &#8211; set the twitter username for share links</li>
</ul>
<h3>The Pinterest Feed Plugin Components</h3>
<ul class="content-list">
<li>AJAX function that will load the pins from a Pinterest RSS feed.</li>
<li>A function that will convert the Pinterest post date to a relative &#8220;time since&#8221; date.</li>
<li>A function that will add both Facebook and Twitter share links &#038; open in popup window.</li>
<li>A function to generate the wall layout using jQuery Isotope.</li>
</ul>
<h3>The Plugin Code</h3>
<p>Since Pinterest have not yet released their latest API (at time of post) we are going to use their public RSS feeds to create the wall along with the <a href="https://developers.google.com/feed/v1/" class="external underline" rel="nofollow">Google Feed API</a>, which makes it easier to download RSS feeds using jQuery/javascript.</p>
<p>We are using a standard jQuery pattern to create the plugin. See comments in plugin code for more information on each section:</p>
<pre class="brush: jscript; title: ; notranslate">
(function($){

	PinterestFeedObject = function(el, options) {
		this.create(el, options);
	};

	$.extend(PinterestFeedObject.prototype, {

		create: function(el, options) {

			// Set the default options
			this.defaults = {
				id: '', // enter username, pinterest list ID or search keyword
				results: 10, // number of results to display
				tweetId: '' // twitter username for share links
			};

			var o = $.extend(true,this.defaults,options);

			// Add ul tag to target element
			$(el).append('&lt;ul class=&quot;stream&quot;&gt;&lt;/ul&gt;');

			// Set Pinterest RSS url using Google Feed API
			var cp = o.id.split('/'),
				ext = cp.length &gt; 1 ? '/rss' : '/feed.rss',
				href = 'http://www.pinterest.com/'+o.id,
				url = 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&amp;num='+o.results+'&amp;callback=?&amp;q=' + encodeURIComponent(href+ext);

			// jQuery AJAX call
			jQuery.ajax({
				url: url,
				cache: true,
				dataType: 'jsonp',
				success: function(a){
					a = a.responseData.feed.entries;
					$.each(a, function(i,item){
						if(i &lt; o.results){
							var d = item.publishedDate,
								img = '&lt;a href=&quot;'+item.link+'&quot;&gt;&lt;img src=&quot;'+$('img',item.content).attr('src')+'&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;',
								html = '&lt;li&gt;' + img + item.contentSnippet;

							// Add share links
							html += '&lt;span class=&quot;section-share&quot;&gt;'+shareLink(item.contentSnippet,item.link,o.tweetId)+'&lt;/span&gt;';

							// Get time since
							d = d != '' ? html += '&lt;span class=&quot;date&quot;&gt;'+nicetime(new Date(d).getTime())+'&lt;/span&gt;&lt;/li&gt;' : '' ;
						}

						// Add pinterest feed items to stream
						$('.stream',el).append(html);
					});
				},
				complete: function(){

					// Code to open new popup window for share links + open other links in new browser tab
					$('.stream a',el).click(function(e){
						if($(this).parent().hasClass('section-share')){
							var u = $(this).attr('href');
							window.open(u,'sharer','toolbar=0,status=0,width=626,height=436');
							return false;
						} else {
							if(external){this.target = '_blank';}
						}
					});

					// jQuery Isotope function
					var $c = $('.stream',el);
					$c.imagesLoaded( function(){
						$c.isotope({itemSelector : 'li'});
						$('li',$c).fadeIn();
					});
				}
			});
		}
	});

	$.fn.dcPinterestFeed = function(options, callback){
		var d = {};
		this.each(function(){
			var s = $(this);
			d = s.data(&quot;pinterestfeed&quot;);
			if (!d){
				d = new PinterestFeedObject(this, options, callback);
				s.data(&quot;pinterestfeed&quot;, d);
			}
		});
		return d;
	};

	// Creates facebook &amp; twitter share links
	function shareLink(st,sq,tweetId){
		var sq = encodeURIComponent(sq), st = encodeURIComponent(st);
		var s = '&lt;a href=&quot;http://www.facebook.com/sharer.php?u='+sq+'&amp;t='+st+'&quot; class=&quot;share-facebook&quot;&gt;&lt;/a&gt;';
		s += '&lt;a href=&quot;https://twitter.com/share?url='+sq+'&amp;text='+st+'&amp;via='+tweetId+'&quot; class=&quot;share-twitter&quot;&gt;&lt;/a&gt;';
		return s;
    }

	// Function to convert date to relative date
	function nicetime(a){
		var d = Math.round((+new Date - a) / 1000), fuzzy;
		var chunks = new Array();
			chunks[0] = [60 * 60 * 24 * 365 , 'year'];
			chunks[1] = [60 * 60 * 24 * 30 , 'month'];
			chunks[2] = [60 * 60 * 24 * 7, 'week'];
			chunks[3] = [60 * 60 * 24 , 'day'];
			chunks[4] = [60 * 60 , 'hr'];
			chunks[5] = [60 , 'min'];
		var i = 0, j = chunks.length;
		for (i = 0; i &lt; j; i++) {
			s = chunks[i][0];
			n = chunks[i][1];
			if ((xj = Math.floor(d / s)) != 0)
				break;
		}
		fuzzy = xj == 1 ? '1 '+n : xj+' '+n+'s';
		if (i + 1 &lt; j) {
			s2 = chunks[i + 1][0];
			n2 = chunks[i + 1][1];
			if ( ((xj2 = Math.floor((d - (s * xj)) / s2)) != 0) )
				fuzzy += (xj2 == 1) ? ' + 1 '+n2 : ' + '+xj2+' '+n2+'s';
		}
		fuzzy += ' ago';
		return fuzzy;
    }

})(jQuery);
</pre>
<p>To make it easy to use copy the above plugin code into a file and name it jquery.pinterest.feed.js.</p>
<h3 style="margin-bottom: 10px">Using Your jQuery Pinterest Feed Plugin</h3>
<h4>1. Add the jQuery Library, jQuery Isotope &#038; Pinterest Plugin</h4>
<p>Add the plugin link, link to the <a href="http://isotope.metafizzy.co/" class="external underline" rel="nofollow">jQuery Isotope plugin</a> &#038; link to the jquery library to the document head:</p>
<pre class="brush: jscript; title: ; notranslate">&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery.isotope.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery.pinterest.feed.js&quot;&gt;&lt;/script&gt;</pre>
<div class="banner-horizontal float-right">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7740611438413740";
/* Link Mid Content */
google_ad_slot = "2373698085";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<h4>2. Initialise the jQuery Pinterest Feed Plugin</h4>
<p>The minimum options required are the id for your pinterest feed and the tweetId for the share links. There are 2 options for the id:</p>
<ul class="content-list">
<li>To show a feed from a Pinterest username just enter the username &#8211; e.g. &#8220;jaffrey&#8221;</li>
<li>To show a feed for a Pinterest board enter the username + &#8220;/&#8221; + board slug, which you can get from the Pinterest board URL &#8211; e.g. &#8220;jaffrey/movies-to-watch&#8221;</li>
</ul>
<p>To initialise the plugin add the following code in your document head after the links to the plugin file and the jQuery library:</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/JavaScript&quot;&gt;
    $(document).ready(function() {
        $('#pinterest-feed').dcPinterestFeed({
            id: 'jaffrey',
            tweetId: 'designchemical'
        });
    });
&lt;/script&gt;
</pre>
<p>To change the number of results:</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/JavaScript&quot;&gt;
    $(document).ready(function() {
        $('#pinterest-feed').dcPinterestFeed({
            id: 'jaffrey',
            tweetId: 'designchemical',
            results: 20
        });
    });
&lt;/script&gt;
</pre>
<h4>3. The Pinterest Feed CSS</h4>
<p>The styling for the wall is fairly easy &#8211; create the drop-shadow for the feed items, position the date and create the Twitter &#038; Facebook share links using a css background sprite (included in demo download files):</p>
<pre class="brush: plain; title: ; notranslate">
ul.stream li {
	display: none;
	width: 195px;
	margin: 0 6px 12px 6px;
	background: #fff;
	font: normal 13px/18px Arial, sans-serif;
	color: #333;
	position: relative;
	padding: 10px 15px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
ul.stream li img {
	padding: 1px;
	background: #fff;
	border: 1px solid #ececec;
	margin: 3px 0 5px 0;
}
ul.stream li .date {
	display: block;
	clear: both;
	margin: 10px 0 0 0;
	line-height: 12px;
	color: #666;
	font-size: 11px;
	font-style: italic;
}
ul.stream li .section-share {
	bottom: 8px;
    right: 15px;
    position: absolute;
	z-index: 2;
}
ul.stream li .section-share a {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	margin: 0 2px 0 0;
	background: url(images/share.png) no-repeat 0 0;
}
ul.stream li .section-share a.share-twitter {
	background-position: 0 -16px;
}
ul.stream li .section-share a.share-facebook:hover {
	background-position: -16px 0;
}
ul.stream li .section-share a.share-twitter:hover {
	background-position: -16px -16px;
}
</pre>
<h4>4. The HTML</h4>
<p>The only HTML required in your page is an empty div tag with the ID set to the same as that used in the initalisation code &#8211; e.g. pinterest-feed:</p>
<pre class="brush: plain; title: ; notranslate">&lt;div id=&quot;pinterest-feed&quot;&gt;&lt;/div&gt;</pre>
<p>Just place the above tag in your page between the body tags where you want the Pinterest wall to appear.</p>
<h3>Show Multiple Pinterest Walls Per Page</h3>
<p>The plugin can show multiple feeds per page, as shown in the demo. To do this just add multiple div tags with unique IDs and enter the initialisation code &#8211; e.g:</p>
<h4>jQuery Code</h4>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/JavaScript&quot;&gt;
$(document).ready(function() {

    $('#pinterest-feed-1').dcPinterestFeed({
        id: 'jaffrey',
        tweetId: 'designchemical'
    });

    $('#pinterest-feed-2').dcPinterestFeed({
        id: 'jaffrey/movies-to-watch',
        tweetId: 'designchemical',
        results: 20
    });
});
&lt;/script&gt;
</pre>
<h4>HTML Code</h4>
<pre class="brush: plain; title: ; notranslate">
&lt;div id=&quot;pinterest-feed-1&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;pinterest-feed-2&quot;&gt;&lt;/div&gt;
</pre>
<p><a href="http://www.designchemical.com/lab/jquery/demo/download/jquery-pinterest-feed/index.html" class="demo external">View jQuery Pinterest Feed Plugin Demo</a><a href="http://www.designchemical.com/lab/jquery/demo/download/jquery-pinterest-feed.zip" class="demo external">Download Demo Source Files</a></p>
<h3 class="clear">Credits</h3>
<ul class="content-list">
<li><a href="http://isotope.metafizzy.co" class="external">jQuery Isotope Plugin</a> &#8211; for licensing terms please refer to the jQuery Isotope website.</li>
<li><a href="https://developers.google.com/feed/v1/" class="external">Google Feed API</a>.</li>
</ul>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pVPlPIpnMsg:bm_3xCT8zIQ:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=pVPlPIpnMsg:bm_3xCT8zIQ:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pVPlPIpnMsg:bm_3xCT8zIQ:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=pVPlPIpnMsg:bm_3xCT8zIQ:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pVPlPIpnMsg:bm_3xCT8zIQ:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=pVPlPIpnMsg:bm_3xCT8zIQ:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pVPlPIpnMsg:bm_3xCT8zIQ:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pVPlPIpnMsg:bm_3xCT8zIQ:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pVPlPIpnMsg:bm_3xCT8zIQ:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=pVPlPIpnMsg:bm_3xCT8zIQ:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/pVPlPIpnMsg" height="1" width="1"/>";}i:2;a:14:{s:5:"title";s:55:"jQuery Tutorial – Create A jQuery Twitter Feed Plugin";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/FyBLZjbaW2g/";s:8:"comments";s:113:"http://www.designchemical.com/blog/index.php/jquery/jquery-tutorial-create-a-jquery-twitter-feed-plugin/#comments";s:7:"pubdate";s:31:"Wed, 19 Dec 2012 18:44:46 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:32:"jQueryAJAXpluginstutorialtwitter";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=3821";s:11:"description";s:634:"<p><img src="/media/images/jquery_twitter_feed_plugin_tutorial.jpg" alt="jQuery Twitter Feed Plugin Tutorial" class="img-border" /></p>
<p>In the following tutorial we are going to go show how to create a jQuery plugin to display Twitter feeds via AJAX from either a username or search using the Twitter API.</p>
<p>The plugin will also include code to display time since posted, retweet, reply &#038; favourite links plus options to set the number of feed items to display, turn  &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery/jquery-tutorial-create-a-jquery-twitter-feed-plugin/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:15693:"<p><img src="/media/images/jquery_twitter_feed_plugin_tutorial.jpg" alt="jQuery Twitter Feed Plugin Tutorial" class="img-border" /></p>
<p>In the following tutorial we are going to go show how to create a jQuery plugin to display Twitter feeds via AJAX from either a username or search using the Twitter API.</p>
<p>The plugin will also include code to display time since posted, retweet, reply &#038; favourite links plus options to set the number of feed items to display, turn on/off retweets and replies, show the user&#8217;s avatar and also include any embedded images.</p>
<p><a href="http://www.designchemical.com/lab/jquery/demo/download/jquery-twitter-feed/index.html" class="demo external">View jQuery Twitter Feed Plugin Demo</a><a href="http://www.designchemical.com/lab/jquery/demo/download/jquery-twitter-feed.zip" class="demo external">Download Demo Source Files</a></p>
<h3 class="clear">The Twitter Feed Plugin Options</h3>
<p>To make the plugin more versatile we are going to include several options, which you can use to customise the output:</p>
<ul class="content-list">
<li>id &#8211; this is where the username or search term will be added when initialising the plugin</li>
<li>retweets &#8211; option to include/exclude retweets</li>
<li>replies &#8211; option to include/exclude replies</li>
<li>avatar &#8211; option to include the tweet author&#8217;s avatar</li>
<li>results &#8211; set the number of results to display</li>
<li>images &#8211; option to include embedded images and also set the display size</li>
<li>tweetId &#8211; set the twitter username for share links</li>
</ul>
<h3>The Twitter Feed Plugin Components</h3>
<p>There are several functions we need to use that will make up the complete twitter feed plugin:</p>
<ul class="content-list">
<li>The AJAX function that will call the Twitter API and dynamically generate the feed items.</li>
<li>A function to search the twitter text and generate clickable links from URLs.</li>
<li>A function to generate the reply, retweet and favourite share links for each tweet.</li>
<li>A function that will convert the tweet date to a relative &#8220;time since&#8221; date.</li>
</ul>
<h3>The Plugin Code</h3>
<p>We are using a standard jQuery pattern to create the plugin. See comments in plugin code for more information on each section:</p>
<pre class="brush: jscript; title: ; notranslate">
(function($){

	TwitterFeedObject = function(el, options) {
		this.create(el, options);
	};

	$.extend(TwitterFeedObject.prototype, {

		create: function(el, options) {

			// Set the default options
			this.defaults = {
				id: '', // enter username, twitter list ID or search keyword
				retweets: true, // include/exclude retweets
				replies: true, // include/exclude replies
				avatar: true, // include/exclude user avatar
				results: 10, // number of results to display
				images: '', // large w: 786 h: 346, thumb w: 150 h: 150, medium w: 600 h: 264, small w: 340 h 150
				tweetId: '' // twitter username for share links
			};

			var o = $.extend(true,this.defaults,options);

			// Add ul tag to target element
			$(el).append('&lt;ul class=&quot;stream&quot;&gt;&lt;/ul&gt;');

			// Set Twitter API url
			var url = 'https://api.twitter.com/1/statuses/user_timeline.json?screen_name='+o.id+'&amp;count='+o.results+'&amp;include_entities=true&amp;include_rts='+o.retweets+'&amp;exclude_replies='+ o.replies+'&amp;callback=?';

			// Check if search feed &amp; change API url if true
			var cq = o.id.split('#');
			if(cq.length &gt; 1){
				var rts = o.retweets == false ? '+exclude:retweets' : '' ;
				url = 'https://search.twitter.com/search.json?q='+encodeURIComponent(cq[1])+rts+'&amp;rpp='+o.results+'&amp;include_entities=true&amp;result_type=mixed';
			}

			// jQuery AJAX call to Twitter API
			jQuery.ajax({
				url: url,
				cache: true,
				dataType: 'jsonp',
				success: function(a){

					if(cq.length &gt; 1){a = a.results} ;

					$.each(a, function(i,item){
						if(i &lt; o.results){
							var html = '&lt;li&gt;',
								d = item.created_at,
								user = cq.length &gt; 1 ? item.from_user : item.user.screen_name,
								name = cq.length &gt; 1 ? item.from_user_name : item.user.name,
								avatar = cq.length &gt; 1 ? item.profile_image_url : item.user.profile_image_url ;

							html += o.avatar == true ? '&lt;a href=&quot;http://www.twitter.com/'+user+'&quot; class=&quot;thumb&quot;&gt;&lt;img src=&quot;'+avatar+'&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;' : '' ;
							html += '&lt;a href=&quot;http://www.twitter.com/'+user+'&quot; class=&quot;user&quot;&gt;&lt;strong&gt;'+name+'&lt;/strong&gt; @'+user+'&lt;/a&gt;';
							html += linkify(item.text);

							// Show images if images: true
							if(o.images != '' &amp;&amp; item.entities.media){
								$.each(item.entities.media, function(i,media){
									html += '&lt;a href=&quot;'+media.media_url+'&quot; class=&quot;twitter-image&quot;&gt;&lt;img src=&quot;'+media.media_url+':'+o.images+'&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;';
								});
							}

							// Add share links
							html += '&lt;span class=&quot;section-share&quot;&gt;'+shareLink(item.title,item.id_str,o.tweetId)+'&lt;/span&gt;';

							// Get time since
							d = d != '' ? html += '&lt;span class=&quot;date&quot;&gt;'+nicetime(new Date(d).getTime())+'&lt;/span&gt;&lt;/li&gt;' : '' ;
						}

						// Add twitter feed items to stream
						$('.stream',el).append(html).slideDown();
					});
				},
				complete: function(){

					// Code to open new popup window for share links + open other links in new browser tab
					$('.stream a',el).click(function(e){
						if($(this).parent().hasClass('section-share')){
							var u = $(this).attr('href');
							window.open(u,'sharer','toolbar=0,status=0,width=626,height=436');
							return false;
						} else {
							if(external){this.target = '_blank';}
						}
					});
				}
			});
		}
	});

	$.fn.dcTwitterFeed = function(options, callback){
		var d = {};
		this.each(function(){
			var s = $(this);
			d = s.data(&quot;twitterfeed&quot;);
			if (!d){
				d = new TwitterFeedObject(this, options, callback);
				s.data(&quot;twitterfeed&quot;, d);
			}
		});
		return d;
	};

	// Function to convert URLs in twitter feed text to links
	function linkify(text){
		text = text.replace(
			/((https?\:\/\/)|(www\.))(\S+)(\w{2,4})(:[0-9]+)?(\/|\/([\w#!:.?+=&amp;%@!\-\/]))?/gi,
			function(url){
				var full_url = !url.match('^https?:\/\/') ? 'http://' + url : url ;
				return '&lt;a href=&quot;' + full_url + '&quot;&gt;' + url + '&lt;/a&gt;';
			}
		);
		text = text.replace(/(^|\s)@(\w+)/g, '$1@&lt;a href=&quot;http://www.twitter.com/$2&quot;&gt;$2&lt;/a&gt;');
		text = text.replace(/(^|\s)#(\w+)/g, '$1#&lt;a href=&quot;http://twitter.com/search/%23$2&quot;&gt;$2&lt;/a&gt;');
		return text;
	}

	// Creates share links
	function shareLink(st,sq,tweetId){
		var s = '';
		var intent = 'https://twitter.com/intent/';
			s = '&lt;a href=&quot;'+intent+'tweet?in_reply_to='+sq+'&amp;via='+tweetId+'&quot; class=&quot;share-reply&quot;&gt;&lt;/a&gt;';
			s += '&lt;a href=&quot;'+intent+'retweet?tweet_id='+sq+'&amp;via='+tweetId+'&quot; class=&quot;share-retweet&quot;&gt;&lt;/a&gt;';
			s += '&lt;a href=&quot;'+intent+'favorite?tweet_id='+sq+'&quot; class=&quot;share-favorite&quot;&gt;&lt;/a&gt;';
		return s;
    }

	// Function to convert date to relative date
	function nicetime(a){
		a = $.browser.msie ? a.replace(/(\+\S+) (.*)/, '$2 $1') : a ;
		var d = Math.round((+new Date - a) / 1000), fuzzy;
		var chunks = new Array();
			chunks[0] = [60 * 60 * 24 * 365 , 'year'];
			chunks[1] = [60 * 60 * 24 * 30 , 'month'];
			chunks[2] = [60 * 60 * 24 * 7, 'week'];
			chunks[3] = [60 * 60 * 24 , 'day'];
			chunks[4] = [60 * 60 , 'hr'];
			chunks[5] = [60 , 'min'];
		var i = 0, j = chunks.length;
		for (i = 0; i &lt; j; i++) {
			s = chunks[i][0];
			n = chunks[i][1];
			if ((xj = Math.floor(d / s)) != 0)
				break;
		}
		fuzzy = xj == 1 ? '1 '+n : xj+' '+n+'s';
		if (i + 1 &lt; j) {
			s2 = chunks[i + 1][0];
			n2 = chunks[i + 1][1];
			if ( ((xj2 = Math.floor((d - (s * xj)) / s2)) != 0) )
				fuzzy += (xj2 == 1) ? ' + 1 '+n2 : ' + '+xj2+' '+n2+'s';
		}
		fuzzy += ' ago';
		return fuzzy;
    }

})(jQuery);
</pre>
<p>To make it easy to use copy the above plugin code into a file and name it jquery.twitter.feed.js.</p>
<h3 style="margin-bottom: 10px">Using Your jQuery Twitter Feed Plugin</h3>
<h4>1. Add the jQuery Library &#038; Twitter Plugin</h4>
<p>Add the plugin link &#038; link to the jquery library to the document head as you would do with any other plugin:</p>
<pre class="brush: jscript; title: ; notranslate">&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery.twitter.feed.js&quot;&gt;&lt;/script&gt;</pre>
<div class="banner-horizontal float-right">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7740611438413740";
/* Link Mid Content */
google_ad_slot = "2373698085";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<h4>2. Initialise the jQuery Twitter Feed Plugin</h4>
<p>The minimum options required are the id for your twitter feed and the tweetId for the share links. There are 2 options for the id:</p>
<ul class="content-list">
<li>To show a feed from a username just enter the username (without the &#8220;@&#8221;) &#8211; e.g. &#8220;designchemical&#8221;</li>
<li>To show a feed for a search enter &#8220;#&#8221; followed by the the search term &#8211; e.g. &#8220;#designchemical&#8221;</li>
</ul>
<p>To initialise the plugin add the following code in your document head after the links to the plugin file and the jQuery library:</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/JavaScript&quot;&gt;
    $(document).ready(function() {
        $('#twitter-feed').dcTwitterFeed({
            id: '#designchemical',
            tweetId: 'designchemical'
        });
    });
&lt;/script&gt;
</pre>
<p>To change any of the default options &#8211; e.g. disable replies, retweets &#038; avatar image, show 20 feed items and include any embedded images:</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/JavaScript&quot;&gt;
    $(document).ready(function() {
        $('#twitter-feed').dcTwitterFeed({
            id: '#designchemical',
            tweetId: 'designchemical',
            retweets: false,
            replies: false,
            avatar: false,
            results: 20,
            images: 'small'
        });
    });
&lt;/script&gt;
</pre>
<h4>3. The Twitter Feed CSS</h4>
<p>The CSS is fairly easy &#8211; the feed items, which are returned as an unordered list plus styling for share links and the avatar image:</p>
<pre class="brush: plain; title: ; notranslate">
ul.stream {
	display: none;
}
ul.stream li {
	background: #fff;
	font: normal 13px/18px Arial, sans-serif;
	color: #333;
	position: relative;
	padding: 10px;
	margin: 0 0 2px 0;
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
ul.stream li a {
	color: #009999;
	text-decoration: none;
}
ul.stream li a:hover {
	text-decoration: underline;
}
ul.stream li .thumb img {
	padding: 1px;
	background: #fff;
	border: 1px solid #ececec;
	float: left;
	margin: 3px 7px 5px 0;
}
ul.stream li .user {
	display: block;
	font-size: 12px;
	color: #999;
}
ul.stream li a.user:hover {
	color: #999;
	text-decoration: none;
}
ul.stream li strong {
	font-size: 13px;
	color: #333;
}
ul.stream li a:hover strong {
	color: #009999;
	text-decoration: underline;
}
ul.stream li .twitter-image img {
	padding: 1px;
	background: #fff;
	border: 1px solid #ececec;
	clear: both;
	margin: 5px 0;
}
ul.stream li .date {
	display: block;
	clear: both;
	margin: 5px 0 0 0;
	line-height: 12px;
	color: #666;
	font-size: 11px;
	font-style: italic;
}
ul.stream li .section-share {
	bottom: 10px;
    right: 10px;
    position: absolute;
	z-index: 2;
}
ul.stream li .section-share a {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	margin: 0 2px 0 0;
	background: url(images/share.png) no-repeat 0 0;
}
ul.stream li .section-share a.share-retweet {
	background-position: 0 -16px;
}
ul.stream li .section-share a.share-favorite {
	background-position: 0 -32px;
}
ul.stream li .section-share a.share-reply:hover {
	background-position: -16px 0;
}
ul.stream li .section-share a.share-retweet:hover {
	background-position: -16px -16px;
}
ul.stream li .section-share a.share-favorite:hover {
	background-position: -16px -32px;
}
</pre>
<p>For the share links we have used an image sprite (see download files).</p>
<h4>4. The HTML</h4>
<p>The only HTML required in your page is an empty div tag with the ID set to the same as that used in the initalisation code &#8211; e.g. twitter-feed:</p>
<pre class="brush: plain; title: ; notranslate">&lt;div id=&quot;twitter-feed&quot;&gt;&lt;/div&gt;</pre>
<p>Just place the above tag in your page between the body tags where you want the feed to appear.</p>
<h3>Show Multiple Feeds Per Page</h3>
<p>The plugin can show multiple feeds per page. To do this just multiple div tags with unique IDs and enter the initialisation code &#8211; e.g:</p>
<h4>jQuery Code</h4>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/JavaScript&quot;&gt;
$(document).ready(function() {

    $('#twitter-feed-1').dcTwitterFeed({
		id: '#designchemical',
		tweetId: 'designchemical'
	});

	$('#twitter-feed-2').dcTwitterFeed({
		id: 'MCFC',
		tweetId: 'designchemical',
		results: 20,
		images: 'small'
	});
});
&lt;/script&gt;
</pre>
<h4>HTML Code</h4>
<pre class="brush: plain; title: ; notranslate">
&lt;div id=&quot;twitter-feed-1&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;twitter-feed-2&quot;&gt;&lt;/div&gt;
</pre>
<p><a href="http://www.designchemical.com/lab/jquery/demo/download/jquery-twitter-feed/index.html" class="demo external">View jQuery Twitter Feed Plugin Demo</a><a href="http://www.designchemical.com/lab/jquery/demo/download/jquery-twitter-feed.zip" class="demo external">Download Demo Source Files</a></p>
<div class="clear"></div>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=FyBLZjbaW2g:BpsTGxyQd5o:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=FyBLZjbaW2g:BpsTGxyQd5o:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=FyBLZjbaW2g:BpsTGxyQd5o:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=FyBLZjbaW2g:BpsTGxyQd5o:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=FyBLZjbaW2g:BpsTGxyQd5o:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=FyBLZjbaW2g:BpsTGxyQd5o:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=FyBLZjbaW2g:BpsTGxyQd5o:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=FyBLZjbaW2g:BpsTGxyQd5o:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=FyBLZjbaW2g:BpsTGxyQd5o:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=FyBLZjbaW2g:BpsTGxyQd5o:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/FyBLZjbaW2g" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:109:"http://www.designchemical.com/blog/index.php/jquery/jquery-tutorial-create-a-jquery-twitter-feed-plugin/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"0";}s:10:"feedburner";a:1:{s:8:"origlink";s:104:"http://www.designchemical.com/blog/index.php/jquery/jquery-tutorial-create-a-jquery-twitter-feed-plugin/";}s:7:"summary";s:634:"<p><img src="/media/images/jquery_twitter_feed_plugin_tutorial.jpg" alt="jQuery Twitter Feed Plugin Tutorial" class="img-border" /></p>
<p>In the following tutorial we are going to go show how to create a jQuery plugin to display Twitter feeds via AJAX from either a username or search using the Twitter API.</p>
<p>The plugin will also include code to display time since posted, retweet, reply &#038; favourite links plus options to set the number of feed items to display, turn  &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery/jquery-tutorial-create-a-jquery-twitter-feed-plugin/" class="read_more">more</a></p>";s:12:"atom_content";s:15693:"<p><img src="/media/images/jquery_twitter_feed_plugin_tutorial.jpg" alt="jQuery Twitter Feed Plugin Tutorial" class="img-border" /></p>
<p>In the following tutorial we are going to go show how to create a jQuery plugin to display Twitter feeds via AJAX from either a username or search using the Twitter API.</p>
<p>The plugin will also include code to display time since posted, retweet, reply &#038; favourite links plus options to set the number of feed items to display, turn on/off retweets and replies, show the user&#8217;s avatar and also include any embedded images.</p>
<p><a href="http://www.designchemical.com/lab/jquery/demo/download/jquery-twitter-feed/index.html" class="demo external">View jQuery Twitter Feed Plugin Demo</a><a href="http://www.designchemical.com/lab/jquery/demo/download/jquery-twitter-feed.zip" class="demo external">Download Demo Source Files</a></p>
<h3 class="clear">The Twitter Feed Plugin Options</h3>
<p>To make the plugin more versatile we are going to include several options, which you can use to customise the output:</p>
<ul class="content-list">
<li>id &#8211; this is where the username or search term will be added when initialising the plugin</li>
<li>retweets &#8211; option to include/exclude retweets</li>
<li>replies &#8211; option to include/exclude replies</li>
<li>avatar &#8211; option to include the tweet author&#8217;s avatar</li>
<li>results &#8211; set the number of results to display</li>
<li>images &#8211; option to include embedded images and also set the display size</li>
<li>tweetId &#8211; set the twitter username for share links</li>
</ul>
<h3>The Twitter Feed Plugin Components</h3>
<p>There are several functions we need to use that will make up the complete twitter feed plugin:</p>
<ul class="content-list">
<li>The AJAX function that will call the Twitter API and dynamically generate the feed items.</li>
<li>A function to search the twitter text and generate clickable links from URLs.</li>
<li>A function to generate the reply, retweet and favourite share links for each tweet.</li>
<li>A function that will convert the tweet date to a relative &#8220;time since&#8221; date.</li>
</ul>
<h3>The Plugin Code</h3>
<p>We are using a standard jQuery pattern to create the plugin. See comments in plugin code for more information on each section:</p>
<pre class="brush: jscript; title: ; notranslate">
(function($){

	TwitterFeedObject = function(el, options) {
		this.create(el, options);
	};

	$.extend(TwitterFeedObject.prototype, {

		create: function(el, options) {

			// Set the default options
			this.defaults = {
				id: '', // enter username, twitter list ID or search keyword
				retweets: true, // include/exclude retweets
				replies: true, // include/exclude replies
				avatar: true, // include/exclude user avatar
				results: 10, // number of results to display
				images: '', // large w: 786 h: 346, thumb w: 150 h: 150, medium w: 600 h: 264, small w: 340 h 150
				tweetId: '' // twitter username for share links
			};

			var o = $.extend(true,this.defaults,options);

			// Add ul tag to target element
			$(el).append('&lt;ul class=&quot;stream&quot;&gt;&lt;/ul&gt;');

			// Set Twitter API url
			var url = 'https://api.twitter.com/1/statuses/user_timeline.json?screen_name='+o.id+'&amp;count='+o.results+'&amp;include_entities=true&amp;include_rts='+o.retweets+'&amp;exclude_replies='+ o.replies+'&amp;callback=?';

			// Check if search feed &amp; change API url if true
			var cq = o.id.split('#');
			if(cq.length &gt; 1){
				var rts = o.retweets == false ? '+exclude:retweets' : '' ;
				url = 'https://search.twitter.com/search.json?q='+encodeURIComponent(cq[1])+rts+'&amp;rpp='+o.results+'&amp;include_entities=true&amp;result_type=mixed';
			}

			// jQuery AJAX call to Twitter API
			jQuery.ajax({
				url: url,
				cache: true,
				dataType: 'jsonp',
				success: function(a){

					if(cq.length &gt; 1){a = a.results} ;

					$.each(a, function(i,item){
						if(i &lt; o.results){
							var html = '&lt;li&gt;',
								d = item.created_at,
								user = cq.length &gt; 1 ? item.from_user : item.user.screen_name,
								name = cq.length &gt; 1 ? item.from_user_name : item.user.name,
								avatar = cq.length &gt; 1 ? item.profile_image_url : item.user.profile_image_url ;

							html += o.avatar == true ? '&lt;a href=&quot;http://www.twitter.com/'+user+'&quot; class=&quot;thumb&quot;&gt;&lt;img src=&quot;'+avatar+'&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;' : '' ;
							html += '&lt;a href=&quot;http://www.twitter.com/'+user+'&quot; class=&quot;user&quot;&gt;&lt;strong&gt;'+name+'&lt;/strong&gt; @'+user+'&lt;/a&gt;';
							html += linkify(item.text);

							// Show images if images: true
							if(o.images != '' &amp;&amp; item.entities.media){
								$.each(item.entities.media, function(i,media){
									html += '&lt;a href=&quot;'+media.media_url+'&quot; class=&quot;twitter-image&quot;&gt;&lt;img src=&quot;'+media.media_url+':'+o.images+'&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;';
								});
							}

							// Add share links
							html += '&lt;span class=&quot;section-share&quot;&gt;'+shareLink(item.title,item.id_str,o.tweetId)+'&lt;/span&gt;';

							// Get time since
							d = d != '' ? html += '&lt;span class=&quot;date&quot;&gt;'+nicetime(new Date(d).getTime())+'&lt;/span&gt;&lt;/li&gt;' : '' ;
						}

						// Add twitter feed items to stream
						$('.stream',el).append(html).slideDown();
					});
				},
				complete: function(){

					// Code to open new popup window for share links + open other links in new browser tab
					$('.stream a',el).click(function(e){
						if($(this).parent().hasClass('section-share')){
							var u = $(this).attr('href');
							window.open(u,'sharer','toolbar=0,status=0,width=626,height=436');
							return false;
						} else {
							if(external){this.target = '_blank';}
						}
					});
				}
			});
		}
	});

	$.fn.dcTwitterFeed = function(options, callback){
		var d = {};
		this.each(function(){
			var s = $(this);
			d = s.data(&quot;twitterfeed&quot;);
			if (!d){
				d = new TwitterFeedObject(this, options, callback);
				s.data(&quot;twitterfeed&quot;, d);
			}
		});
		return d;
	};

	// Function to convert URLs in twitter feed text to links
	function linkify(text){
		text = text.replace(
			/((https?\:\/\/)|(www\.))(\S+)(\w{2,4})(:[0-9]+)?(\/|\/([\w#!:.?+=&amp;%@!\-\/]))?/gi,
			function(url){
				var full_url = !url.match('^https?:\/\/') ? 'http://' + url : url ;
				return '&lt;a href=&quot;' + full_url + '&quot;&gt;' + url + '&lt;/a&gt;';
			}
		);
		text = text.replace(/(^|\s)@(\w+)/g, '$1@&lt;a href=&quot;http://www.twitter.com/$2&quot;&gt;$2&lt;/a&gt;');
		text = text.replace(/(^|\s)#(\w+)/g, '$1#&lt;a href=&quot;http://twitter.com/search/%23$2&quot;&gt;$2&lt;/a&gt;');
		return text;
	}

	// Creates share links
	function shareLink(st,sq,tweetId){
		var s = '';
		var intent = 'https://twitter.com/intent/';
			s = '&lt;a href=&quot;'+intent+'tweet?in_reply_to='+sq+'&amp;via='+tweetId+'&quot; class=&quot;share-reply&quot;&gt;&lt;/a&gt;';
			s += '&lt;a href=&quot;'+intent+'retweet?tweet_id='+sq+'&amp;via='+tweetId+'&quot; class=&quot;share-retweet&quot;&gt;&lt;/a&gt;';
			s += '&lt;a href=&quot;'+intent+'favorite?tweet_id='+sq+'&quot; class=&quot;share-favorite&quot;&gt;&lt;/a&gt;';
		return s;
    }

	// Function to convert date to relative date
	function nicetime(a){
		a = $.browser.msie ? a.replace(/(\+\S+) (.*)/, '$2 $1') : a ;
		var d = Math.round((+new Date - a) / 1000), fuzzy;
		var chunks = new Array();
			chunks[0] = [60 * 60 * 24 * 365 , 'year'];
			chunks[1] = [60 * 60 * 24 * 30 , 'month'];
			chunks[2] = [60 * 60 * 24 * 7, 'week'];
			chunks[3] = [60 * 60 * 24 , 'day'];
			chunks[4] = [60 * 60 , 'hr'];
			chunks[5] = [60 , 'min'];
		var i = 0, j = chunks.length;
		for (i = 0; i &lt; j; i++) {
			s = chunks[i][0];
			n = chunks[i][1];
			if ((xj = Math.floor(d / s)) != 0)
				break;
		}
		fuzzy = xj == 1 ? '1 '+n : xj+' '+n+'s';
		if (i + 1 &lt; j) {
			s2 = chunks[i + 1][0];
			n2 = chunks[i + 1][1];
			if ( ((xj2 = Math.floor((d - (s * xj)) / s2)) != 0) )
				fuzzy += (xj2 == 1) ? ' + 1 '+n2 : ' + '+xj2+' '+n2+'s';
		}
		fuzzy += ' ago';
		return fuzzy;
    }

})(jQuery);
</pre>
<p>To make it easy to use copy the above plugin code into a file and name it jquery.twitter.feed.js.</p>
<h3 style="margin-bottom: 10px">Using Your jQuery Twitter Feed Plugin</h3>
<h4>1. Add the jQuery Library &#038; Twitter Plugin</h4>
<p>Add the plugin link &#038; link to the jquery library to the document head as you would do with any other plugin:</p>
<pre class="brush: jscript; title: ; notranslate">&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery.twitter.feed.js&quot;&gt;&lt;/script&gt;</pre>
<div class="banner-horizontal float-right">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7740611438413740";
/* Link Mid Content */
google_ad_slot = "2373698085";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<h4>2. Initialise the jQuery Twitter Feed Plugin</h4>
<p>The minimum options required are the id for your twitter feed and the tweetId for the share links. There are 2 options for the id:</p>
<ul class="content-list">
<li>To show a feed from a username just enter the username (without the &#8220;@&#8221;) &#8211; e.g. &#8220;designchemical&#8221;</li>
<li>To show a feed for a search enter &#8220;#&#8221; followed by the the search term &#8211; e.g. &#8220;#designchemical&#8221;</li>
</ul>
<p>To initialise the plugin add the following code in your document head after the links to the plugin file and the jQuery library:</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/JavaScript&quot;&gt;
    $(document).ready(function() {
        $('#twitter-feed').dcTwitterFeed({
            id: '#designchemical',
            tweetId: 'designchemical'
        });
    });
&lt;/script&gt;
</pre>
<p>To change any of the default options &#8211; e.g. disable replies, retweets &#038; avatar image, show 20 feed items and include any embedded images:</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/JavaScript&quot;&gt;
    $(document).ready(function() {
        $('#twitter-feed').dcTwitterFeed({
            id: '#designchemical',
            tweetId: 'designchemical',
            retweets: false,
            replies: false,
            avatar: false,
            results: 20,
            images: 'small'
        });
    });
&lt;/script&gt;
</pre>
<h4>3. The Twitter Feed CSS</h4>
<p>The CSS is fairly easy &#8211; the feed items, which are returned as an unordered list plus styling for share links and the avatar image:</p>
<pre class="brush: plain; title: ; notranslate">
ul.stream {
	display: none;
}
ul.stream li {
	background: #fff;
	font: normal 13px/18px Arial, sans-serif;
	color: #333;
	position: relative;
	padding: 10px;
	margin: 0 0 2px 0;
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
ul.stream li a {
	color: #009999;
	text-decoration: none;
}
ul.stream li a:hover {
	text-decoration: underline;
}
ul.stream li .thumb img {
	padding: 1px;
	background: #fff;
	border: 1px solid #ececec;
	float: left;
	margin: 3px 7px 5px 0;
}
ul.stream li .user {
	display: block;
	font-size: 12px;
	color: #999;
}
ul.stream li a.user:hover {
	color: #999;
	text-decoration: none;
}
ul.stream li strong {
	font-size: 13px;
	color: #333;
}
ul.stream li a:hover strong {
	color: #009999;
	text-decoration: underline;
}
ul.stream li .twitter-image img {
	padding: 1px;
	background: #fff;
	border: 1px solid #ececec;
	clear: both;
	margin: 5px 0;
}
ul.stream li .date {
	display: block;
	clear: both;
	margin: 5px 0 0 0;
	line-height: 12px;
	color: #666;
	font-size: 11px;
	font-style: italic;
}
ul.stream li .section-share {
	bottom: 10px;
    right: 10px;
    position: absolute;
	z-index: 2;
}
ul.stream li .section-share a {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	margin: 0 2px 0 0;
	background: url(images/share.png) no-repeat 0 0;
}
ul.stream li .section-share a.share-retweet {
	background-position: 0 -16px;
}
ul.stream li .section-share a.share-favorite {
	background-position: 0 -32px;
}
ul.stream li .section-share a.share-reply:hover {
	background-position: -16px 0;
}
ul.stream li .section-share a.share-retweet:hover {
	background-position: -16px -16px;
}
ul.stream li .section-share a.share-favorite:hover {
	background-position: -16px -32px;
}
</pre>
<p>For the share links we have used an image sprite (see download files).</p>
<h4>4. The HTML</h4>
<p>The only HTML required in your page is an empty div tag with the ID set to the same as that used in the initalisation code &#8211; e.g. twitter-feed:</p>
<pre class="brush: plain; title: ; notranslate">&lt;div id=&quot;twitter-feed&quot;&gt;&lt;/div&gt;</pre>
<p>Just place the above tag in your page between the body tags where you want the feed to appear.</p>
<h3>Show Multiple Feeds Per Page</h3>
<p>The plugin can show multiple feeds per page. To do this just multiple div tags with unique IDs and enter the initialisation code &#8211; e.g:</p>
<h4>jQuery Code</h4>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/JavaScript&quot;&gt;
$(document).ready(function() {

    $('#twitter-feed-1').dcTwitterFeed({
		id: '#designchemical',
		tweetId: 'designchemical'
	});

	$('#twitter-feed-2').dcTwitterFeed({
		id: 'MCFC',
		tweetId: 'designchemical',
		results: 20,
		images: 'small'
	});
});
&lt;/script&gt;
</pre>
<h4>HTML Code</h4>
<pre class="brush: plain; title: ; notranslate">
&lt;div id=&quot;twitter-feed-1&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;twitter-feed-2&quot;&gt;&lt;/div&gt;
</pre>
<p><a href="http://www.designchemical.com/lab/jquery/demo/download/jquery-twitter-feed/index.html" class="demo external">View jQuery Twitter Feed Plugin Demo</a><a href="http://www.designchemical.com/lab/jquery/demo/download/jquery-twitter-feed.zip" class="demo external">Download Demo Source Files</a></p>
<div class="clear"></div>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=FyBLZjbaW2g:BpsTGxyQd5o:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=FyBLZjbaW2g:BpsTGxyQd5o:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=FyBLZjbaW2g:BpsTGxyQd5o:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=FyBLZjbaW2g:BpsTGxyQd5o:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=FyBLZjbaW2g:BpsTGxyQd5o:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=FyBLZjbaW2g:BpsTGxyQd5o:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=FyBLZjbaW2g:BpsTGxyQd5o:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=FyBLZjbaW2g:BpsTGxyQd5o:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=FyBLZjbaW2g:BpsTGxyQd5o:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=FyBLZjbaW2g:BpsTGxyQd5o:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/FyBLZjbaW2g" height="1" width="1"/>";}i:3;a:14:{s:5:"title";s:86:"Social Network Tabs & jQuery Social Media Tabs Now With Facebook & Twitter Share Links";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/gfgzvzSg6Q8/";s:8:"comments";s:155:"http://www.designchemical.com/blog/index.php/wordpress-plugins/social-network-tabs-jquery-social-media-tabs-now-with-facebook-twitter-share-links/#comments";s:7:"pubdate";s:31:"Mon, 17 Dec 2012 17:11:06 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:97:"Wordpress PluginsfacebookjQuerypinterestpluginssocial mediasocial networkstwitterupdateswordpress";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=3816";s:11:"description";s:728:"<p><img src="http://www.designchemical.com/media/images/post_dcsns_shares.jpg" alt="jQuery Social Stream Share Links" class="img-border" /></p>
<p>The latest updates to our popular WordPress Social Network Tabs Plugin &#038; jQuery Social Media Tabs Plugin, versions 1.6.1, now include facebook and twitter share links to help promote your social network posts and boost your traffic!</p>
<p>The latest versions of the plugins also include 2 new feed options; Pinterest boards &#038; Flickr Group Feeds bringing the total number of  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/social-network-tabs-jquery-social-media-tabs-now-with-facebook-twitter-share-links/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:3243:"<p><img src="http://www.designchemical.com/media/images/post_dcsns_shares.jpg" alt="jQuery Social Stream Share Links" class="img-border" /></p>
<p>The latest updates to our popular <a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class="external underline">WordPress Social Network Tabs Plugin</a> &#038; <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/" class="external underline">jQuery Social Media Tabs Plugin</a>, versions 1.6.1, now include facebook and twitter share links to help promote your social network posts and boost your traffic!</p>
<p>The latest versions of the plugins also include 2 new feed options; Pinterest boards &#038; Flickr Group Feeds bringing the total number of feed options to 70 across 17 social networks.</p>
<h3>Additions available with versions 1.6.1</h3>
<ul class="content-list">
<li>Share feed items via facebook</li>
<li>Share feed items via twitter</li>
<li>Retweet link on twitter posts</li>
<li>Reply link on twitter posts</li>
<li>Favorite link on twitter posts</li>
<li>Show feed from pinterest boards</li>
<li>Option to show twitter images &#038; select image size</li>
<li>Show feed from flickr groups</li>
<li>Option to hide on mobile devices (< 400px) - WordPress version</li>
</ul>
<h3>Purchase WordPress Social Network Tabs From Codecanyon &#8211; only $12</h3>
<p><a href="http://codecanyon.net/item/social-network-tabs-for-wordpress/1982987?ref=designchemical" class="external underline" rel="nofollow">WordPress Social Network Tabs Plugin</a></p>
<h3>Purchase Jquery Social Media Tabs From Codecanyon &#8211; only $7</h3>
<p><a href="http://codecanyon.net/item/jquery-social-media-tabs/1932796?ref=designchemical" class="external underline" rel="nofollow">jQuery Social Media Tabs Plugin</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gfgzvzSg6Q8:0ll-5eyV_0I:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gfgzvzSg6Q8:0ll-5eyV_0I:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gfgzvzSg6Q8:0ll-5eyV_0I:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gfgzvzSg6Q8:0ll-5eyV_0I:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gfgzvzSg6Q8:0ll-5eyV_0I:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gfgzvzSg6Q8:0ll-5eyV_0I:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gfgzvzSg6Q8:0ll-5eyV_0I:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gfgzvzSg6Q8:0ll-5eyV_0I:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gfgzvzSg6Q8:0ll-5eyV_0I:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gfgzvzSg6Q8:0ll-5eyV_0I:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/gfgzvzSg6Q8" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:151:"http://www.designchemical.com/blog/index.php/wordpress-plugins/social-network-tabs-jquery-social-media-tabs-now-with-facebook-twitter-share-links/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"2";}s:10:"feedburner";a:1:{s:8:"origlink";s:146:"http://www.designchemical.com/blog/index.php/wordpress-plugins/social-network-tabs-jquery-social-media-tabs-now-with-facebook-twitter-share-links/";}s:7:"summary";s:728:"<p><img src="http://www.designchemical.com/media/images/post_dcsns_shares.jpg" alt="jQuery Social Stream Share Links" class="img-border" /></p>
<p>The latest updates to our popular WordPress Social Network Tabs Plugin &#038; jQuery Social Media Tabs Plugin, versions 1.6.1, now include facebook and twitter share links to help promote your social network posts and boost your traffic!</p>
<p>The latest versions of the plugins also include 2 new feed options; Pinterest boards &#038; Flickr Group Feeds bringing the total number of  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/social-network-tabs-jquery-social-media-tabs-now-with-facebook-twitter-share-links/" class="read_more">more</a></p>";s:12:"atom_content";s:3243:"<p><img src="http://www.designchemical.com/media/images/post_dcsns_shares.jpg" alt="jQuery Social Stream Share Links" class="img-border" /></p>
<p>The latest updates to our popular <a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class="external underline">WordPress Social Network Tabs Plugin</a> &#038; <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/" class="external underline">jQuery Social Media Tabs Plugin</a>, versions 1.6.1, now include facebook and twitter share links to help promote your social network posts and boost your traffic!</p>
<p>The latest versions of the plugins also include 2 new feed options; Pinterest boards &#038; Flickr Group Feeds bringing the total number of feed options to 70 across 17 social networks.</p>
<h3>Additions available with versions 1.6.1</h3>
<ul class="content-list">
<li>Share feed items via facebook</li>
<li>Share feed items via twitter</li>
<li>Retweet link on twitter posts</li>
<li>Reply link on twitter posts</li>
<li>Favorite link on twitter posts</li>
<li>Show feed from pinterest boards</li>
<li>Option to show twitter images &#038; select image size</li>
<li>Show feed from flickr groups</li>
<li>Option to hide on mobile devices (< 400px) - WordPress version</li>
</ul>
<h3>Purchase WordPress Social Network Tabs From Codecanyon &#8211; only $12</h3>
<p><a href="http://codecanyon.net/item/social-network-tabs-for-wordpress/1982987?ref=designchemical" class="external underline" rel="nofollow">WordPress Social Network Tabs Plugin</a></p>
<h3>Purchase Jquery Social Media Tabs From Codecanyon &#8211; only $7</h3>
<p><a href="http://codecanyon.net/item/jquery-social-media-tabs/1932796?ref=designchemical" class="external underline" rel="nofollow">jQuery Social Media Tabs Plugin</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gfgzvzSg6Q8:0ll-5eyV_0I:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gfgzvzSg6Q8:0ll-5eyV_0I:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gfgzvzSg6Q8:0ll-5eyV_0I:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gfgzvzSg6Q8:0ll-5eyV_0I:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gfgzvzSg6Q8:0ll-5eyV_0I:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gfgzvzSg6Q8:0ll-5eyV_0I:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gfgzvzSg6Q8:0ll-5eyV_0I:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gfgzvzSg6Q8:0ll-5eyV_0I:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gfgzvzSg6Q8:0ll-5eyV_0I:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gfgzvzSg6Q8:0ll-5eyV_0I:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/gfgzvzSg6Q8" height="1" width="1"/>";}i:4;a:14:{s:5:"title";s:49:"WordPress Plugin Compatibility With WordPress 3.5";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/uerW56OUi8c/";s:8:"comments";s:122:"http://www.designchemical.com/blog/index.php/wordpress-plugins/wordpress-plugin-compatibility-with-wordpress-3-5/#comments";s:7:"pubdate";s:31:"Fri, 14 Dec 2012 15:06:52 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:33:"Wordpress Pluginspluginswordpress";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=3802";s:11:"description";s:995:"<p><img src="http://www.designchemical.com/media/images/wordpress_3.5.jpg" alt="WordPress 3.5" class="img-border" /></p>
<p>With the recent update to WordPress 3.5 the following free and premium plugins have been updated to ensure that all of our WordPress plugins will continue to work with the latest version of WordPress:</p>
WordPress Social Network Tabs &#8211; v 1.6.0.2
<p>http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/</p>
WordPress Social Share Buttons &#8211; v 1.1.1
<p>http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-share-buttons/</p>
Top Social Share Posts &#8211; v 1.4.1
<p>http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/ &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/wordpress-plugin-compatibility-with-wordpress-3-5/" class="read_more">more</a></p>
Slick Social";s:7:"content";a:1:{s:7:"encoded";s:2948:"<p><img src="http://www.designchemical.com/media/images/wordpress_3.5.jpg" alt="WordPress 3.5" class="img-border" /></p>
<p>With the recent update to WordPress 3.5 the following free and premium plugins have been updated to ensure that all of our WordPress plugins will continue to work with the latest version of WordPress:</p>
<h3>WordPress Social Network Tabs &#8211; v 1.6.0.2</h3>
<p><a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class="underline">http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/</a></p>
<h3>WordPress Social Share Buttons &#8211; v 1.1.1</h3>
<p><a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-share-buttons/" class="underline">http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-share-buttons/</a></p>
<h3>Top Social Share Posts &#8211; v 1.4.1</h3>
<p><a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/" class="underline">http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/</a></p>
<h3>Slick Social Share Buttons &#8211; v 2.4.7</h3>
<p><a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/" class="underline">http://www.designchemical.com/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=uerW56OUi8c:5CyTYBtvRRw:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=uerW56OUi8c:5CyTYBtvRRw:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=uerW56OUi8c:5CyTYBtvRRw:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=uerW56OUi8c:5CyTYBtvRRw:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=uerW56OUi8c:5CyTYBtvRRw:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=uerW56OUi8c:5CyTYBtvRRw:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=uerW56OUi8c:5CyTYBtvRRw:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=uerW56OUi8c:5CyTYBtvRRw:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=uerW56OUi8c:5CyTYBtvRRw:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=uerW56OUi8c:5CyTYBtvRRw:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/uerW56OUi8c" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:118:"http://www.designchemical.com/blog/index.php/wordpress-plugins/wordpress-plugin-compatibility-with-wordpress-3-5/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"0";}s:10:"feedburner";a:1:{s:8:"origlink";s:113:"http://www.designchemical.com/blog/index.php/wordpress-plugins/wordpress-plugin-compatibility-with-wordpress-3-5/";}s:7:"summary";s:995:"<p><img src="http://www.designchemical.com/media/images/wordpress_3.5.jpg" alt="WordPress 3.5" class="img-border" /></p>
<p>With the recent update to WordPress 3.5 the following free and premium plugins have been updated to ensure that all of our WordPress plugins will continue to work with the latest version of WordPress:</p>
WordPress Social Network Tabs &#8211; v 1.6.0.2
<p>http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/</p>
WordPress Social Share Buttons &#8211; v 1.1.1
<p>http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-share-buttons/</p>
Top Social Share Posts &#8211; v 1.4.1
<p>http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/ &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/wordpress-plugin-compatibility-with-wordpress-3-5/" class="read_more">more</a></p>
Slick Social";s:12:"atom_content";s:2948:"<p><img src="http://www.designchemical.com/media/images/wordpress_3.5.jpg" alt="WordPress 3.5" class="img-border" /></p>
<p>With the recent update to WordPress 3.5 the following free and premium plugins have been updated to ensure that all of our WordPress plugins will continue to work with the latest version of WordPress:</p>
<h3>WordPress Social Network Tabs &#8211; v 1.6.0.2</h3>
<p><a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class="underline">http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/</a></p>
<h3>WordPress Social Share Buttons &#8211; v 1.1.1</h3>
<p><a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-share-buttons/" class="underline">http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-share-buttons/</a></p>
<h3>Top Social Share Posts &#8211; v 1.4.1</h3>
<p><a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/" class="underline">http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/</a></p>
<h3>Slick Social Share Buttons &#8211; v 2.4.7</h3>
<p><a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/" class="underline">http://www.designchemical.com/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=uerW56OUi8c:5CyTYBtvRRw:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=uerW56OUi8c:5CyTYBtvRRw:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=uerW56OUi8c:5CyTYBtvRRw:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=uerW56OUi8c:5CyTYBtvRRw:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=uerW56OUi8c:5CyTYBtvRRw:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=uerW56OUi8c:5CyTYBtvRRw:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=uerW56OUi8c:5CyTYBtvRRw:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=uerW56OUi8c:5CyTYBtvRRw:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=uerW56OUi8c:5CyTYBtvRRw:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=uerW56OUi8c:5CyTYBtvRRw:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/uerW56OUi8c" height="1" width="1"/>";}i:5;a:14:{s:5:"title";s:102:"Facebook & Twitter Shares, Retweet, Reply & Favourite Tweet Links Added To jQuery Social Stream Plugin";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/hGQe50HPWqM/";s:8:"comments";s:166:"http://www.designchemical.com/blog/index.php/jquery-plugins/facebook-twitter-shares-retweet-reply-favourite-tweet-links-added-to-jquery-social-stream-plugin/#comments";s:7:"pubdate";s:31:"Tue, 13 Nov 2012 13:45:17 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:85:"jQuery PluginsfacebookjQuerypinterestpluginssocial mediasocial networkstwitterYouTube";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=3725";s:11:"description";s:761:"<p><img src="http://www.designchemical.com/media/images/post_dcsns_shares.jpg" alt="jQuery Social Stream Share Links" class="img-border" /></p>
<p>The latest update to the jQuery Social Stream Plugin, version 1.4.2, includes many new additions to make the social network streams more interactive, help promote your social network posts and boost your traffic!</p>
<p>Update now also available for WordPress Social Stream Plugin &#8211; version 1.4.3</p>
<p>In addition to 3 new feed options; show Facebook page galleries, Pinterest boards &#038; Youtube  &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery-plugins/facebook-twitter-shares-retweet-reply-favourite-tweet-links-added-to-jquery-social-stream-plugin/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:4082:"<p><img src="http://www.designchemical.com/media/images/post_dcsns_shares.jpg" alt="jQuery Social Stream Share Links" class="img-border" /></p>
<p>The latest update to the <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin/" class="external underline">jQuery Social Stream Plugin</a>, version 1.4.2, includes many new additions to make the social network streams more interactive, help promote your social network posts and boost your traffic!</p>
<p>Update now also available for <a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-stream-plugin/" class="external underline">WordPress Social Stream Plugin</a> &#8211; version 1.4.3</p>
<p>In addition to 3 new feed options; show Facebook page galleries, Pinterest boards &#038; Youtube playlists, the plugin now also includes share links for both facebook and twitter on each social network post plus retweet, reply and favourite links on all twitter posts.</p>
<p>This latest version of <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin/" class="external underline">jQuery Social Stream</a> now supports 15 social networks with a total of 60 feed options.</p>
<p><img src="http://www.designchemical.com/media/images/post_dcsns_wall.jpg" alt="jQuery Social Stream Network Wall" /></p>
<h3>Additions available with version 1.4.2</h3>
<ul class="content-list">
<li>Show feeds from pinterest boards</li>
<li>Show feeds from facebook galleries including latest comments</li>
<li>Show feeds from youtube playlists</li>
<li>Share feed items via facebook</li>
<li>Share feed items via twitter</li>
<li>Retweet link on twitter posts</li>
<li>Reply link on twitter posts</li>
<li>Favorite link on twitter posts</li>
<li>Option to show twitter images + twitter image size options</li>
<li>Option to show twitter retweets &#038; replies</li>
</ul>
<h3>Updates available with version 1.4.2</h3>
<ul class="content-list">
<li>No access token required for Instagram tag searches</li>
<li>Add count parameter to Instagram URL</li>
<li>Change item selector for jQuery isotope</li>
<li>Facebook relative links</li>
<li>Add max limit of 50 to youtube feeds</li>
</ul>
<h3>View The Latest Social Network Wall Demo</h3>
<p><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin-full-page-responsive-network-wall/" class="external underline">jQuery Social Stream Plugin</a></p>
<h3>Purchase From Codecanyon &#8211; only $7</h3>
<p><a href="http://codecanyon.net/item/jquery-social-stream/2103997?ref=designchemical" class="external underline" rel="nofollow">jQuery Social Stream Plugin</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=hGQe50HPWqM:5CQl2oUQlwI:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=hGQe50HPWqM:5CQl2oUQlwI:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=hGQe50HPWqM:5CQl2oUQlwI:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=hGQe50HPWqM:5CQl2oUQlwI:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=hGQe50HPWqM:5CQl2oUQlwI:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=hGQe50HPWqM:5CQl2oUQlwI:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=hGQe50HPWqM:5CQl2oUQlwI:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=hGQe50HPWqM:5CQl2oUQlwI:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=hGQe50HPWqM:5CQl2oUQlwI:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=hGQe50HPWqM:5CQl2oUQlwI:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/hGQe50HPWqM" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:162:"http://www.designchemical.com/blog/index.php/jquery-plugins/facebook-twitter-shares-retweet-reply-favourite-tweet-links-added-to-jquery-social-stream-plugin/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"0";}s:10:"feedburner";a:1:{s:8:"origlink";s:157:"http://www.designchemical.com/blog/index.php/jquery-plugins/facebook-twitter-shares-retweet-reply-favourite-tweet-links-added-to-jquery-social-stream-plugin/";}s:7:"summary";s:761:"<p><img src="http://www.designchemical.com/media/images/post_dcsns_shares.jpg" alt="jQuery Social Stream Share Links" class="img-border" /></p>
<p>The latest update to the jQuery Social Stream Plugin, version 1.4.2, includes many new additions to make the social network streams more interactive, help promote your social network posts and boost your traffic!</p>
<p>Update now also available for WordPress Social Stream Plugin &#8211; version 1.4.3</p>
<p>In addition to 3 new feed options; show Facebook page galleries, Pinterest boards &#038; Youtube  &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery-plugins/facebook-twitter-shares-retweet-reply-favourite-tweet-links-added-to-jquery-social-stream-plugin/" class="read_more">more</a></p>";s:12:"atom_content";s:4082:"<p><img src="http://www.designchemical.com/media/images/post_dcsns_shares.jpg" alt="jQuery Social Stream Share Links" class="img-border" /></p>
<p>The latest update to the <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin/" class="external underline">jQuery Social Stream Plugin</a>, version 1.4.2, includes many new additions to make the social network streams more interactive, help promote your social network posts and boost your traffic!</p>
<p>Update now also available for <a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-stream-plugin/" class="external underline">WordPress Social Stream Plugin</a> &#8211; version 1.4.3</p>
<p>In addition to 3 new feed options; show Facebook page galleries, Pinterest boards &#038; Youtube playlists, the plugin now also includes share links for both facebook and twitter on each social network post plus retweet, reply and favourite links on all twitter posts.</p>
<p>This latest version of <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin/" class="external underline">jQuery Social Stream</a> now supports 15 social networks with a total of 60 feed options.</p>
<p><img src="http://www.designchemical.com/media/images/post_dcsns_wall.jpg" alt="jQuery Social Stream Network Wall" /></p>
<h3>Additions available with version 1.4.2</h3>
<ul class="content-list">
<li>Show feeds from pinterest boards</li>
<li>Show feeds from facebook galleries including latest comments</li>
<li>Show feeds from youtube playlists</li>
<li>Share feed items via facebook</li>
<li>Share feed items via twitter</li>
<li>Retweet link on twitter posts</li>
<li>Reply link on twitter posts</li>
<li>Favorite link on twitter posts</li>
<li>Option to show twitter images + twitter image size options</li>
<li>Option to show twitter retweets &#038; replies</li>
</ul>
<h3>Updates available with version 1.4.2</h3>
<ul class="content-list">
<li>No access token required for Instagram tag searches</li>
<li>Add count parameter to Instagram URL</li>
<li>Change item selector for jQuery isotope</li>
<li>Facebook relative links</li>
<li>Add max limit of 50 to youtube feeds</li>
</ul>
<h3>View The Latest Social Network Wall Demo</h3>
<p><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin-full-page-responsive-network-wall/" class="external underline">jQuery Social Stream Plugin</a></p>
<h3>Purchase From Codecanyon &#8211; only $7</h3>
<p><a href="http://codecanyon.net/item/jquery-social-stream/2103997?ref=designchemical" class="external underline" rel="nofollow">jQuery Social Stream Plugin</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=hGQe50HPWqM:5CQl2oUQlwI:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=hGQe50HPWqM:5CQl2oUQlwI:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=hGQe50HPWqM:5CQl2oUQlwI:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=hGQe50HPWqM:5CQl2oUQlwI:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=hGQe50HPWqM:5CQl2oUQlwI:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=hGQe50HPWqM:5CQl2oUQlwI:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=hGQe50HPWqM:5CQl2oUQlwI:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=hGQe50HPWqM:5CQl2oUQlwI:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=hGQe50HPWqM:5CQl2oUQlwI:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=hGQe50HPWqM:5CQl2oUQlwI:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/hGQe50HPWqM" height="1" width="1"/>";}i:6;a:14:{s:5:"title";s:65:"Instagram Added To jQuery & WordPress Social Network Tabs Plugins";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/sr4nKXO7Jj4/";s:8:"comments";s:136:"http://www.designchemical.com/blog/index.php/wordpress-plugins/instagram-added-to-jquery-wordpress-social-network-tabs-plugins/#comments";s:7:"pubdate";s:31:"Fri, 07 Sep 2012 14:03:28 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:70:"Wordpress PluginsinstagramjQuerypluginssocial networksupdateswordpress";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=3614";s:11:"description";s:922:"<p><img src="http://www.designchemical.com/media/images/instagram_social_network_tabs.png" alt="Social Network Tabs" class="img-border" /></p>
<p>Version 1.6 of jQuery Social Media Tabs and WordPress Social Network Tabs now includes the Instagram API, bringing the total number of supported networks to 17 with 49 feed options!</p>
Instagram Tab Feed Options
<p><img src="http://www.designchemical.com/media/images/instagram_api_feed_tab.jpg" alt="Instagram Feed Tab" class="img-right hide-excerpt" /></p>
<ul class="content-list">
<li>Show an Instagram user feed</li>
<li>Search Instagram tags</li>
<li>Show an Instagram Location ID feed</li>
<li>Search by latitude/longitude + distance</li>
<li>Show post likes with user thumbnail avatar</li> &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/instagram-added-to-jquery-wordpress-social-network-tabs-plugins/" class="read_more">more</a></ul>";s:7:"content";a:1:{s:7:"encoded";s:3517:"<p><img src="http://www.designchemical.com/media/images/instagram_social_network_tabs.png" alt="Social Network Tabs" class="img-border" /></p>
<p>Version 1.6 of <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/" class="external underline">jQuery Social Media Tabs</a> and <a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class="external underline">WordPress Social Network Tabs</a> now includes the Instagram API, bringing the total number of supported networks to 17 with 49 feed options!</p>
<h3>Instagram Tab Feed Options</h3>
<p><img src="http://www.designchemical.com/media/images/instagram_api_feed_tab.jpg" alt="Instagram Feed Tab" class="img-right hide-excerpt" /></p>
<ul class="content-list">
<li>Show an Instagram user feed</li>
<li>Search Instagram tags</li>
<li>Show an Instagram Location ID feed</li>
<li>Search by latitude/longitude + distance</li>
<li>Show post likes with user thumbnail avatar</li>
<li>Show latest comments</li>
<li>Select image size &#8211; 306 px, 150 px or 612 px</li>
</ul>
<p>In addition to the Instagram update the plugin now includes the ability to display twitter search feeds and options to disable both retweets and twitter replies.</p>
<h3>View The Plugin Demos</h3>
<ul class="content-list">
<li><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/" class="underline">jQuery Social Media Tabs</a></li>
<li><a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class="underline">Social Network Tabs for WordPress</a></li>
</ul>
<h3>Purchase From Codecanyon</h3>
<ul class="content-list">
<li><a href="http://codecanyon.net/item/jquery-social-media-tabs/1932796?ref=designchemical" rel="nofollow" class="external underline">jQuery Social Media Tabs</a></li>
<li><a href="http://codecanyon.net/item/social-network-tabs-for-wordpress/1982987?ref=designchemical" rel="nofollow" class="external underline">Social Network Tabs for WordPress</a></li>
</ul>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=sr4nKXO7Jj4:rXf3IIEAvAk:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=sr4nKXO7Jj4:rXf3IIEAvAk:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=sr4nKXO7Jj4:rXf3IIEAvAk:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=sr4nKXO7Jj4:rXf3IIEAvAk:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=sr4nKXO7Jj4:rXf3IIEAvAk:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=sr4nKXO7Jj4:rXf3IIEAvAk:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=sr4nKXO7Jj4:rXf3IIEAvAk:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=sr4nKXO7Jj4:rXf3IIEAvAk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=sr4nKXO7Jj4:rXf3IIEAvAk:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=sr4nKXO7Jj4:rXf3IIEAvAk:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/sr4nKXO7Jj4" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:132:"http://www.designchemical.com/blog/index.php/wordpress-plugins/instagram-added-to-jquery-wordpress-social-network-tabs-plugins/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"0";}s:10:"feedburner";a:1:{s:8:"origlink";s:127:"http://www.designchemical.com/blog/index.php/wordpress-plugins/instagram-added-to-jquery-wordpress-social-network-tabs-plugins/";}s:7:"summary";s:922:"<p><img src="http://www.designchemical.com/media/images/instagram_social_network_tabs.png" alt="Social Network Tabs" class="img-border" /></p>
<p>Version 1.6 of jQuery Social Media Tabs and WordPress Social Network Tabs now includes the Instagram API, bringing the total number of supported networks to 17 with 49 feed options!</p>
Instagram Tab Feed Options
<p><img src="http://www.designchemical.com/media/images/instagram_api_feed_tab.jpg" alt="Instagram Feed Tab" class="img-right hide-excerpt" /></p>
<ul class="content-list">
<li>Show an Instagram user feed</li>
<li>Search Instagram tags</li>
<li>Show an Instagram Location ID feed</li>
<li>Search by latitude/longitude + distance</li>
<li>Show post likes with user thumbnail avatar</li> &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/instagram-added-to-jquery-wordpress-social-network-tabs-plugins/" class="read_more">more</a></ul>";s:12:"atom_content";s:3517:"<p><img src="http://www.designchemical.com/media/images/instagram_social_network_tabs.png" alt="Social Network Tabs" class="img-border" /></p>
<p>Version 1.6 of <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/" class="external underline">jQuery Social Media Tabs</a> and <a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class="external underline">WordPress Social Network Tabs</a> now includes the Instagram API, bringing the total number of supported networks to 17 with 49 feed options!</p>
<h3>Instagram Tab Feed Options</h3>
<p><img src="http://www.designchemical.com/media/images/instagram_api_feed_tab.jpg" alt="Instagram Feed Tab" class="img-right hide-excerpt" /></p>
<ul class="content-list">
<li>Show an Instagram user feed</li>
<li>Search Instagram tags</li>
<li>Show an Instagram Location ID feed</li>
<li>Search by latitude/longitude + distance</li>
<li>Show post likes with user thumbnail avatar</li>
<li>Show latest comments</li>
<li>Select image size &#8211; 306 px, 150 px or 612 px</li>
</ul>
<p>In addition to the Instagram update the plugin now includes the ability to display twitter search feeds and options to disable both retweets and twitter replies.</p>
<h3>View The Plugin Demos</h3>
<ul class="content-list">
<li><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/" class="underline">jQuery Social Media Tabs</a></li>
<li><a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class="underline">Social Network Tabs for WordPress</a></li>
</ul>
<h3>Purchase From Codecanyon</h3>
<ul class="content-list">
<li><a href="http://codecanyon.net/item/jquery-social-media-tabs/1932796?ref=designchemical" rel="nofollow" class="external underline">jQuery Social Media Tabs</a></li>
<li><a href="http://codecanyon.net/item/social-network-tabs-for-wordpress/1982987?ref=designchemical" rel="nofollow" class="external underline">Social Network Tabs for WordPress</a></li>
</ul>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=sr4nKXO7Jj4:rXf3IIEAvAk:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=sr4nKXO7Jj4:rXf3IIEAvAk:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=sr4nKXO7Jj4:rXf3IIEAvAk:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=sr4nKXO7Jj4:rXf3IIEAvAk:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=sr4nKXO7Jj4:rXf3IIEAvAk:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=sr4nKXO7Jj4:rXf3IIEAvAk:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=sr4nKXO7Jj4:rXf3IIEAvAk:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=sr4nKXO7Jj4:rXf3IIEAvAk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=sr4nKXO7Jj4:rXf3IIEAvAk:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=sr4nKXO7Jj4:rXf3IIEAvAk:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/sr4nKXO7Jj4" height="1" width="1"/>";}i:7;a:14:{s:5:"title";s:63:"New Premium WordPress Plugin – WordPress Social Share Buttons";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/-IfzAm-IASc/";s:8:"comments";s:132:"http://www.designchemical.com/blog/index.php/wordpress-plugins/new-premium-wordpress-plugin-wordpress-social-share-buttons/#comments";s:7:"pubdate";s:31:"Fri, 31 Aug 2012 09:45:17 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:128:"Wordpress Pluginsdeliciousdiggemailfacebookgoogle +1jQuerylinkedinpinterestpluginssocial networksstumbleupontwitterwordpressxing";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=3580";s:11:"description";s:738:"<p><img src="http://www.designchemical.com/media/images/wordpress_social_share_buttons.png" alt="WordPress Social Share Buttons Plugin" class="img-border" /></p>
<p>Our latest premium WordPress plugin is a WordPress implementation of our successful jQuery Social Share Buttons plugin.</p>
<p>The plugin adds jQuery social share buttons to WordPress in a stylish floating panel, toolbar or display inline. The plugin supports 10 social network share buttons + bonus print &#038; email buttons.</p>
<p>For more information and plugin demos go to the WordPress Social  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/new-premium-wordpress-plugin-wordpress-social-share-buttons/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:3932:"<p><img src="http://www.designchemical.com/media/images/wordpress_social_share_buttons.png" alt="WordPress Social Share Buttons Plugin" class="img-border" /></p>
<p>Our latest premium WordPress plugin is a WordPress implementation of our successful <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin/" class="underline">jQuery Social Share Buttons plugin</a>.</p>
<p>The plugin adds jQuery social share buttons to WordPress in a stylish floating panel, toolbar or display inline. The plugin supports 10 social network share buttons + bonus print &#038; email buttons.</p>
<p>For more information and plugin demos go to the <a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-share-buttons/" class="underline">WordPress Social Share Buttons Demo Site</a> or download via <a href="http://codecanyon.net/item/wordpress-social-share-buttons/2927356?ref=designchemical" class="underline">codecanyon</a>.</p>
<h3>Supported Social Networks</h3>
<ul class="content-list">
<li>Twitter</li>
<li>Facebook</li>
<li>Google +1</li>
<li>LinkedIn</li>
<li>Delicious</li>
<li>Digg</li>
<li>Pinterest</li>
<li>Stumbleupon</li>
<li>Buffer</li>
<li>Xing</li>
</ul>
<h3>Check Out Our Full Range of Premium WordPress &#038; Jquery Plugins:</h3>
<ul class="content-list">
<li><a class="external" href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-stream-plugin/">WordPress Social Stream</a></li>
<li><a class="external" href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/">WordPress Social Network Tabs</a></li>
<li><a class="external" href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-share-buttons/">WordPress Social Share Buttons</a></li>
<li><a class="external" href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/">WordPress Top Social Share Posts</a></li>
<li><a class="external" href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/">jQuery Social Media Tabs</a></li>
<li><a class="external" href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin/">jQuery Social Share Buttons</a></li>
<li><a class="external" href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin/">jQuery Social Stream</a></li>
</ul>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-IfzAm-IASc:KC_QlmQpBc8:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-IfzAm-IASc:KC_QlmQpBc8:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-IfzAm-IASc:KC_QlmQpBc8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-IfzAm-IASc:KC_QlmQpBc8:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-IfzAm-IASc:KC_QlmQpBc8:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-IfzAm-IASc:KC_QlmQpBc8:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-IfzAm-IASc:KC_QlmQpBc8:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-IfzAm-IASc:KC_QlmQpBc8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-IfzAm-IASc:KC_QlmQpBc8:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-IfzAm-IASc:KC_QlmQpBc8:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/-IfzAm-IASc" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:128:"http://www.designchemical.com/blog/index.php/wordpress-plugins/new-premium-wordpress-plugin-wordpress-social-share-buttons/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"2";}s:10:"feedburner";a:1:{s:8:"origlink";s:123:"http://www.designchemical.com/blog/index.php/wordpress-plugins/new-premium-wordpress-plugin-wordpress-social-share-buttons/";}s:7:"summary";s:738:"<p><img src="http://www.designchemical.com/media/images/wordpress_social_share_buttons.png" alt="WordPress Social Share Buttons Plugin" class="img-border" /></p>
<p>Our latest premium WordPress plugin is a WordPress implementation of our successful jQuery Social Share Buttons plugin.</p>
<p>The plugin adds jQuery social share buttons to WordPress in a stylish floating panel, toolbar or display inline. The plugin supports 10 social network share buttons + bonus print &#038; email buttons.</p>
<p>For more information and plugin demos go to the WordPress Social  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/new-premium-wordpress-plugin-wordpress-social-share-buttons/" class="read_more">more</a></p>";s:12:"atom_content";s:3932:"<p><img src="http://www.designchemical.com/media/images/wordpress_social_share_buttons.png" alt="WordPress Social Share Buttons Plugin" class="img-border" /></p>
<p>Our latest premium WordPress plugin is a WordPress implementation of our successful <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin/" class="underline">jQuery Social Share Buttons plugin</a>.</p>
<p>The plugin adds jQuery social share buttons to WordPress in a stylish floating panel, toolbar or display inline. The plugin supports 10 social network share buttons + bonus print &#038; email buttons.</p>
<p>For more information and plugin demos go to the <a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-share-buttons/" class="underline">WordPress Social Share Buttons Demo Site</a> or download via <a href="http://codecanyon.net/item/wordpress-social-share-buttons/2927356?ref=designchemical" class="underline">codecanyon</a>.</p>
<h3>Supported Social Networks</h3>
<ul class="content-list">
<li>Twitter</li>
<li>Facebook</li>
<li>Google +1</li>
<li>LinkedIn</li>
<li>Delicious</li>
<li>Digg</li>
<li>Pinterest</li>
<li>Stumbleupon</li>
<li>Buffer</li>
<li>Xing</li>
</ul>
<h3>Check Out Our Full Range of Premium WordPress &#038; Jquery Plugins:</h3>
<ul class="content-list">
<li><a class="external" href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-stream-plugin/">WordPress Social Stream</a></li>
<li><a class="external" href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/">WordPress Social Network Tabs</a></li>
<li><a class="external" href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-share-buttons/">WordPress Social Share Buttons</a></li>
<li><a class="external" href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/">WordPress Top Social Share Posts</a></li>
<li><a class="external" href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/">jQuery Social Media Tabs</a></li>
<li><a class="external" href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin/">jQuery Social Share Buttons</a></li>
<li><a class="external" href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin/">jQuery Social Stream</a></li>
</ul>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-IfzAm-IASc:KC_QlmQpBc8:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-IfzAm-IASc:KC_QlmQpBc8:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-IfzAm-IASc:KC_QlmQpBc8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-IfzAm-IASc:KC_QlmQpBc8:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-IfzAm-IASc:KC_QlmQpBc8:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-IfzAm-IASc:KC_QlmQpBc8:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-IfzAm-IASc:KC_QlmQpBc8:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-IfzAm-IASc:KC_QlmQpBc8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-IfzAm-IASc:KC_QlmQpBc8:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-IfzAm-IASc:KC_QlmQpBc8:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/-IfzAm-IASc" height="1" width="1"/>";}i:8;a:14:{s:5:"title";s:59:"Instagram Added To jQuery & WordPress Social Stream Plugins";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/ZGw6kDIXaKo/";s:8:"comments";s:130:"http://www.designchemical.com/blog/index.php/wordpress-plugins/instagram-added-to-jquery-wordpress-social-stream-plugins/#comments";s:7:"pubdate";s:31:"Fri, 24 Aug 2012 10:00:02 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:75:"Wordpress PluginsinstagramjQuerypluginssocial mediasocial networkswordpress";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=3503";s:11:"description";s:922:"<p><img src="http://www.designchemical.com/media/images/instagram_social_stream_wall.jpg" alt="jQuery Social Stream Wall" class="img-border" /></p>
<p>Version 1.4 of jQuery Social Stream and WordPress Social Stream now includes the Instagram network. With the addition of the Instagram API both plugins now support a total of 15 social networks with 37 feed options!</p>
<p><img src="http://www.designchemical.com/media/images/instagram_api_feed.jpg" alt="jQuery Social Stream Wall" class="img-right hide-excerpt" /></p>
Instagram Feed Options
<ul class="content-list">
<li>Show an Instagram user feed</li>
<li>Search Instagram tags</li>
<li>Show an Instagram Location ID feed</li>
<li>Search by latitude/longitude + distance</li>
<li>Show post </li> &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/instagram-added-to-jquery-wordpress-social-stream-plugins/" class="read_more">more</a></ul>";s:7:"content";a:1:{s:7:"encoded";s:3692:"<p><img src="http://www.designchemical.com/media/images/instagram_social_stream_wall.jpg" alt="jQuery Social Stream Wall" class="img-border" /></p>
<p>Version 1.4 of <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin/" class="external underline">jQuery Social Stream</a> and <a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-stream-plugin/" class="external underline">WordPress Social Stream</a> now includes the Instagram network. With the addition of the Instagram API both plugins now support a total of 15 social networks with 37 feed options!</p>
<p><img src="http://www.designchemical.com/media/images/instagram_api_feed.jpg" alt="jQuery Social Stream Wall" class="img-right hide-excerpt" /></p>
<h3>Instagram Feed Options</h3>
<ul class="content-list">
<li>Show an Instagram user feed</li>
<li>Search Instagram tags</li>
<li>Show an Instagram Location ID feed</li>
<li>Search by latitude/longitude + distance</li>
<li>Show post likes with user thumbnail avatar</li>
<li>Show latest comments</li>
</ul>
<p>The jQuery Social Stream plugin and the WordPress version can handle multiple Instagram searches and feeds in a single stream.</p>
<p>Display your streams as a rotating feed widget or a jQuery isotope network wall &#8211; see demo of <a href="http://www.designchemical.com/blog/index.php/social-network-stream-wall-with-instagram-search/" class="underline">social network wall showing Instagram search + user feed</a>.</p>
<h3>View The Plugin Demos</h3>
<ul class="content-list">
<li><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin/" class="external underline">jQuery Social Stream</a></li>
<li><a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-stream-plugin/" class="external underline">WordPress Social Stream</a></li>
</ul>
<h3>Purchase From Codecanyon</h3>
<ul class="content-list">
<li><a href="http://codecanyon.net/item/jquery-social-stream/2103997?ref=designchemical" rel="nofollow" class="external underline">jQuery Social Stream</a></li>
<li><a href="http://codecanyon.net/item/wordpress-social-stream/2201708?ref=designchemical" rel="nofollow" class="external underline">WordPress Social Stream</a></li>
</ul>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=ZGw6kDIXaKo:HU4YgQafzW4:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=ZGw6kDIXaKo:HU4YgQafzW4:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=ZGw6kDIXaKo:HU4YgQafzW4:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=ZGw6kDIXaKo:HU4YgQafzW4:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=ZGw6kDIXaKo:HU4YgQafzW4:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=ZGw6kDIXaKo:HU4YgQafzW4:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=ZGw6kDIXaKo:HU4YgQafzW4:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=ZGw6kDIXaKo:HU4YgQafzW4:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=ZGw6kDIXaKo:HU4YgQafzW4:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=ZGw6kDIXaKo:HU4YgQafzW4:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/ZGw6kDIXaKo" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:126:"http://www.designchemical.com/blog/index.php/wordpress-plugins/instagram-added-to-jquery-wordpress-social-stream-plugins/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"0";}s:10:"feedburner";a:1:{s:8:"origlink";s:121:"http://www.designchemical.com/blog/index.php/wordpress-plugins/instagram-added-to-jquery-wordpress-social-stream-plugins/";}s:7:"summary";s:922:"<p><img src="http://www.designchemical.com/media/images/instagram_social_stream_wall.jpg" alt="jQuery Social Stream Wall" class="img-border" /></p>
<p>Version 1.4 of jQuery Social Stream and WordPress Social Stream now includes the Instagram network. With the addition of the Instagram API both plugins now support a total of 15 social networks with 37 feed options!</p>
<p><img src="http://www.designchemical.com/media/images/instagram_api_feed.jpg" alt="jQuery Social Stream Wall" class="img-right hide-excerpt" /></p>
Instagram Feed Options
<ul class="content-list">
<li>Show an Instagram user feed</li>
<li>Search Instagram tags</li>
<li>Show an Instagram Location ID feed</li>
<li>Search by latitude/longitude + distance</li>
<li>Show post </li> &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/instagram-added-to-jquery-wordpress-social-stream-plugins/" class="read_more">more</a></ul>";s:12:"atom_content";s:3692:"<p><img src="http://www.designchemical.com/media/images/instagram_social_stream_wall.jpg" alt="jQuery Social Stream Wall" class="img-border" /></p>
<p>Version 1.4 of <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin/" class="external underline">jQuery Social Stream</a> and <a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-stream-plugin/" class="external underline">WordPress Social Stream</a> now includes the Instagram network. With the addition of the Instagram API both plugins now support a total of 15 social networks with 37 feed options!</p>
<p><img src="http://www.designchemical.com/media/images/instagram_api_feed.jpg" alt="jQuery Social Stream Wall" class="img-right hide-excerpt" /></p>
<h3>Instagram Feed Options</h3>
<ul class="content-list">
<li>Show an Instagram user feed</li>
<li>Search Instagram tags</li>
<li>Show an Instagram Location ID feed</li>
<li>Search by latitude/longitude + distance</li>
<li>Show post likes with user thumbnail avatar</li>
<li>Show latest comments</li>
</ul>
<p>The jQuery Social Stream plugin and the WordPress version can handle multiple Instagram searches and feeds in a single stream.</p>
<p>Display your streams as a rotating feed widget or a jQuery isotope network wall &#8211; see demo of <a href="http://www.designchemical.com/blog/index.php/social-network-stream-wall-with-instagram-search/" class="underline">social network wall showing Instagram search + user feed</a>.</p>
<h3>View The Plugin Demos</h3>
<ul class="content-list">
<li><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin/" class="external underline">jQuery Social Stream</a></li>
<li><a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-stream-plugin/" class="external underline">WordPress Social Stream</a></li>
</ul>
<h3>Purchase From Codecanyon</h3>
<ul class="content-list">
<li><a href="http://codecanyon.net/item/jquery-social-stream/2103997?ref=designchemical" rel="nofollow" class="external underline">jQuery Social Stream</a></li>
<li><a href="http://codecanyon.net/item/wordpress-social-stream/2201708?ref=designchemical" rel="nofollow" class="external underline">WordPress Social Stream</a></li>
</ul>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=ZGw6kDIXaKo:HU4YgQafzW4:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=ZGw6kDIXaKo:HU4YgQafzW4:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=ZGw6kDIXaKo:HU4YgQafzW4:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=ZGw6kDIXaKo:HU4YgQafzW4:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=ZGw6kDIXaKo:HU4YgQafzW4:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=ZGw6kDIXaKo:HU4YgQafzW4:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=ZGw6kDIXaKo:HU4YgQafzW4:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=ZGw6kDIXaKo:HU4YgQafzW4:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=ZGw6kDIXaKo:HU4YgQafzW4:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=ZGw6kDIXaKo:HU4YgQafzW4:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/ZGw6kDIXaKo" height="1" width="1"/>";}i:9;a:14:{s:5:"title";s:61:"Xing Share Button Added To jQuery Social Share Buttons Plugin";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/-7bF1X1WpwU/";s:8:"comments";s:131:"http://www.designchemical.com/blog/index.php/jquery-plugins/xing-share-button-added-to-jquery-social-share-buttons-plugin/#comments";s:7:"pubdate";s:31:"Mon, 06 Aug 2012 10:57:10 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:46:"jQuery PluginsjQuerypluginssocial networksxing";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=3476";s:11:"description";s:820:"<p class="text-center pad-top"><img src="http://www.designchemical.com/media/images/xing_button.png" alt="Xing Share Button" /></p>
<p>Xing social share button is now included in our popular jQuery Social Share Buttons Plugin. The Xing button is available in 3 sizes &#8211; vertical with count, horizontal with count and horizontal with no count.</p>
<p class="text-center"><img src="http://www.designchemical.com/media/images/xing_buttons.png" alt="Xing Social Share Button" /></p>
Xing Hovercard Statistics
<p>Xing also offer an extra feature with their share buttons &#8211; a hovercard, which shows the popularity of your website content with  &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery-plugins/xing-share-button-added-to-jquery-social-share-buttons-plugin/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:3103:"<p class="text-center pad-top"><img src="http://www.designchemical.com/media/images/xing_button.png" alt="Xing Share Button" /></p>
<p>Xing social share button is now included in our popular <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin/">jQuery Social Share Buttons Plugin</a>. The Xing button is available in 3 sizes &#8211; vertical with count, horizontal with count and horizontal with no count.</p>
<p class="text-center"><img src="http://www.designchemical.com/media/images/xing_buttons.png" alt="Xing Social Share Button" /></p>
<h3>Xing Hovercard Statistics</h3>
<p>Xing also offer an extra feature with their share buttons &#8211; a hovercard, which shows the popularity of your website content with additional statistics such as the total number of clicks, likes and comments for the link on XING.</p>
<p>The <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin/">jQuery Social Share Buttons Plugin</a> now includes 10 social network share buttons:</p>
<ul class="content-list">
<li>Twitter</li>
<li>Facebook</li>
<li>Google +1</li>
<li>LinkedIn</li>
<li>Delicious</li>
<li>Digg</li>
<li>Pinterest</li>
<li>Stumbleupon</li>
<li>Buffer</li>
<li>Xing</li>
<li>Print Button</li>
<li>Email Button</li>
</ul>
<p>For more information go to the plugin demo site &#8211; <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin/" class="underline external">jQuery Social Share Buttons Plugin</a> or purchase directly from <a href="http://codecanyon.net/item/jquery-social-share-buttons-plugin/1742435?ref=designchemical" class="underline external">Codeanyon</a>.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-7bF1X1WpwU:FxYEE1HUxK8:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-7bF1X1WpwU:FxYEE1HUxK8:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-7bF1X1WpwU:FxYEE1HUxK8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-7bF1X1WpwU:FxYEE1HUxK8:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-7bF1X1WpwU:FxYEE1HUxK8:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-7bF1X1WpwU:FxYEE1HUxK8:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-7bF1X1WpwU:FxYEE1HUxK8:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-7bF1X1WpwU:FxYEE1HUxK8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-7bF1X1WpwU:FxYEE1HUxK8:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-7bF1X1WpwU:FxYEE1HUxK8:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/-7bF1X1WpwU" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:127:"http://www.designchemical.com/blog/index.php/jquery-plugins/xing-share-button-added-to-jquery-social-share-buttons-plugin/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"0";}s:10:"feedburner";a:1:{s:8:"origlink";s:122:"http://www.designchemical.com/blog/index.php/jquery-plugins/xing-share-button-added-to-jquery-social-share-buttons-plugin/";}s:7:"summary";s:820:"<p class="text-center pad-top"><img src="http://www.designchemical.com/media/images/xing_button.png" alt="Xing Share Button" /></p>
<p>Xing social share button is now included in our popular jQuery Social Share Buttons Plugin. The Xing button is available in 3 sizes &#8211; vertical with count, horizontal with count and horizontal with no count.</p>
<p class="text-center"><img src="http://www.designchemical.com/media/images/xing_buttons.png" alt="Xing Social Share Button" /></p>
Xing Hovercard Statistics
<p>Xing also offer an extra feature with their share buttons &#8211; a hovercard, which shows the popularity of your website content with  &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery-plugins/xing-share-button-added-to-jquery-social-share-buttons-plugin/" class="read_more">more</a></p>";s:12:"atom_content";s:3103:"<p class="text-center pad-top"><img src="http://www.designchemical.com/media/images/xing_button.png" alt="Xing Share Button" /></p>
<p>Xing social share button is now included in our popular <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin/">jQuery Social Share Buttons Plugin</a>. The Xing button is available in 3 sizes &#8211; vertical with count, horizontal with count and horizontal with no count.</p>
<p class="text-center"><img src="http://www.designchemical.com/media/images/xing_buttons.png" alt="Xing Social Share Button" /></p>
<h3>Xing Hovercard Statistics</h3>
<p>Xing also offer an extra feature with their share buttons &#8211; a hovercard, which shows the popularity of your website content with additional statistics such as the total number of clicks, likes and comments for the link on XING.</p>
<p>The <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin/">jQuery Social Share Buttons Plugin</a> now includes 10 social network share buttons:</p>
<ul class="content-list">
<li>Twitter</li>
<li>Facebook</li>
<li>Google +1</li>
<li>LinkedIn</li>
<li>Delicious</li>
<li>Digg</li>
<li>Pinterest</li>
<li>Stumbleupon</li>
<li>Buffer</li>
<li>Xing</li>
<li>Print Button</li>
<li>Email Button</li>
</ul>
<p>For more information go to the plugin demo site &#8211; <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin/" class="underline external">jQuery Social Share Buttons Plugin</a> or purchase directly from <a href="http://codecanyon.net/item/jquery-social-share-buttons-plugin/1742435?ref=designchemical" class="underline external">Codeanyon</a>.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-7bF1X1WpwU:FxYEE1HUxK8:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-7bF1X1WpwU:FxYEE1HUxK8:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-7bF1X1WpwU:FxYEE1HUxK8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-7bF1X1WpwU:FxYEE1HUxK8:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-7bF1X1WpwU:FxYEE1HUxK8:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-7bF1X1WpwU:FxYEE1HUxK8:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-7bF1X1WpwU:FxYEE1HUxK8:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-7bF1X1WpwU:FxYEE1HUxK8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-7bF1X1WpwU:FxYEE1HUxK8:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-7bF1X1WpwU:FxYEE1HUxK8:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/-7bF1X1WpwU" height="1" width="1"/>";}i:10;a:14:{s:5:"title";s:82:"LinkedIn Added To jQuery Social Media Tabs & WordPress Social Network Tabs Plugins";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/F7Tqa-V8JMM/";s:8:"comments";s:153:"http://www.designchemical.com/blog/index.php/wordpress-plugins/linkedin-added-to-jquery-social-media-tabs-wordpress-social-network-tabs-plugins/#comments";s:7:"pubdate";s:31:"Mon, 18 Jun 2012 07:02:30 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:62:"Wordpress PluginsjQuerylinkedinpluginssocial networkswordpress";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=3440";s:11:"description";s:686:"<p><img src="http://www.designchemical.com/media/images/linkedin_plugins.png" alt="LinkedIn Plugins" class="" /></p>
<p>Version 1.5 of both the jQuery Social Media Tabs plugin and the WordPress Social Network Tabs plugin now include the option to add a LinkedIn tab showing up to 4 LinkedIn plugins:</p>
Member Profile Plugin
<p>A personal profile widget displaying your LinkedIn profile image, name, current position, location plus a link to your main profile page. Also includes the option  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/linkedin-added-to-jquery-social-media-tabs-wordpress-social-network-tabs-plugins/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:3273:"<p><img src="http://www.designchemical.com/media/images/linkedin_plugins.png" alt="LinkedIn Plugins" class="" /></p>
<p>Version 1.5 of both the <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/" class="underline">jQuery Social Media Tabs</a> plugin and the <a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class="underline">WordPress Social Network Tabs</a> plugin now include the option to add a LinkedIn tab showing up to 4 LinkedIn plugins:</p>
<h3>Member Profile Plugin</h3>
<p>A personal profile widget displaying your LinkedIn profile image, name, current position, location plus a link to your main profile page. Also includes the option to show links to related profiles.</p>
<h3>Company Profile Plugin</h3>
<p>A company profile widget showing the company name, logo, summary text and &#8220;follow&#8221; button with an additional option to show company employees in the viewers network.</p>
<h3>Company Insider Plugin</h3>
<p>A more detailed company plugin, which includes tabs to show employees in the viewers network, new hires and promotions/changes.</p>
<h3>Jobs You May Be Interested In</h3>
<p>A widget showing a list of jobs that may be interesting to a viewer &#8211; this can be set to either show jobs from a specific company or a general list from the linkedin network.</p>
<p>The latest versions of the plugins, which support 16 social networks with a total of 41 different feed options are now available for download at codecanyon:</p>
<p><a href="http://codecanyon.net/item/jquery-social-media-tabs/1932796?ref=designchemical" class="underline external">jQuery Social Media Tabs</a></p>
<p><a href="http://codecanyon.net/item/social-network-tabs-for-wordpress/1982987?ref=designchemical" class="underline external">Social Network Tabs For WordPress</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=F7Tqa-V8JMM:EA_Fqeuk_m8:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=F7Tqa-V8JMM:EA_Fqeuk_m8:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=F7Tqa-V8JMM:EA_Fqeuk_m8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=F7Tqa-V8JMM:EA_Fqeuk_m8:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=F7Tqa-V8JMM:EA_Fqeuk_m8:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=F7Tqa-V8JMM:EA_Fqeuk_m8:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=F7Tqa-V8JMM:EA_Fqeuk_m8:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=F7Tqa-V8JMM:EA_Fqeuk_m8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=F7Tqa-V8JMM:EA_Fqeuk_m8:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=F7Tqa-V8JMM:EA_Fqeuk_m8:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/F7Tqa-V8JMM" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:149:"http://www.designchemical.com/blog/index.php/wordpress-plugins/linkedin-added-to-jquery-social-media-tabs-wordpress-social-network-tabs-plugins/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"2";}s:10:"feedburner";a:1:{s:8:"origlink";s:144:"http://www.designchemical.com/blog/index.php/wordpress-plugins/linkedin-added-to-jquery-social-media-tabs-wordpress-social-network-tabs-plugins/";}s:7:"summary";s:686:"<p><img src="http://www.designchemical.com/media/images/linkedin_plugins.png" alt="LinkedIn Plugins" class="" /></p>
<p>Version 1.5 of both the jQuery Social Media Tabs plugin and the WordPress Social Network Tabs plugin now include the option to add a LinkedIn tab showing up to 4 LinkedIn plugins:</p>
Member Profile Plugin
<p>A personal profile widget displaying your LinkedIn profile image, name, current position, location plus a link to your main profile page. Also includes the option  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/linkedin-added-to-jquery-social-media-tabs-wordpress-social-network-tabs-plugins/" class="read_more">more</a></p>";s:12:"atom_content";s:3273:"<p><img src="http://www.designchemical.com/media/images/linkedin_plugins.png" alt="LinkedIn Plugins" class="" /></p>
<p>Version 1.5 of both the <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/" class="underline">jQuery Social Media Tabs</a> plugin and the <a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class="underline">WordPress Social Network Tabs</a> plugin now include the option to add a LinkedIn tab showing up to 4 LinkedIn plugins:</p>
<h3>Member Profile Plugin</h3>
<p>A personal profile widget displaying your LinkedIn profile image, name, current position, location plus a link to your main profile page. Also includes the option to show links to related profiles.</p>
<h3>Company Profile Plugin</h3>
<p>A company profile widget showing the company name, logo, summary text and &#8220;follow&#8221; button with an additional option to show company employees in the viewers network.</p>
<h3>Company Insider Plugin</h3>
<p>A more detailed company plugin, which includes tabs to show employees in the viewers network, new hires and promotions/changes.</p>
<h3>Jobs You May Be Interested In</h3>
<p>A widget showing a list of jobs that may be interesting to a viewer &#8211; this can be set to either show jobs from a specific company or a general list from the linkedin network.</p>
<p>The latest versions of the plugins, which support 16 social networks with a total of 41 different feed options are now available for download at codecanyon:</p>
<p><a href="http://codecanyon.net/item/jquery-social-media-tabs/1932796?ref=designchemical" class="underline external">jQuery Social Media Tabs</a></p>
<p><a href="http://codecanyon.net/item/social-network-tabs-for-wordpress/1982987?ref=designchemical" class="underline external">Social Network Tabs For WordPress</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=F7Tqa-V8JMM:EA_Fqeuk_m8:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=F7Tqa-V8JMM:EA_Fqeuk_m8:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=F7Tqa-V8JMM:EA_Fqeuk_m8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=F7Tqa-V8JMM:EA_Fqeuk_m8:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=F7Tqa-V8JMM:EA_Fqeuk_m8:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=F7Tqa-V8JMM:EA_Fqeuk_m8:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=F7Tqa-V8JMM:EA_Fqeuk_m8:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=F7Tqa-V8JMM:EA_Fqeuk_m8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=F7Tqa-V8JMM:EA_Fqeuk_m8:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=F7Tqa-V8JMM:EA_Fqeuk_m8:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/F7Tqa-V8JMM" height="1" width="1"/>";}i:11;a:14:{s:5:"title";s:60:"Tumblr & Deviantart Added To jQuery Social Media Tabs Plugin";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/bZc0NnOC_hE/";s:8:"comments";s:131:"http://www.designchemical.com/blog/index.php/wordpress-plugins/tumblr-deviantart-added-to-jquery-social-media-tabs-plugin/#comments";s:7:"pubdate";s:31:"Mon, 28 May 2012 04:48:26 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:70:"Wordpress PluginsdeviantartjQuerypluginssocial networkstumblrwordpress";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=3408";s:11:"description";s:581:"<p>Starting with versions 1.4 both the jQuery Social Media Tabs &#038; the Social Network Tabs For WordPress plugins now include Tumblr and Deviantart tabs giving a total of 15 social networks supported with 33 different feed options.</p>
<p>The Tumblr feed includes specific styling and formatting for all tumblr content types &#8211; photo, video, regular, quote, audio, conversation &#038; link, including  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/tumblr-deviantart-added-to-jquery-social-media-tabs-plugin/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:3247:"<p>Starting with versions 1.4 both the <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/" class="underline">jQuery Social Media Tabs</a> &#038; the <a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class="underline">Social Network Tabs For WordPress</a> plugins now include Tumblr and Deviantart tabs giving a total of 15 social networks supported with 33 different feed options.</p>
<p>The Tumblr feed includes specific styling and formatting for all tumblr content types &#8211; photo, video, regular, quote, audio, conversation &#038; link, including an inline video player for video posts and options for setting thumbnail and video player width.</p>
<p>Other updates to both plugins include:</p>
<ul class="content-list">
<li>Added option to show tweets from a twitter list</li>
<li>Option to display twitter profile avatar image in each tweet</li>
<li>Option to display complete text &#038; images for both facebook and RSS feed posts</li>
</ul>
<p>Latest versions now available from codecanyon</p>
<ul class="content-list">
<li><a href="http://codecanyon.net/item/social-network-tabs-for-wordpress/1982987?ref=designchemical" rel="nofollow" class="external underline">Social Network Tabs For WordPress</a></li>
<li><a href="http://codecanyon.net/item/jquery-social-media-tabs/1932796" rel="nofollow" class="external underline">jQuery Social Media Tabs</a></li>
</ul>
<h3>Plugin Demo Sites</h3>
<p><a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class="underline">Social Network Tabs For WordPress</a></p>
<p><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/" class="underline">jQuery Social Media Tabs</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=bZc0NnOC_hE:9bf-k_mfJdo:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=bZc0NnOC_hE:9bf-k_mfJdo:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=bZc0NnOC_hE:9bf-k_mfJdo:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=bZc0NnOC_hE:9bf-k_mfJdo:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=bZc0NnOC_hE:9bf-k_mfJdo:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=bZc0NnOC_hE:9bf-k_mfJdo:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=bZc0NnOC_hE:9bf-k_mfJdo:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=bZc0NnOC_hE:9bf-k_mfJdo:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=bZc0NnOC_hE:9bf-k_mfJdo:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=bZc0NnOC_hE:9bf-k_mfJdo:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/bZc0NnOC_hE" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:127:"http://www.designchemical.com/blog/index.php/wordpress-plugins/tumblr-deviantart-added-to-jquery-social-media-tabs-plugin/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"0";}s:10:"feedburner";a:1:{s:8:"origlink";s:122:"http://www.designchemical.com/blog/index.php/wordpress-plugins/tumblr-deviantart-added-to-jquery-social-media-tabs-plugin/";}s:7:"summary";s:581:"<p>Starting with versions 1.4 both the jQuery Social Media Tabs &#038; the Social Network Tabs For WordPress plugins now include Tumblr and Deviantart tabs giving a total of 15 social networks supported with 33 different feed options.</p>
<p>The Tumblr feed includes specific styling and formatting for all tumblr content types &#8211; photo, video, regular, quote, audio, conversation &#038; link, including  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/tumblr-deviantart-added-to-jquery-social-media-tabs-plugin/" class="read_more">more</a></p>";s:12:"atom_content";s:3247:"<p>Starting with versions 1.4 both the <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/" class="underline">jQuery Social Media Tabs</a> &#038; the <a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class="underline">Social Network Tabs For WordPress</a> plugins now include Tumblr and Deviantart tabs giving a total of 15 social networks supported with 33 different feed options.</p>
<p>The Tumblr feed includes specific styling and formatting for all tumblr content types &#8211; photo, video, regular, quote, audio, conversation &#038; link, including an inline video player for video posts and options for setting thumbnail and video player width.</p>
<p>Other updates to both plugins include:</p>
<ul class="content-list">
<li>Added option to show tweets from a twitter list</li>
<li>Option to display twitter profile avatar image in each tweet</li>
<li>Option to display complete text &#038; images for both facebook and RSS feed posts</li>
</ul>
<p>Latest versions now available from codecanyon</p>
<ul class="content-list">
<li><a href="http://codecanyon.net/item/social-network-tabs-for-wordpress/1982987?ref=designchemical" rel="nofollow" class="external underline">Social Network Tabs For WordPress</a></li>
<li><a href="http://codecanyon.net/item/jquery-social-media-tabs/1932796" rel="nofollow" class="external underline">jQuery Social Media Tabs</a></li>
</ul>
<h3>Plugin Demo Sites</h3>
<p><a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class="underline">Social Network Tabs For WordPress</a></p>
<p><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/" class="underline">jQuery Social Media Tabs</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=bZc0NnOC_hE:9bf-k_mfJdo:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=bZc0NnOC_hE:9bf-k_mfJdo:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=bZc0NnOC_hE:9bf-k_mfJdo:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=bZc0NnOC_hE:9bf-k_mfJdo:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=bZc0NnOC_hE:9bf-k_mfJdo:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=bZc0NnOC_hE:9bf-k_mfJdo:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=bZc0NnOC_hE:9bf-k_mfJdo:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=bZc0NnOC_hE:9bf-k_mfJdo:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=bZc0NnOC_hE:9bf-k_mfJdo:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=bZc0NnOC_hE:9bf-k_mfJdo:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/bZc0NnOC_hE" height="1" width="1"/>";}i:12;a:14:{s:5:"title";s:47:"jQuery Social Stream Plugin Now Includes Tumblr";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/H5pZl1FpcSs/";s:8:"comments";s:117:"http://www.designchemical.com/blog/index.php/jquery-plugins/jquery-social-stream-plugin-now-includes-tumblr/#comments";s:7:"pubdate";s:31:"Thu, 26 Apr 2012 01:19:38 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:48:"jQuery PluginsjQuerypluginssocial networkstumblr";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=3371";s:11:"description";s:687:"<p><img src="/media/images/jquery_social_stream_wall.png" alt="jQuery Social Stream Wall" class="img-border" /></p>
<p>Starting version 1.2 our popular premium jQuery plugin, jQuery Social Stream, now includes the Tumblr network, bringing the total number of supported networks to 14 with 26 different feed options.</p>
<p>The Tumblr feed includes specific styling and formatting for all tumblr content types &#8211; photo, video, regular, quote, audio, conversation &#038; link, including an inline video player for video posts. &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery-plugins/jquery-social-stream-plugin-now-includes-tumblr/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:2562:"<p><img src="/media/images/jquery_social_stream_wall.png" alt="jQuery Social Stream Wall" class="img-border" /></p>
<p>Starting version 1.2 our popular premium jQuery plugin, jQuery Social Stream, now includes the Tumblr network, bringing the total number of supported networks to 14 with 26 different feed options.</p>
<p>The Tumblr feed includes specific styling and formatting for all tumblr content types &#8211; photo, video, regular, quote, audio, conversation &#038; link, including an inline video player for video posts.</p>
<p>Options for the tumblr feed include set thumbnail width, video player width as well as being able to control the feed item content.</p>
<p>jQuery Social Stream can handle multiple, unlimited tumblr profiles in a single stream or create multiple streams per page. Streams can be displayed as a rotating feed widget or a jQuery isotope network wall.</p>
<p>Tumblr version now available from <a href="http://codecanyon.net/item/jquery-social-stream/2103997?ref=designchemical" rel="nofollow" class="external underline">codecanyon</a> or view the <a href="/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin/" class="external underline">live demo site</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=H5pZl1FpcSs:KH0U_ZbsdGw:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=H5pZl1FpcSs:KH0U_ZbsdGw:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=H5pZl1FpcSs:KH0U_ZbsdGw:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=H5pZl1FpcSs:KH0U_ZbsdGw:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=H5pZl1FpcSs:KH0U_ZbsdGw:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=H5pZl1FpcSs:KH0U_ZbsdGw:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=H5pZl1FpcSs:KH0U_ZbsdGw:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=H5pZl1FpcSs:KH0U_ZbsdGw:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=H5pZl1FpcSs:KH0U_ZbsdGw:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=H5pZl1FpcSs:KH0U_ZbsdGw:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/H5pZl1FpcSs" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:113:"http://www.designchemical.com/blog/index.php/jquery-plugins/jquery-social-stream-plugin-now-includes-tumblr/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"2";}s:10:"feedburner";a:1:{s:8:"origlink";s:108:"http://www.designchemical.com/blog/index.php/jquery-plugins/jquery-social-stream-plugin-now-includes-tumblr/";}s:7:"summary";s:687:"<p><img src="/media/images/jquery_social_stream_wall.png" alt="jQuery Social Stream Wall" class="img-border" /></p>
<p>Starting version 1.2 our popular premium jQuery plugin, jQuery Social Stream, now includes the Tumblr network, bringing the total number of supported networks to 14 with 26 different feed options.</p>
<p>The Tumblr feed includes specific styling and formatting for all tumblr content types &#8211; photo, video, regular, quote, audio, conversation &#038; link, including an inline video player for video posts. &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery-plugins/jquery-social-stream-plugin-now-includes-tumblr/" class="read_more">more</a></p>";s:12:"atom_content";s:2562:"<p><img src="/media/images/jquery_social_stream_wall.png" alt="jQuery Social Stream Wall" class="img-border" /></p>
<p>Starting version 1.2 our popular premium jQuery plugin, jQuery Social Stream, now includes the Tumblr network, bringing the total number of supported networks to 14 with 26 different feed options.</p>
<p>The Tumblr feed includes specific styling and formatting for all tumblr content types &#8211; photo, video, regular, quote, audio, conversation &#038; link, including an inline video player for video posts.</p>
<p>Options for the tumblr feed include set thumbnail width, video player width as well as being able to control the feed item content.</p>
<p>jQuery Social Stream can handle multiple, unlimited tumblr profiles in a single stream or create multiple streams per page. Streams can be displayed as a rotating feed widget or a jQuery isotope network wall.</p>
<p>Tumblr version now available from <a href="http://codecanyon.net/item/jquery-social-stream/2103997?ref=designchemical" rel="nofollow" class="external underline">codecanyon</a> or view the <a href="/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin/" class="external underline">live demo site</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=H5pZl1FpcSs:KH0U_ZbsdGw:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=H5pZl1FpcSs:KH0U_ZbsdGw:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=H5pZl1FpcSs:KH0U_ZbsdGw:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=H5pZl1FpcSs:KH0U_ZbsdGw:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=H5pZl1FpcSs:KH0U_ZbsdGw:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=H5pZl1FpcSs:KH0U_ZbsdGw:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=H5pZl1FpcSs:KH0U_ZbsdGw:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=H5pZl1FpcSs:KH0U_ZbsdGw:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=H5pZl1FpcSs:KH0U_ZbsdGw:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=H5pZl1FpcSs:KH0U_ZbsdGw:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/H5pZl1FpcSs" height="1" width="1"/>";}i:13;a:14:{s:5:"title";s:52:"Premium WordPress Plugin – WordPress Social Stream";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/gMRTCHxwjBs/";s:8:"comments";s:121:"http://www.designchemical.com/blog/index.php/wordpress-plugins/premium-wordpress-plugin-wordpress-social-stream/#comments";s:7:"pubdate";s:31:"Fri, 20 Apr 2012 04:10:45 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:117:"Wordpress Pluginsfacebookgoogle +1isotopejQuerylast.fmpinterestsocial networksstumbleupontwittervimeowordpressYouTube";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=3347";s:11:"description";s:570:"<p>The latest premium WordPress plugin is a WordPress implementation of our recent, successful jQuery Social Stream plugin.</p>
<p>Go to WordPress Social Stream Demo Site</p>
<p>Combine all of your social network interactions into one single network stream or create a single feed for multiple social network profiles. Display using a filterable jQuery isotope powered Social Network Wall or a rotating feed  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/premium-wordpress-plugin-wordpress-social-stream/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:2865:"<p>The latest premium WordPress plugin is a WordPress implementation of our recent, successful <a href="/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin/">jQuery Social Stream plugin</a>.</p>
<p><a href="/blog/index.php/premium-wordpress-plugins/wordpress-social-stream-plugin/">Go to WordPress Social Stream Demo Site</a></p>
<p>Combine all of your social network interactions into one single network stream or create a single feed for multiple social network profiles. Display using a filterable jQuery isotope powered Social Network Wall or a rotating feed list!</p>
<h3>Includes 13 social networks &#038; 25 feed options:</h3>
<ul class="content-list">
<li>Twitter &#8211; Latest Tweets</li>
<li>Facebook &#8211; Page Latest Wall Posts</li>
<li>Google +1 &#8211; +1 Latest Posts</li>
<li>RSS Feed &#8211; Latest Posts</li>
<li>Delicious &#8211; Latest Likes</li>
<li>Stumbleupon &#8211; Favorites or Reviews</li>
<li>Pinterest &#8211; Latest Pins</li>
<li>Dribbble &#8211; Latest Shots or Likes</li>
<li>Youtube &#8211; Latest Uploads, Favorites or new subscription videos</li>
<li>Vimeo &#8211; Likes, Videos, Appeared In, Albums, Channels or Groups</li>
<li>Flickr &#8211; Latest Uploads</li>
<li>last.fm &#8211; Loved Tracks, Recent Tracks or Reply Tracker</li>
<li>Deviantart &#8211; Latest Deviations</li>
</ul>
<p>Check out our full range of premium WordPress and Jquery plugins at <a href="http://codecanyon.net/user/designchemical/portfolio?ref=designchemical">codecanyon</a>.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gMRTCHxwjBs:ogC55Ssinz4:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gMRTCHxwjBs:ogC55Ssinz4:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gMRTCHxwjBs:ogC55Ssinz4:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gMRTCHxwjBs:ogC55Ssinz4:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gMRTCHxwjBs:ogC55Ssinz4:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gMRTCHxwjBs:ogC55Ssinz4:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gMRTCHxwjBs:ogC55Ssinz4:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gMRTCHxwjBs:ogC55Ssinz4:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gMRTCHxwjBs:ogC55Ssinz4:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gMRTCHxwjBs:ogC55Ssinz4:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/gMRTCHxwjBs" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:117:"http://www.designchemical.com/blog/index.php/wordpress-plugins/premium-wordpress-plugin-wordpress-social-stream/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"4";}s:10:"feedburner";a:1:{s:8:"origlink";s:112:"http://www.designchemical.com/blog/index.php/wordpress-plugins/premium-wordpress-plugin-wordpress-social-stream/";}s:7:"summary";s:570:"<p>The latest premium WordPress plugin is a WordPress implementation of our recent, successful jQuery Social Stream plugin.</p>
<p>Go to WordPress Social Stream Demo Site</p>
<p>Combine all of your social network interactions into one single network stream or create a single feed for multiple social network profiles. Display using a filterable jQuery isotope powered Social Network Wall or a rotating feed  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/premium-wordpress-plugin-wordpress-social-stream/" class="read_more">more</a></p>";s:12:"atom_content";s:2865:"<p>The latest premium WordPress plugin is a WordPress implementation of our recent, successful <a href="/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin/">jQuery Social Stream plugin</a>.</p>
<p><a href="/blog/index.php/premium-wordpress-plugins/wordpress-social-stream-plugin/">Go to WordPress Social Stream Demo Site</a></p>
<p>Combine all of your social network interactions into one single network stream or create a single feed for multiple social network profiles. Display using a filterable jQuery isotope powered Social Network Wall or a rotating feed list!</p>
<h3>Includes 13 social networks &#038; 25 feed options:</h3>
<ul class="content-list">
<li>Twitter &#8211; Latest Tweets</li>
<li>Facebook &#8211; Page Latest Wall Posts</li>
<li>Google +1 &#8211; +1 Latest Posts</li>
<li>RSS Feed &#8211; Latest Posts</li>
<li>Delicious &#8211; Latest Likes</li>
<li>Stumbleupon &#8211; Favorites or Reviews</li>
<li>Pinterest &#8211; Latest Pins</li>
<li>Dribbble &#8211; Latest Shots or Likes</li>
<li>Youtube &#8211; Latest Uploads, Favorites or new subscription videos</li>
<li>Vimeo &#8211; Likes, Videos, Appeared In, Albums, Channels or Groups</li>
<li>Flickr &#8211; Latest Uploads</li>
<li>last.fm &#8211; Loved Tracks, Recent Tracks or Reply Tracker</li>
<li>Deviantart &#8211; Latest Deviations</li>
</ul>
<p>Check out our full range of premium WordPress and Jquery plugins at <a href="http://codecanyon.net/user/designchemical/portfolio?ref=designchemical">codecanyon</a>.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gMRTCHxwjBs:ogC55Ssinz4:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gMRTCHxwjBs:ogC55Ssinz4:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gMRTCHxwjBs:ogC55Ssinz4:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gMRTCHxwjBs:ogC55Ssinz4:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gMRTCHxwjBs:ogC55Ssinz4:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gMRTCHxwjBs:ogC55Ssinz4:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gMRTCHxwjBs:ogC55Ssinz4:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gMRTCHxwjBs:ogC55Ssinz4:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gMRTCHxwjBs:ogC55Ssinz4:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gMRTCHxwjBs:ogC55Ssinz4:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/gMRTCHxwjBs" height="1" width="1"/>";}i:14;a:14:{s:5:"title";s:50:"New Premium jQuery Plugin – jQuery Social Stream";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/2WgnTYP6GqU/";s:8:"comments";s:116:"http://www.designchemical.com/blog/index.php/jquery-plugins/new-premium-jquery-plugin-jquery-social-stream/#comments";s:7:"pubdate";s:31:"Thu, 12 Apr 2012 03:59:00 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:126:"jQuery PluginsAJAXdeliciousdeviantartfacebookgoogle +1jQuerylast.fmpinterestpluginsrsssocial networksstumbleupontwitterYouTube";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=3258";s:11:"description";s:682:"<p><img src="http://www.designchemical.com/media/images/jquery_social_stream.jpg" alt="jQuery Social Stream" class="img-border" /></p>
<p>Combine all of your social network interactions into a single network stream or create a single feed for multiple social network profiles. Includes 13 social networks with a total of 24 different feed options.</p>
<p>Using only jQuery, the social stream plugin can be used for ANY website &#8230; including WordPress &#8230; no PHP required!</p>
<p>View jQuery Social Stream Plugin Demo  &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery-plugins/new-premium-jquery-plugin-jquery-social-stream/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:4938:"<p><img src="http://www.designchemical.com/media/images/jquery_social_stream.jpg" alt="jQuery Social Stream" class="img-border" /></p>
<p>Combine all of your social network interactions into a single network stream or create a single feed for multiple social network profiles. Includes 13 social networks with a total of 24 different feed options.</p>
<p>Using only jQuery, the social stream plugin can be used for ANY website &#8230; including WordPress &#8230; no PHP required!</p>
<p><a href="/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin/" class="external underline">View jQuery Social Stream Plugin Demo Site</a></p>
<h3>Plugin Supports 13 Social Networks</h3>
<ul class="content-list">
<li>Twitter &#8211; Latest Tweets</li>
<li>Facebook &#8211; Page Latest Wall Posts</li>
<li>Google +1 &#8211; Latest +1 Posts</li>
<li>RSS Feed &#8211; Latest Posts</li>
<li>Delicious &#8211; Latest Likes</li>
<li>Stumbleupon &#8211; Favorites or Reviews</li>
<li>Pinterest &#8211; Latest Pins</li>
<li>Dribbble &#8211; Latest Shots or Likes</li>
<li>Youtube &#8211; Latest Uploads or Favorites</li>
<li>Vimeo &#8211; Likes, Videos, Appeared In, Albums, Channels or Groups</li>
<li>Flickr &#8211; Latest Uploads</li>
<li>last.fm &#8211; Loved Tracks, Recent Tracks or Reply Tracker</li>
<li>Deviantart &#8211; Latest Deviations</li>
</ul>
<h3>Social Stream Display Options</h3>
<p>Display using rotating feed list or a filterable jQuery Isotope powered Social Network Wall!</p>
<div style="float: left;">
<p><strong>Includes 2 sample skins for the rotating list:</strong></p>
<p><img src="http://www.designchemical.com/media/images/dcsns_feed.png" alt="jQuery Social Stream Feed" class="img-border" /></div>
<div style="float: right;">
<p><strong>Pinterest style Social Network Wall:</strong></p>
<p><img src="http://www.designchemical.com/media/images/dcsns_wall.png" alt="jQuery Social Stream Network Wall" class="img-border" /></div>
<p class="clear">Options include setting the stream to display items by date based on total number of days or number of latest feed items from each network.</p>
<h3>jQuery Social Media Tabs Plugin Demos</h3>
<p>Check out the <a href="/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin/" class="underline">plugin home page</a> for more details or view the social stream demos:</p>
<div class="banner-horizontal float-right">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7740611438413740";
/* Link Mid Content */
google_ad_slot = "2373698085";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<ul class="content-list">
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin-quickstart-demo/">Quickstart</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin-light-skin/">Quickstart &#8211; Light Skin</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin-multiple-profiles-demo/">Using Multiple Profiles</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin-custom-output-demo/">Custom Output</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin-creating-a-network-wall/">Social Network Wall</a></li>
</ul>
<p>jQuery Social Stream Plugin is now available from <a href="http://codecanyon.net/item/jquery-social-stream/2103997?ref=designchemical" class="external underline" rel="nofollow">codecanyon</a>.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=2WgnTYP6GqU:Z0TCcI0AtFI:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=2WgnTYP6GqU:Z0TCcI0AtFI:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=2WgnTYP6GqU:Z0TCcI0AtFI:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=2WgnTYP6GqU:Z0TCcI0AtFI:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=2WgnTYP6GqU:Z0TCcI0AtFI:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=2WgnTYP6GqU:Z0TCcI0AtFI:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=2WgnTYP6GqU:Z0TCcI0AtFI:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=2WgnTYP6GqU:Z0TCcI0AtFI:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=2WgnTYP6GqU:Z0TCcI0AtFI:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=2WgnTYP6GqU:Z0TCcI0AtFI:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/2WgnTYP6GqU" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:112:"http://www.designchemical.com/blog/index.php/jquery-plugins/new-premium-jquery-plugin-jquery-social-stream/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"0";}s:10:"feedburner";a:1:{s:8:"origlink";s:107:"http://www.designchemical.com/blog/index.php/jquery-plugins/new-premium-jquery-plugin-jquery-social-stream/";}s:7:"summary";s:682:"<p><img src="http://www.designchemical.com/media/images/jquery_social_stream.jpg" alt="jQuery Social Stream" class="img-border" /></p>
<p>Combine all of your social network interactions into a single network stream or create a single feed for multiple social network profiles. Includes 13 social networks with a total of 24 different feed options.</p>
<p>Using only jQuery, the social stream plugin can be used for ANY website &#8230; including WordPress &#8230; no PHP required!</p>
<p>View jQuery Social Stream Plugin Demo  &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery-plugins/new-premium-jquery-plugin-jquery-social-stream/" class="read_more">more</a></p>";s:12:"atom_content";s:4938:"<p><img src="http://www.designchemical.com/media/images/jquery_social_stream.jpg" alt="jQuery Social Stream" class="img-border" /></p>
<p>Combine all of your social network interactions into a single network stream or create a single feed for multiple social network profiles. Includes 13 social networks with a total of 24 different feed options.</p>
<p>Using only jQuery, the social stream plugin can be used for ANY website &#8230; including WordPress &#8230; no PHP required!</p>
<p><a href="/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin/" class="external underline">View jQuery Social Stream Plugin Demo Site</a></p>
<h3>Plugin Supports 13 Social Networks</h3>
<ul class="content-list">
<li>Twitter &#8211; Latest Tweets</li>
<li>Facebook &#8211; Page Latest Wall Posts</li>
<li>Google +1 &#8211; Latest +1 Posts</li>
<li>RSS Feed &#8211; Latest Posts</li>
<li>Delicious &#8211; Latest Likes</li>
<li>Stumbleupon &#8211; Favorites or Reviews</li>
<li>Pinterest &#8211; Latest Pins</li>
<li>Dribbble &#8211; Latest Shots or Likes</li>
<li>Youtube &#8211; Latest Uploads or Favorites</li>
<li>Vimeo &#8211; Likes, Videos, Appeared In, Albums, Channels or Groups</li>
<li>Flickr &#8211; Latest Uploads</li>
<li>last.fm &#8211; Loved Tracks, Recent Tracks or Reply Tracker</li>
<li>Deviantart &#8211; Latest Deviations</li>
</ul>
<h3>Social Stream Display Options</h3>
<p>Display using rotating feed list or a filterable jQuery Isotope powered Social Network Wall!</p>
<div style="float: left;">
<p><strong>Includes 2 sample skins for the rotating list:</strong></p>
<p><img src="http://www.designchemical.com/media/images/dcsns_feed.png" alt="jQuery Social Stream Feed" class="img-border" /></div>
<div style="float: right;">
<p><strong>Pinterest style Social Network Wall:</strong></p>
<p><img src="http://www.designchemical.com/media/images/dcsns_wall.png" alt="jQuery Social Stream Network Wall" class="img-border" /></div>
<p class="clear">Options include setting the stream to display items by date based on total number of days or number of latest feed items from each network.</p>
<h3>jQuery Social Media Tabs Plugin Demos</h3>
<p>Check out the <a href="/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin/" class="underline">plugin home page</a> for more details or view the social stream demos:</p>
<div class="banner-horizontal float-right">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7740611438413740";
/* Link Mid Content */
google_ad_slot = "2373698085";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<ul class="content-list">
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin-quickstart-demo/">Quickstart</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin-light-skin/">Quickstart &#8211; Light Skin</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin-multiple-profiles-demo/">Using Multiple Profiles</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin-custom-output-demo/">Custom Output</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin-creating-a-network-wall/">Social Network Wall</a></li>
</ul>
<p>jQuery Social Stream Plugin is now available from <a href="http://codecanyon.net/item/jquery-social-stream/2103997?ref=designchemical" class="external underline" rel="nofollow">codecanyon</a>.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=2WgnTYP6GqU:Z0TCcI0AtFI:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=2WgnTYP6GqU:Z0TCcI0AtFI:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=2WgnTYP6GqU:Z0TCcI0AtFI:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=2WgnTYP6GqU:Z0TCcI0AtFI:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=2WgnTYP6GqU:Z0TCcI0AtFI:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=2WgnTYP6GqU:Z0TCcI0AtFI:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=2WgnTYP6GqU:Z0TCcI0AtFI:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=2WgnTYP6GqU:Z0TCcI0AtFI:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=2WgnTYP6GqU:Z0TCcI0AtFI:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=2WgnTYP6GqU:Z0TCcI0AtFI:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/2WgnTYP6GqU" height="1" width="1"/>";}i:15;a:14:{s:5:"title";s:48:"Premium WordPress Plugin – Social Network Tabs";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/fON3Z49XM_o/";s:8:"comments";s:117:"http://www.designchemical.com/blog/index.php/wordpress-plugins/premium-wordpress-plugin-social-network-tabs/#comments";s:7:"pubdate";s:31:"Tue, 27 Mar 2012 13:18:28 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:126:"Wordpress PluginsAJAXdeliciousdiggdribbblefacebookgoogle +1jQuerylast.fmpinterestpluginssocial networkstwitterwordpressYouTube";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=3137";s:11:"description";s:646:"<p>Our latest premium WordPress plugin adds our recent jQuery Social Media Tabs plugin to any WordPress website.</p>
<p>Go To Social Network Tabs for WordPress Demo Site</p>
Plugin Supports 13 Social Networks with 30 Feed Options
<ul class="content-list">
<li>Twitter &#8211; Latest Tweets</li>
<li>Facebook &#8211; Wall Posts</li>
<li>Facebook &#8211; Like Box</li>
<li>Facebook &#8211; Recommendations</li>
<li>Google +1 &#8211; Latest google profile +1</li>
<li>RSS Feed &#8211; </li> &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class="read_more">more</a></ul>";s:7:"content";a:1:{s:7:"encoded";s:3895:"<p>Our latest premium WordPress plugin adds our recent <a href="/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/" class="external underline">jQuery Social Media Tabs plugin</a> to any WordPress website.</p>
<p><a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class="external underline">Go To Social Network Tabs for WordPress Demo Site</a></p>
<h3>Plugin Supports 13 Social Networks with 30 Feed Options</h3>
<ul class="content-list">
<li>Twitter &#8211; Latest Tweets</li>
<li>Facebook &#8211; Wall Posts</li>
<li>Facebook &#8211; Like Box</li>
<li>Facebook &#8211; Recommendations</li>
<li>Google +1 &#8211; Latest google profile +1</li>
<li>RSS Feed &#8211; Latest Posts</li>
<li>Delicious &#8211; Latest Likes</li>
<li>Digg &#8211; Latest Diggs</li>
<li>Pinterest &#8211; Latest Pins</li>
<li>Youtube &#8211; Latest Uploads or Favorites</li>
<li>Flickr &#8211; Latest Uploads</li>
<li>last.fm &#8211; Loved Tracks, Recent Tracks or Reply Tracker</li>
<li>dribbble &#8211; Latest shots &#038; Likes</li>
<li>Vimeo &#8211; Likes, Videos, Appeared In, Albums, Channels &#038; Groups</li>
<li>Stumbleupon &#8211; Favorites or Reviews</li>
</ul>
<p>Set up is quick and easy via the user interface in the plugin settings page in WordPress admin:</p>
<p><img src="http://www.designchemical.com/blog/wp-content/themes/dc2011/dcsnt/social_network_tabs_ui.png" alt="" /></p>
<h3>Plugin Demos</h3>
<div class="banner-horizontal float-right">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7740611438413740";
/* Link Mid Content */
google_ad_slot = "2373698085";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<ul class="content-list">
<li><a href="/blog/index.php/premium-wordpress-plugins/social-network-tabs-example-1/">Quickstart</a></li>
<li><a href="/blog/index.php/premium-wordpress-plugins/social-network-tabs-example-2/">Options</a></li>
<li><a href="/blog/index.php/premium-wordpress-plugins/social-network-tabs-example-3/">Static Tabs</a></li>
<li><a href="/blog/index.php/premium-wordpress-plugins/social-network-tabs-example-4/">Inline Sliding Tabs</a></li>
<li><a href="/blog/index.php/premium-wordpress-plugins/social-network-tabs-example-5/">Using Links Shortcode</a></li>
</ul>
<p><a href="http://codecanyon.net/item/social-network-tabs-for-wordpress/1982987?ref=designchemical">Purchase from codecanyon</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=fON3Z49XM_o:ZNp67uVm4UQ:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=fON3Z49XM_o:ZNp67uVm4UQ:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=fON3Z49XM_o:ZNp67uVm4UQ:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=fON3Z49XM_o:ZNp67uVm4UQ:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=fON3Z49XM_o:ZNp67uVm4UQ:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=fON3Z49XM_o:ZNp67uVm4UQ:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=fON3Z49XM_o:ZNp67uVm4UQ:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=fON3Z49XM_o:ZNp67uVm4UQ:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=fON3Z49XM_o:ZNp67uVm4UQ:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=fON3Z49XM_o:ZNp67uVm4UQ:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/fON3Z49XM_o" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:113:"http://www.designchemical.com/blog/index.php/wordpress-plugins/premium-wordpress-plugin-social-network-tabs/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"4";}s:10:"feedburner";a:1:{s:8:"origlink";s:108:"http://www.designchemical.com/blog/index.php/wordpress-plugins/premium-wordpress-plugin-social-network-tabs/";}s:7:"summary";s:646:"<p>Our latest premium WordPress plugin adds our recent jQuery Social Media Tabs plugin to any WordPress website.</p>
<p>Go To Social Network Tabs for WordPress Demo Site</p>
Plugin Supports 13 Social Networks with 30 Feed Options
<ul class="content-list">
<li>Twitter &#8211; Latest Tweets</li>
<li>Facebook &#8211; Wall Posts</li>
<li>Facebook &#8211; Like Box</li>
<li>Facebook &#8211; Recommendations</li>
<li>Google +1 &#8211; Latest google profile +1</li>
<li>RSS Feed &#8211; </li> &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class="read_more">more</a></ul>";s:12:"atom_content";s:3895:"<p>Our latest premium WordPress plugin adds our recent <a href="/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/" class="external underline">jQuery Social Media Tabs plugin</a> to any WordPress website.</p>
<p><a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class="external underline">Go To Social Network Tabs for WordPress Demo Site</a></p>
<h3>Plugin Supports 13 Social Networks with 30 Feed Options</h3>
<ul class="content-list">
<li>Twitter &#8211; Latest Tweets</li>
<li>Facebook &#8211; Wall Posts</li>
<li>Facebook &#8211; Like Box</li>
<li>Facebook &#8211; Recommendations</li>
<li>Google +1 &#8211; Latest google profile +1</li>
<li>RSS Feed &#8211; Latest Posts</li>
<li>Delicious &#8211; Latest Likes</li>
<li>Digg &#8211; Latest Diggs</li>
<li>Pinterest &#8211; Latest Pins</li>
<li>Youtube &#8211; Latest Uploads or Favorites</li>
<li>Flickr &#8211; Latest Uploads</li>
<li>last.fm &#8211; Loved Tracks, Recent Tracks or Reply Tracker</li>
<li>dribbble &#8211; Latest shots &#038; Likes</li>
<li>Vimeo &#8211; Likes, Videos, Appeared In, Albums, Channels &#038; Groups</li>
<li>Stumbleupon &#8211; Favorites or Reviews</li>
</ul>
<p>Set up is quick and easy via the user interface in the plugin settings page in WordPress admin:</p>
<p><img src="http://www.designchemical.com/blog/wp-content/themes/dc2011/dcsnt/social_network_tabs_ui.png" alt="" /></p>
<h3>Plugin Demos</h3>
<div class="banner-horizontal float-right">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7740611438413740";
/* Link Mid Content */
google_ad_slot = "2373698085";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<ul class="content-list">
<li><a href="/blog/index.php/premium-wordpress-plugins/social-network-tabs-example-1/">Quickstart</a></li>
<li><a href="/blog/index.php/premium-wordpress-plugins/social-network-tabs-example-2/">Options</a></li>
<li><a href="/blog/index.php/premium-wordpress-plugins/social-network-tabs-example-3/">Static Tabs</a></li>
<li><a href="/blog/index.php/premium-wordpress-plugins/social-network-tabs-example-4/">Inline Sliding Tabs</a></li>
<li><a href="/blog/index.php/premium-wordpress-plugins/social-network-tabs-example-5/">Using Links Shortcode</a></li>
</ul>
<p><a href="http://codecanyon.net/item/social-network-tabs-for-wordpress/1982987?ref=designchemical">Purchase from codecanyon</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=fON3Z49XM_o:ZNp67uVm4UQ:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=fON3Z49XM_o:ZNp67uVm4UQ:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=fON3Z49XM_o:ZNp67uVm4UQ:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=fON3Z49XM_o:ZNp67uVm4UQ:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=fON3Z49XM_o:ZNp67uVm4UQ:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=fON3Z49XM_o:ZNp67uVm4UQ:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=fON3Z49XM_o:ZNp67uVm4UQ:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=fON3Z49XM_o:ZNp67uVm4UQ:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=fON3Z49XM_o:ZNp67uVm4UQ:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=fON3Z49XM_o:ZNp67uVm4UQ:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/fON3Z49XM_o" height="1" width="1"/>";}i:16;a:14:{s:5:"title";s:47:"New Premium jQuery Plugin – Social Media Tabs";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/joFaRVxtPWg/";s:8:"comments";s:113:"http://www.designchemical.com/blog/index.php/jquery-plugins/new-premium-jquery-plugin-social-media-tabs/#comments";s:7:"pubdate";s:31:"Sat, 24 Mar 2012 21:25:12 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:109:"jQuery PluginsAJAXdeliciousdiggfacebookgoogle +1jQuerylast.fmpinterestpluginsrsssocial networkstwitterYouTube";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=2958";s:11:"description";s:653:"<p><img src="/media/images/jquery_social_media_tabs.png" alt="jQuery Social Share Buttons" class="img-border" /></p>
<p>Includes 13 social networks with a total of 30 different feed options &#8211; Combine all of your favorite social networks profiles &#038; feeds into slick slide out or static tabs.</p>
<p>jQuery Social Media Tabs gives similar functionality to our WordPress Social Media Tabs Plugin but with even more social networks and can be added to ANY website &#8230; including WordPress  &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery-plugins/new-premium-jquery-plugin-social-media-tabs/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:4725:"<p><img src="/media/images/jquery_social_media_tabs.png" alt="jQuery Social Share Buttons" class="img-border" /></p>
<p>Includes 13 social networks with a total of 30 different feed options &#8211; Combine all of your favorite social networks profiles &#038; feeds into slick slide out or static tabs.</p>
<p>jQuery Social Media Tabs gives similar functionality to our WordPress Social Media Tabs Plugin but with even more social networks and can be added to ANY website &#8230; including WordPress &#8230; no PHP required!</p>
<p><a href="/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/" class="external underline">Go To jQuery Social Media Tabs Demo Site</a></p>
<h3>Plugin Supports 13 Social Networks</h3>
<ul class="content-list">
<li>Twitter &#8211; Latest Tweets</li>
<li>Facebook &#8211; Wall Posts</li>
<li>Facebook &#8211; Like Box</li>
<li>Facebook &#8211; Recommendations</li>
<li>Google +1 &#8211; Latest google profile +1</li>
<li>RSS Feed &#8211; Latest Posts</li>
<li>Delicious &#8211; Latest Likes</li>
<li>Digg &#8211; Latest Diggs</li>
<li>Pinterest &#8211; Latest Pins</li>
<li>Youtube &#8211; Latest Uploads or Favorites</li>
<li>Flickr &#8211; Latest Uploads</li>
<li>last.fm &#8211; Loved Tracks, Recent Tracks or Reply Tracker</li>
<li>dribbble &#8211; Latest shots &#038; Likes</li>
<li>Vimeo &#8211; Likes, Videos, Appeared In, Albums, Channels &#038; Groups</li>
<li>Stumbleupon &#8211; Favorites or Reviews</li>
</ul>
<p>Each social network tab loaded using AJAX only when required making the plugin very fast loading! Also includes option for auto or manual ticker style rotating content for each social network feed, which gives you unlimited capacity for listing your feed items.</p>
<h3>jQuery Social Media Tabs Plugin Demos</h3>
<p>Check out the <a href="/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/" class="underline">plugin home page</a> for more details or view the social media tabs demos, include the configurable <a href="/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin-example-2/">&#8220;Create your own demo&#8221;</a>:</p>
<div class="banner-horizontal float-right">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7740611438413740";
/* Link Mid Content */
google_ad_slot = "2373698085";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<ul class="content-list">
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin-example-1/">Quickstart &#8211; default plugin options</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin-example-2/">Create your own demo</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin-example-3/">Static Tabs</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin-example-4/">Inline Sliding Tabs</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin-example-5/">Using External Links</a></li>
</ul>
<p>jQuery Social Media Tabs is now available from <a href="http://codecanyon.net/item/jquery-social-media-tabs/1932796?ref=designchemical" class="external underline" rel="nofollow">codecanyon</a>.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=joFaRVxtPWg:Zglq94gYBtI:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=joFaRVxtPWg:Zglq94gYBtI:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=joFaRVxtPWg:Zglq94gYBtI:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=joFaRVxtPWg:Zglq94gYBtI:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=joFaRVxtPWg:Zglq94gYBtI:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=joFaRVxtPWg:Zglq94gYBtI:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=joFaRVxtPWg:Zglq94gYBtI:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=joFaRVxtPWg:Zglq94gYBtI:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=joFaRVxtPWg:Zglq94gYBtI:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=joFaRVxtPWg:Zglq94gYBtI:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/joFaRVxtPWg" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:109:"http://www.designchemical.com/blog/index.php/jquery-plugins/new-premium-jquery-plugin-social-media-tabs/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"3";}s:10:"feedburner";a:1:{s:8:"origlink";s:104:"http://www.designchemical.com/blog/index.php/jquery-plugins/new-premium-jquery-plugin-social-media-tabs/";}s:7:"summary";s:653:"<p><img src="/media/images/jquery_social_media_tabs.png" alt="jQuery Social Share Buttons" class="img-border" /></p>
<p>Includes 13 social networks with a total of 30 different feed options &#8211; Combine all of your favorite social networks profiles &#038; feeds into slick slide out or static tabs.</p>
<p>jQuery Social Media Tabs gives similar functionality to our WordPress Social Media Tabs Plugin but with even more social networks and can be added to ANY website &#8230; including WordPress  &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery-plugins/new-premium-jquery-plugin-social-media-tabs/" class="read_more">more</a></p>";s:12:"atom_content";s:4725:"<p><img src="/media/images/jquery_social_media_tabs.png" alt="jQuery Social Share Buttons" class="img-border" /></p>
<p>Includes 13 social networks with a total of 30 different feed options &#8211; Combine all of your favorite social networks profiles &#038; feeds into slick slide out or static tabs.</p>
<p>jQuery Social Media Tabs gives similar functionality to our WordPress Social Media Tabs Plugin but with even more social networks and can be added to ANY website &#8230; including WordPress &#8230; no PHP required!</p>
<p><a href="/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/" class="external underline">Go To jQuery Social Media Tabs Demo Site</a></p>
<h3>Plugin Supports 13 Social Networks</h3>
<ul class="content-list">
<li>Twitter &#8211; Latest Tweets</li>
<li>Facebook &#8211; Wall Posts</li>
<li>Facebook &#8211; Like Box</li>
<li>Facebook &#8211; Recommendations</li>
<li>Google +1 &#8211; Latest google profile +1</li>
<li>RSS Feed &#8211; Latest Posts</li>
<li>Delicious &#8211; Latest Likes</li>
<li>Digg &#8211; Latest Diggs</li>
<li>Pinterest &#8211; Latest Pins</li>
<li>Youtube &#8211; Latest Uploads or Favorites</li>
<li>Flickr &#8211; Latest Uploads</li>
<li>last.fm &#8211; Loved Tracks, Recent Tracks or Reply Tracker</li>
<li>dribbble &#8211; Latest shots &#038; Likes</li>
<li>Vimeo &#8211; Likes, Videos, Appeared In, Albums, Channels &#038; Groups</li>
<li>Stumbleupon &#8211; Favorites or Reviews</li>
</ul>
<p>Each social network tab loaded using AJAX only when required making the plugin very fast loading! Also includes option for auto or manual ticker style rotating content for each social network feed, which gives you unlimited capacity for listing your feed items.</p>
<h3>jQuery Social Media Tabs Plugin Demos</h3>
<p>Check out the <a href="/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/" class="underline">plugin home page</a> for more details or view the social media tabs demos, include the configurable <a href="/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin-example-2/">&#8220;Create your own demo&#8221;</a>:</p>
<div class="banner-horizontal float-right">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7740611438413740";
/* Link Mid Content */
google_ad_slot = "2373698085";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<ul class="content-list">
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin-example-1/">Quickstart &#8211; default plugin options</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin-example-2/">Create your own demo</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin-example-3/">Static Tabs</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin-example-4/">Inline Sliding Tabs</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin-example-5/">Using External Links</a></li>
</ul>
<p>jQuery Social Media Tabs is now available from <a href="http://codecanyon.net/item/jquery-social-media-tabs/1932796?ref=designchemical" class="external underline" rel="nofollow">codecanyon</a>.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=joFaRVxtPWg:Zglq94gYBtI:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=joFaRVxtPWg:Zglq94gYBtI:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=joFaRVxtPWg:Zglq94gYBtI:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=joFaRVxtPWg:Zglq94gYBtI:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=joFaRVxtPWg:Zglq94gYBtI:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=joFaRVxtPWg:Zglq94gYBtI:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=joFaRVxtPWg:Zglq94gYBtI:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=joFaRVxtPWg:Zglq94gYBtI:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=joFaRVxtPWg:Zglq94gYBtI:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=joFaRVxtPWg:Zglq94gYBtI:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/joFaRVxtPWg" height="1" width="1"/>";}i:17;a:14:{s:5:"title";s:56:"New Premium jQuery Plugin – Social Media Share Buttons";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/PGi1QAxcPz0/";s:8:"comments";s:113:"http://www.designchemical.com/blog/index.php/jquery-plugins/new-jquery-plugin-social-mediashare-buttons/#comments";s:7:"pubdate";s:31:"Wed, 07 Mar 2012 06:55:34 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:116:"jQuery PluginsSocial Networksanimationdeliciousdiggfacebookgoogle +1jQuerylinkedinpinterestpluginsstumbleupontwitter";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=2343";s:11:"description";s:750:"<p><img src="/media/images/jquery_social_share_buttons.png" alt="jQuery Social Share Buttons" class="img-border" /></p>
<p>The new Premium jQuery Social Share Buttons plugin uses jQuery to quickly and easily add all of the main social share buttons in a floating panel.</p>
<p>This now gives the same functionality as our WordPress Slick Social Share Buttons Plugin and can be added to ANY website.</p>
<h4>Plugin Supports 9 Social Networks</h4>
<ul class="content-list">
<li>Twitter</li>
<li>Facebook</li>
<li>Google +1</li>
<li>LinkedIn</li>
<li>Delicious</li>
<li>Digg</li>
<li>Pinterest</li> &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery-plugins/new-jquery-plugin-social-mediashare-buttons/" class="read_more">more</a></ul>";s:7:"content";a:1:{s:7:"encoded";s:3902:"<p><img src="/media/images/jquery_social_share_buttons.png" alt="jQuery Social Share Buttons" class="img-border" /></p>
<p>The new <a href="/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin/" class="underline">Premium jQuery Social Share Buttons plugin</a> uses jQuery to quickly and easily add all of the main social share buttons in a floating panel.</p>
<p>This now gives the same functionality as our WordPress <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/" class="underline">Slick Social Share Buttons Plugin</a> and can be added to ANY website.</p>
<h4>Plugin Supports 9 Social Networks</h4>
<ul class="content-list">
<li>Twitter</li>
<li>Facebook</li>
<li>Google +1</li>
<li>LinkedIn</li>
<li>Delicious</li>
<li>Digg</li>
<li>Pinterest</li>
<li>Stumbleupon</li>
<li>Buffer</li>
</ul>
<p>The plugin has a range of options giving you full control of location of button panel (top, bottom, left or right) and offset from edge of browser. Select the size of the social media buttons, display order and which buttons to display.</p>
<p>The button panel can be set to open on page load, auto-close, disable floating effects and adjust both the floating and panel sliding animation speeds.</p>
<h4>Social Share Buttons Plugin Demos</h4>
<div class="banner-horizontal float-right">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7740611438413740";
/* Link Mid Content */
google_ad_slot = "2373698085";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<ul class="content-list">
<li><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin/">Introduction</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin-example-1/">Demo 1 &#8211; Quickstart</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin-example-2/">Demo 2 &#8211; Custom Buttons</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin-example-3/">Demo 3 &#8211; Positioning</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin-example-4/">Create a Toolbar</a></li>
<li class="last"><a href="http://codecanyon.net/item/jquery-social-share-buttons-plugin/1742435?ref=designchemical" rel="nofollow" class="external">Purchase From Codecanyon</a></li>
</ul>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=PGi1QAxcPz0:K2tldR_bwPo:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=PGi1QAxcPz0:K2tldR_bwPo:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=PGi1QAxcPz0:K2tldR_bwPo:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=PGi1QAxcPz0:K2tldR_bwPo:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=PGi1QAxcPz0:K2tldR_bwPo:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=PGi1QAxcPz0:K2tldR_bwPo:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=PGi1QAxcPz0:K2tldR_bwPo:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=PGi1QAxcPz0:K2tldR_bwPo:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=PGi1QAxcPz0:K2tldR_bwPo:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=PGi1QAxcPz0:K2tldR_bwPo:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/PGi1QAxcPz0" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:109:"http://www.designchemical.com/blog/index.php/jquery-plugins/new-jquery-plugin-social-mediashare-buttons/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"5";}s:10:"feedburner";a:1:{s:8:"origlink";s:104:"http://www.designchemical.com/blog/index.php/jquery-plugins/new-jquery-plugin-social-mediashare-buttons/";}s:7:"summary";s:750:"<p><img src="/media/images/jquery_social_share_buttons.png" alt="jQuery Social Share Buttons" class="img-border" /></p>
<p>The new Premium jQuery Social Share Buttons plugin uses jQuery to quickly and easily add all of the main social share buttons in a floating panel.</p>
<p>This now gives the same functionality as our WordPress Slick Social Share Buttons Plugin and can be added to ANY website.</p>
<h4>Plugin Supports 9 Social Networks</h4>
<ul class="content-list">
<li>Twitter</li>
<li>Facebook</li>
<li>Google +1</li>
<li>LinkedIn</li>
<li>Delicious</li>
<li>Digg</li>
<li>Pinterest</li> &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery-plugins/new-jquery-plugin-social-mediashare-buttons/" class="read_more">more</a></ul>";s:12:"atom_content";s:3902:"<p><img src="/media/images/jquery_social_share_buttons.png" alt="jQuery Social Share Buttons" class="img-border" /></p>
<p>The new <a href="/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin/" class="underline">Premium jQuery Social Share Buttons plugin</a> uses jQuery to quickly and easily add all of the main social share buttons in a floating panel.</p>
<p>This now gives the same functionality as our WordPress <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/" class="underline">Slick Social Share Buttons Plugin</a> and can be added to ANY website.</p>
<h4>Plugin Supports 9 Social Networks</h4>
<ul class="content-list">
<li>Twitter</li>
<li>Facebook</li>
<li>Google +1</li>
<li>LinkedIn</li>
<li>Delicious</li>
<li>Digg</li>
<li>Pinterest</li>
<li>Stumbleupon</li>
<li>Buffer</li>
</ul>
<p>The plugin has a range of options giving you full control of location of button panel (top, bottom, left or right) and offset from edge of browser. Select the size of the social media buttons, display order and which buttons to display.</p>
<p>The button panel can be set to open on page load, auto-close, disable floating effects and adjust both the floating and panel sliding animation speeds.</p>
<h4>Social Share Buttons Plugin Demos</h4>
<div class="banner-horizontal float-right">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7740611438413740";
/* Link Mid Content */
google_ad_slot = "2373698085";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<ul class="content-list">
<li><a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin/">Introduction</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin-example-1/">Demo 1 &#8211; Quickstart</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin-example-2/">Demo 2 &#8211; Custom Buttons</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin-example-3/">Demo 3 &#8211; Positioning</a></li>
<li><a href="/blog/index.php/premium-jquery-plugins/jquery-social-share-buttons-plugin-example-4/">Create a Toolbar</a></li>
<li class="last"><a href="http://codecanyon.net/item/jquery-social-share-buttons-plugin/1742435?ref=designchemical" rel="nofollow" class="external">Purchase From Codecanyon</a></li>
</ul>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=PGi1QAxcPz0:K2tldR_bwPo:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=PGi1QAxcPz0:K2tldR_bwPo:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=PGi1QAxcPz0:K2tldR_bwPo:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=PGi1QAxcPz0:K2tldR_bwPo:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=PGi1QAxcPz0:K2tldR_bwPo:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=PGi1QAxcPz0:K2tldR_bwPo:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=PGi1QAxcPz0:K2tldR_bwPo:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=PGi1QAxcPz0:K2tldR_bwPo:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=PGi1QAxcPz0:K2tldR_bwPo:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=PGi1QAxcPz0:K2tldR_bwPo:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/PGi1QAxcPz0" height="1" width="1"/>";}i:18;a:14:{s:5:"title";s:78:"Google Plus, Pinterest & Flickr Updates For Social Media Tabs WordPress Plugin";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/-0K5rY3evzU/";s:8:"comments";s:148:"http://www.designchemical.com/blog/index.php/wordpress-plugins/google-plus-pinterest-flickr-updates-for-social-media-tabs-wordpress-plugin/#comments";s:7:"pubdate";s:31:"Fri, 17 Feb 2012 13:16:21 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:133:"Social NetworksWordpress Pluginsfacebookflickrgoogle +1jQuerypinterestpluginssocial mediasocial networkstwitterwidgetwordpressYouTube";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=2751";s:11:"description";s:616:"<p><img src="/media/images/google_pinterest_flickr.png" alt="" /></p>
<p>The latest version of the Social Media Tabs WordPress plugin adds 3 new social network tabs; google plus, pinterest &#038; flickr plus a custom tab for adding your own widgets.</p>
Google Plus Feed
<p>After the shutdown of the google buzz API in November last year the plugin has been without a decent google tab. The latest version finally now includes  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/google-plus-pinterest-flickr-updates-for-social-media-tabs-wordpress-plugin/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:3573:"<p><img src="/media/images/google_pinterest_flickr.png" alt="" /></p>
<p>The latest version of the <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-social-media-tabs/">Social Media Tabs WordPress plugin</a> adds 3 new social network tabs; google plus, pinterest &#038; flickr plus a custom tab for adding your own widgets.</p>
<h3>Google Plus Feed</h3>
<p>After the shutdown of the google buzz API in November last year the plugin has been without a decent google tab. The latest version finally now includes a google plus feed, using the <a href="http://code.google.com/p/googleplus-activity-widget/" rel="nofollow" class="external">google plus activity</a> jQuery plugin.</p>
<p>The widget requires a google API key &#8211; see <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-social-media-tabs/">plugin project page</a> for more details on how to create your own API key.</p>
<h3>Pinterest Latest Pins &#038; Follow Button</h3>
<p>Pinterest continues to become more and more popular as a social sharing tool. The new pinterest tab now gives you the ability to list your latest pins with the thumbnail images, description and date it was pinned. The pins are displayed individually in a carousel so there are no restrictions on the number of results.</p>
<p>The pinterest tab also includes the option to add a &#8220;Follow Me&#8221; button linked to your profile.</p>
<h3>Flickr Thumbnails</h3>
<p>The third major update to the plugin is a Flickr tab, which you can use to display a gallery of thumbnails from any Flickr User.</p>
<h3>Custom Tab</h3>
<p>To make the plugin even more flexible we have now added a &#8220;custom&#8221; tab, which allows you to add your own social network feed or widget.</p>
<p>The custom icon can be set via the plugin options page in admin and the content added to the tab via a shortcode.</p>
<h3>Social Media Tabs Plugin</h3>
<p>With the new additions the plugin now includes tabs for &#8211; Twitter, Facebook, Google Plus, RSS, YouTube, Flickr &#038; Pinterest.</p</p>
<p>For more information and download go to &#8211; <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-social-media-tabs/">Social Media Tabs WordPress Plugin project page</a>.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-0K5rY3evzU:ET-m5cYL0A4:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-0K5rY3evzU:ET-m5cYL0A4:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-0K5rY3evzU:ET-m5cYL0A4:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-0K5rY3evzU:ET-m5cYL0A4:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-0K5rY3evzU:ET-m5cYL0A4:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-0K5rY3evzU:ET-m5cYL0A4:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-0K5rY3evzU:ET-m5cYL0A4:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-0K5rY3evzU:ET-m5cYL0A4:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-0K5rY3evzU:ET-m5cYL0A4:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-0K5rY3evzU:ET-m5cYL0A4:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/-0K5rY3evzU" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:144:"http://www.designchemical.com/blog/index.php/wordpress-plugins/google-plus-pinterest-flickr-updates-for-social-media-tabs-wordpress-plugin/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"2";}s:10:"feedburner";a:1:{s:8:"origlink";s:139:"http://www.designchemical.com/blog/index.php/wordpress-plugins/google-plus-pinterest-flickr-updates-for-social-media-tabs-wordpress-plugin/";}s:7:"summary";s:616:"<p><img src="/media/images/google_pinterest_flickr.png" alt="" /></p>
<p>The latest version of the Social Media Tabs WordPress plugin adds 3 new social network tabs; google plus, pinterest &#038; flickr plus a custom tab for adding your own widgets.</p>
Google Plus Feed
<p>After the shutdown of the google buzz API in November last year the plugin has been without a decent google tab. The latest version finally now includes  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/google-plus-pinterest-flickr-updates-for-social-media-tabs-wordpress-plugin/" class="read_more">more</a></p>";s:12:"atom_content";s:3573:"<p><img src="/media/images/google_pinterest_flickr.png" alt="" /></p>
<p>The latest version of the <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-social-media-tabs/">Social Media Tabs WordPress plugin</a> adds 3 new social network tabs; google plus, pinterest &#038; flickr plus a custom tab for adding your own widgets.</p>
<h3>Google Plus Feed</h3>
<p>After the shutdown of the google buzz API in November last year the plugin has been without a decent google tab. The latest version finally now includes a google plus feed, using the <a href="http://code.google.com/p/googleplus-activity-widget/" rel="nofollow" class="external">google plus activity</a> jQuery plugin.</p>
<p>The widget requires a google API key &#8211; see <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-social-media-tabs/">plugin project page</a> for more details on how to create your own API key.</p>
<h3>Pinterest Latest Pins &#038; Follow Button</h3>
<p>Pinterest continues to become more and more popular as a social sharing tool. The new pinterest tab now gives you the ability to list your latest pins with the thumbnail images, description and date it was pinned. The pins are displayed individually in a carousel so there are no restrictions on the number of results.</p>
<p>The pinterest tab also includes the option to add a &#8220;Follow Me&#8221; button linked to your profile.</p>
<h3>Flickr Thumbnails</h3>
<p>The third major update to the plugin is a Flickr tab, which you can use to display a gallery of thumbnails from any Flickr User.</p>
<h3>Custom Tab</h3>
<p>To make the plugin even more flexible we have now added a &#8220;custom&#8221; tab, which allows you to add your own social network feed or widget.</p>
<p>The custom icon can be set via the plugin options page in admin and the content added to the tab via a shortcode.</p>
<h3>Social Media Tabs Plugin</h3>
<p>With the new additions the plugin now includes tabs for &#8211; Twitter, Facebook, Google Plus, RSS, YouTube, Flickr &#038; Pinterest.</p</p>
<p>For more information and download go to &#8211; <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-social-media-tabs/">Social Media Tabs WordPress Plugin project page</a>.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-0K5rY3evzU:ET-m5cYL0A4:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-0K5rY3evzU:ET-m5cYL0A4:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-0K5rY3evzU:ET-m5cYL0A4:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-0K5rY3evzU:ET-m5cYL0A4:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-0K5rY3evzU:ET-m5cYL0A4:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-0K5rY3evzU:ET-m5cYL0A4:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-0K5rY3evzU:ET-m5cYL0A4:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-0K5rY3evzU:ET-m5cYL0A4:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=-0K5rY3evzU:ET-m5cYL0A4:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=-0K5rY3evzU:ET-m5cYL0A4:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/-0K5rY3evzU" height="1" width="1"/>";}i:19;a:14:{s:5:"title";s:64:"Pinterest & Buffer Button Updates For Slick Social Shares Plugin";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/pzeLAIhFMIU/";s:8:"comments";s:135:"http://www.designchemical.com/blog/index.php/wordpress-plugins/pinterest-buffer-button-updates-for-slick-social-shares-plugin/#comments";s:7:"pubdate";s:31:"Fri, 10 Feb 2012 01:42:34 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:103:"Social NetworksWordpress Pluginsbufferpin itpinterestpluginssocial mediasocial networksupdateswordpress";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=2718";s:11:"description";s:657:"<p><img src="/media/images/pinit_buffer.png" alt="Pinterest &#038; Buffer" /></p>
<p>The latest version of the Slick Social Shares Buttons WordPress Plugin includes a new addition &#8211; the Buffer button and an exciting feature addition to the increasingly popular pinterest pinit button.</p>
Buffer Button
<p>Buffer is a social network sharing service, which allows you to add Tweets and Facebook posts to your Buffer account and automatically share that content throughout the  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/pinterest-buffer-button-updates-for-slick-social-shares-plugin/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:3506:"<p><img src="/media/images/pinit_buffer.png" alt="Pinterest &#038; Buffer" /></p>
<p>The latest version of the <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">Slick Social Shares Buttons WordPress Plugin</a> includes a new addition &#8211; the Buffer button and an exciting feature addition to the increasingly popular pinterest pinit button.</p>
<h3>Buffer Button</h3>
<p>Buffer is a social network sharing service, which allows you to add Tweets and Facebook posts to your Buffer account and automatically share that content throughout the day. Let Buffer handle the work maintaining your social network presence, allowing you to concentrate on finding great content!</p>
<p>Check out the Buffer website for more info &#8211; <a href="http://bufferapp.com/" rel="nofollow" class="external">ttp://bufferapp.com/</a>.</p>
<h3>New Pinterest Image Feature</h3>
<p>The new and improved pinterest button for the WordPress slick social share buttons plugin now comes with the option to use a feature, which allows the user to select which image to pin based on all of the available and suitable content on the page.</p>
<p>When the user clicks the &#8220;Pin It&#8221; button the image thumbnails are shown in a gallery overlay.</p>
<p>The latest version of Slick Social Share Buttons Plugin now gives you the option to use the standard button, which automatically uses the post&#8217;s featured image or the new system and give the control to your users. To try out the new button</p>
<p>Both updates are available starting with <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">Slick Social Shares Buttons version 2.4</a>.</p>
<h3>Maximising Your Social Network Data</h3>
<p>Dont forget to take a look at our latest commercial social network plugin &#8211; <a href="/blog/index.php/wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/">Top Social Share Posts</a>.</p>
<p>Promote both your content and increase your social network activity by showing your most popular posts based on total facebook likes, total number of tweets, pins, diggs, plus ones, etc</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pzeLAIhFMIU:hjzEzVTflAg:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=pzeLAIhFMIU:hjzEzVTflAg:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pzeLAIhFMIU:hjzEzVTflAg:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=pzeLAIhFMIU:hjzEzVTflAg:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pzeLAIhFMIU:hjzEzVTflAg:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=pzeLAIhFMIU:hjzEzVTflAg:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pzeLAIhFMIU:hjzEzVTflAg:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pzeLAIhFMIU:hjzEzVTflAg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pzeLAIhFMIU:hjzEzVTflAg:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=pzeLAIhFMIU:hjzEzVTflAg:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/pzeLAIhFMIU" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:131:"http://www.designchemical.com/blog/index.php/wordpress-plugins/pinterest-buffer-button-updates-for-slick-social-shares-plugin/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"0";}s:10:"feedburner";a:1:{s:8:"origlink";s:126:"http://www.designchemical.com/blog/index.php/wordpress-plugins/pinterest-buffer-button-updates-for-slick-social-shares-plugin/";}s:7:"summary";s:657:"<p><img src="/media/images/pinit_buffer.png" alt="Pinterest &#038; Buffer" /></p>
<p>The latest version of the Slick Social Shares Buttons WordPress Plugin includes a new addition &#8211; the Buffer button and an exciting feature addition to the increasingly popular pinterest pinit button.</p>
Buffer Button
<p>Buffer is a social network sharing service, which allows you to add Tweets and Facebook posts to your Buffer account and automatically share that content throughout the  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/pinterest-buffer-button-updates-for-slick-social-shares-plugin/" class="read_more">more</a></p>";s:12:"atom_content";s:3506:"<p><img src="/media/images/pinit_buffer.png" alt="Pinterest &#038; Buffer" /></p>
<p>The latest version of the <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">Slick Social Shares Buttons WordPress Plugin</a> includes a new addition &#8211; the Buffer button and an exciting feature addition to the increasingly popular pinterest pinit button.</p>
<h3>Buffer Button</h3>
<p>Buffer is a social network sharing service, which allows you to add Tweets and Facebook posts to your Buffer account and automatically share that content throughout the day. Let Buffer handle the work maintaining your social network presence, allowing you to concentrate on finding great content!</p>
<p>Check out the Buffer website for more info &#8211; <a href="http://bufferapp.com/" rel="nofollow" class="external">ttp://bufferapp.com/</a>.</p>
<h3>New Pinterest Image Feature</h3>
<p>The new and improved pinterest button for the WordPress slick social share buttons plugin now comes with the option to use a feature, which allows the user to select which image to pin based on all of the available and suitable content on the page.</p>
<p>When the user clicks the &#8220;Pin It&#8221; button the image thumbnails are shown in a gallery overlay.</p>
<p>The latest version of Slick Social Share Buttons Plugin now gives you the option to use the standard button, which automatically uses the post&#8217;s featured image or the new system and give the control to your users. To try out the new button</p>
<p>Both updates are available starting with <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">Slick Social Shares Buttons version 2.4</a>.</p>
<h3>Maximising Your Social Network Data</h3>
<p>Dont forget to take a look at our latest commercial social network plugin &#8211; <a href="/blog/index.php/wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/">Top Social Share Posts</a>.</p>
<p>Promote both your content and increase your social network activity by showing your most popular posts based on total facebook likes, total number of tweets, pins, diggs, plus ones, etc</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pzeLAIhFMIU:hjzEzVTflAg:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=pzeLAIhFMIU:hjzEzVTflAg:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pzeLAIhFMIU:hjzEzVTflAg:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=pzeLAIhFMIU:hjzEzVTflAg:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pzeLAIhFMIU:hjzEzVTflAg:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=pzeLAIhFMIU:hjzEzVTflAg:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pzeLAIhFMIU:hjzEzVTflAg:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pzeLAIhFMIU:hjzEzVTflAg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=pzeLAIhFMIU:hjzEzVTflAg:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=pzeLAIhFMIU:hjzEzVTflAg:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/pzeLAIhFMIU" height="1" width="1"/>";}i:20;a:14:{s:5:"title";s:51:"Premium WordPress Plugin – Top Social Share Posts";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/3AlS0z6eu6Q/";s:8:"comments";s:120:"http://www.designchemical.com/blog/index.php/wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/#comments";s:7:"pubdate";s:31:"Wed, 08 Feb 2012 07:48:01 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:147:"Social NetworksWordpress Pluginsaccordiongoogle +1jQuerylinkedinpin itpinterestpluginspremiumsocial mediasocial networksstumbleupontwitterwordpress";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=2614";s:11:"description";s:724:"<p><img src="/media/images/top_social_share_posts.png" alt="Top Social Share Posts WordPress Plugin" class="img-border" /></p>
<p>Now you can list most popular posts according to social shares/likes.</p>
<p>With full support for Facebook, Twitter, Google +1, Linkedin, Digg, Delicious, Stumbleupon, Reddit &#038; Pinterest it offers a great range of options for promoting both your content and your social networks.</p>
<p>Go to plugin demo &#038; home page or Purchase at Codecanyon.</p>
Top Social Share Posts Demo Pages
<ul class="content-list">
<li>Top </li> &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/" class="read_more">more</a></ul>";s:7:"content";a:1:{s:7:"encoded";s:5486:"<p><img src="/media/images/top_social_share_posts.png" alt="Top Social Share Posts WordPress Plugin" class="img-border" /></p>
<p>Now you can list most popular posts according to social shares/likes.</p>
<p>With full support for Facebook, Twitter, Google +1, Linkedin, Digg, Delicious, Stumbleupon, Reddit &#038; Pinterest it offers a great range of options for promoting both your content and your social networks.</p>
<p><a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/" class="underline">Go to plugin demo &#038; home page</a> or <a href="http://codecanyon.net/item/top-social-share-posts/1538572?ref=designchemical" rel="nofollow" class="external underline">Purchase at Codecanyon</a>.</p>
<h3>Top Social Share Posts Demo Pages</h3>
<ul class="content-list">
<li><a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/">Top Social Share Posts Carousel &#038; Accordion</a></li>
<li><a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/top-post-for-each-social-network/">Top Post For Each Social Network</a></li>
<li><a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/total-social-shares/">Total Social Share Statistics</a></li>
<li><a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/top-social-posts-by-post-type/">Top Social Posts By Post Type</a></li>
<li><a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/top-social-posts-by-category/">Top Social Posts by Category</a></li>
<li><a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/using-shortcodes/">Example Using Shortcodes</a></li>
</ul>
<p>The plugin includes 2 easy to use widgets:</p>
<h3>Top Social Share Posts</h3>
<ul class="content-list">
<li>Show top posts by social network.</li>
<li>Display using built-in jQuery accordion widget or a slick carousel.</li>
<li>Option to display total share counts for all networks.</li>
<li>Option to list all share counts for each post.</li>
<li>Option to include excerpt in post lists.</li>
<li>Filter by category using the built-in shortcode version.</li>
<li>Include custom post types and display top custom post shares.</li>
</ul>
<h3>Top Social Share Statistics</h3>
<ul class="content-list">
<li>Add a new widget to your site displaying your total shares per network.</li>
<li>Also includes option to add a grand total for all social shares</li>
</ul>
<h3>Plugin Options &#038; Admin Statistics</h3>
<ul class="content-list">
<li>Automatically identifies your custom post types.</li>
<li>Adds option to include custom post types in the share data &#038; widgets.</li>
<li>Enable/disable networks via plugin settings.</li>
<li>Add your own custom social network icons.</li>
<li>Advanced settings for controlling data updates and caching.</li>
<li>Option to cache widget results to minimize loading time</li>
<li>Limit age of posts included in social share counts.</li>
<li>&#8220;Update All&#8221; button for mass update of share counts.</li>
<li>Color pickers and custom CSS field for customising front-end widgets.</li>
<li>Preview widgets in plugin options page.</li>
<li>Plugin includes full documentation &#038; inline admin help.</li>
<li>Social statistics page in admin provides complete overview of all post data.</li>
<li>Sort by date, title or social network &#038; filtter by category or post type</li>
<li>View data using jQuery data heatmap.</li>
<li>Update individual post share data via statistics table.</li>
</ul>
<p>Top Social Share Posts finally adds the ability to list your most popular posts according to social network shares/likes.</p>
<p><a href="http://codecanyon.net/item/top-social-share-posts/1538572?ref=designchemical" rel="nofollow" class="external">Top Social Share Posts now available from Codecanyon</a>.</p>
<p><a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/">Go to plugin demo &#038; home page</a>.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=3AlS0z6eu6Q:NJSz5GlTo1M:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=3AlS0z6eu6Q:NJSz5GlTo1M:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=3AlS0z6eu6Q:NJSz5GlTo1M:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=3AlS0z6eu6Q:NJSz5GlTo1M:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=3AlS0z6eu6Q:NJSz5GlTo1M:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=3AlS0z6eu6Q:NJSz5GlTo1M:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=3AlS0z6eu6Q:NJSz5GlTo1M:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=3AlS0z6eu6Q:NJSz5GlTo1M:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=3AlS0z6eu6Q:NJSz5GlTo1M:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=3AlS0z6eu6Q:NJSz5GlTo1M:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/3AlS0z6eu6Q" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:116:"http://www.designchemical.com/blog/index.php/wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"1";}s:10:"feedburner";a:1:{s:8:"origlink";s:111:"http://www.designchemical.com/blog/index.php/wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/";}s:7:"summary";s:724:"<p><img src="/media/images/top_social_share_posts.png" alt="Top Social Share Posts WordPress Plugin" class="img-border" /></p>
<p>Now you can list most popular posts according to social shares/likes.</p>
<p>With full support for Facebook, Twitter, Google +1, Linkedin, Digg, Delicious, Stumbleupon, Reddit &#038; Pinterest it offers a great range of options for promoting both your content and your social networks.</p>
<p>Go to plugin demo &#038; home page or Purchase at Codecanyon.</p>
Top Social Share Posts Demo Pages
<ul class="content-list">
<li>Top </li> &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/" class="read_more">more</a></ul>";s:12:"atom_content";s:5486:"<p><img src="/media/images/top_social_share_posts.png" alt="Top Social Share Posts WordPress Plugin" class="img-border" /></p>
<p>Now you can list most popular posts according to social shares/likes.</p>
<p>With full support for Facebook, Twitter, Google +1, Linkedin, Digg, Delicious, Stumbleupon, Reddit &#038; Pinterest it offers a great range of options for promoting both your content and your social networks.</p>
<p><a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/" class="underline">Go to plugin demo &#038; home page</a> or <a href="http://codecanyon.net/item/top-social-share-posts/1538572?ref=designchemical" rel="nofollow" class="external underline">Purchase at Codecanyon</a>.</p>
<h3>Top Social Share Posts Demo Pages</h3>
<ul class="content-list">
<li><a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/">Top Social Share Posts Carousel &#038; Accordion</a></li>
<li><a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/top-post-for-each-social-network/">Top Post For Each Social Network</a></li>
<li><a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/total-social-shares/">Total Social Share Statistics</a></li>
<li><a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/top-social-posts-by-post-type/">Top Social Posts By Post Type</a></li>
<li><a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/top-social-posts-by-category/">Top Social Posts by Category</a></li>
<li><a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/using-shortcodes/">Example Using Shortcodes</a></li>
</ul>
<p>The plugin includes 2 easy to use widgets:</p>
<h3>Top Social Share Posts</h3>
<ul class="content-list">
<li>Show top posts by social network.</li>
<li>Display using built-in jQuery accordion widget or a slick carousel.</li>
<li>Option to display total share counts for all networks.</li>
<li>Option to list all share counts for each post.</li>
<li>Option to include excerpt in post lists.</li>
<li>Filter by category using the built-in shortcode version.</li>
<li>Include custom post types and display top custom post shares.</li>
</ul>
<h3>Top Social Share Statistics</h3>
<ul class="content-list">
<li>Add a new widget to your site displaying your total shares per network.</li>
<li>Also includes option to add a grand total for all social shares</li>
</ul>
<h3>Plugin Options &#038; Admin Statistics</h3>
<ul class="content-list">
<li>Automatically identifies your custom post types.</li>
<li>Adds option to include custom post types in the share data &#038; widgets.</li>
<li>Enable/disable networks via plugin settings.</li>
<li>Add your own custom social network icons.</li>
<li>Advanced settings for controlling data updates and caching.</li>
<li>Option to cache widget results to minimize loading time</li>
<li>Limit age of posts included in social share counts.</li>
<li>&#8220;Update All&#8221; button for mass update of share counts.</li>
<li>Color pickers and custom CSS field for customising front-end widgets.</li>
<li>Preview widgets in plugin options page.</li>
<li>Plugin includes full documentation &#038; inline admin help.</li>
<li>Social statistics page in admin provides complete overview of all post data.</li>
<li>Sort by date, title or social network &#038; filtter by category or post type</li>
<li>View data using jQuery data heatmap.</li>
<li>Update individual post share data via statistics table.</li>
</ul>
<p>Top Social Share Posts finally adds the ability to list your most popular posts according to social network shares/likes.</p>
<p><a href="http://codecanyon.net/item/top-social-share-posts/1538572?ref=designchemical" rel="nofollow" class="external">Top Social Share Posts now available from Codecanyon</a>.</p>
<p><a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-top-social-share-posts/">Go to plugin demo &#038; home page</a>.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=3AlS0z6eu6Q:NJSz5GlTo1M:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=3AlS0z6eu6Q:NJSz5GlTo1M:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=3AlS0z6eu6Q:NJSz5GlTo1M:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=3AlS0z6eu6Q:NJSz5GlTo1M:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=3AlS0z6eu6Q:NJSz5GlTo1M:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=3AlS0z6eu6Q:NJSz5GlTo1M:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=3AlS0z6eu6Q:NJSz5GlTo1M:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=3AlS0z6eu6Q:NJSz5GlTo1M:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=3AlS0z6eu6Q:NJSz5GlTo1M:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=3AlS0z6eu6Q:NJSz5GlTo1M:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/3AlS0z6eu6Q" height="1" width="1"/>";}i:21;a:14:{s:5:"title";s:40:"Reddit Social Share Button For WordPress";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/gGKMyA62m0s/";s:8:"comments";s:113:"http://www.designchemical.com/blog/index.php/wordpress-plugins/reddit-social-share-button-for-wordpress/#comments";s:7:"pubdate";s:31:"Sun, 22 Jan 2012 11:32:54 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:73:"Wordpress Pluginspluginsredditsocial mediasocial networksupdateswordpress";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=2608";s:11:"description";s:557:"<p>Slick Social Share Buttons plugin for WordPress version 2.3 now includes the Reddit share button.</p>
<p>Reddit button options include either a horizontal button with/without count or a vertical button with count. Reddit is also included in the plugin&#8217;s Social Statistics page, which provides a summary of share button counts for all pages, posts, category pages and even the site&#8217;s home  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/reddit-social-share-button-for-wordpress/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:2086:"<p><a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">Slick Social Share Buttons</a> plugin for WordPress version 2.3 now includes the Reddit share button.</p>
<p>Reddit button options include either a horizontal button with/without count or a vertical button with count. Reddit is also included in the plugin&#8217;s Social Statistics page, which provides a summary of share button counts for all pages, posts, category pages and even the site&#8217;s home page.</p>
<p>The Reddit button is available starting with version 2.3. For more info check out the <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">Slick Social Share Buttons Plugin</a> page.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gGKMyA62m0s:tohuNaRR9WA:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gGKMyA62m0s:tohuNaRR9WA:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gGKMyA62m0s:tohuNaRR9WA:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gGKMyA62m0s:tohuNaRR9WA:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gGKMyA62m0s:tohuNaRR9WA:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gGKMyA62m0s:tohuNaRR9WA:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gGKMyA62m0s:tohuNaRR9WA:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gGKMyA62m0s:tohuNaRR9WA:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gGKMyA62m0s:tohuNaRR9WA:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gGKMyA62m0s:tohuNaRR9WA:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/gGKMyA62m0s" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:109:"http://www.designchemical.com/blog/index.php/wordpress-plugins/reddit-social-share-button-for-wordpress/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"0";}s:10:"feedburner";a:1:{s:8:"origlink";s:104:"http://www.designchemical.com/blog/index.php/wordpress-plugins/reddit-social-share-button-for-wordpress/";}s:7:"summary";s:557:"<p>Slick Social Share Buttons plugin for WordPress version 2.3 now includes the Reddit share button.</p>
<p>Reddit button options include either a horizontal button with/without count or a vertical button with count. Reddit is also included in the plugin&#8217;s Social Statistics page, which provides a summary of share button counts for all pages, posts, category pages and even the site&#8217;s home  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/reddit-social-share-button-for-wordpress/" class="read_more">more</a></p>";s:12:"atom_content";s:2086:"<p><a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">Slick Social Share Buttons</a> plugin for WordPress version 2.3 now includes the Reddit share button.</p>
<p>Reddit button options include either a horizontal button with/without count or a vertical button with count. Reddit is also included in the plugin&#8217;s Social Statistics page, which provides a summary of share button counts for all pages, posts, category pages and even the site&#8217;s home page.</p>
<p>The Reddit button is available starting with version 2.3. For more info check out the <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">Slick Social Share Buttons Plugin</a> page.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gGKMyA62m0s:tohuNaRR9WA:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gGKMyA62m0s:tohuNaRR9WA:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gGKMyA62m0s:tohuNaRR9WA:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gGKMyA62m0s:tohuNaRR9WA:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gGKMyA62m0s:tohuNaRR9WA:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gGKMyA62m0s:tohuNaRR9WA:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gGKMyA62m0s:tohuNaRR9WA:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gGKMyA62m0s:tohuNaRR9WA:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=gGKMyA62m0s:tohuNaRR9WA:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=gGKMyA62m0s:tohuNaRR9WA:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/gGKMyA62m0s" height="1" width="1"/>";}i:22;a:14:{s:5:"title";s:58:"New WordPress Theme – Caprice Business & Portfolio Theme";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/xPfGMUA-8E4/";s:8:"comments";s:124:"http://www.designchemical.com/blog/index.php/wordpress-themes/new-wordpress-theme-caprice-business-portfolio-theme/#comments";s:7:"pubdate";s:31:"Wed, 11 Jan 2012 16:37:49 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:43:"Wordpress ThemesjQuerylayoutthemeswordpress";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=2588";s:11:"description";s:718:"<p class="text-center"><img src="/media/images/caprice_theme.jpg" alt="Caprice WordPress Theme" class="img-border" /></p>
<p>Caprice is a modern, elegant and clean WordPress theme, suitable for businesses, portfolios and personal blogs. Added features include Social media pages/shortcodes, which allow you to create content pages directly from your twitter, flickr, dribbble, last.fm or tumblr feeds. Combined with the built-in social share button features and facebook API widgets, Caprice offers excellent opportunities to integrate with your social  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-themes/new-wordpress-theme-caprice-business-portfolio-theme/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:4508:"<p class="text-center"><img src="/media/images/caprice_theme.jpg" alt="Caprice WordPress Theme" class="img-border" /></p>
<p>Caprice is a modern, elegant and clean WordPress theme, suitable for businesses, portfolios and personal blogs. Added features include Social media pages/shortcodes, which allow you to create content pages directly from your twitter, flickr, dribbble, last.fm or tumblr feeds. Combined with the built-in social share button features and facebook API widgets, Caprice offers excellent opportunities to integrate with your social networks.</p>
<h3>70+ Built-In Shortcodes &#038; jQuery Features</h3>
<p>Caprice is jQuery enhanced and includes over 70 built-in shortcodes with a shortcode generator, which make creating any layout easy. </p>
<p>The theme also includes jQuery masonry portfolios, a video/image showcase which is created automatically from your portfolio, evolution sliders with 10+ effects as well as a 3D Flash slider, 3 or 4 column elegant pricing table, option to use Facebook Comments, rich styling elements such as buttons, tabs, toggle, pricing table, testimonials, typography, service icons etc, and much more &#8230;</p>
<p>Check out the <a href="http://themes.designchemical.com/#caprice" class="external underline">Caprice live preview site</a>, including online style switcher or purchase from <a href="http://www.mojo-themes.com/item/caprice-wordpress-business-portfolio-theme/?r=designchemical" rel="nofollow" class="external underline">mojo themes</a>.</p>
<h3>Caprice WordPress Theme Features</h3>
<ul class="content-list">
<li>WordPress 3.0+ with menus &#038; featured images</li>
<li>A clean &#038; flexible design</li>
<li>4 portfolio layouts</li>
<li>Slick jQuery masonry portfolio with category filters</li>
<li>Showcase feature &#8211; single page portfolio with individual sliders</li>
<li>Easy color change via the options panel</li>
<li>70+ shortcodes</li>
<li>Built-in shortcode generator for text editors</li>
<li>19 header fonts options using @font-face</li>
<li>Custom slider posts with drag/drop order</li>
<li>2 different slider types including evolution &#038; 3D Flash slider</li>
<li>Shortcodes for social buttons &#8211; facebook, twitter, linkedin, digg, stumbleupon, google plus one &#038; pin it button</li>
<li>Add Twitter, flickr, Dribbble, Last.fm or Tumblr feeds</li>
<li>Sidebar generator</li>
<li>Contact form generator with jQuery validation and AJAX submit</li>
<li>jQuery PrettyPhoto lightbox gallery</li>
<li>Rich styling options: Tabs, toggle, tables, Buttons, boxes, images, Lists, Pricing Table, Testimonials, Typography elements &#038; a complete Service icons set</li>
<li>Layered and grouped PSDs included</li>
<li>Valid xHTML</li>
<li>Thorough help documentation &#038; technical support</li>
</ul>
<h3>Live Preview Site</h3>
<p><a href="http://themes.designchemical.com/#caprice" class="external">http://themes.designchemical.com/#caprice</a></p>
<h3>Purchase Caprice WordPress Theme</h3>
<p><a href="http://www.mojo-themes.com/item/caprice-wordpress-business-portfolio-theme/?r=designchemical" rel="nofollow" class="external">Purchase from mojo themes</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=xPfGMUA-8E4:ePz3CaWv0tI:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=xPfGMUA-8E4:ePz3CaWv0tI:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=xPfGMUA-8E4:ePz3CaWv0tI:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=xPfGMUA-8E4:ePz3CaWv0tI:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=xPfGMUA-8E4:ePz3CaWv0tI:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=xPfGMUA-8E4:ePz3CaWv0tI:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=xPfGMUA-8E4:ePz3CaWv0tI:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=xPfGMUA-8E4:ePz3CaWv0tI:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=xPfGMUA-8E4:ePz3CaWv0tI:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=xPfGMUA-8E4:ePz3CaWv0tI:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/xPfGMUA-8E4" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:120:"http://www.designchemical.com/blog/index.php/wordpress-themes/new-wordpress-theme-caprice-business-portfolio-theme/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"0";}s:10:"feedburner";a:1:{s:8:"origlink";s:115:"http://www.designchemical.com/blog/index.php/wordpress-themes/new-wordpress-theme-caprice-business-portfolio-theme/";}s:7:"summary";s:718:"<p class="text-center"><img src="/media/images/caprice_theme.jpg" alt="Caprice WordPress Theme" class="img-border" /></p>
<p>Caprice is a modern, elegant and clean WordPress theme, suitable for businesses, portfolios and personal blogs. Added features include Social media pages/shortcodes, which allow you to create content pages directly from your twitter, flickr, dribbble, last.fm or tumblr feeds. Combined with the built-in social share button features and facebook API widgets, Caprice offers excellent opportunities to integrate with your social  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-themes/new-wordpress-theme-caprice-business-portfolio-theme/" class="read_more">more</a></p>";s:12:"atom_content";s:4508:"<p class="text-center"><img src="/media/images/caprice_theme.jpg" alt="Caprice WordPress Theme" class="img-border" /></p>
<p>Caprice is a modern, elegant and clean WordPress theme, suitable for businesses, portfolios and personal blogs. Added features include Social media pages/shortcodes, which allow you to create content pages directly from your twitter, flickr, dribbble, last.fm or tumblr feeds. Combined with the built-in social share button features and facebook API widgets, Caprice offers excellent opportunities to integrate with your social networks.</p>
<h3>70+ Built-In Shortcodes &#038; jQuery Features</h3>
<p>Caprice is jQuery enhanced and includes over 70 built-in shortcodes with a shortcode generator, which make creating any layout easy. </p>
<p>The theme also includes jQuery masonry portfolios, a video/image showcase which is created automatically from your portfolio, evolution sliders with 10+ effects as well as a 3D Flash slider, 3 or 4 column elegant pricing table, option to use Facebook Comments, rich styling elements such as buttons, tabs, toggle, pricing table, testimonials, typography, service icons etc, and much more &#8230;</p>
<p>Check out the <a href="http://themes.designchemical.com/#caprice" class="external underline">Caprice live preview site</a>, including online style switcher or purchase from <a href="http://www.mojo-themes.com/item/caprice-wordpress-business-portfolio-theme/?r=designchemical" rel="nofollow" class="external underline">mojo themes</a>.</p>
<h3>Caprice WordPress Theme Features</h3>
<ul class="content-list">
<li>WordPress 3.0+ with menus &#038; featured images</li>
<li>A clean &#038; flexible design</li>
<li>4 portfolio layouts</li>
<li>Slick jQuery masonry portfolio with category filters</li>
<li>Showcase feature &#8211; single page portfolio with individual sliders</li>
<li>Easy color change via the options panel</li>
<li>70+ shortcodes</li>
<li>Built-in shortcode generator for text editors</li>
<li>19 header fonts options using @font-face</li>
<li>Custom slider posts with drag/drop order</li>
<li>2 different slider types including evolution &#038; 3D Flash slider</li>
<li>Shortcodes for social buttons &#8211; facebook, twitter, linkedin, digg, stumbleupon, google plus one &#038; pin it button</li>
<li>Add Twitter, flickr, Dribbble, Last.fm or Tumblr feeds</li>
<li>Sidebar generator</li>
<li>Contact form generator with jQuery validation and AJAX submit</li>
<li>jQuery PrettyPhoto lightbox gallery</li>
<li>Rich styling options: Tabs, toggle, tables, Buttons, boxes, images, Lists, Pricing Table, Testimonials, Typography elements &#038; a complete Service icons set</li>
<li>Layered and grouped PSDs included</li>
<li>Valid xHTML</li>
<li>Thorough help documentation &#038; technical support</li>
</ul>
<h3>Live Preview Site</h3>
<p><a href="http://themes.designchemical.com/#caprice" class="external">http://themes.designchemical.com/#caprice</a></p>
<h3>Purchase Caprice WordPress Theme</h3>
<p><a href="http://www.mojo-themes.com/item/caprice-wordpress-business-portfolio-theme/?r=designchemical" rel="nofollow" class="external">Purchase from mojo themes</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=xPfGMUA-8E4:ePz3CaWv0tI:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=xPfGMUA-8E4:ePz3CaWv0tI:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=xPfGMUA-8E4:ePz3CaWv0tI:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=xPfGMUA-8E4:ePz3CaWv0tI:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=xPfGMUA-8E4:ePz3CaWv0tI:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=xPfGMUA-8E4:ePz3CaWv0tI:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=xPfGMUA-8E4:ePz3CaWv0tI:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=xPfGMUA-8E4:ePz3CaWv0tI:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=xPfGMUA-8E4:ePz3CaWv0tI:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=xPfGMUA-8E4:ePz3CaWv0tI:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/xPfGMUA-8E4" height="1" width="1"/>";}i:23;a:14:{s:5:"title";s:36:"Delicious Share Button For WordPress";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/wxUtk20QhIo/";s:8:"comments";s:109:"http://www.designchemical.com/blog/index.php/wordpress-plugins/delicious-share-button-for-wordpress/#comments";s:7:"pubdate";s:31:"Fri, 30 Dec 2011 13:05:55 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:69:"Wordpress Pluginsdeliciouspluginssocial mediasocial networkswordpress";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=2593";s:11:"description";s:531:"<p>The latest version of our popular Slick Social Share Buttons plugin for WordPress now includes delicious!</p>
<p>In addition to the option to add either a horizontal button or a vertical button with count, delicious is also included in the Social Statistics page, which is one of the relatively newer features added to the plugin.</p>
<p>Social stats gives a complete breakdown  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/delicious-share-button-for-wordpress/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:2283:"<p>The latest version of our popular <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">Slick Social Share Buttons</a> plugin for WordPress now includes delicious!</p>
<p>In addition to the option to add either a horizontal button or a vertical button with count, delicious is also included in the Social Statistics page, which is one of the relatively newer features added to the plugin.</p>
<p>Social stats gives a complete breakdown of all share button counts for both posts and pages. The statistics can either be viewed as a table of share buttons, text counts or text counts with a data heat map to help show which posts are the current hot favourites.</p>
<p>The Delicious button is available starting with version 2.2. For more info check out &#8211; <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">Slick Social Share Buttons Plugin</a>.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=wxUtk20QhIo:1IIJbUVbf1E:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=wxUtk20QhIo:1IIJbUVbf1E:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=wxUtk20QhIo:1IIJbUVbf1E:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=wxUtk20QhIo:1IIJbUVbf1E:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=wxUtk20QhIo:1IIJbUVbf1E:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=wxUtk20QhIo:1IIJbUVbf1E:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=wxUtk20QhIo:1IIJbUVbf1E:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=wxUtk20QhIo:1IIJbUVbf1E:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=wxUtk20QhIo:1IIJbUVbf1E:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=wxUtk20QhIo:1IIJbUVbf1E:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/wxUtk20QhIo" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:105:"http://www.designchemical.com/blog/index.php/wordpress-plugins/delicious-share-button-for-wordpress/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"2";}s:10:"feedburner";a:1:{s:8:"origlink";s:100:"http://www.designchemical.com/blog/index.php/wordpress-plugins/delicious-share-button-for-wordpress/";}s:7:"summary";s:531:"<p>The latest version of our popular Slick Social Share Buttons plugin for WordPress now includes delicious!</p>
<p>In addition to the option to add either a horizontal button or a vertical button with count, delicious is also included in the Social Statistics page, which is one of the relatively newer features added to the plugin.</p>
<p>Social stats gives a complete breakdown  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/delicious-share-button-for-wordpress/" class="read_more">more</a></p>";s:12:"atom_content";s:2283:"<p>The latest version of our popular <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">Slick Social Share Buttons</a> plugin for WordPress now includes delicious!</p>
<p>In addition to the option to add either a horizontal button or a vertical button with count, delicious is also included in the Social Statistics page, which is one of the relatively newer features added to the plugin.</p>
<p>Social stats gives a complete breakdown of all share button counts for both posts and pages. The statistics can either be viewed as a table of share buttons, text counts or text counts with a data heat map to help show which posts are the current hot favourites.</p>
<p>The Delicious button is available starting with version 2.2. For more info check out &#8211; <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">Slick Social Share Buttons Plugin</a>.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=wxUtk20QhIo:1IIJbUVbf1E:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=wxUtk20QhIo:1IIJbUVbf1E:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=wxUtk20QhIo:1IIJbUVbf1E:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=wxUtk20QhIo:1IIJbUVbf1E:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=wxUtk20QhIo:1IIJbUVbf1E:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=wxUtk20QhIo:1IIJbUVbf1E:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=wxUtk20QhIo:1IIJbUVbf1E:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=wxUtk20QhIo:1IIJbUVbf1E:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=wxUtk20QhIo:1IIJbUVbf1E:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=wxUtk20QhIo:1IIJbUVbf1E:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/wxUtk20QhIo" height="1" width="1"/>";}i:24;a:14:{s:5:"title";s:58:"New WordPress Theme – Zeences Portfolio & Business Theme";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/JnL0r6q-Eww/";s:8:"comments";s:124:"http://www.designchemical.com/blog/index.php/wordpress-themes/new-wordpress-theme-zeences-portfolio-business-theme/#comments";s:7:"pubdate";s:31:"Tue, 06 Dec 2011 13:45:43 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:43:"Wordpress ThemesjQuerylayoutthemeswordpress";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=2579";s:11:"description";s:695:"<p class="text-center"><img src="/media/images/zeences_theme.jpg" alt="Zeences WordPress Theme" class="img-border" /></p>
<p>Zeences WordPress Portfolio &#038; Business theme is our latest premium template with dark and light skin options and includes a full-screen background image slideshow option. Zeences also includes portfolio posts, a custom system to create your own image or video sliders and a slick portfolio page layout using jQuery masonry.</p>
<p>This jQuery enhanced template contains a useful collection of custom  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-themes/new-wordpress-theme-zeences-portfolio-business-theme/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:3867:"<p class="text-center"><img src="/media/images/zeences_theme.jpg" alt="Zeences WordPress Theme" class="img-border" /></p>
<p>Zeences WordPress Portfolio &#038; Business theme is our latest premium template with dark and light skin options and includes a full-screen background image slideshow option. Zeences also includes portfolio posts, a custom system to create your own image or video sliders and a slick portfolio page layout using jQuery masonry.</p>
<p>This jQuery enhanced template contains a useful collection of custom shortcodes, an online shortcode generator and thorough help documentation, making it easy to create high quality, interactive and feature rich pages or posts.</p>
<p>Check out the <a href="http://themes.designchemical.com/#zeences" class="underline">Zeences live preview site</a>, including online style switcher or purchase from <a href="http://themeforest.net/item/zeences-wordpress-portfolio-business-theme/969493?ref=designchemical" rel="nofollow" class="external underline">themeforest</a>.</p>
<h3>Zeences WordPress Theme Features</h3>
<ul class="content-list">
<li>WordPress 3.0+ with menus &#038; featured images</li>
<li>Full-screen background image slideshow feature</li>
<li>Slick jQuery masonry portfolio with category filters</li>
<li>Both a light &#038; dark theme style</li>
<li>Fully customised font colors via options page color pickers</li>
<li>14 header fonts options using @font-face</li>
<li>Custom slider posts with drag/drop order</li>
<li>2 different slider types including video slider</li>
<li>Over 60 custom shortcodes with built-in shortcode generator</li>
<li>Shortcodes for social buttons &#8211; facebook, twitter, linkedin, digg, stumbleupon, google plus one &#038; pin it button</li>
<li>Sidebar generator</li>
<li>Contact form generator with jQuery validation and AJAX submit</li>
<li>jQuery PrettyPhoto lightbox gallery</li>
<li>jQuery enhanced</li>
<li>Layered and grouped PSDs for both light and dark styles</li>
<li>Valid xHTML</li>
<li>Full-width page template</li>
<li>2-column page template</li>
<li>Thorough help documentation &#038; technical support</li>
</ul>
<h3>Live Preview Site</h3>
<p><a href="http://themes.designchemical.com/#zeences" class="underline">http://themes.designchemical.com/#zeences</a></p>
<h3>Purchase Zeences WordPress Theme</h3>
<p><a href="http://themeforest.net/item/zeences-wordpress-portfolio-business-theme/969493?ref=designchemical" rel="nofollow" class="external underline">Purchase from themeforest</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JnL0r6q-Eww:0ZhW2D7nImg:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=JnL0r6q-Eww:0ZhW2D7nImg:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JnL0r6q-Eww:0ZhW2D7nImg:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=JnL0r6q-Eww:0ZhW2D7nImg:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JnL0r6q-Eww:0ZhW2D7nImg:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=JnL0r6q-Eww:0ZhW2D7nImg:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JnL0r6q-Eww:0ZhW2D7nImg:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JnL0r6q-Eww:0ZhW2D7nImg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JnL0r6q-Eww:0ZhW2D7nImg:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=JnL0r6q-Eww:0ZhW2D7nImg:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/JnL0r6q-Eww" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:120:"http://www.designchemical.com/blog/index.php/wordpress-themes/new-wordpress-theme-zeences-portfolio-business-theme/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"2";}s:10:"feedburner";a:1:{s:8:"origlink";s:115:"http://www.designchemical.com/blog/index.php/wordpress-themes/new-wordpress-theme-zeences-portfolio-business-theme/";}s:7:"summary";s:695:"<p class="text-center"><img src="/media/images/zeences_theme.jpg" alt="Zeences WordPress Theme" class="img-border" /></p>
<p>Zeences WordPress Portfolio &#038; Business theme is our latest premium template with dark and light skin options and includes a full-screen background image slideshow option. Zeences also includes portfolio posts, a custom system to create your own image or video sliders and a slick portfolio page layout using jQuery masonry.</p>
<p>This jQuery enhanced template contains a useful collection of custom  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-themes/new-wordpress-theme-zeences-portfolio-business-theme/" class="read_more">more</a></p>";s:12:"atom_content";s:3867:"<p class="text-center"><img src="/media/images/zeences_theme.jpg" alt="Zeences WordPress Theme" class="img-border" /></p>
<p>Zeences WordPress Portfolio &#038; Business theme is our latest premium template with dark and light skin options and includes a full-screen background image slideshow option. Zeences also includes portfolio posts, a custom system to create your own image or video sliders and a slick portfolio page layout using jQuery masonry.</p>
<p>This jQuery enhanced template contains a useful collection of custom shortcodes, an online shortcode generator and thorough help documentation, making it easy to create high quality, interactive and feature rich pages or posts.</p>
<p>Check out the <a href="http://themes.designchemical.com/#zeences" class="underline">Zeences live preview site</a>, including online style switcher or purchase from <a href="http://themeforest.net/item/zeences-wordpress-portfolio-business-theme/969493?ref=designchemical" rel="nofollow" class="external underline">themeforest</a>.</p>
<h3>Zeences WordPress Theme Features</h3>
<ul class="content-list">
<li>WordPress 3.0+ with menus &#038; featured images</li>
<li>Full-screen background image slideshow feature</li>
<li>Slick jQuery masonry portfolio with category filters</li>
<li>Both a light &#038; dark theme style</li>
<li>Fully customised font colors via options page color pickers</li>
<li>14 header fonts options using @font-face</li>
<li>Custom slider posts with drag/drop order</li>
<li>2 different slider types including video slider</li>
<li>Over 60 custom shortcodes with built-in shortcode generator</li>
<li>Shortcodes for social buttons &#8211; facebook, twitter, linkedin, digg, stumbleupon, google plus one &#038; pin it button</li>
<li>Sidebar generator</li>
<li>Contact form generator with jQuery validation and AJAX submit</li>
<li>jQuery PrettyPhoto lightbox gallery</li>
<li>jQuery enhanced</li>
<li>Layered and grouped PSDs for both light and dark styles</li>
<li>Valid xHTML</li>
<li>Full-width page template</li>
<li>2-column page template</li>
<li>Thorough help documentation &#038; technical support</li>
</ul>
<h3>Live Preview Site</h3>
<p><a href="http://themes.designchemical.com/#zeences" class="underline">http://themes.designchemical.com/#zeences</a></p>
<h3>Purchase Zeences WordPress Theme</h3>
<p><a href="http://themeforest.net/item/zeences-wordpress-portfolio-business-theme/969493?ref=designchemical" rel="nofollow" class="external underline">Purchase from themeforest</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JnL0r6q-Eww:0ZhW2D7nImg:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=JnL0r6q-Eww:0ZhW2D7nImg:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JnL0r6q-Eww:0ZhW2D7nImg:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=JnL0r6q-Eww:0ZhW2D7nImg:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JnL0r6q-Eww:0ZhW2D7nImg:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=JnL0r6q-Eww:0ZhW2D7nImg:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JnL0r6q-Eww:0ZhW2D7nImg:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JnL0r6q-Eww:0ZhW2D7nImg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JnL0r6q-Eww:0ZhW2D7nImg:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=JnL0r6q-Eww:0ZhW2D7nImg:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/JnL0r6q-Eww" height="1" width="1"/>";}i:25;a:14:{s:5:"title";s:51:"8 Useful jQuery Snippets For URL’s & Querystrings";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/QfFv9f3XQ9k/";s:8:"comments";s:108:"http://www.designchemical.com/blog/index.php/jquery/8-useful-jquery-snippets-for-urls-querystrings/#comments";s:7:"pubdate";s:31:"Tue, 25 Oct 2011 15:07:16 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:23:"jQueryTutorialstutorial";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=2534";s:11:"description";s:500:"<p>In any web project you will inevitably come across a situation where being able to extract information or use the current page URL would be useful. If server-side code is not available to help we can use javascript to get this information.</p>
<p>The following are examples of useful code snippets that can be used &#8211; some of the examples use  &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery/8-useful-jquery-snippets-for-urls-querystrings/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:4982:"<p>In any web project you will inevitably come across a situation where being able to extract information or use the current page URL would be useful. If server-side code is not available to help we can use javascript to get this information.</p>
<p>The following are examples of useful code snippets that can be used &#8211; some of the examples use standard javascript functions and are not specific to jQuery:</p>
<h3>1. Get The Current Page URL</h3>
<p>A very simple snippet, which stores the current page URL in a variable:</p>
<pre class="brush: jscript; title: ; notranslate">
// Retrieve current URL
var url = document.URL;
</pre>
<h3>2. Get The Current Root URL</h3>
<p>A very simple snippet, which stores the root URL in a variable:</p>
<pre class="brush: jscript; title: ; notranslate">
// Retrieve root URL
var root = location.protocol + '//' + location.host;
</pre>
<h3>3. Get A URL Hash Parameter</h3>
<p>Retrive a hash parameter and store in a variable:</p>
<pre class="brush: jscript; title: ; notranslate">
// Get # parameter
var param = document.URL.split('#')[1];
</pre>
<h3>4. Change Browser Address Bar Hash Parameter</h3>
<p>In the example below we replace the hash parameter, which we get from the clicked link. Useful for adding bookmarking capabilities when using AJAX:</p>
<pre class="brush: jscript; title: ; notranslate">
// update browser address bar URL
$('a.demo-link').click(function(){
	var hash = $(this).attr('href');
	location.hash = hash;
});
</pre>
<div class="banner-horizontal">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7740611438413740";
/* Link Mid Content */
google_ad_slot = "2373698085";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<h3>5. Redirect Using Javascript</h3>
<p>If you need to redirect a page using jQuery:</p>
<pre class="brush: jscript; title: ; notranslate">
// Redirect - insert required URL
window.location.href = &quot;http://designchemical.com/&quot;;
</pre>
<h3>6. Get Querystring Parameters</h3>
<p>If the URL contains a querystring with multiple parameters the following snippet will parse each parameter and store the array as a variable:</p>
<pre class="brush: jscript; title: ; notranslate">
var vars = [], hash;
	var q = document.URL.split('?')[1];
	if(q != undefined){
		q = q.split('&amp;');
		for(var i = 0; i &lt; q.length; i++){
			hash = q[i].split('=');
			vars.push(hash[1]);
			vars[hash[0]] = hash[1];
		}
}
</pre>
<p>To use any of the parameters you can access the value using the parameter name. E.g. if the URL contains the querystring &#8220;?a=3&#038;b=2&#038;c=1&#8243; you can access the value for &#8220;a&#8221; using:</p>
<pre class="brush: jscript; title: ; notranslate">
// Will alert the value of parameter a
alert(vars['a']);
</pre>
<h3>7. Highlight Current Menu Item</h3>
<p>Rather than manually modify navigation menus to add an &#8220;active&#8221; class to the current page we can use jQuery to identify which link contains the current URL:</p>
<pre class="brush: jscript; title: ; notranslate">
var url = document.URL;
$('#menu a[href=&quot;'+url+'&quot;]').addClass('active');
</pre>
<h3>8. Check If Link Contains External URL</h3>
<p>The following snippet will check if a clicked link contains a URL to an external web page and if so, open in a new browser window:</p>
<pre class="brush: jscript; title: ; notranslate">
var root = location.protocol + '//' + location.host;
$('a').not(':contains(root)').click(function(){
    this.target = &quot;_blank&quot;;
});
</pre>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=QfFv9f3XQ9k:Tzabvml8BG8:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=QfFv9f3XQ9k:Tzabvml8BG8:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=QfFv9f3XQ9k:Tzabvml8BG8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=QfFv9f3XQ9k:Tzabvml8BG8:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=QfFv9f3XQ9k:Tzabvml8BG8:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=QfFv9f3XQ9k:Tzabvml8BG8:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=QfFv9f3XQ9k:Tzabvml8BG8:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=QfFv9f3XQ9k:Tzabvml8BG8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=QfFv9f3XQ9k:Tzabvml8BG8:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=QfFv9f3XQ9k:Tzabvml8BG8:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/QfFv9f3XQ9k" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:104:"http://www.designchemical.com/blog/index.php/jquery/8-useful-jquery-snippets-for-urls-querystrings/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"0";}s:10:"feedburner";a:1:{s:8:"origlink";s:99:"http://www.designchemical.com/blog/index.php/jquery/8-useful-jquery-snippets-for-urls-querystrings/";}s:7:"summary";s:500:"<p>In any web project you will inevitably come across a situation where being able to extract information or use the current page URL would be useful. If server-side code is not available to help we can use javascript to get this information.</p>
<p>The following are examples of useful code snippets that can be used &#8211; some of the examples use  &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery/8-useful-jquery-snippets-for-urls-querystrings/" class="read_more">more</a></p>";s:12:"atom_content";s:4982:"<p>In any web project you will inevitably come across a situation where being able to extract information or use the current page URL would be useful. If server-side code is not available to help we can use javascript to get this information.</p>
<p>The following are examples of useful code snippets that can be used &#8211; some of the examples use standard javascript functions and are not specific to jQuery:</p>
<h3>1. Get The Current Page URL</h3>
<p>A very simple snippet, which stores the current page URL in a variable:</p>
<pre class="brush: jscript; title: ; notranslate">
// Retrieve current URL
var url = document.URL;
</pre>
<h3>2. Get The Current Root URL</h3>
<p>A very simple snippet, which stores the root URL in a variable:</p>
<pre class="brush: jscript; title: ; notranslate">
// Retrieve root URL
var root = location.protocol + '//' + location.host;
</pre>
<h3>3. Get A URL Hash Parameter</h3>
<p>Retrive a hash parameter and store in a variable:</p>
<pre class="brush: jscript; title: ; notranslate">
// Get # parameter
var param = document.URL.split('#')[1];
</pre>
<h3>4. Change Browser Address Bar Hash Parameter</h3>
<p>In the example below we replace the hash parameter, which we get from the clicked link. Useful for adding bookmarking capabilities when using AJAX:</p>
<pre class="brush: jscript; title: ; notranslate">
// update browser address bar URL
$('a.demo-link').click(function(){
	var hash = $(this).attr('href');
	location.hash = hash;
});
</pre>
<div class="banner-horizontal">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7740611438413740";
/* Link Mid Content */
google_ad_slot = "2373698085";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<h3>5. Redirect Using Javascript</h3>
<p>If you need to redirect a page using jQuery:</p>
<pre class="brush: jscript; title: ; notranslate">
// Redirect - insert required URL
window.location.href = &quot;http://designchemical.com/&quot;;
</pre>
<h3>6. Get Querystring Parameters</h3>
<p>If the URL contains a querystring with multiple parameters the following snippet will parse each parameter and store the array as a variable:</p>
<pre class="brush: jscript; title: ; notranslate">
var vars = [], hash;
	var q = document.URL.split('?')[1];
	if(q != undefined){
		q = q.split('&amp;');
		for(var i = 0; i &lt; q.length; i++){
			hash = q[i].split('=');
			vars.push(hash[1]);
			vars[hash[0]] = hash[1];
		}
}
</pre>
<p>To use any of the parameters you can access the value using the parameter name. E.g. if the URL contains the querystring &#8220;?a=3&#038;b=2&#038;c=1&#8243; you can access the value for &#8220;a&#8221; using:</p>
<pre class="brush: jscript; title: ; notranslate">
// Will alert the value of parameter a
alert(vars['a']);
</pre>
<h3>7. Highlight Current Menu Item</h3>
<p>Rather than manually modify navigation menus to add an &#8220;active&#8221; class to the current page we can use jQuery to identify which link contains the current URL:</p>
<pre class="brush: jscript; title: ; notranslate">
var url = document.URL;
$('#menu a[href=&quot;'+url+'&quot;]').addClass('active');
</pre>
<h3>8. Check If Link Contains External URL</h3>
<p>The following snippet will check if a clicked link contains a URL to an external web page and if so, open in a new browser window:</p>
<pre class="brush: jscript; title: ; notranslate">
var root = location.protocol + '//' + location.host;
$('a').not(':contains(root)').click(function(){
    this.target = &quot;_blank&quot;;
});
</pre>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=QfFv9f3XQ9k:Tzabvml8BG8:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=QfFv9f3XQ9k:Tzabvml8BG8:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=QfFv9f3XQ9k:Tzabvml8BG8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=QfFv9f3XQ9k:Tzabvml8BG8:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=QfFv9f3XQ9k:Tzabvml8BG8:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=QfFv9f3XQ9k:Tzabvml8BG8:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=QfFv9f3XQ9k:Tzabvml8BG8:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=QfFv9f3XQ9k:Tzabvml8BG8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=QfFv9f3XQ9k:Tzabvml8BG8:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=QfFv9f3XQ9k:Tzabvml8BG8:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/QfFv9f3XQ9k" height="1" width="1"/>";}i:26;a:14:{s:5:"title";s:51:"jQuery Tutorial – Create a Flexible Data Heat Map";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/luj0Wt9RSaY/";s:8:"comments";s:109:"http://www.designchemical.com/blog/index.php/jquery/jquery-tutorial-create-a-flexible-data-heat-map/#comments";s:7:"pubdate";s:31:"Wed, 19 Oct 2011 03:01:52 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:36:"jQueryTutorialsCSSdemolayouttutorial";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=2498";s:11:"description";s:648:"<p class="text-center"><img src="/media/images/jquery_data_heat_map.png" alt="jQuery Data Heat Map" class="img-border" /></p>
<p>Add more excitement to data tables using jQuery and conditional formatting to generate flexible data &#8220;heat maps&#8221;.</p>
<p>Long tables of numbers are never fun to look at and when presenting this kind of data on the web, where attention spans are already at their limits, you need to be able to present the highlights as quickly as possible.</p>
<p>Data heat  &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery/jquery-tutorial-create-a-flexible-data-heat-map/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:10075:"<p class="text-center"><img src="/media/images/jquery_data_heat_map.png" alt="jQuery Data Heat Map" class="img-border" /></p>
<p>Add more excitement to data tables using jQuery and conditional formatting to generate flexible data &#8220;heat maps&#8221;.</p>
<p>Long tables of numbers are never fun to look at and when presenting this kind of data on the web, where attention spans are already at their limits, you need to be able to present the highlights as quickly as possible.</p>
<p>Data heat maps provide the perfect way of taking ordinary data and creating something more visually appealing and informative.</p>
<p><a href="/lab/jquery/demo/jquery_data_heat_map_demo.htm">jQuery Data Heat Map Demo</a></p>
<p><a href="/lab/jquery/demo/download/jquery-data-heat-map.zip">Download tutorial source files</a></p>
<h3>Tutorial Objectives</h3>
<p>To create our heat map in a way that is flexible enough to cover any range of values, there are several key components to our jQuery code that we need to consider:</p>
<ul class="content-list">
<li>Capture and statistically analyze all data points</li>
<li>Have a method of then grouping the data and being able to identify what formatting should be applied</li>
<li>Dynamically generate the CSS to be used for each group to create a heat map style effect</li>
<li>Apply the correct CSS to each data point</li>
</ul>
<p>For this tutorial we will be using a random table of numbers and the formatting will be applied based on each value as a % of the largest value.</p>
<h3>The Basic HTML</h3>
<p>The complete table can be found on the <a href="/lab/jquery/demo/jquery_data_heat_map_demo.htm">demo page</a>. The HTML below gives the basic table structure, showing one row of data and the CSS classes we will be using:</p>
<pre class="brush: php; title: ; notranslate">
&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; border=&quot;0&quot; class=&quot;heat-map&quot;&gt;
    &lt;thead&gt;
        &lt;tr&gt;
		    &lt;th class=&quot;first&quot;&gt;Title&lt;/th&gt;
			&lt;th&gt;data 1&lt;/th&gt;
			&lt;th&gt;data 2&lt;/th&gt;
			&lt;th&gt;data 3&lt;/th&gt;
			&lt;th&gt;data 4&lt;/th&gt;
			&lt;th&gt;data 5&lt;/th&gt;
			&lt;th class=&quot;last&quot;&gt;data 6&lt;/th&gt;
		&lt;/tr&gt;
    &lt;/thead&gt;
	&lt;tbody&gt;
	    &lt;tr class=&quot;stats-row&quot;&gt;
		    &lt;td class=&quot;stats-title&quot;&gt;Wanda&lt;/td&gt;
			&lt;td&gt;25&lt;/td&gt;
			&lt;td&gt;55&lt;/td&gt;
			&lt;td&gt;26&lt;/td&gt;
			&lt;td&gt;19&lt;/td&gt;
			&lt;td&gt;39&lt;/td&gt;
			&lt;td&gt;21&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
</pre>
<div class="banner-horizontal float-right">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7740611438413740";
/* Link Mid Content */
google_ad_slot = "2373698085";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<h3>The jQuery Code</h3>
<h4>1. Capture and analyze the data</h4>
<p>The first thing we need to do is find out the largest value within the data range. To do this we use fairly simple but useful code to create an array of all data points and then return the maximum value:</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/JavaScript&quot;&gt;
$(document).ready(function(){

	// Function to get the max value in an Array
    Array.max = function(array){
        return Math.max.apply(Math,array);
    };

	// Get all data values from our table cells making sure to ignore the first column of text
	// Use the parseInt function to convert the text string to a number

    var counts= $('.heat-map tbody td').not('.stats-title').map(function() {
        return parseInt($(this).text());
    }).get();

	// run max value function and store in variable
	var max = Array.max(counts);

});
&lt;/script&gt;
</pre>
<h4>2. Group data points</h4>
<p>For this tutorial we have already decided that we will use % of each value from max value. We do this so that we can find exactly where the data point is positioned on a scale of 1 &#8211; 100. This is the critical part in creating the heat map as we will then use this scale to dynamically generate the CSS styles</p>
<p>100 is probably a little excessive but is an easy number to work with for the tutorial. You can obviously adjust this number to suit your data and style of heat map.</p>
<p>We only want to use integers so we also include some additional rounding of the results</p>
<pre class="brush: jscript; title: ; notranslate">

n = 100; // Declare the number of groups

// Loop through each data point and calculate its % value
$('.heat-map tbody td').not('.stats-title').each(function(){
	var val = parseInt($(this).text());
	var pos = parseInt((Math.round((val/max)*100)).toFixed(0));
});
</pre>
<p>The above code is not yet complete since we will add the actual formatting into the same loop but have broken it down to explain how we create each step.</p>
<h4>3. Dynamically generating the heat map styles</h4>
<p>To create the heat map effect we are basically going to use background colour.</p>
<p>Technically there is no restriction on how you apply the styles and background colour is only one option. The code is fairly flexible and with some minor adjustments can be applied to font size, container size, background image, etc.</p>
<p>Colour is easy because we can directly calculate each colour value between 2 defined colours &#8211; our start point and the end point, which across 100 points should create a gradient style effect.</p>
<p>To calculate colour we need to use the RGB values, which are 0 to 255 for Red, Blue and Green.</p>
<pre class="brush: jscript; title: ; notranslate">

// Define the ending colour, which is white
   xr = 255; // Red value
   xg = 255; // Green value
   xb = 255; // Blue value

// Define the starting colour #f32075
   yr = 243; // Red value
   yg = 32; // Green value
   yb = 117; // Blue value

// Calculate a specific colour point
// pos - calculated in the earlier code identifies where on the scale the data point is

red = parseInt((xr + (( pos * (yr - xr)) / (n-1))).toFixed(0));
green = parseInt((xg + (( pos * (yg - xg)) / (n-1))).toFixed(0));
blue = parseInt((xb + (( pos * (yb - xb)) / (n-1))).toFixed(0));

// Once we have our RGB values we combine them to create our CSS code
clr = 'rgb('+red+','+green+','+blue+')';
</pre>
<h4>4. Apply the heat map styles to each data point</h4>
<p>Finally we apply the new RGB value by setting the background colour of the table cell.</p>
<pre class="brush: jscript; title: ; notranslate">

$(this).css({backgroundColor:clr});
</pre>
<p>We combine steps 2, 3 &#038; 4 so that this is all being carried out within the same loop.</p>
<h3>The Complete jQuery Code</h3>
<p>The code below shows all 4 steps combined to create the complete heat map function:</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/JavaScript&quot;&gt;
$(document).ready(function(){

	// Function to get the max value in an Array
    Array.max = function(array){
        return Math.max.apply(Math,array);
    };

	// Get all data values from our table cells making sure to ignore the first column of text
	// Use the parseInt function to convert the text string to a number

    var counts= $('.heat-map tbody td').not('.stats-title').map(function() {
        return parseInt($(this).text());
    }).get();

	// run max value function and store in variable
	var max = Array.max(counts);

	n = 100; // Declare the number of groups

    // Define the ending colour, which is white
    xr = 255; // Red value
    xg = 255; // Green value
    xb = 255; // Blue value

    // Define the starting colour #f32075
    yr = 243; // Red value
    yg = 32; // Green value
    yb = 117; // Blue value

    // Loop through each data point and calculate its % value
    $('.heat-map tbody td').not('.stats-title').each(function(){
	    var val = parseInt($(this).text());
	    var pos = parseInt((Math.round((val/max)*100)).toFixed(0));
		red = parseInt((xr + (( pos * (yr - xr)) / (n-1))).toFixed(0));
		green = parseInt((xg + (( pos * (yg - xg)) / (n-1))).toFixed(0));
		blue = parseInt((xb + (( pos * (yb - xb)) / (n-1))).toFixed(0));
		clr = 'rgb('+red+','+green+','+blue+')';
    });
});
&lt;/script&gt;
</pre>
<p>To completely change the look of the heat map all it requires is to change the start colour and end colour RGB values!</p>
<p>Check out the demo page for more examples &#8211; <a href="/lab/jquery/demo/jquery_data_heat_map_demo.htm">jQuery Data Heat Map Demo</a> or <a href="/lab/jquery/demo/download/jquery-data-heat-map.zip">Download the tutorial source files</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=luj0Wt9RSaY:tuQYLEf78VM:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=luj0Wt9RSaY:tuQYLEf78VM:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=luj0Wt9RSaY:tuQYLEf78VM:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=luj0Wt9RSaY:tuQYLEf78VM:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=luj0Wt9RSaY:tuQYLEf78VM:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=luj0Wt9RSaY:tuQYLEf78VM:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=luj0Wt9RSaY:tuQYLEf78VM:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=luj0Wt9RSaY:tuQYLEf78VM:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=luj0Wt9RSaY:tuQYLEf78VM:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=luj0Wt9RSaY:tuQYLEf78VM:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/luj0Wt9RSaY" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:105:"http://www.designchemical.com/blog/index.php/jquery/jquery-tutorial-create-a-flexible-data-heat-map/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"5";}s:10:"feedburner";a:1:{s:8:"origlink";s:100:"http://www.designchemical.com/blog/index.php/jquery/jquery-tutorial-create-a-flexible-data-heat-map/";}s:7:"summary";s:648:"<p class="text-center"><img src="/media/images/jquery_data_heat_map.png" alt="jQuery Data Heat Map" class="img-border" /></p>
<p>Add more excitement to data tables using jQuery and conditional formatting to generate flexible data &#8220;heat maps&#8221;.</p>
<p>Long tables of numbers are never fun to look at and when presenting this kind of data on the web, where attention spans are already at their limits, you need to be able to present the highlights as quickly as possible.</p>
<p>Data heat  &#8230; <a href="http://www.designchemical.com/blog/index.php/jquery/jquery-tutorial-create-a-flexible-data-heat-map/" class="read_more">more</a></p>";s:12:"atom_content";s:10075:"<p class="text-center"><img src="/media/images/jquery_data_heat_map.png" alt="jQuery Data Heat Map" class="img-border" /></p>
<p>Add more excitement to data tables using jQuery and conditional formatting to generate flexible data &#8220;heat maps&#8221;.</p>
<p>Long tables of numbers are never fun to look at and when presenting this kind of data on the web, where attention spans are already at their limits, you need to be able to present the highlights as quickly as possible.</p>
<p>Data heat maps provide the perfect way of taking ordinary data and creating something more visually appealing and informative.</p>
<p><a href="/lab/jquery/demo/jquery_data_heat_map_demo.htm">jQuery Data Heat Map Demo</a></p>
<p><a href="/lab/jquery/demo/download/jquery-data-heat-map.zip">Download tutorial source files</a></p>
<h3>Tutorial Objectives</h3>
<p>To create our heat map in a way that is flexible enough to cover any range of values, there are several key components to our jQuery code that we need to consider:</p>
<ul class="content-list">
<li>Capture and statistically analyze all data points</li>
<li>Have a method of then grouping the data and being able to identify what formatting should be applied</li>
<li>Dynamically generate the CSS to be used for each group to create a heat map style effect</li>
<li>Apply the correct CSS to each data point</li>
</ul>
<p>For this tutorial we will be using a random table of numbers and the formatting will be applied based on each value as a % of the largest value.</p>
<h3>The Basic HTML</h3>
<p>The complete table can be found on the <a href="/lab/jquery/demo/jquery_data_heat_map_demo.htm">demo page</a>. The HTML below gives the basic table structure, showing one row of data and the CSS classes we will be using:</p>
<pre class="brush: php; title: ; notranslate">
&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; border=&quot;0&quot; class=&quot;heat-map&quot;&gt;
    &lt;thead&gt;
        &lt;tr&gt;
		    &lt;th class=&quot;first&quot;&gt;Title&lt;/th&gt;
			&lt;th&gt;data 1&lt;/th&gt;
			&lt;th&gt;data 2&lt;/th&gt;
			&lt;th&gt;data 3&lt;/th&gt;
			&lt;th&gt;data 4&lt;/th&gt;
			&lt;th&gt;data 5&lt;/th&gt;
			&lt;th class=&quot;last&quot;&gt;data 6&lt;/th&gt;
		&lt;/tr&gt;
    &lt;/thead&gt;
	&lt;tbody&gt;
	    &lt;tr class=&quot;stats-row&quot;&gt;
		    &lt;td class=&quot;stats-title&quot;&gt;Wanda&lt;/td&gt;
			&lt;td&gt;25&lt;/td&gt;
			&lt;td&gt;55&lt;/td&gt;
			&lt;td&gt;26&lt;/td&gt;
			&lt;td&gt;19&lt;/td&gt;
			&lt;td&gt;39&lt;/td&gt;
			&lt;td&gt;21&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
</pre>
<div class="banner-horizontal float-right">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7740611438413740";
/* Link Mid Content */
google_ad_slot = "2373698085";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<h3>The jQuery Code</h3>
<h4>1. Capture and analyze the data</h4>
<p>The first thing we need to do is find out the largest value within the data range. To do this we use fairly simple but useful code to create an array of all data points and then return the maximum value:</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/JavaScript&quot;&gt;
$(document).ready(function(){

	// Function to get the max value in an Array
    Array.max = function(array){
        return Math.max.apply(Math,array);
    };

	// Get all data values from our table cells making sure to ignore the first column of text
	// Use the parseInt function to convert the text string to a number

    var counts= $('.heat-map tbody td').not('.stats-title').map(function() {
        return parseInt($(this).text());
    }).get();

	// run max value function and store in variable
	var max = Array.max(counts);

});
&lt;/script&gt;
</pre>
<h4>2. Group data points</h4>
<p>For this tutorial we have already decided that we will use % of each value from max value. We do this so that we can find exactly where the data point is positioned on a scale of 1 &#8211; 100. This is the critical part in creating the heat map as we will then use this scale to dynamically generate the CSS styles</p>
<p>100 is probably a little excessive but is an easy number to work with for the tutorial. You can obviously adjust this number to suit your data and style of heat map.</p>
<p>We only want to use integers so we also include some additional rounding of the results</p>
<pre class="brush: jscript; title: ; notranslate">

n = 100; // Declare the number of groups

// Loop through each data point and calculate its % value
$('.heat-map tbody td').not('.stats-title').each(function(){
	var val = parseInt($(this).text());
	var pos = parseInt((Math.round((val/max)*100)).toFixed(0));
});
</pre>
<p>The above code is not yet complete since we will add the actual formatting into the same loop but have broken it down to explain how we create each step.</p>
<h4>3. Dynamically generating the heat map styles</h4>
<p>To create the heat map effect we are basically going to use background colour.</p>
<p>Technically there is no restriction on how you apply the styles and background colour is only one option. The code is fairly flexible and with some minor adjustments can be applied to font size, container size, background image, etc.</p>
<p>Colour is easy because we can directly calculate each colour value between 2 defined colours &#8211; our start point and the end point, which across 100 points should create a gradient style effect.</p>
<p>To calculate colour we need to use the RGB values, which are 0 to 255 for Red, Blue and Green.</p>
<pre class="brush: jscript; title: ; notranslate">

// Define the ending colour, which is white
   xr = 255; // Red value
   xg = 255; // Green value
   xb = 255; // Blue value

// Define the starting colour #f32075
   yr = 243; // Red value
   yg = 32; // Green value
   yb = 117; // Blue value

// Calculate a specific colour point
// pos - calculated in the earlier code identifies where on the scale the data point is

red = parseInt((xr + (( pos * (yr - xr)) / (n-1))).toFixed(0));
green = parseInt((xg + (( pos * (yg - xg)) / (n-1))).toFixed(0));
blue = parseInt((xb + (( pos * (yb - xb)) / (n-1))).toFixed(0));

// Once we have our RGB values we combine them to create our CSS code
clr = 'rgb('+red+','+green+','+blue+')';
</pre>
<h4>4. Apply the heat map styles to each data point</h4>
<p>Finally we apply the new RGB value by setting the background colour of the table cell.</p>
<pre class="brush: jscript; title: ; notranslate">

$(this).css({backgroundColor:clr});
</pre>
<p>We combine steps 2, 3 &#038; 4 so that this is all being carried out within the same loop.</p>
<h3>The Complete jQuery Code</h3>
<p>The code below shows all 4 steps combined to create the complete heat map function:</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/JavaScript&quot;&gt;
$(document).ready(function(){

	// Function to get the max value in an Array
    Array.max = function(array){
        return Math.max.apply(Math,array);
    };

	// Get all data values from our table cells making sure to ignore the first column of text
	// Use the parseInt function to convert the text string to a number

    var counts= $('.heat-map tbody td').not('.stats-title').map(function() {
        return parseInt($(this).text());
    }).get();

	// run max value function and store in variable
	var max = Array.max(counts);

	n = 100; // Declare the number of groups

    // Define the ending colour, which is white
    xr = 255; // Red value
    xg = 255; // Green value
    xb = 255; // Blue value

    // Define the starting colour #f32075
    yr = 243; // Red value
    yg = 32; // Green value
    yb = 117; // Blue value

    // Loop through each data point and calculate its % value
    $('.heat-map tbody td').not('.stats-title').each(function(){
	    var val = parseInt($(this).text());
	    var pos = parseInt((Math.round((val/max)*100)).toFixed(0));
		red = parseInt((xr + (( pos * (yr - xr)) / (n-1))).toFixed(0));
		green = parseInt((xg + (( pos * (yg - xg)) / (n-1))).toFixed(0));
		blue = parseInt((xb + (( pos * (yb - xb)) / (n-1))).toFixed(0));
		clr = 'rgb('+red+','+green+','+blue+')';
    });
});
&lt;/script&gt;
</pre>
<p>To completely change the look of the heat map all it requires is to change the start colour and end colour RGB values!</p>
<p>Check out the demo page for more examples &#8211; <a href="/lab/jquery/demo/jquery_data_heat_map_demo.htm">jQuery Data Heat Map Demo</a> or <a href="/lab/jquery/demo/download/jquery-data-heat-map.zip">Download the tutorial source files</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=luj0Wt9RSaY:tuQYLEf78VM:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=luj0Wt9RSaY:tuQYLEf78VM:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=luj0Wt9RSaY:tuQYLEf78VM:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=luj0Wt9RSaY:tuQYLEf78VM:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=luj0Wt9RSaY:tuQYLEf78VM:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=luj0Wt9RSaY:tuQYLEf78VM:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=luj0Wt9RSaY:tuQYLEf78VM:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=luj0Wt9RSaY:tuQYLEf78VM:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=luj0Wt9RSaY:tuQYLEf78VM:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=luj0Wt9RSaY:tuQYLEf78VM:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/luj0Wt9RSaY" height="1" width="1"/>";}i:27;a:14:{s:5:"title";s:65:"Social Statistics for WordPress Plugin Slick Social Share Buttons";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/JjncQ6uXkyI/";s:8:"comments";s:138:"http://www.designchemical.com/blog/index.php/wordpress-plugins/social-statistics-for-wordpress-plugin-slick-social-share-buttons/#comments";s:7:"pubdate";s:31:"Mon, 17 Oct 2011 06:33:08 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:148:"Social NetworksWordpress Pluginsdiggfacebookgoogle +1google buzzlinkedinpin itpinterestpluginssocial mediasocial networksstumbleupontwitterwordpress";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=2482";s:11:"description";s:774:"<p class="text-center"><img src="/media/images/slick_social_share_statistics.png" alt="Social Share Button Statistics" class="img-border" /></p>
<p>The WordPress Plugin Slick Social Share Buttons now includes live social statistics, giving you complete summaries of all of your posts, pages and category page share totals for each social media button.</p>
<p>Features for the social statistics include:</p>
<ul class="content-list">
<li>View home page, posts, pages or category page social metrics</li>
<li>Filter posts by category</li>
<li>Order results by post date or alphabetically by </li> &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/social-statistics-for-wordpress-plugin-slick-social-share-buttons/" class="read_more">more</a></ul>";s:7:"content";a:1:{s:7:"encoded";s:2679:"<p class="text-center"><img src="/media/images/slick_social_share_statistics.png" alt="Social Share Button Statistics" class="img-border" /></p>
<p>The WordPress Plugin <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">Slick Social Share Buttons</a> now includes live social statistics, giving you complete summaries of all of your posts, pages and category page share totals for each social media button.</p>
<p>Features for the social statistics include:</p>
<ul class="content-list">
<li>View home page, posts, pages or category page social metrics</li>
<li>Filter posts by category</li>
<li>Order results by post date or alphabetically by post/page title</li>
<li>Select number of URLs to display per page</li>
<li>Display total share counts as active share buttons or text</li>
<li>Total counts of all shares for each website page</li>
<li>Total counts for each button type across each category</li>
</ul>
<p>The new statistics page allows you to quickly and easily see your best performing posts and pages.</p>
<p>Check out the <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">Slick Social Share Buttons plugin project page</a> for more information and download links. Social Stats is available starting with version 2.0 of the plugin.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JjncQ6uXkyI:OzJjFMQ2xQc:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=JjncQ6uXkyI:OzJjFMQ2xQc:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JjncQ6uXkyI:OzJjFMQ2xQc:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=JjncQ6uXkyI:OzJjFMQ2xQc:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JjncQ6uXkyI:OzJjFMQ2xQc:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=JjncQ6uXkyI:OzJjFMQ2xQc:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JjncQ6uXkyI:OzJjFMQ2xQc:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JjncQ6uXkyI:OzJjFMQ2xQc:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JjncQ6uXkyI:OzJjFMQ2xQc:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=JjncQ6uXkyI:OzJjFMQ2xQc:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/JjncQ6uXkyI" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:134:"http://www.designchemical.com/blog/index.php/wordpress-plugins/social-statistics-for-wordpress-plugin-slick-social-share-buttons/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"1";}s:10:"feedburner";a:1:{s:8:"origlink";s:129:"http://www.designchemical.com/blog/index.php/wordpress-plugins/social-statistics-for-wordpress-plugin-slick-social-share-buttons/";}s:7:"summary";s:774:"<p class="text-center"><img src="/media/images/slick_social_share_statistics.png" alt="Social Share Button Statistics" class="img-border" /></p>
<p>The WordPress Plugin Slick Social Share Buttons now includes live social statistics, giving you complete summaries of all of your posts, pages and category page share totals for each social media button.</p>
<p>Features for the social statistics include:</p>
<ul class="content-list">
<li>View home page, posts, pages or category page social metrics</li>
<li>Filter posts by category</li>
<li>Order results by post date or alphabetically by </li> &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/social-statistics-for-wordpress-plugin-slick-social-share-buttons/" class="read_more">more</a></ul>";s:12:"atom_content";s:2679:"<p class="text-center"><img src="/media/images/slick_social_share_statistics.png" alt="Social Share Button Statistics" class="img-border" /></p>
<p>The WordPress Plugin <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">Slick Social Share Buttons</a> now includes live social statistics, giving you complete summaries of all of your posts, pages and category page share totals for each social media button.</p>
<p>Features for the social statistics include:</p>
<ul class="content-list">
<li>View home page, posts, pages or category page social metrics</li>
<li>Filter posts by category</li>
<li>Order results by post date or alphabetically by post/page title</li>
<li>Select number of URLs to display per page</li>
<li>Display total share counts as active share buttons or text</li>
<li>Total counts of all shares for each website page</li>
<li>Total counts for each button type across each category</li>
</ul>
<p>The new statistics page allows you to quickly and easily see your best performing posts and pages.</p>
<p>Check out the <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">Slick Social Share Buttons plugin project page</a> for more information and download links. Social Stats is available starting with version 2.0 of the plugin.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JjncQ6uXkyI:OzJjFMQ2xQc:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=JjncQ6uXkyI:OzJjFMQ2xQc:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JjncQ6uXkyI:OzJjFMQ2xQc:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=JjncQ6uXkyI:OzJjFMQ2xQc:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JjncQ6uXkyI:OzJjFMQ2xQc:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=JjncQ6uXkyI:OzJjFMQ2xQc:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JjncQ6uXkyI:OzJjFMQ2xQc:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JjncQ6uXkyI:OzJjFMQ2xQc:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=JjncQ6uXkyI:OzJjFMQ2xQc:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=JjncQ6uXkyI:OzJjFMQ2xQc:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/JjncQ6uXkyI" height="1" width="1"/>";}i:28;a:14:{s:5:"title";s:43:"Pinterest Pin It Share Button For WordPress";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/6YjebbxunZk/";s:8:"comments";s:116:"http://www.designchemical.com/blog/index.php/wordpress-plugins/pinterest-pin-it-share-button-for-wordpress/#comments";s:7:"pubdate";s:31:"Wed, 05 Oct 2011 01:30:43 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:90:"Social NetworksWordpress Pluginspin itpinterestpluginssocial mediasocial networkswordpress";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=2415";s:11:"description";s:834:"<p class="text-center"><img src="/media/images/pinterest_pin_it_button_wordpress.png" alt="Pinterest Pin It Button WordPress" /></p>
<p>After requests from many users, our popular WordPress plugin Slick Social Share Buttons now includes the &#8220;Pin It&#8221; social media share button developed for pinterest.com.</p>
<p>Pinterest is a fast growing social share website, which allows its users to create online &#8220;pinboards&#8221; to organize and share theme based collections of images and descriptions as you browse the internet.</p>
<p class="text-center"><img src="/media/images/pinterest_screenshot.jpg" alt="Pinterest Screenshot" /></p>
<p>Especially popular with  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/pinterest-pin-it-share-button-for-wordpress/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:3121:"<p class="text-center"><img src="/media/images/pinterest_pin_it_button_wordpress.png" alt="Pinterest Pin It Button WordPress" /></p>
<p>After requests from many users, our popular WordPress plugin <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">Slick Social Share Buttons</a> now includes the &#8220;Pin It&#8221; social media share button developed for <a href="http://www.pinterest.com" rel="nofollow" class="external">pinterest.com</a>.</p>
<p>Pinterest is a fast growing social share website, which allows its users to create online &#8220;pinboards&#8221; to organize and share theme based collections of images and descriptions as you browse the internet.</p>
<p class="text-center"><img src="/media/images/pinterest_screenshot.jpg" alt="Pinterest Screenshot" /></p>
<p>Especially popular with creative types, the pin it button offers yet another interesting way of making it easier for your visitors to share your content and grow your traffic.</p>
<p>The &#8220;Pin It&#8221; button is ideal for very visual websites such as photography and portfolio style sites and also product catalogs &#8211; great for online stores!</p>
<p>As with the other buttons on the Slick Social Share plugin, which includes the tweet button, google plus one, google buzz, facebook like, linkedin, stumbleupon and digg, the Pin It button is available in 3 sizes and includes the option of showing a count of the total number of pinterest.com followers for each specific page.</p>
<p>The &#8220;Pin It&#8221; button is available starting with version 1.4 &#8211; check out the WordPress <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">Slick Social Share Buttons plugin</a> for more information.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=6YjebbxunZk:X6Bp8bD1s1o:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=6YjebbxunZk:X6Bp8bD1s1o:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=6YjebbxunZk:X6Bp8bD1s1o:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=6YjebbxunZk:X6Bp8bD1s1o:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=6YjebbxunZk:X6Bp8bD1s1o:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=6YjebbxunZk:X6Bp8bD1s1o:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=6YjebbxunZk:X6Bp8bD1s1o:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=6YjebbxunZk:X6Bp8bD1s1o:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=6YjebbxunZk:X6Bp8bD1s1o:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=6YjebbxunZk:X6Bp8bD1s1o:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/6YjebbxunZk" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:112:"http://www.designchemical.com/blog/index.php/wordpress-plugins/pinterest-pin-it-share-button-for-wordpress/feed/";}s:5:"slash";a:1:{s:8:"comments";s:2:"22";}s:10:"feedburner";a:1:{s:8:"origlink";s:107:"http://www.designchemical.com/blog/index.php/wordpress-plugins/pinterest-pin-it-share-button-for-wordpress/";}s:7:"summary";s:834:"<p class="text-center"><img src="/media/images/pinterest_pin_it_button_wordpress.png" alt="Pinterest Pin It Button WordPress" /></p>
<p>After requests from many users, our popular WordPress plugin Slick Social Share Buttons now includes the &#8220;Pin It&#8221; social media share button developed for pinterest.com.</p>
<p>Pinterest is a fast growing social share website, which allows its users to create online &#8220;pinboards&#8221; to organize and share theme based collections of images and descriptions as you browse the internet.</p>
<p class="text-center"><img src="/media/images/pinterest_screenshot.jpg" alt="Pinterest Screenshot" /></p>
<p>Especially popular with  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/pinterest-pin-it-share-button-for-wordpress/" class="read_more">more</a></p>";s:12:"atom_content";s:3121:"<p class="text-center"><img src="/media/images/pinterest_pin_it_button_wordpress.png" alt="Pinterest Pin It Button WordPress" /></p>
<p>After requests from many users, our popular WordPress plugin <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">Slick Social Share Buttons</a> now includes the &#8220;Pin It&#8221; social media share button developed for <a href="http://www.pinterest.com" rel="nofollow" class="external">pinterest.com</a>.</p>
<p>Pinterest is a fast growing social share website, which allows its users to create online &#8220;pinboards&#8221; to organize and share theme based collections of images and descriptions as you browse the internet.</p>
<p class="text-center"><img src="/media/images/pinterest_screenshot.jpg" alt="Pinterest Screenshot" /></p>
<p>Especially popular with creative types, the pin it button offers yet another interesting way of making it easier for your visitors to share your content and grow your traffic.</p>
<p>The &#8220;Pin It&#8221; button is ideal for very visual websites such as photography and portfolio style sites and also product catalogs &#8211; great for online stores!</p>
<p>As with the other buttons on the Slick Social Share plugin, which includes the tweet button, google plus one, google buzz, facebook like, linkedin, stumbleupon and digg, the Pin It button is available in 3 sizes and includes the option of showing a count of the total number of pinterest.com followers for each specific page.</p>
<p>The &#8220;Pin It&#8221; button is available starting with version 1.4 &#8211; check out the WordPress <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">Slick Social Share Buttons plugin</a> for more information.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=6YjebbxunZk:X6Bp8bD1s1o:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=6YjebbxunZk:X6Bp8bD1s1o:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=6YjebbxunZk:X6Bp8bD1s1o:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=6YjebbxunZk:X6Bp8bD1s1o:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=6YjebbxunZk:X6Bp8bD1s1o:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=6YjebbxunZk:X6Bp8bD1s1o:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=6YjebbxunZk:X6Bp8bD1s1o:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=6YjebbxunZk:X6Bp8bD1s1o:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=6YjebbxunZk:X6Bp8bD1s1o:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=6YjebbxunZk:X6Bp8bD1s1o:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/6YjebbxunZk" height="1" width="1"/>";}i:29;a:14:{s:5:"title";s:38:"WordPress Plugin – Social Media Tabs";s:4:"link";s:61:"http://feedproxy.google.com/~r/DesignChemical/~3/_Mu2AQ-mvnw/";s:8:"comments";s:107:"http://www.designchemical.com/blog/index.php/wordpress-plugins/wordpress-plugin-social-media-tabs/#comments";s:7:"pubdate";s:31:"Tue, 16 Aug 2011 19:28:21 +0000";s:2:"dc";a:1:{s:7:"creator";s:5:"Admin";}s:8:"category";s:99:"Social NetworksWordpress Pluginsfacebookgoogle +1google buzzjQuerypluginsrsstwitterwordpressYouTube";s:4:"guid";s:42:"http://www.designchemical.com/blog/?p=2235";s:11:"description";s:649:"<p class="text-center"><img src="/media/images/social_media_tabs.png" alt="" /></p>
<p><strong>Updated 27th February 2013</strong></p>
<p>Add a facebook like box, twitter feed with follow button, rss feeds, flickr gallery, pinterest pins, YouTube subscription with embedded video and google +1 social network profiles in a static or slide out tabbed widget.</p>
<p>Compatible with Twitter API v1.1</p>
Premium Plugin &#8211; Social Network Tabs for WordPress
<p>We now have a more advanced version of  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/wordpress-plugin-social-media-tabs/" class="read_more">more</a></p>";s:7:"content";a:1:{s:7:"encoded";s:15086:"<p class="text-center"><img src="/media/images/social_media_tabs.png" alt="" /></p>
<p><strong>Updated 27th February 2013</strong></p>
<p>Add a facebook like box, twitter feed with follow button, rss feeds, flickr gallery, pinterest pins, YouTube subscription with embedded video and google +1 social network profiles in a static or slide out tabbed widget.</p>
<p>Compatible with Twitter API v1.1</p>
<h3>Premium Plugin &#8211; Social Network Tabs for WordPress</h3>
<p>We now have a more advanced version of the social media tabs plugin, which includes tabs for 17 different social networks and 70 feed options. To check out this plugin go to &#8211; <a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class="underline">Social Network Tabs for WordPress</a>.</p>
<h3>WordPress Social Stream</h3>
<p>If you are looking for something similar we also have our <a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-stream-plugin/" class="underline">WordPress Social Stream plugin</a>, which combines all network feeds into one single stream! Display this either as a <a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-stream-rotating-feed-list/" class="underline">rotating feed</a> in your sidebar or a unique <a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-stream-plugin/full-page-responsive-social-network-wall/" class="underline">jquery isotope powered network wall</a>.</p>
<h3>Non-WordPress Version?</h3>
<p>If you are looking for a non-Wordpress version that can be used in ANY website see our <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/" class="underline">jQuery social media tabs premium plugin</a>.</p>
<h3>Plugin Options</h3>
<p>The plugin has a range of options giving you control of position of social media tabs panel, display order for tabs, the default profile to display on page load and whether to show or hide the the sliding panel on page load.</p>
<p>The plugin uses widgets to add the tabs to the website pages and can handle mulitple media tabs per page, allowing you to add several different profiles for each tab type.</p>
<h3>Download Social Media Tabs plugin</h3>
<p><a href="http://wordpress.org/extend/plugins/social-media-tabs/" rel="nofollow" class="external">http://wordpress.org/extend/plugins/social-media-tabs/</a></p>
<h3>Installation</h3>
<ol>
<li>Upload the plugin through `Plugins > Add New > Upload` interface or upload `social-media-tabs` folder to the `/wp-content/plugins/` directory</li>
<li>Activate the plugin through the &#8216;Plugins&#8217; menu in WordPress</li>
<li>Configure the plugin options via the &#8220;Social Media Tabs&#8221; menu option in WordPress admin -> Settings</li>
</ol>
<h3>Using The Social Media Tabs Plugin</h3>
<p>In order to add social media tabs to your WordPress website you will need a widget area in your theme files.</p>
<p>For slide out tabs location of the actual widget is not important since the plugin automatically sets the position at the side of the browser. For static tabs the widget needs to be located where you would like the tabbed box to appear.</p>
<p>To learn more about adding widget areas to WordPress see our WordPress tutorial – <a href="/blog/index.php/wordpress-tips/wordpress-tutorial-adding-a-widget-area-to-your-theme-files/">Adding A Widget Area To Your Theme Files</a>.</p>
<h3>Social Media Tabs Configuration</h3>
<h4>Icons</h4>
<p>To change the icons used for the facebook, google, rss and twitter tabs enter the full URL to your new icon image in the text boxes. The current active icons will show in the right-hand column.</p>
<p>To return back to using the default social media icons delete the URLs from the text fields.</p>
<h4>Disable Default Skin:</h4>
<p>Check this box to disable the default skin that comes with the plugin. To use your own styles check the box and add the CSS to your theme&#8217;s style sheet. The default CSS file can be used as a template.</p>
<h4>Open Links In New Window</h4>
<p>Check the box if you wish all links within the media tabs open in a new browser window.</p>
<h4>Google +1 Options</h4>
<ul class="content-list">
<li>API key &#8211; The API Key is required by google in order to access your google feed. For more details on how to create your own API Key refer to our FAQ &#8211; <a href="/blog/index.php/faq/create-your-own-google-api-key/">Create Your Own Google API Key</a>.</li>
</ul>
<h3>Social Media Tabs Widget</h3>
<h4>Tabs</h4>
<p>Select either a static tabbed box or a slide out tabbed panel</p>
<h4>Slider</h4>
<p>Direction of sliding animation for tabs &#8211; horizontal or vertical.</p>
<h4>Width</h4>
<p>Width of widget in pixels.</p>
<h4>Height</h4>
<p>Height of widget in pixels.</p>
<h4>Location (for slide out tabs only):</h4>
<p>The position of the social media tabs panel in the browser window.</p>
<h4>Offset (for slide out tabs only):</h4>
<p>Offset allows you to fine tune the positioning by adding the number of pixels that you would like to offset the panel from the edge of the browser window.</p>
<h4>Animation Speed (for slide out tabs only):</h4>
<p>The speed in milliseconds to open and close the tabbed panel.</p>
<p>The default speed is set to 0.6 secs.</p>
<h4>Auto-Close (for slide out tabs only):</h4>
<p>If checked, the tabs will automatically slide closed when the user clicks anywhere else in the browser window</p>
<h4>Load Open (for slide out tabs only):</h4>
<p>If checked, the social media tabs will be displayed open when the page first loads. The tab will still close the panel when clicked.</p>
<h4>Tabs</h4>
<p>Select the location of each profile type &#8211; tabs 1 to 4</p>
<h4>Open Tab</h4>
<p>Select default tab that will be open when the page first loads.</p>
<h4>Facebook Like Box</h4>
<ul class="content-list">
<li>Facebook ID &#8211; Enter the facebook page ID</li>
<li>Size &#8211; Width &#038; Height of Facebook box in pixels</li>
<li>Connections &#8211; Enter the number of connections to be displayed</li>
</ul>
<p>For more information on how to get your facebook page ID see our FAQ &#8211; <a href="/blog/index.php/faq/how-to-get-your-facebook-page-id/">How to get your facebook page ID</a></p>
<h4>Google</h4>
<ul class="content-list">
<li>Google ID &#8211; Enter the google profile ID</li>
<li>Results &#8211; Maximum number of buzz results to show</li>
</ul>
<p>For more information on how to get your google profile ID see our FAQ &#8211; <a href="/blog/index.php/faq/how-to-get-your-google-profile-id/">How to get your google profile ID</a></p>
<h4>Twitter</h4>
<ul class="content-list">
<li>Widget URL &#8211; Enter the Twitter widget URL
<li>Widget ID &#8211; Enter the Twitter widget ID</li>
</ul>
<p>For step-by-step instructions on how to create your own Twitter Widget ID refer to:<br />
<a href="http://www.designchemical.com/blog/index.php/faq/creating-your-twitter-widget-id/">FAQ -> Create Your Twitter Widget ID</a></p>
<h4>RSS</h4>
<ul class="content-list">
<li>URL &#8211; Enter the RSS Feed URL</li>
<li>Title &#8211; The heading for the RSS feed tab</li>
<li>Results &#8211; The number of feed results to display</li>
</ul>
<h4>YouTube</h4>
<ul class="content-list">
<li>Username &#8211; Enter your YouTube profile username</li>
<li>Video ID &#8211; To include an embedded YouTube video enter the YouTube Video ID</li>
</ul>
<h4>Flickr</h4>
<ul class="content-list">
<li>Username &#8211; Enter the User ID of the flickr gallery</li>
<li>Title &#8211; The heading for the Flickr feed tab</li>
<li>Results &#8211; The number of thumbnails to display</li>
</ul>
<h4>Pinterest</h4>
<ul class="content-list">
<li>Username &#8211; Enter the User name of the pinterest account</li>
<li>Title &#8211; The heading for the Pinterest feed tab</li>
<li>Results &#8211; The number of pins to display</li>
</ul>
<h4>&#8220;Custom&#8221;</h4>
<ul class="content-list">
<li>Title &#8211; The heading for the custom tab tab</li>
<li>Shortcode &#8211; Enter the shortcode that will be used to create the content for the custom tab</li>
</ul>
<div class="banner-horizontal float-left">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7740611438413740";
/* Link Mid Content */
google_ad_slot = "2373698085";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<h3>Frequently Asked Questions</h3>
<p><strong>Check out our <a href="/blog/index.php/frequently-asked-questions/social-media-tabs/">Frequently Asked Questions for Social Media Tabs</a>.</strong></p>
<p>Many issues that can crop up with installing and using the plugin with different themes have also been covered in our comments section. Please check previous comments and FAQ for further information/tips.</p>
<p>For plugin customisations or additional support please contact us for a quotation.</p>
<h3>Download Social Media Tabs plugin</h3>
<p><a href="http://wordpress.org/extend/plugins/social-media-tabs/" rel="nofollow" class="external">http://wordpress.org/extend/plugins/social-media-tabs/</a></p>
<h3>Feedback</h3>
<p><strong>If you find this plugin useful please take the time to rate it at <a href="http://wordpress.org/extend/plugins/social-media-tabs/" rel="nofollow" class="external">wordpress.org</a></strong>.</p>
<div class="donate">
<form name="_xclick" id="form-donate" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">&#8216;;</p>
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="NVWNM7CSNMEHY">
<input type="image" src="/media/images/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
</form>
<h3>Donate</h3>
<p>We develop &#038; support all of our plugins for free. If you use this plugin and find it useful please consider a donation as a token of your appreciation</p>
<div class="clear"></div>
</div>
<h3>Screenshots</h3>
<p class="text-center"><img src="/media/images/social-media-tabs-screenshot-1.png" alt="" /></p>
<p class="text-center"><strong>Example of vertical sliding social buttons panel</strong></p>
<p class="text-center"><img src="/media/images/social-media-tabs-screenshot-2.png" alt="" /></p>
<p class="text-center"><strong>Example of social media tabbed box</strong></p>
<h3>Other Social Media/Network Plugins</h3>
<p>If you like Social Media Tabs then why not try out our other social network WordPress plugins:</p>
<h4>Premium Plugin &#8211; Social Network Tabs for WordPress</h4>
<p>Combine all of your favorite social networks profiles &#038; feeds into slick slide out or static tabs with Social Network Tabs for WordPress &#8211; supports 13 social networks &#038; 30 feed options &#8211; <a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class"external underline">see plugin page</a></p>
<h4>Premium Plugin &#8211; WordPress Social Stream</h4>
<p>Combine all of your social network interactions into one single network stream or create a single feed for multiple social network profiles. Display using a filterable jQuery isotope powered Social Network Wall or a rotating feed list. Supports 15 social networks &#038; 60 feed options &#8211; <a href="/blog/index.php/premium-wordpress-plugins/wordpress-social-stream-plugin/" class"external underline">see plugin page</a></p>
<h4>Slick Social Share Buttons</h4>
<p>Add facebook, twitter, google +1, linkedin, digg, and stumbledupon social media buttons to your website in either a floating or sliding panel &#8211; <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">see plugin page</a></p>
<h4>Floating Tweets</h4>
<p>The Floating Tweets plugin adds a floating, slide out tab containing the latest tweets from any twitter account. The widget is easily set up via any widget panel and can handle multiple twitter feeds per page &#8211; <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-floating-tweets/">see plugin page</a></p>
<h3>Updates</h3>
<h4>Version 1.5 27th February 2013</h4>
<ul class="content-list">
<li>Updated: Twitter tab to use Twitter API v1.1</li>
</ul>
<h4>Version 1.4.3 20th October 2012</h4>
<ul class="content-list">
<li>Added: Code to reload jquery plugins if overwritten</li>
<li>Edited: Change plugin path to use plugins_url()</li>
</ul>
<h4>Version 1.4.1 1st September 2012</h4>
<ul class="content-list">
<li>Updated: Redeclare class name</li>
</ul>
<h4>Version 1.4</h4>
<ul class="content-list">
<li>Added: Caching option for tab results</li>
</ul>
<h4>Version 1.3 &#8211; 17th February 2012</h4>
<ul class="content-list">
<li>Added: Google Plus feed</li>
<li>Added: Flickr feed</li>
<li>Added: Pinterest feed</li>
<li>Added: Custom tab option</li>
</ul>
<h4>Version 1.2.3 &#8211; 10th November 2011</h4>
<ul class="content-list">
<li>Fixed: Bug with twitter layout.</li>
</ul>
<h4>Version 1.2.2 &#8211; 7th October 2011</h4>
<ul class="content-list">
<li>Fixed: Bug with widget class.</li>
</ul>
<h4>Version 1.2.1 &#8211; 25th September 2011</h4>
<ul class="content-list">
<li>Added: Twitter follow button and language options</li>
<li>Fixed: Error with Magpie get_author on google plusone feed.</li>
</ul>
<h4>Version 1.2 &#8211; 8th September 2011</h4>
<ul class="content-list">
<li>Added: YouTube subscription tab with embedded YouTube video</li>
<li>Removed: Google +1 feed. +1 feed used a 3rd party API since there is currently no official google +1 API. This feed has unfortunately been stopped.</li>
</ul>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=_Mu2AQ-mvnw:dRSiVEb-YkQ:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=_Mu2AQ-mvnw:dRSiVEb-YkQ:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=_Mu2AQ-mvnw:dRSiVEb-YkQ:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=_Mu2AQ-mvnw:dRSiVEb-YkQ:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=_Mu2AQ-mvnw:dRSiVEb-YkQ:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=_Mu2AQ-mvnw:dRSiVEb-YkQ:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=_Mu2AQ-mvnw:dRSiVEb-YkQ:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=_Mu2AQ-mvnw:dRSiVEb-YkQ:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=_Mu2AQ-mvnw:dRSiVEb-YkQ:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=_Mu2AQ-mvnw:dRSiVEb-YkQ:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/_Mu2AQ-mvnw" height="1" width="1"/>";}s:3:"wfw";a:1:{s:10:"commentrss";s:103:"http://www.designchemical.com/blog/index.php/wordpress-plugins/wordpress-plugin-social-media-tabs/feed/";}s:5:"slash";a:1:{s:8:"comments";s:3:"283";}s:10:"feedburner";a:1:{s:8:"origlink";s:98:"http://www.designchemical.com/blog/index.php/wordpress-plugins/wordpress-plugin-social-media-tabs/";}s:7:"summary";s:649:"<p class="text-center"><img src="/media/images/social_media_tabs.png" alt="" /></p>
<p><strong>Updated 27th February 2013</strong></p>
<p>Add a facebook like box, twitter feed with follow button, rss feeds, flickr gallery, pinterest pins, YouTube subscription with embedded video and google +1 social network profiles in a static or slide out tabbed widget.</p>
<p>Compatible with Twitter API v1.1</p>
Premium Plugin &#8211; Social Network Tabs for WordPress
<p>We now have a more advanced version of  &#8230; <a href="http://www.designchemical.com/blog/index.php/wordpress-plugins/wordpress-plugin-social-media-tabs/" class="read_more">more</a></p>";s:12:"atom_content";s:15086:"<p class="text-center"><img src="/media/images/social_media_tabs.png" alt="" /></p>
<p><strong>Updated 27th February 2013</strong></p>
<p>Add a facebook like box, twitter feed with follow button, rss feeds, flickr gallery, pinterest pins, YouTube subscription with embedded video and google +1 social network profiles in a static or slide out tabbed widget.</p>
<p>Compatible with Twitter API v1.1</p>
<h3>Premium Plugin &#8211; Social Network Tabs for WordPress</h3>
<p>We now have a more advanced version of the social media tabs plugin, which includes tabs for 17 different social networks and 70 feed options. To check out this plugin go to &#8211; <a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class="underline">Social Network Tabs for WordPress</a>.</p>
<h3>WordPress Social Stream</h3>
<p>If you are looking for something similar we also have our <a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-stream-plugin/" class="underline">WordPress Social Stream plugin</a>, which combines all network feeds into one single stream! Display this either as a <a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-stream-rotating-feed-list/" class="underline">rotating feed</a> in your sidebar or a unique <a href="http://www.designchemical.com/blog/index.php/premium-wordpress-plugins/wordpress-social-stream-plugin/full-page-responsive-social-network-wall/" class="underline">jquery isotope powered network wall</a>.</p>
<h3>Non-WordPress Version?</h3>
<p>If you are looking for a non-Wordpress version that can be used in ANY website see our <a href="http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-media-tabs-plugin/" class="underline">jQuery social media tabs premium plugin</a>.</p>
<h3>Plugin Options</h3>
<p>The plugin has a range of options giving you control of position of social media tabs panel, display order for tabs, the default profile to display on page load and whether to show or hide the the sliding panel on page load.</p>
<p>The plugin uses widgets to add the tabs to the website pages and can handle mulitple media tabs per page, allowing you to add several different profiles for each tab type.</p>
<h3>Download Social Media Tabs plugin</h3>
<p><a href="http://wordpress.org/extend/plugins/social-media-tabs/" rel="nofollow" class="external">http://wordpress.org/extend/plugins/social-media-tabs/</a></p>
<h3>Installation</h3>
<ol>
<li>Upload the plugin through `Plugins > Add New > Upload` interface or upload `social-media-tabs` folder to the `/wp-content/plugins/` directory</li>
<li>Activate the plugin through the &#8216;Plugins&#8217; menu in WordPress</li>
<li>Configure the plugin options via the &#8220;Social Media Tabs&#8221; menu option in WordPress admin -> Settings</li>
</ol>
<h3>Using The Social Media Tabs Plugin</h3>
<p>In order to add social media tabs to your WordPress website you will need a widget area in your theme files.</p>
<p>For slide out tabs location of the actual widget is not important since the plugin automatically sets the position at the side of the browser. For static tabs the widget needs to be located where you would like the tabbed box to appear.</p>
<p>To learn more about adding widget areas to WordPress see our WordPress tutorial – <a href="/blog/index.php/wordpress-tips/wordpress-tutorial-adding-a-widget-area-to-your-theme-files/">Adding A Widget Area To Your Theme Files</a>.</p>
<h3>Social Media Tabs Configuration</h3>
<h4>Icons</h4>
<p>To change the icons used for the facebook, google, rss and twitter tabs enter the full URL to your new icon image in the text boxes. The current active icons will show in the right-hand column.</p>
<p>To return back to using the default social media icons delete the URLs from the text fields.</p>
<h4>Disable Default Skin:</h4>
<p>Check this box to disable the default skin that comes with the plugin. To use your own styles check the box and add the CSS to your theme&#8217;s style sheet. The default CSS file can be used as a template.</p>
<h4>Open Links In New Window</h4>
<p>Check the box if you wish all links within the media tabs open in a new browser window.</p>
<h4>Google +1 Options</h4>
<ul class="content-list">
<li>API key &#8211; The API Key is required by google in order to access your google feed. For more details on how to create your own API Key refer to our FAQ &#8211; <a href="/blog/index.php/faq/create-your-own-google-api-key/">Create Your Own Google API Key</a>.</li>
</ul>
<h3>Social Media Tabs Widget</h3>
<h4>Tabs</h4>
<p>Select either a static tabbed box or a slide out tabbed panel</p>
<h4>Slider</h4>
<p>Direction of sliding animation for tabs &#8211; horizontal or vertical.</p>
<h4>Width</h4>
<p>Width of widget in pixels.</p>
<h4>Height</h4>
<p>Height of widget in pixels.</p>
<h4>Location (for slide out tabs only):</h4>
<p>The position of the social media tabs panel in the browser window.</p>
<h4>Offset (for slide out tabs only):</h4>
<p>Offset allows you to fine tune the positioning by adding the number of pixels that you would like to offset the panel from the edge of the browser window.</p>
<h4>Animation Speed (for slide out tabs only):</h4>
<p>The speed in milliseconds to open and close the tabbed panel.</p>
<p>The default speed is set to 0.6 secs.</p>
<h4>Auto-Close (for slide out tabs only):</h4>
<p>If checked, the tabs will automatically slide closed when the user clicks anywhere else in the browser window</p>
<h4>Load Open (for slide out tabs only):</h4>
<p>If checked, the social media tabs will be displayed open when the page first loads. The tab will still close the panel when clicked.</p>
<h4>Tabs</h4>
<p>Select the location of each profile type &#8211; tabs 1 to 4</p>
<h4>Open Tab</h4>
<p>Select default tab that will be open when the page first loads.</p>
<h4>Facebook Like Box</h4>
<ul class="content-list">
<li>Facebook ID &#8211; Enter the facebook page ID</li>
<li>Size &#8211; Width &#038; Height of Facebook box in pixels</li>
<li>Connections &#8211; Enter the number of connections to be displayed</li>
</ul>
<p>For more information on how to get your facebook page ID see our FAQ &#8211; <a href="/blog/index.php/faq/how-to-get-your-facebook-page-id/">How to get your facebook page ID</a></p>
<h4>Google</h4>
<ul class="content-list">
<li>Google ID &#8211; Enter the google profile ID</li>
<li>Results &#8211; Maximum number of buzz results to show</li>
</ul>
<p>For more information on how to get your google profile ID see our FAQ &#8211; <a href="/blog/index.php/faq/how-to-get-your-google-profile-id/">How to get your google profile ID</a></p>
<h4>Twitter</h4>
<ul class="content-list">
<li>Widget URL &#8211; Enter the Twitter widget URL
<li>Widget ID &#8211; Enter the Twitter widget ID</li>
</ul>
<p>For step-by-step instructions on how to create your own Twitter Widget ID refer to:<br />
<a href="http://www.designchemical.com/blog/index.php/faq/creating-your-twitter-widget-id/">FAQ -> Create Your Twitter Widget ID</a></p>
<h4>RSS</h4>
<ul class="content-list">
<li>URL &#8211; Enter the RSS Feed URL</li>
<li>Title &#8211; The heading for the RSS feed tab</li>
<li>Results &#8211; The number of feed results to display</li>
</ul>
<h4>YouTube</h4>
<ul class="content-list">
<li>Username &#8211; Enter your YouTube profile username</li>
<li>Video ID &#8211; To include an embedded YouTube video enter the YouTube Video ID</li>
</ul>
<h4>Flickr</h4>
<ul class="content-list">
<li>Username &#8211; Enter the User ID of the flickr gallery</li>
<li>Title &#8211; The heading for the Flickr feed tab</li>
<li>Results &#8211; The number of thumbnails to display</li>
</ul>
<h4>Pinterest</h4>
<ul class="content-list">
<li>Username &#8211; Enter the User name of the pinterest account</li>
<li>Title &#8211; The heading for the Pinterest feed tab</li>
<li>Results &#8211; The number of pins to display</li>
</ul>
<h4>&#8220;Custom&#8221;</h4>
<ul class="content-list">
<li>Title &#8211; The heading for the custom tab tab</li>
<li>Shortcode &#8211; Enter the shortcode that will be used to create the content for the custom tab</li>
</ul>
<div class="banner-horizontal float-left">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7740611438413740";
/* Link Mid Content */
google_ad_slot = "2373698085";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<h3>Frequently Asked Questions</h3>
<p><strong>Check out our <a href="/blog/index.php/frequently-asked-questions/social-media-tabs/">Frequently Asked Questions for Social Media Tabs</a>.</strong></p>
<p>Many issues that can crop up with installing and using the plugin with different themes have also been covered in our comments section. Please check previous comments and FAQ for further information/tips.</p>
<p>For plugin customisations or additional support please contact us for a quotation.</p>
<h3>Download Social Media Tabs plugin</h3>
<p><a href="http://wordpress.org/extend/plugins/social-media-tabs/" rel="nofollow" class="external">http://wordpress.org/extend/plugins/social-media-tabs/</a></p>
<h3>Feedback</h3>
<p><strong>If you find this plugin useful please take the time to rate it at <a href="http://wordpress.org/extend/plugins/social-media-tabs/" rel="nofollow" class="external">wordpress.org</a></strong>.</p>
<div class="donate">
<form name="_xclick" id="form-donate" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">&#8216;;</p>
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="NVWNM7CSNMEHY">
<input type="image" src="/media/images/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
</form>
<h3>Donate</h3>
<p>We develop &#038; support all of our plugins for free. If you use this plugin and find it useful please consider a donation as a token of your appreciation</p>
<div class="clear"></div>
</div>
<h3>Screenshots</h3>
<p class="text-center"><img src="/media/images/social-media-tabs-screenshot-1.png" alt="" /></p>
<p class="text-center"><strong>Example of vertical sliding social buttons panel</strong></p>
<p class="text-center"><img src="/media/images/social-media-tabs-screenshot-2.png" alt="" /></p>
<p class="text-center"><strong>Example of social media tabbed box</strong></p>
<h3>Other Social Media/Network Plugins</h3>
<p>If you like Social Media Tabs then why not try out our other social network WordPress plugins:</p>
<h4>Premium Plugin &#8211; Social Network Tabs for WordPress</h4>
<p>Combine all of your favorite social networks profiles &#038; feeds into slick slide out or static tabs with Social Network Tabs for WordPress &#8211; supports 13 social networks &#038; 30 feed options &#8211; <a href="/blog/index.php/premium-wordpress-plugins/premium-wordpress-plugin-social-network-tabs/" class"external underline">see plugin page</a></p>
<h4>Premium Plugin &#8211; WordPress Social Stream</h4>
<p>Combine all of your social network interactions into one single network stream or create a single feed for multiple social network profiles. Display using a filterable jQuery isotope powered Social Network Wall or a rotating feed list. Supports 15 social networks &#038; 60 feed options &#8211; <a href="/blog/index.php/premium-wordpress-plugins/wordpress-social-stream-plugin/" class"external underline">see plugin page</a></p>
<h4>Slick Social Share Buttons</h4>
<p>Add facebook, twitter, google +1, linkedin, digg, and stumbledupon social media buttons to your website in either a floating or sliding panel &#8211; <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-slick-social-share-buttons/">see plugin page</a></p>
<h4>Floating Tweets</h4>
<p>The Floating Tweets plugin adds a floating, slide out tab containing the latest tweets from any twitter account. The widget is easily set up via any widget panel and can handle multiple twitter feeds per page &#8211; <a href="/blog/index.php/wordpress-plugins/wordpress-plugin-floating-tweets/">see plugin page</a></p>
<h3>Updates</h3>
<h4>Version 1.5 27th February 2013</h4>
<ul class="content-list">
<li>Updated: Twitter tab to use Twitter API v1.1</li>
</ul>
<h4>Version 1.4.3 20th October 2012</h4>
<ul class="content-list">
<li>Added: Code to reload jquery plugins if overwritten</li>
<li>Edited: Change plugin path to use plugins_url()</li>
</ul>
<h4>Version 1.4.1 1st September 2012</h4>
<ul class="content-list">
<li>Updated: Redeclare class name</li>
</ul>
<h4>Version 1.4</h4>
<ul class="content-list">
<li>Added: Caching option for tab results</li>
</ul>
<h4>Version 1.3 &#8211; 17th February 2012</h4>
<ul class="content-list">
<li>Added: Google Plus feed</li>
<li>Added: Flickr feed</li>
<li>Added: Pinterest feed</li>
<li>Added: Custom tab option</li>
</ul>
<h4>Version 1.2.3 &#8211; 10th November 2011</h4>
<ul class="content-list">
<li>Fixed: Bug with twitter layout.</li>
</ul>
<h4>Version 1.2.2 &#8211; 7th October 2011</h4>
<ul class="content-list">
<li>Fixed: Bug with widget class.</li>
</ul>
<h4>Version 1.2.1 &#8211; 25th September 2011</h4>
<ul class="content-list">
<li>Added: Twitter follow button and language options</li>
<li>Fixed: Error with Magpie get_author on google plusone feed.</li>
</ul>
<h4>Version 1.2 &#8211; 8th September 2011</h4>
<ul class="content-list">
<li>Added: YouTube subscription tab with embedded YouTube video</li>
<li>Removed: Google +1 feed. +1 feed used a 3rd party API since there is currently no official google +1 API. This feed has unfortunately been stopped.</li>
</ul>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/DesignChemical?a=_Mu2AQ-mvnw:dRSiVEb-YkQ:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=_Mu2AQ-mvnw:dRSiVEb-YkQ:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=_Mu2AQ-mvnw:dRSiVEb-YkQ:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=_Mu2AQ-mvnw:dRSiVEb-YkQ:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=_Mu2AQ-mvnw:dRSiVEb-YkQ:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=_Mu2AQ-mvnw:dRSiVEb-YkQ:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=_Mu2AQ-mvnw:dRSiVEb-YkQ:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=_Mu2AQ-mvnw:dRSiVEb-YkQ:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/DesignChemical?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/DesignChemical?a=_Mu2AQ-mvnw:dRSiVEb-YkQ:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/DesignChemical?i=_Mu2AQ-mvnw:dRSiVEb-YkQ:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DesignChemical/~4/_Mu2AQ-mvnw" height="1" width="1"/>";}}s:7:"channel";a:9:{s:5:"title";s:56:"Design Chemical - jQuery, Wordpress, Tutorials & Plugins";s:4:"link";s:34:"http://www.designchemical.com/blog";s:11:"description";s:22:"Your Business Catalyst";s:13:"lastbuilddate";s:31:"Wed, 20 Mar 2013 10:46:34 +0000";s:8:"language";s:2:"en";s:2:"sy";a:2:{s:12:"updateperiod";s:6:"hourly";s:15:"updatefrequency";s:1:"1";}s:9:"generator";s:29:"http://wordpress.org/?v=3.3.1";s:10:"feedburner";a:2:{s:14:"emailserviceid";s:14:"DesignChemical";s:18:"feedburnerhostname";s:28:"http://feedburner.google.com";}s:7:"tagline";s:22:"Your Business Catalyst";}s:9:"textinput";a:0:{}s:5:"image";a:0:{}s:9:"feed_type";s:3:"RSS";s:12:"feed_version";s:3:"2.0";s:5:"stack";a:0:{}s:9:"inchannel";b:0;s:6:"initem";b:0;s:9:"incontent";b:0;s:11:"intextinput";b:0;s:7:"inimage";b:0;s:13:"current_field";s:0:"";s:17:"current_namespace";b:0;s:19:"_CONTENT_CONSTRUCTS";a:6:{i:0;s:7:"content";i:1;s:7:"summary";i:2;s:4:"info";i:3;s:5:"title";i:4;s:7:"tagline";i:5;s:9:"copyright";}s:4:"etag";s:27:"ETxhwAPV9egzlZQPi5XIAUXJ69M";s:13:"last_modified";s:29:"Tue, 16 Apr 2013 13:56:56 GMT";}