<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>techNerdia</title> <atom:link href="http://technerdia.com/feed" rel="self" type="application/rss+xml" /><link>http://technerdia.com</link> <description>Web Dev, Coding, Business and Life!</description> <lastBuildDate>Wed, 26 Dec 2012 17:55:39 +0000</lastBuildDate> <language>en-US</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <item><title>How To Quickly Reduce Your Websites Bounce Rate</title><link>http://technerdia.com/1897_bounce-rate-tricks.html</link> <comments>http://technerdia.com/1897_bounce-rate-tricks.html#comments</comments> <pubDate>Wed, 26 Dec 2012 17:55:39 +0000</pubDate> <dc:creator>tribalNerd</dc:creator> <category><![CDATA[Strategies]]></category> <category><![CDATA[advice]]></category> <category><![CDATA[google]]></category> <category><![CDATA[pages]]></category> <guid
isPermaLink="false">http://technerdia.com/?p=1897</guid> <description><![CDATA[Quick Tips That Will Quickly Lower Your Websites Bounce Rate.<p><div
style="border-top:1px dotted #cccccc;clear:both;font-size:14px;font-weight:bold;margin:2px 10px;padding:0 10px;text-align:left;"><ul><li><b>New Wordpress Plugin</b> <a
href="http://technerdia.com/projects/adminbar/plugin.html" target="_blank">WP My Admin Bar</a> (It's Free, Download Today!)</li><li><b>Reading:</b> <a
href="http://technerdia.com/1897_bounce-rate-tricks.html">How To Quickly Reduce Your Websites Bounce Rate</a> <b>By:</b> <a
href="https://plus.google.com/105408082571454010152/" target="_blank">tribalNerd</a> <b>From:</b> <a
href="http://technerdia.com/" target="_blank">techNerdia - Web Development Tips</a></li><li><b><a
href="https://plus.google.com/u/0/108046225913965315594/posts" target="_blank">Follow techNerdia on Google+</a></li></ul></div><p
align="center">~ <b>Thank you for subscribing to techNerdia.com - Please Share This Post With Others</b> ~</p></p> ]]></description> <content:encoded><![CDATA[<p><img
src="http://technerdia.com/files/bounce-rate.gif" alt="Bounce Rate Formula" width="550" height="224" class="aligncenter" /></p><p>With Google Analytics, the Bounce Rate is calculated only on the visitors that start with the loaded page. A bounce happens when a visitor exits the page without clicking anything on the page.</p><ul
class="buttOptions one"><li><a
href="http://technerdia.com/files/ebooks/bounce-rate-tricks.pdf" target="_blank" class="postButton" onClick="javascript: _gaq.push(['_trackPageview', '/files/ebooks/bounce-rate-tricks.pdf', 'PDF', '/files/ebooks/bounce-rate-tricks.pdf']);"><span>Download PDF</span></a></li></ul><div
class="br">&nbsp;</div><p></p><p>A high bounce rate does not mean something is wrong with a page. Very well written, to the point, killer articles, can &#8220;easily&#8221; have an 80% + bounce rate, and still get killer listings in the Search Engines.</p><p><span
id="more-1897"></span></p><p>The article on techNerdia titled: <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLzExNDBfd29yZHByZXNzLWFkbWluLWJhci5odG1s">30 WordPress Admin Bar Tips and Tricks</a> consistently has an average bounce rate of 85%, yet it is by far my most visited search engine page with several #1 listings, it&#8217;s techNerdia&#8217;s most linked page from other Websites, and produces more feedback than all others articles combined.</p><p>The reason this article has a higher bounce rate is very simple. A visitor hits the article, finds the example that solves a problem for them, they grab it, test it, and exit the page to complete the project they&#8217;re working on, without clicking anything.</p><p>On the flip side, the article titled: <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLzEzMDFfanF1ZXJ5LWZhZGUtaW4uaHRtbA==">4 jQuery Fadein Effects That Will Catch Your Readers Eyes</a> has a 24% bounce rate. The reason this article&#8217;s bounce rate is so low is because it provides a demo of the examples given, thus the majority of people click the demo link to see the jQuery examples in action.</p><h2>Real Tricks To Lowering Your Bounce Rate</h2><p>Several things can be done to lower a pages bounce rate, the most common factors include: A faster web host / server, no intrusive advertisements, no pop overs, and external links that open in a new window/tab.</p><p>However, those are boring and repeated all over the Internet, so let&#8217;s get into a few tricks that really lower the bounce rates.</p><ul><li><strong>Demos</strong>: Provide a demo with tutorial articles and some products.</li><li><strong>Videos</strong>: Embed the video within the page, plus offer a download link.</li><li><strong>PDF&#8217;s</strong>: Convert your article&#8217;s to PDF&#8217;s and host them yourself with a link to download the PDF.</li><li><strong>Read More Links</strong>: Split your articles up with a &#8216;read more&#8217; button for an easy way to get clicks.</li><li><strong>Internal Links</strong>: Use internal links near the top and bottom of your articles to attract more clicks.</li><li><strong>Slideshows</strong>: Host and embed your own slideshows to gain extra clicks.</li><li><strong>Podcasts</strong>: Embed postcasts with flash and provide an mp3 download link.</li><li><strong>Zip Files</strong>: Zip up related mp3&#8242;s, video files, source code, graphic files, pdf&#8217;s, photoshop psd files, etc.</li><li><strong>Thumbnails</strong>: Providing thumbnails of screenshots, cartoons, and info-graphics are easy ways to attract more clicks.</li></ul><p>Most articles can mix and match these tricks, such as a tutorial article can provide demos, downloadable source code, a video, a pdf and a podcast which together greatly increases your chances for extra clicks, thus a lower bounce rate.</p><h2>Final Thoughts</h2><p>If your overall Website has a high bounce rate, chances are the Websites design or content being presented needs work. Every Website has a few pages with chronic high bounce rates and no matter what you try the bounce rate will stay high.</p><p>In the end, it is far more important to build traffic directly to pages on your Website to a steady and sustainable level, rather than worrying over the bounce rate.</p><p><div
style="border-top:1px dotted #cccccc;clear:both;font-size:14px;font-weight:bold;margin:2px 10px;padding:0 10px;text-align:left;"><ul><li><b>New WordPress Plugin</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL3Byb2plY3RzL2FkbWluYmFyL3BsdWdpbi5odG1s" target=\"_blank\">WP My Admin Bar</a> (It's Free, Download Today!)</li><li><b>Reading:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLzE4OTdfYm91bmNlLXJhdGUtdHJpY2tzLmh0bWw=">How To Quickly Reduce Your Websites Bounce Rate</a> <b>By:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9wbHVzLmdvb2dsZS5jb20vMTA1NDA4MDgyNTcxNDU0MDEwMTUyLw==" target=\"_blank\">tribalNerd</a> <b>From:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLw==" target=\"_blank\">techNerdia - Web Development Tips</a></li><li><b><a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9wbHVzLmdvb2dsZS5jb20vdS8wLzEwODA0NjIyNTkxMzk2NTMxNTU5NC9wb3N0cw==" target=\"_blank\">Follow techNerdia on Google+</a></li></ul></div><p
align="center">~ <b>Thank you for subscribing to techNerdia.com - Please Share This Post With Others</b> ~</p></p> <img
src="http://technerdia.com/?feed-stats-post-id=1897" width="1" height="1" style="display: none;" />]]></content:encoded> <wfw:commentRss>http://technerdia.com/1897_bounce-rate-tricks.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Creating A Blog Comment Strategy That Works</title><link>http://technerdia.com/1811_blog-comment-strategy.html</link> <comments>http://technerdia.com/1811_blog-comment-strategy.html#comments</comments> <pubDate>Tue, 20 Nov 2012 17:37:32 +0000</pubDate> <dc:creator>tribalNerd</dc:creator> <category><![CDATA[Strategies]]></category> <category><![CDATA[advice]]></category> <category><![CDATA[community]]></category> <category><![CDATA[how-to]]></category> <category><![CDATA[marketing]]></category> <guid
isPermaLink="false">http://technerdia.com/?p=1811</guid> <description><![CDATA[Creating a blog comment strategy that can benefit your Websites requires research, a plan and some discipline to stick to the plan.<p><div
style="border-top:1px dotted #cccccc;clear:both;font-size:14px;font-weight:bold;margin:2px 10px;padding:0 10px;text-align:left;"><ul><li><b>New Wordpress Plugin</b> <a
href="http://technerdia.com/projects/adminbar/plugin.html" target="_blank">WP My Admin Bar</a> (It's Free, Download Today!)</li><li><b>Reading:</b> <a
href="http://technerdia.com/1811_blog-comment-strategy.html">Creating A Blog Comment Strategy That Works</a> <b>By:</b> <a
href="https://plus.google.com/105408082571454010152/" target="_blank">tribalNerd</a> <b>From:</b> <a
href="http://technerdia.com/" target="_blank">techNerdia - Web Development Tips</a></li><li><b><a
href="https://plus.google.com/u/0/108046225913965315594/posts" target="_blank">Follow techNerdia on Google+</a></li></ul></div><p
align="center">~ <b>Thank you for subscribing to techNerdia.com - Please Share This Post With Others</b> ~</p></p> ]]></description> <content:encoded><![CDATA[<p>Creating a blog comment strategy that can benefit your Websites requires research, a well thought–out plan that actually works and a desire to meet your weekly goals. With a little bit of time and discipline any Website can reap the rewards that blog commenting can bring.</p><p><img
src="http://technerdia.com/files/comment-cycle.gif" alt="Blog Commenting Cycle" width="400" height="403" class="aligncenter" /></p><ul
class="buttOptions one"><li><a
href="http://technerdia.com/files/ebooks/blog-comment-strategy.pdf" target="_blank" class="postButton" onClick="javascript: _gaq.push(['_trackPageview', '/files/ebooks/blog-comment-strategy.pdf', 'PDF', '/files/ebooks/blog-comment-strategy.pdf']);"><span>Download PDF</span></a></li></ul><div
class="br">&nbsp;</div><p></p><p><span
id="more-1811"></span></p><p>Jumping right in&#8230;.</p><h2>Which Blogs To Focus On And Which Blogs To Ignore</h2><p>The Blogs we will be focusing on use the built-in WordPress commenting system. This means, you are going to ignore Blogs that use Facecook Comments, Disqus, IntenseDebate and other non-built-in commenting systems. As well, we will ignore any Blog that does not allow you to add a link to your Website; when you add value to an article by adding a great comment, the Blog in question should give you a link back for your added comment.</p><p>Depending on your market, it may be a rather simple task to find the blogs to comment on or an incredibly difficult task. For example, most Blogging / WordPress help sites use WordPress to manage comments, while many Political sites use Disqus and other non-built-in commenting systems.</p><h2>Researching Blogs In Your Market</h2><p>Before you start, you will need to research some of the top Blogs in your niche markets. Your goal should be to find as many popular blogs as possible.</p><ul><li>Use Google to find blogs in your  market.</li><li>Focus on Blogs that already get comments.</li><li>Focus on Blogs that rank under 20,000 on Alexa.</li><li>Focus on Blogs that allow you to add a link to your Website.</li><li>Only use Blogs that use the built-in WordPress commenting system.</li></ul><p><strong>Your research starts with a Spreadsheet</strong>: Create a new Spreadsheet document on your Computer or use Google Docs. I have provided an <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL2ZpbGVzL2Jsb2ctcmVzZWFyY2gueGxz" target=\"_blank\">example spreadsheet</a> or view in <a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9kb2NzLmdvb2dsZS5jb20vc3ByZWFkc2hlZXQvY2NjP2tleT0wQXRuWXJsZEIwVjNVZERNd1NqVlhRbEpJVEhoSU5HOTBVVGx5Y21rMFJrRQ==" target=\"_blank\" rel=\"nofollow\">Google Docs</a>, which looks like the screen shot below.</strong></p><p><img
src="http://technerdia.com/files/ss-spreadsheet_1.gif" width="749" height="138" alt="Spreadsheet Example #1" class="aligncenter" /></p><h3>Blog Research Steps</h3><p>The research steps below work in any niche market, simply adjust the terms used to match to your needs.</p><ul><li>Open a browser to <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL2dvb2dsZS5jb20v" target=\"_blank\" rel=\"nofollow\">Google.com</a></li><li>Use whatever niche words that relate to your blogs market. <strong>Examples</strong>: <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3d3dy5nb29nbGUuY29tLyNobD1lbiYjMDM4O3E9cG9saXRpY2FsK2Jsb2c=" target=\"_blank\" rel=\"nofollow\">political blog</a> or <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3d3dy5nb29nbGUuY29tLyNobD1lbiYjMDM4O3E9cG9saXRpY2FsK25ld3MrYmxvZw==" target=\"_blank\" rel=\"nofollow\">political news blog</a>, <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3d3dy5nb29nbGUuY29tLyNobD1lbiYjMDM4O3E9cG9saXRpY3MrYmxvZw==" target=\"_blank\">politics blog</a>, <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3d3dy5nb29nbGUuY29tLyNobD1lbiYjMDM4O3E9cmVwdWJsaWNhbitibG9n" target=\"_blank\" rel=\"nofollow\">republican blog</a>, <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3d3dy5nb29nbGUuY29tLyNobD1lbiYjMDM4O3E9ZGVtb2NyYXQrYmxvZw==" target=\"_blank\" rel=\"nofollow\">democrat blog</a>, <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3d3dy5nb29nbGUuY29tLyNobD1lbiYjMDM4O3E9Y29uc2VydmF0aXZlK2Jsb2c=" target=\"_blank\" rel=\"nofollow\">conservative blog</a>, <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3d3dy5nb29nbGUuY29tLyNobD1lbiYjMDM4O3E9bGliZXJhbCtibG9n" target=\"_blank\" rel=\"nofollow\">liberal blog</a>.</li><li>One of the best ways to find blogs is to search for the long-tail phrases people in your market would actually search for. <strong>Examples</strong>: Golf Industry: <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3d3dy5nb29nbGUuY29tLyNobD1lbiYjMDM4O3E9aG93K3RvK2ltcHJvdmUreW91citwdXR0aW5n" target=\"_blank\" rel=\"nofollow\">how to improve your putting</a>. Cooking/Recipes: <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3d3dy5nb29nbGUuY29tLyNobD1lbiYjMDM4O3E9YmFrZWQrYmVhbnMrb24rdGhlK2dyaWxs" target=\"_blank\" rel=\"nofollow\">baked beans on the grill</a>.</li><li>Use <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3d3dy5nb29nbGUuY29tL2Jsb2dzZWFyY2g=" target=\"_blank\" rel=\"nofollow\">Google Blog Search</a> to expand your research.</li><li>Need more blogs? Try searching for, <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3d3dy5nb29nbGUuY29tLyNobD1lbiYjMDM4O3E9cmVsYXRlZDpnb29nbGUuY29t" target=\"_blank\" rel=\"nofollow\">related:blog-name.com</a> some blogs will return results, others will not.</li><li>Open each possible result in a new tab.</li><li>Ignore major media / major market sites. For politics this would be a site like cnn.com, for the golf niche it would be sites like golf.com, some markets do not have Websites like this, others do.</li><li>Verify the Website is a blog and has comments. Sometimes you can see the comment count near each posts title, with other websites you will have to click on several posts to verify they have comments.</li><li>If the blog has comments, verify that they have hosted comments and not an external comment system like Facecook Comments, Disqus, or IntenseDebate.</li><li>Once you have found a possible blog to use, copy/paste the url into your spreadsheet.</li><li>Repeat the above and gather roughly 20-50 blogs.</li></ul><h2>Rank Your Research List And Gather RSS Feed URL&#8217;s</h2><p>For the next step you will be adding three columns to your spreadsheet, they are: <em>updates</em>, <em>rank</em> and <em>feed url</em>. We are ranking the blogs to make sure that our time is spent on Blogs that deserve our attention. While most blogs that get comments also get traffic, our focus is to find the 5-10 very popular blogs that also update regularly.</p><p><a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL2ZpbGVzL3NwcmVhZHNoZWV0LWV4YW1wbGVfMl9mdWxsLmpwZw==" target=\"_blank\"><img
src="http://technerdia.com/files/spreadsheet-example_2_t.jpg" width="650" height="146" alt="Spreadsheet Example" class="aligncenter" style="border:1px solid #333;" /></a></p><ul><li>Open each blog again, scan over the &#8216;blog updates&#8217; and guess about how often they update. We are looking for blogs that update a few times daily to at least once a week. Most popular blogs update a few times a day to at least 2-3 times a week.</li><li>With the blog still open: Grab the RSS Feed URL. Most blogs have a link to the Feed URL in the sidebar of the Website. Copy/Paste the URL into our speadsheet.</li><li>Open <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3d3dy5hbGV4YS5jb20v" target=\"_blank\" rel=\"nofollow\">Alexa.com</a> enter the domain-name.com in the search bar, then click search. We are looking for sites that have an Alexa Traffic Rank below 20,000. If your niche does not have that many popular blogs, increase the rank to 50k and below. Log the number in the Spreadsheet.</li></ul><p>Once you go through your list, save it, and keep it&#8230;. do not delete the Websites that do not rank high enough, they may be used later. Once you get a grasp of blog commenting you may want to start commenting on more blogs. My political list of Blogs has just over 1,000 Websites, I monitor via a Feed Reader roughly 250 of them.</p><h2>Use a RSS Feed Reader To Track Website Updates</h2><p>Use <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3d3dy5nb29nbGUuY29tL3JlYWRlci8=" target=\"_blank\" rel=\"nofollow\">Google Reader</a> or <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3d3dy5mZWVkZGVtb24uY29tLw==" target=\"_blank\" rel=\"nofollow\">FeedDemon</a> to monitor the Blog Updates via the RSS Feed URL&#8217;s you logged.</p><ul><li>Open <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3d3dy5nb29nbGUuY29tL3JlYWRlci8=" target=\"_blank\" rel=\"nofollow\">Google Reader</a> and start adding the RSS Feed URL&#8217;s to the reader.</li><li>Once you add a feed, move the feed into a folder to help keep your niched feeds organized.</li><li>To add a feed to a folder: Select the feed, click the arrow to the right of the feed, and select New Folder, then enter a name for the folder and press enter. If you already have folders, simply drag the feed subscription into the folder.</li></ul><p><a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL2ZpbGVzL3NzLXJlYWRlci1mb2xkZXJzX2Z1bGwuZ2lm" target=\"_blank\"><img
src="http://technerdia.com/files/ss-google-reader_t.gif" width="118" height="200" alt="Google Reader Folders" class="alignleft" style="border:1px solid #333;margin:0 20px 0 10px;" /></a><strong>Use folders to highly organize your niched Websites</strong>: I have a folder named &#8220;comment on&#8221; which are my top targeted feeds to monitor. Within the Web Development niche, my folder names look like the example to the left.</p><p>I have 13 different &#8220;Tips&#8221; related folders that split up and organize 100&#8242;s of niche related Websites.</p><blockquote
style="margin-left:135px;"><p>To add a feed to a folder within Google Reader, first subscribe to the feed, then hover over the feed in the Subscriptions list to expose the little arrow to the right. Select either &#8220;New Folder&#8221; or the Folder Name you would like to move the feed into.</p></blockquote><h2>Focus on 5-10 Very Large Websites</h2><p>Go Big or Go Home! The top Websites you monitor should be the monsters of your niche. You want these Websites not only have the ability to link to you but potentially drive some traffic to your Website.</p><p>With these Websites you should always try to multi-engage in the topic, meaning make multiple comments on the same article. The idea is not only add to the topic, but to engage with other commenter&#8217;s. Typically very large Websites end up having comments spin into multiple sub-topics. Once a topic starts to spin off, your ability to drive traffic from your comments increases greatly.</p><h2>Add To The Topic, Expand The Topic, Share Knowledge</h2><p>Be very relevant, be helpful, ask questions, and help others. The only industry I know of that you can break these rules in is politics; It is perfectly acceptable to debate a topic in politics and it is acceptable to comment on Websites outside of your political views. However, do not be an asshole, being an ass will almost always result in all of your comments being deleted, no matter what niche market you are in.</p><h2>Be The First To Comment or Within The Top 5</h2><p>The bigger the Website is, the more you should focus on being one of the first people to comment.</p><p>Being first means you are monitoring updates as they happen. Make sure you have actually read the article, watched the video and/or listened to the pod cast. If an article just updated with a 20 minute video, your comment should not happen within the first few minutes, at least 20 minutes should pass by before your comment is made. If you comment too early you increase the chances of your comment getting flagged as spam by the Website owner.</p><h2>Link Dropping</h2><p>When it comes to traffic building in comments, a relevant link works wonders. The keyword here is relevant, something that expands a topic or gives an alternate view of the topic.</p><p>The issue with link dropping is many blogs consider them spam, no matter what it links to, while others will instantly moderate your post. Your goal should be to find those blogs that allow link drops, then use them sparingly and only on the most popular articles.</p><p>Once you find out if a blog will allow link drops, be sure to log it in your spreadsheet. (explained below)</p><h2>Use The Same Avatar Everywhere</h2><p>Your avatar is very important when it comes to brand building. You want people to recognize you across various blogs that you comment on, your own website(s), forums, and social accounts.</p><p><img
src="http://technerdia.com/files/chris_75x75-e1329575365219.jpg" width="75" height="75" alt="tribalNerd Avatar" class="alignleft" style="border:2px solid #000;margin:0 5px 3px 0;" />Personally, I use a head shot on my avatar, I never use my Website or Corporate logos. The only time I do not use my head shot is when I am posting in politics, that is because I use an alt-character and handle when I post on political sites, my political Websites use this same character, along with related social accounts.</p><h2>Using Keywords As Your Name Instead of Your Actual Name</h2><p>Most Websites do not allow this&#8230;. your job is to find the ones that do. These Websites typically do not automatically moderate comments. The tough part of this is knowing when to do this and what to link to. The name used and the linked page, should be very relevant to the article you are posting on.</p><ul><li>Locate as many medium and smaller Websites as you can, that also get comments.</li><li>Look over the comments to see if others have keywords in the names they use.</li><li>Comment on related articles on other Websites that match the topics of articles on your Website.</li><li>Instead of linking to the main page of your Website, link to the related article on your Website.</li></ul><p>If you see a few people doing this, then you know you have found a site that allows it. The focus here is not to comment on every topic but rather only the topics that match a topic on your own Websites.</p><h2>Link Building / Sharing Articles You Comment On</h2><p>When you comment on an article, be sure to social bookmark the comment and share it on your social profiles. This helps in several ways:</p><ul><li>It ensures search engines see the article and your comment.</li><li>It helps drive in more comments, which means more exposure for your comment.</li><li>It helps you get noticed by the Website owner. This can help open a relationship up with that blogger, they may comment on your articles or share your articles with their readers.</li></ul><h2>Creating a Blog Comment Strategy That Works</h2><p>The above information is rather pointless without a strategy built around it that ensures a steady stream of comments are being made along with back link building those comments.</p><li><strong>Below is an example of my spreadsheet</strong>: Each day I have a <a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9kb2NzLmdvb2dsZS5jb20vc3ByZWFkc2hlZXQvY2NjP2tleT0wQXRuWXJsZEIwVjNVZERNd1NqVlhRbEpJVEhoSU5HOTBVVGx5Y21rMFJrRSNnaWQ9MQ==" target=\"_blank\" rel=\"nofollow\">comment goal</a>, each comment made works towards the end goal. On another tab, I log the <a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9kb2NzLmdvb2dsZS5jb20vc3ByZWFkc2hlZXQvY2NjP2tleT0wQXRuWXJsZEIwVjNVZERNd1NqVlhRbEpJVEhoSU5HOTBVVGx5Y21rMFJrRSNnaWQ9Mg==" target=\"_blank\" rel=\"nofollow\">article URL</a> that I comment on. I also mark down if I have bookmarked, shared, socialized and traffic built the article.</li><p><img
src="http://technerdia.com/files/comment_goals.jpg" width="618" height="255" alt="Setting Comment Goals" class="aligncenter"  style="border:1px solid #333;" /></p><p><img
src="http://technerdia.com/files/comment_urls.jpg" width="618" height="87" alt="Logging Comment URLs" class="aligncenter"  style="border:1px solid #333;" /></p><ul><li><a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL2ZpbGVzL2Jsb2ctcmVzZWFyY2gueGxz" target=\"_blank\">Download the example spreadsheet</a> or save this <a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9kb2NzLmdvb2dsZS5jb20vc3ByZWFkc2hlZXQvY2NjP2tleT0wQXRuWXJsZEIwVjNVZERNd1NqVlhRbEpJVEhoSU5HOTBVVGx5Y21rMFJrRSNnaWQ9MQ==" target=\"_blank\" rel=\"nofollow\">Google Document</a>.</li></ul><p>If you find that 2 comments a day is too much, then lower it to 1. If you can handle 10-20 comments a day, then increase your goal. One thing you will notice with commenting is your traffic rankings on Alexa and Compete will improve, even if you do not see a significant traffic increase from commenting.</p><h2>What Can Blog Commenting Do To Help You?</h2><p>Several things really&#8230;.</p><ul><li>It helps get create exposure for your name; The owners of the Website you are commenting on will recognize it quicker along with the loyal readers of the Website.</li><li>It helps bring in more search engine traffic; how much and how quick depends on many factors, like your niche, your competition and if your Website creates sticky articles or not.</li><li>It helps bring in fresh traffic; Commenting is not going to bring in massive traffic, however it can be noticed in your Statistics. Two articles on TechCrunch that I have commented in have brought in 1000&#8242;s of unique visitors, but this is not typical. In most cases it takes several hundred of comments across 100&#8242;s of Websites to really notice a difference.</li><li>The more comments you make, the higher your Alexa and Compete rankings go. This is a huge advantage when it comes to landing pre-paid advertising deals and qualifying for some affiliate programs.</li><li>It helps build direct relationships: The more you comment, the more people get conformable with you, the more people will contact you directly to ask questions, request interviews, or just to say hello.</li></ul><h2>Final Thoughts&#8230;</h2><p>Having a commenting strategy that ensures you stay “somewhat” consistent, which helps greatly with the end goal of brand exposure and link / traffic building. Even if you can only comment once a week, it adds up over time and can make a noticeable difference within a few months.</p><div
class="br">&nbsp;</div><p></p><ul
class="buttOptions one"><li><a
href="http://technerdia.com/files/ebooks/blog-comment-strategy.pdf" target="_blank" class="postButton" onClick="javascript: _gaq.push(['_trackPageview', '/files/ebooks/blog-comment-strategy.pdf', 'PDF', '/files/ebooks/blog-comment-strategy.pdf']);"><span>Download PDF</span></a></li></ul><div
class="br">&nbsp;</div><p></p><p><div
style="border-top:1px dotted #cccccc;clear:both;font-size:14px;font-weight:bold;margin:2px 10px;padding:0 10px;text-align:left;"><ul><li><b>New WordPress Plugin</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL3Byb2plY3RzL2FkbWluYmFyL3BsdWdpbi5odG1s" target=\"_blank\">WP My Admin Bar</a> (It's Free, Download Today!)</li><li><b>Reading:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLzE4MTFfYmxvZy1jb21tZW50LXN0cmF0ZWd5Lmh0bWw=">Creating A Blog Comment Strategy That Works</a> <b>By:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9wbHVzLmdvb2dsZS5jb20vMTA1NDA4MDgyNTcxNDU0MDEwMTUyLw==" target=\"_blank\">tribalNerd</a> <b>From:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLw==" target=\"_blank\">techNerdia - Web Development Tips</a></li><li><b><a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9wbHVzLmdvb2dsZS5jb20vdS8wLzEwODA0NjIyNTkxMzk2NTMxNTU5NC9wb3N0cw==" target=\"_blank\">Follow techNerdia on Google+</a></li></ul></div><p
align="center">~ <b>Thank you for subscribing to techNerdia.com - Please Share This Post With Others</b> ~</p></p> <img
src="http://technerdia.com/?feed-stats-post-id=1811" width="1" height="1" style="display: none;" />]]></content:encoded> <wfw:commentRss>http://technerdia.com/1811_blog-comment-strategy.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>The Complete Guide To Adding jQuery and CSS Into WordPress</title><link>http://technerdia.com/1789_include-jquery-css.html</link> <comments>http://technerdia.com/1789_include-jquery-css.html#comments</comments> <pubDate>Fri, 02 Nov 2012 00:06:33 +0000</pubDate> <dc:creator>tribalNerd</dc:creator> <category><![CDATA[Functions]]></category> <category><![CDATA[Wordpress]]></category> <category><![CDATA[code]]></category> <category><![CDATA[css]]></category> <category><![CDATA[how-to]]></category> <category><![CDATA[javascript]]></category> <category><![CDATA[php]]></category> <category><![CDATA[wp]]></category> <guid
isPermaLink="false">http://technerdia.com/?p=1789</guid> <description><![CDATA[How to include Javascript, jQuery and CSS into Wordpress Themes and Plugins.<p><div
style="border-top:1px dotted #cccccc;clear:both;font-size:14px;font-weight:bold;margin:2px 10px;padding:0 10px;text-align:left;"><ul><li><b>New Wordpress Plugin</b> <a
href="http://technerdia.com/projects/adminbar/plugin.html" target="_blank">WP My Admin Bar</a> (It's Free, Download Today!)</li><li><b>Reading:</b> <a
href="http://technerdia.com/1789_include-jquery-css.html">The Complete Guide To Adding jQuery and CSS Into WordPress</a> <b>By:</b> <a
href="https://plus.google.com/105408082571454010152/" target="_blank">tribalNerd</a> <b>From:</b> <a
href="http://technerdia.com/" target="_blank">techNerdia - Web Development Tips</a></li><li><b><a
href="https://plus.google.com/u/0/108046225913965315594/posts" target="_blank">Follow techNerdia on Google+</a></li></ul></div><p
align="center">~ <b>Thank you for subscribing to techNerdia.com - Please Share This Post With Others</b> ~</p></p> ]]></description> <content:encoded><![CDATA[<p><img
src="http://technerdia.com/files/include-js-css.gif" alt="Include Scripts and CSS into WordPress" width="650" height="156" class="aligncenter" /></p><ul
class="buttOptions one"><li><a
href="http://technerdia.com/files/ebooks/include-jquery-css.pdf" target="_blank" class="postButton" onClick="javascript: _gaq.push(['_trackPageview', '/files/ebooks/include-jquery-css.pdf', 'PDF', '/files/ebooks/include-jquery-css.pdf']);"><span>Download PDF</span></a></li></ul><div
class="br">&nbsp;</div><p></p><p>Loading jQuery, Javascript and CSS into your WordPress Website correctly can be a pain in the neck. The confusion is due to the several different possible ways to load the scripts / css, then it depends on if you are loading scripts / css via the functions.php file for a theme or within a plugin.</p><p><span
id="more-1789"></span></p><p>The two add_action hooks that will include Scripts/CSS into WordPress.</p><ul><li><strong>init</strong>: Ensures the Scripts &amp; CSS always load on the front page of your Website (if using home.php, index.php or a template), along with every other &#8216;front end&#8217; post, page and template style.</li><li><strong>wp_enqueue_scripts</strong>: The &#8220;proper&#8221; hook method, which does not always work (bug?), based on how your WordPress is setup.</li></ul><p>The examples below have all been tested on a WordPress Mutlsite Install, up to WordPress version: 3.4.2</p><h2>Load the Google jQuery Library, while loading a Custom Theme jQuery and Stylesheet</h2><p>The example below uses <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL2NvZGV4LndvcmRwcmVzcy5vcmcvUGx1Z2luX0FQSS9BY3Rpb25fUmVmZXJlbmNlL2luaXQ=" target=\"_blank\" rel=\"nofollow\">init</a> on the add_action function. Init is used for two reasons, first because we are deregistering the default WordPress jQuery Library to load the Google jQuery Library, and second to make sure the scripts load on the front page of the Website.</p><ul><li>The <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL2NvZGV4LndvcmRwcmVzcy5vcmcvRnVuY3Rpb25fUmVmZXJlbmNlL3dwX2RlcmVnaXN0ZXJfc2NyaXB0" target=\"_blank\" rel=\"nofollow\">wp_deregister_script</a>, <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL2NvZGV4LndvcmRwcmVzcy5vcmcvRnVuY3Rpb25fUmVmZXJlbmNlL3dwX2VucXVldWVfc2NyaXB0" target=\"_blank\" rel=\"nofollow\">wp_enqueue_script</a> and <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL2NvZGV4LndvcmRwcmVzcy5vcmcvRnVuY3Rpb25fUmVmZXJlbmNlL3dwX2VucXVldWVfc3R5bGU=" target=\"_blank\" rel=\"nofollow\">wp_enqueue_style</a> functions are wrapped with an if statement that forces the scripts to only load on the Website itself and not the WordPress Admin Area, which is due to the use of init.</li><li>!<a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL2NvZGV4LndvcmRwcmVzcy5vcmcvRnVuY3Rpb25fUmVmZXJlbmNlL2lzX2FkbWlu" target=\"_blank\" rel=\"nofollow\">is_admin</a>: The ! exclamation point is like say, is not. This would read: Is not the admin area.</li></ul><div
class="mycode"><pre name="code" class="php">/** Google jQuery Library, Custom jQuery and CSS Files */
function myScripts() {
		wp_register_script( &#039;google&#039;, &#039;http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js&#039; );
		wp_register_script( &#039;default&#039;, get_template_directory_uri() . &#039;/jquery.js&#039; );
		wp_register_style( &#039;default&#039;, get_template_directory_uri() . &#039;/style.css&#039; );
	if ( !is_admin() ) { /** Load Scripts and Style on Website Only */
		wp_deregister_script( &#039;jquery&#039; );
		wp_enqueue_script( &#039;google&#039; );
		wp_enqueue_script( &#039;default&#039; );
		wp_enqueue_style( &#039;default&#039; );
	}
}
add_action( &#039;init&#039;, &#039;myScripts&#039; );</pre></div><h2>Uses the default WordPress jQuery library, while loading a themes custom jQuery and CSS files.</h2><p>Adding jQuery and CSS to a theme is rather straight forward.</p><ul><li><strong>Line 3</strong>: The use of array(&#8216;jquery&#8217;) tells WordPress that the jquery.js file depends on the WordPress jQuery Library file, thus the jquery.js file will load after the WordPress jQuery Library file.</li></ul><div
class="mycode"><pre name="code" class="php">/** Add Custom jQuery and CSS files to a Theme */
function myScripts() {
		wp_register_script( &#039;default&#039;, get_template_directory_uri() . &#039;/jquery.js&#039;, array(&#039;jquery&#039;), &#039;&#039; );
		wp_register_style( &#039;default&#039;, get_template_directory_uri() . &#039;/style.css&#039; );
	if ( !is_admin() ) { /** Load Scripts and Style on Website Only */
		wp_enqueue_script( &#039;default&#039; );
		wp_enqueue_style( &#039;default&#039; );
	}
}
add_action( &#039;init&#039;, &#039;myScripts&#039; );</pre></div><h2>Add a print.css file to your WordPress Theme</h2><p>For Printer Friendly CSS Files.</p><ul><li><strong>Line 3</strong>: At the end of this line is &#8216;print&#8217;, this is the media screen call that tells the print.css file to load when the printer friendly version of the Website is loaded.</li></ul><div
class="mycode"><pre name="code" class="php">/** Adding a Print Stylesheet to a Theme */
function myPrintCss() {
		wp_register_style( &#039;print&#039;, get_template_directory_uri() . &#039;/print.css&#039;, &#039;&#039;, &#039;&#039;, &#039;print&#039; );
	if ( !is_admin() ) { /** Load Scripts and Style on Website Only */
		wp_enqueue_style( &#039;print&#039; );
	}
}
add_action( &#039;init&#039;, &#039;myPrintCss&#039; );</pre></div><h2>Using wp_enqueue_scripts instead of init</h2><p>If you load scripts on a unique posts or pages, then wp_enqueue_scripts should be used instead of init. Using  wp_enqueue_scripts will only load the Scripts / CSS on the outside of the Website and not the Admin Area, so the !is_admin() if statement is not needed.</p><h3>Using is_single() to add jQuery and CSS to a WordPress Post</h3><p><strong>Line 3</strong>: Replace # with the Posts ID number to make the Scripts and CSS only load on the called post. Alternatively you can use <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL2NvZGV4LndvcmRwcmVzcy5vcmcvRnVuY3Rpb25fUmVmZXJlbmNlL2lzX3NpbmdsZQ==" target=\"_blank\" rel=\"nofollow\">is_single()</a> without the Post ID to load the Scripts / CSS on all posts.</p><div
class="mycode"><pre name="code" class="php">/** Adding Scripts To A Unique Post */
function myScripts() {
	if ( is_single(#) ) { /** Load Scripts and Style on Posts Only */
		/** Add jQuery and/or CSS Enqueue */
	}
}
add_action( &#039;wp_enqueue_scripts&#039;, &#039;myScripts&#039; );</pre></div><h3>Using is_page() to add jQuery and CSS to a WordPress Post</h3><p><strong>Line 3</strong>: Replace # with the Pages ID number to make the Scripts and CSS only load on the called page. Alternatively you can use <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL2NvZGV4LndvcmRwcmVzcy5vcmcvRnVuY3Rpb25fUmVmZXJlbmNlL2lzX3BhZ2U=" target=\"_blank\" rel=\"nofollow\">is_page()</a> without the Page ID to load the Scripts / CSS on all pages.</p><div
class="mycode"><pre name="code" class="php">/** Adding Scripts To A Unique Page */
function myScripts() {
	if ( is_page(#) ) { /** Load Scripts and Style on Pages Only */
		/** Add jQuery and/or CSS Enqueue */
	}
}
add_action( &#039;wp_enqueue_scripts&#039;, &#039;myScripts&#039; );</pre></div><h2>Using admin_enqueue_scripts to add Scripts to the WordPress Admin Area</h2><p>The example below will load the Scripts and CSS globally throughout the WordPress Admin Area. This method is not recommended for Plugins, unless the Plugin is rebuilding the entire Admin Area look.</p><ul><li><strong>Line 10</strong>: The <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL2NvZGV4LndvcmRwcmVzcy5vcmcvUGx1Z2luX0FQSS9BY3Rpb25fUmVmZXJlbmNlL2FkbWluX2VucXVldWVfc2NyaXB0cw==" target=\"_blank\" rel=\"nofollow\">admin_enqueue_scripts</a> hook is used instead of init or wp_enqueue_scripts.</li><li><strong>Lines 5 &amp; 6</strong>: If you are creating a custom WordPress Admin Area then you may want to disable the default WordPress CSS Calls.</li></ul><div
class="mycode"><pre name="code" class="php">/** Adding Scripts To The WordPress Admin Area Only */
function myAdminScripts() {
	wp_register_script( &#039;default&#039;, get_template_directory_uri() . &#039;/jquery.js&#039;, array(&#039;jquery&#039;), &#039;&#039; );
	wp_enqueue_script( &#039;default&#039; );
	//wp_deregister_style( &#039;ie&#039; ); /** removes ie stylesheet */
	//wp_deregister_style( &#039;colors&#039; ); /** disables default css */
	wp_register_style( &#039;default&#039;, get_template_directory_uri() . &#039;/style.css&#039;,  array(), &#039;&#039;, &#039;all&#039; );
	wp_enqueue_style( &#039;default&#039; );
}
add_action( &#039;admin_enqueue_scripts&#039;, &#039;myAdminScripts&#039; );</pre></div><h2>How to add jQuery and CSS to the WordPress Login Page</h2><p>The example below allows you to customize the look of the WordPress Login Page.</p><ul><li><strong>Line 6</strong>: I could not figure out how to register/enqueue the CSS file on the login page so this line manually adds the Stylesheet.</li><li><strong>Lines 10-14</strong>: This function removes the default WordPress Stylesheets.</li></ul><div
class="mycode"><pre name="code" class="php">/** Adding Scripts To The WordPress Login Page */
function myLoginScripts() {
	wp_register_script( &#039;default&#039;, get_template_directory_uri() . &#039;/jquery.js&#039;, array(&#039;jquery&#039;), &#039;&#039; );
	wp_enqueue_script( &#039;default&#039; );
?&gt;
	&lt;link rel=&#039;stylesheet&#039; id=&#039;default-css&#039; href=&#039;&lt;?php echo get_template_directory_uri() . &#039;/style.css&#039;;?&gt;&#039; type=&#039;text/css&#039; media=&#039;all&#039; /&gt;
&lt;?php }
add_action( &#039;login_enqueue_scripts&#039;, &#039;myLoginScripts&#039; );
/** Deregister the login css files */
function removeScripts() {
	wp_deregister_style( &#039;wp-admin&#039; );
	wp_deregister_style( &#039;colors-fresh&#039; );
}
add_action( &#039;login_init&#039;, &#039;removeScripts&#039; );</pre></div><h2>Adding Scripts and CSS Into WordPress Plugins</h2><p>Loading Scripts and CSS files is basically the same when done within a WordPress plugin. The main difference is url to the script / css file. Instead of using <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL2NvZGV4LndvcmRwcmVzcy5vcmcvRnVuY3Rpb25fUmVmZXJlbmNlL2dldF90ZW1wbGF0ZV9kaXJlY3RvcnlfdXJp" target=\"_blank\" rel=\"nofollow\">get_template_directory_uri</a> you will use <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL2NvZGV4LndvcmRwcmVzcy5vcmcvRnVuY3Rpb25fUmVmZXJlbmNlL3BsdWdpbnNfdXJs" target=\"_blank\" rel=\"nofollow\">plugins_url</a>, because the files are located within the called plugins directory.</p><h3>Loading jQuery and CSS from within a WordPress Plugin</h3><p>This example loads the Scripts and CSS throughout a Websites front end.</p><div
class="mycode"><pre name="code" class="php">/** Global Plugin Scripts for Outside of Website */
function pluginScripts() {
	wp_register_script( &#039;plugin&#039;, plugins_url( &#039;jquery.js&#039; , __FILE__ ), array(&#039;jquery&#039;), &#039;&#039; );
	wp_register_style( &#039;plugin&#039;, plugins_url( &#039;style.css&#039; , __FILE__ ) );
	if ( !is_admin() ) { /** Load Scripts and Style on Website Only */
		wp_enqueue_script( &#039;plugin&#039; );
		wp_enqueue_style( &#039;plugin&#039; );
	}
}
add_action( &#039;init&#039;, &#039;pluginScripts&#039; );</pre></div><h3>Loading jQuery and CSS for the WordPress Admin Area within a Plugin</h3><p>If you need the Scripts and CSS to load throughout the Admin Area, use <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL2NvZGV4LndvcmRwcmVzcy5vcmcvUGx1Z2luX0FQSS9BY3Rpb25fUmVmZXJlbmNlL2FkbWluX2VucXVldWVfc2NyaXB0cw==" target=\"_blank\" rel=\"nofollow\">admin_enqueue_scripts</a> instead of init.</p><div
class="mycode"><pre name="code" class="php">/** Global Plugin Scripts for The WordPress Admin Area */
function pluginScripts() {
	wp_register_script( &#039;plugin&#039;, plugins_url( &#039;jquery1.js&#039; , __FILE__ ), array(&#039;jquery&#039;), &#039;&#039; );
	wp_enqueue_script( &#039;plugin&#039; );
	wp_register_style( &#039;plugin&#039;, plugins_url( &#039;style1.css&#039; , __FILE__ ) );
	wp_enqueue_style( &#039;plugin&#039; );
}
add_action( &#039;admin_enqueue_scripts&#039;, &#039;pluginScripts&#039; );</pre></div><h3>Loding jQuery and CSS for a WordPress Plugins Setting Page</h3><p>This example loads the needed Scripts and CSS on a plugins settings page only, this keeps the files from loading on other Admin Area pages that do not need the files.</p><ul><li><strong>Line 3</strong>: Modify the page=name to match your plugins settings page name.</li></ul><div
class="mycode"><pre name="code" class="php">/** Adding Scripts On A Plugins Settings Page */
function pluginScripts() {
	if ( $_GET[&#039;page&#039;] == &quot;plugin_page_name.php&quot; ) {
		wp_register_script( &#039;plugin&#039;, plugins_url( &#039;jquery.js&#039; , __FILE__ ), array(&#039;jquery&#039;), &#039;&#039; );
		wp_enqueue_script( &#039;plugin&#039; );
		wp_register_style( &#039;plugin&#039;, plugins_url( &#039;style.css&#039; , __FILE__ ) );
		wp_enqueue_style( &#039;plugin&#039; );
	}
}
add_action( &#039;admin_enqueue_scripts&#039;, &#039;pluginScripts&#039; );</pre></div><h2>Moving Google&#8217;s jQuery Library and a custom jQuery File to the WordPress Footer</h2><p>You can not move the default WordPress jQuery Library to the footer, but you an move your own custom jquery file and the Google Library jQuery file to the footer. Do not move CSS files to the Footer.</p><ul><li>Lines 3 &amp; 4: The &#8216;true&#8217; defined at the end of each line tells WordPress to load the script at the footer.</li></ul><div
class="mycode"><pre name="code" class="php">/** Moves jQuery to Footer */
function footerScript() {
		wp_register_script(&#039;jquery&#039;, (&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js&quot;), false, &#039;&#039;, true );
		wp_register_script( &#039;default&#039;, get_template_directory_uri() . &#039;/jquery.js&#039;, false, &#039;&#039;, true );
	if ( !is_admin() ) { /** Load Scripts and Style on Website Only */
		wp_deregister_script( &#039;jquery&#039; );
		wp_enqueue_script( &#039;jquery&#039; );
		wp_enqueue_script( &#039;default&#039; );
	}
}
add_action( &#039;init&#039;, &#039;footerScript&#039; );</pre></div><h2>How to add custom jQuery and CSS based on Roles and Capabilities</h2><p>If you have guest authors, other admins, or subscribers you may want to display custom colors or unique messages to them using jQuery. To do this you will use <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL2NvZGV4LndvcmRwcmVzcy5vcmcvRnVuY3Rpb25fUmVmZXJlbmNlL2N1cnJlbnRfdXNlcl9jYW4=" target=\"_blank\" rel=\"nofollow\">current_user_can</a> to determine the <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL2NvZGV4LndvcmRwcmVzcy5vcmcvUm9sZXNfYW5kX0NhcGFiaWxpdGllcw==" target=\"_blank\" rel=\"nofollow\">Roles and Capabilities</a> of the logged in user.</p><p>The following three examples would load the Scripts and CSS throughout the Website, if the user is logged in. Wrap your enqueue_script calls with !is_admin() to limit the display to the outside of the Website or the hook admin_enqueue_scripts with the add_action to limit the display to the Admin Area only.</p><h3>Custom jQuery and CSS Files for Admins and Super Admins that can Edit Posts</h3><p>Works only for Super Admins and Admins of a Website.</p><div
class="mycode"><pre name="code" class="php">/** Add CSS &#038; jQuery based on Roles and Capabilities */
function myScripts() {
	if ( current_user_can(&#039;edit_posts&#039;) ) {
		/** Add jQuery and/or CSS Enqueue */
	}
}
add_action( &#039;init&#039;, &#039;myScripts&#039; );</pre></div><h3>Custom jQuery and CSS Files for all Logged In users</h3><p>Covers every type of registered user that is also logged in.</p><div
class="mycode"><pre name="code" class="php">/** Admins / Authors / Contributors /  Subscribers */
function myScripts() {
	if ( current_user_can(&#039;read&#039;) ) {
		/** Add jQuery and/or CSS Enqueue */
	}
}
add_action( &#039;init&#039;, &#039;myScripts&#039; );</pre></div><h3>Loading custom jQuery and CSS Files for all Logged In users other than Admins</h3><p>Covers every type of registered user that is also logged in, othe than Admins and Super Admins.</p><div
class="mycode"><pre name="code" class="php">/** Disable for Super Admins / Admins enable for Authors / Contributors /  Subscribers */
function myScripts() {
	if ( current_user_can(&#039;read&#039;) &amp;&amp; !current_user_can(&#039;edit_users&#039;) ) {
		/** Add jQuery and/or CSS Enqueue */
	}
}
add_action( &#039;init&#039;, &#039;myScripts&#039; );</pre></div><hr
/><h2>Final Note</h2><p>The above examples may be stacked into a single function, if the add_action is the same. Another words, you can use multiple if statements within a function to split up your Script and CSS calls, such as: if_admin, !if_admin, is_page, is_single and current_user_can because each use the same add_action of init.</p><ul
class="buttOptions one"><li><a
href="http://technerdia.com/files/ebooks/include-jquery-css.pdf" target="_blank" class="postButton" onClick="javascript: _gaq.push(['_trackPageview', '/files/ebooks/include-jquery-css.pdf', 'PDF', '/files/ebooks/include-jquery-css.pdf']);"><span>Download PDF</span></a></li></ul><div
class="br">&nbsp;</div><p></p><p><div
style="border-top:1px dotted #cccccc;clear:both;font-size:14px;font-weight:bold;margin:2px 10px;padding:0 10px;text-align:left;"><ul><li><b>New WordPress Plugin</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL3Byb2plY3RzL2FkbWluYmFyL3BsdWdpbi5odG1s" target=\"_blank\">WP My Admin Bar</a> (It's Free, Download Today!)</li><li><b>Reading:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLzE3ODlfaW5jbHVkZS1qcXVlcnktY3NzLmh0bWw=">The Complete Guide To Adding jQuery and CSS Into WordPress</a> <b>By:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9wbHVzLmdvb2dsZS5jb20vMTA1NDA4MDgyNTcxNDU0MDEwMTUyLw==" target=\"_blank\">tribalNerd</a> <b>From:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLw==" target=\"_blank\">techNerdia - Web Development Tips</a></li><li><b><a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9wbHVzLmdvb2dsZS5jb20vdS8wLzEwODA0NjIyNTkxMzk2NTMxNTU5NC9wb3N0cw==" target=\"_blank\">Follow techNerdia on Google+</a></li></ul></div><p
align="center">~ <b>Thank you for subscribing to techNerdia.com - Please Share This Post With Others</b> ~</p></p> <img
src="http://technerdia.com/?feed-stats-post-id=1789" width="1" height="1" style="display: none;" />]]></content:encoded> <wfw:commentRss>http://technerdia.com/1789_include-jquery-css.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Adding an Affiliate Link Redirect Script Built Into Every WordPress Post</title><link>http://technerdia.com/1718_affiliate-redirect.html</link> <comments>http://technerdia.com/1718_affiliate-redirect.html#comments</comments> <pubDate>Fri, 12 Oct 2012 16:38:16 +0000</pubDate> <dc:creator>tribalNerd</dc:creator> <category><![CDATA[Customizing]]></category> <category><![CDATA[PHP Examples]]></category> <category><![CDATA[Wordpress]]></category> <category><![CDATA[affiliates]]></category> <category><![CDATA[code]]></category> <category><![CDATA[php]]></category> <category><![CDATA[redirect]]></category> <category><![CDATA[wp]]></category> <guid
isPermaLink="false">http://technerdia.com/?p=1718</guid> <description><![CDATA[Add your own custom affiliate link cloaking script that every post or page on your Wordpress Website can utilize.<p><div
style="border-top:1px dotted #cccccc;clear:both;font-size:14px;font-weight:bold;margin:2px 10px;padding:0 10px;text-align:left;"><ul><li><b>New Wordpress Plugin</b> <a
href="http://technerdia.com/projects/adminbar/plugin.html" target="_blank">WP My Admin Bar</a> (It's Free, Download Today!)</li><li><b>Reading:</b> <a
href="http://technerdia.com/1718_affiliate-redirect.html">Adding an Affiliate Link Redirect Script Built Into Every WordPress Post</a> <b>By:</b> <a
href="https://plus.google.com/105408082571454010152/" target="_blank">tribalNerd</a> <b>From:</b> <a
href="http://technerdia.com/" target="_blank">techNerdia - Web Development Tips</a></li><li><b><a
href="https://plus.google.com/u/0/108046225913965315594/posts" target="_blank">Follow techNerdia on Google+</a></li></ul></div><p
align="center">~ <b>Thank you for subscribing to techNerdia.com - Please Share This Post With Others</b> ~</p></p> ]]></description> <content:encoded><![CDATA[<p><img
src="http://technerdia.com/files/link-redirect.gif" alt="Affiliate Link Redirect Script" width="264" height="441" style="display:inline;float:right;margin-left:24px;margin-top:4px;" />This is a very simple yet effective way to make every post of on your Website have the ability to mask your affiliate links. This solution works perfectly for Websites that have about 50 or less affiliate links to manage, which most Blogs fit into. <span
style="color:#f7f7f7;">5E7BWGX7BRQP</span></p><h2>Why Mask Affiliate Links?</h2><p>Masking your affiliate links has several benefits, but the key benefits are:</p><ul><li>A shortened affiliate link that you create is easier for you to remember.</li><li>The redirect script makes affiliate links look pretty.</li><li>It makes links look like they are internal, resulting in more clicks.</li><li>A visitor is not able to copy/paste the link while removing your affiliate id.</li><li>Reduces 3rd party software blocking, such as Norton blocking affiliate links.</li></ul><div
class="br">&nbsp;</div><p><span
id="more-1718"></span></p><p></p><ul
class="buttOptions three"><li><a
href="http://demo.technerdia.com/affiliate-redirect/" target="_blank" class="postButton" onClick="javascript: _gaq.push(['_trackPageview', 'Adding an Affiliate Link Redirect Script Built Into Every WordPress Post', 'VIEW', 'Adding an Affiliate Link Redirect Script Built Into Every WordPress Post']);"><span>View the Demo</span></a></li><li><a
href="http://technerdia.com/files/zips/affiliate-redirect.zip" target="_blank" class="postButton" onClick="javascript: _gaq.push(['_trackPageview', '/files/zips/affiliate-redirect.zip', 'ZIP', '/files/zips/affiliate-redirect.zip']);"><span>Download Demo</span></a></li><li><a
href="http://technerdia.com/files/ebooks/affiliate-redirect.pdf" target="_blank" class="postButton" onClick="javascript: _gaq.push(['_trackPageview', '/files/ebooks/affiliate-redirect.pdf', 'PDF', '/files/ebooks/affiliate-redirect.pdf']);"><span>Download PDF</span></a></li></ul><div
class="br">&nbsp;</div><p></p><h2>Affiliate Link Redirect Script For WordPress Posts</h2><ul><li>Click the &#8216;view plain&#8217; link below to open the example; copy and paste the example into your favorite editor (<a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3d3dy5mbG9zLWZyZWV3YXJlLmNoL25vdGVwYWQyLmh0bWw=" target=\"_blank\" rel=\"nofollow\">notepad2</a>, etc) on your computer.</li><li>Save and Name the file: redirect.php</li></ul><div
class="mycode"><pre name="code" class="php">&lt;?php /** Redirect Script */
switch ($_GET[&#039;l&#039;]) {
/** ============================================= Affiliate Link Redirects == */
/** Duplicate Here - START */
case &quot;aweber&quot;:
	$url = &quot;http://www.aweber.com/?403565&quot;;
	header(&quot;HTTP/1.1 301 Moved Permanently&quot;);
	header(&quot;Location: $url&quot;);
	break;
/** Duplicate Here - END */
} /* Do Not Remove */?&gt;</div>
<h2>How The Link Redirect Script Works</h2>
<p>The redirect script uses the PHP <a href="http://technerdia.com/?feed-stats-url=aHR0cDovL3BocC5uZXQvbWFudWFsL2VuL2NvbnRyb2wtc3RydWN0dXJlcy5zd2l0Y2gucGhw" target=\"_blank\" rel=\"nofollow\">switch statement</a>, which uses a <a href="http://technerdia.com/?feed-stats-url=aHR0cDovL3BocC5uZXQvbWFudWFsL2VuL2ludGVybmFsczIub3Bjb2Rlcy5jYXNlLnBocA==" target=\"_blank\" rel=\"nofollow\">case statement</a>, and together they work like an if statement in PHP. (If something is true, do the redirect.)</p>
<p>The switch statement looks for the variable being passed in, with the redirect script the variable passed in is: L or l this could be anything really but I use L because it makes the URL to the script more compact.</p>
<p>Each 'case' statement works like an if statement. In the above example, the case statement works like: if the variable $l equals aweber then redirect to the provided url.</p>
<p>Typically when you use a case statements you set one of the cases as default. But because this script is included into every blog post, we exclude the default case statement. If the script had a default case, then if no value is passed in the script or if the value was incorrect, the default case would activate.</p>
<h2>Customize The Redirect Script</h2>
<p><a href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL2ZpbGVzL3JlZGlyZWN0XzAyLmdpZg==" target=\"_blank\"><img src="http://technerdia.com/files/redirect_02_t.gif" alt="Affiliate Link Redirect Script Example" width="250" height="189" class="alignleft" /></a>Next you will need to modify the affiliate link redirect script. To do this you duplicate 'case' portion of the script, between the /** Duplicate Here */ Comments.</p>
<ul>
<li>Modify (or duplicate) the first case statement.</li>
<li>Change the case statement name: case="aweber" to whatever you would like your case to be named. It could be a number, a different word, or random text/numbers, just about anything really.</li>
<li>Modify the URL that you want to redirect to: A proper affiliate link, a different blog, etc.</li>
<li>Once done, FTP to your active theme directory for your Website and upload the redirect.php file.</li>
</ul>
<div class="mycode"><pre name="code" class="php">/** Duplicate Here - START */
case &quot;aweber&quot;:
	$url = &quot;http://www.aweber.com/?403565&quot;;
	header(&quot;HTTP/1.1 301 Moved Permanently&quot;);
	header(&quot;Location: $url&quot;);
	break;
/** Duplicate Here - END */
} /* Do Not Remove */</pre></div><h2>Your Themes Single.php File</h2><p><img
src="http://technerdia.com/files/redirect_01.gif" alt="Include The Redirect Script" width="217" height="120" class="alignleft" />This could also be added to your themes header.php file (above all other php functions), transforming every page of your WordPress Website into a potential affiliate redirect location.  If that is a bit much, you can also include it into your themes index.php, home.php, page.php or any post template file.</p><div
class="br">&nbsp;</div><ul><li>Open your theme single.php file.</li><li>Include the redirect.php script above the get_header(); function.</li><li>Save and re-upload the single.php file.</li></ul><div
class="br">&nbsp;</div><div
class="mycode"><pre name="code" class="php">include(&quot;redirect.php&quot;);</pre></div><p>Some hosts may require that you use the full path to the redirect.php file.</p><div
class="mycode"><pre name="code" class="php">include(&quot;/full/server/path/to/wp-content/themes/theme-name/redirect.php&quot;);</pre></div><h2>Always Test The Redirects</h2><p>You should always test your redirect to make sure you entered it correctly. The redirect URL will be based on your <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL2NvZGV4LndvcmRwcmVzcy5vcmcvVXNpbmdfUGVybWFsaW5rcw==" target=\"_blank\" rel=\"nofollow\">Permalink Structure</a>.</p><p><img
src="http://technerdia.com/files/redirect_03.gif" alt="Redirect URL" title="redirect_03" width="360" height="33" class="aligncenter" /></p><p><strong>Examples:</strong><br
/> http://domain.com/post-name?l=case-name<br
/> http://domain.com/00_post-name.html?l=case-name</p><p>http://domain.com/2012/12/31/post-name?l=case-name</p><h2>Affiliate Link Jump Script In A Standalone WordPress Template</h2><p>Instead of adding the redirect script to every post, you can add it to a custom template instead, which allows for a dedicated page to handle all redirects instead of all posts or pages.</p><p>The one major difference with this script and the one above is the first case statement is set as default. All errors and incorrect links will redirect to the default url.</p><ul><li>Template Name: At the top of the file, commented out, is the Template Name: Redirect. This makes WordPress display the template within the WordPress admin. When adding a New Page, under the Page Attributes widget, within the Templates dropdown, the template Redirect will appear.</li><li>require(&#039;./wp-blog-header.php&#039;); This is what makes the template actually work within WordPress. Without this the template will not function correctly.</li><li>When creating a new page, under the Page Attributes widget, within the Templates dropdown, select the template: Redirect</li><li>Publish the page</li><li>Create a test link, example: http://domain.com/page-name?l=case-name</li></ul><div
class="mycode"><pre name="code" class="php">&lt;?php
/**
 * Template Name: Redirect
 * File: redirect.php
 * By: techNerdia.com
 */
require(&#039;./wp-blog-header.php&#039;); /** Required */
/** Redirect Script */
switch ($_GET[&#039;l&#039;]) {
/** Default */
case &quot;&quot;:
	default:
	$url = &quot;http://technerdia.com/&quot;; /** Modify Default Error URL */
	header(&quot;HTTP/1.1 301 Moved Permanently&quot;);
	header(&quot;Location: $url&quot;);
	break;
/** ============================================= Affiliate Link Redirects == */
/** Duplicate Here - START */
case &quot;aweber&quot;: /**
	$url = &quot;http://www.aweber.com/?403565&quot;;
	header(&quot;HTTP/1.1 301 Moved Permanently&quot;);
	header(&quot;Location: $url&quot;);
	break;
/** Duplicate Here - END */
} /* Do Not Touch */?&gt;
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;
&lt;meta name=&quot;googlebot&quot; content=&quot;noindex,noarchive,follow,noodp&quot; /&gt;
&lt;meta name=&quot;robots&quot; content=&quot;all,noindex,noarchive,follow&quot; /&gt;
&lt;meta name=&quot;msnbot&quot; content=&quot;all,noindex,noarchive,follow&quot; /&gt;
&lt;/head&gt;
&lt;body&gt;
	&lt;p style=&quot;font-size:18px;font-weight:bold;margin:50px 0 0 0;text-align:center;&quot;&gt;An Unknown Error Has Taken Place - &lt;a href=&quot;javascript:history.go(-1)&quot;&gt;Go Back&lt;/a&gt; or &lt;a href=&quot;http://technerdia.com/&quot;&gt;Return Home&lt;/a&gt;&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;</pre></div><p>If you use the above solution, you should remove the page from your Sitemaps (Search Engine Sitemap and your Websites Visual Sitemap) and block the page in your robots.txt file.</p><p><div
style="border-top:1px dotted #cccccc;clear:both;font-size:14px;font-weight:bold;margin:2px 10px;padding:0 10px;text-align:left;"><ul><li><b>New WordPress Plugin</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL3Byb2plY3RzL2FkbWluYmFyL3BsdWdpbi5odG1s" target=\"_blank\">WP My Admin Bar</a> (It's Free, Download Today!)</li><li><b>Reading:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLzE3MThfYWZmaWxpYXRlLXJlZGlyZWN0Lmh0bWw=">Adding an Affiliate Link Redirect Script Built Into Every WordPress Post</a> <b>By:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9wbHVzLmdvb2dsZS5jb20vMTA1NDA4MDgyNTcxNDU0MDEwMTUyLw==" target=\"_blank\">tribalNerd</a> <b>From:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLw==" target=\"_blank\">techNerdia - Web Development Tips</a></li><li><b><a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9wbHVzLmdvb2dsZS5jb20vdS8wLzEwODA0NjIyNTkxMzk2NTMxNTU5NC9wb3N0cw==" target=\"_blank\">Follow techNerdia on Google+</a></li></ul></div><p
align="center">~ <b>Thank you for subscribing to techNerdia.com - Please Share This Post With Others</b> ~</p></p> <img
src="http://technerdia.com/?feed-stats-post-id=1718" width="1" height="1" style="display: none;" />]]></content:encoded> <wfw:commentRss>http://technerdia.com/1718_affiliate-redirect.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Using Ubuntu and SVN to Update the WordPress Repository</title><link>http://technerdia.com/1687_subversion-guide.html</link> <comments>http://technerdia.com/1687_subversion-guide.html#comments</comments> <pubDate>Wed, 03 Oct 2012 17:36:38 +0000</pubDate> <dc:creator>tribalNerd</dc:creator> <category><![CDATA[Plugins]]></category> <category><![CDATA[Ubuntu]]></category> <category><![CDATA[Wordpress]]></category> <category><![CDATA[how-to]]></category> <category><![CDATA[svn]]></category> <category><![CDATA[wp]]></category> <guid
isPermaLink="false">http://technerdia.com/?p=1687</guid> <description><![CDATA[A Complete walk-through on how to use Ubuntu and SVN to update your Plugin at the Wordpress Repository.<p><div
style="border-top:1px dotted #cccccc;clear:both;font-size:14px;font-weight:bold;margin:2px 10px;padding:0 10px;text-align:left;"><ul><li><b>New Wordpress Plugin</b> <a
href="http://technerdia.com/projects/adminbar/plugin.html" target="_blank">WP My Admin Bar</a> (It's Free, Download Today!)</li><li><b>Reading:</b> <a
href="http://technerdia.com/1687_subversion-guide.html">Using Ubuntu and SVN to Update the WordPress Repository</a> <b>By:</b> <a
href="https://plus.google.com/105408082571454010152/" target="_blank">tribalNerd</a> <b>From:</b> <a
href="http://technerdia.com/" target="_blank">techNerdia - Web Development Tips</a></li><li><b><a
href="https://plus.google.com/u/0/108046225913965315594/posts" target="_blank">Follow techNerdia on Google+</a></li></ul></div><p
align="center">~ <b>Thank you for subscribing to techNerdia.com - Please Share This Post With Others</b> ~</p></p> ]]></description> <content:encoded><![CDATA[<p><img
src="http://technerdia.com/files/ubuntu-subversion.gif" alt="Ubuntu Subversion for WordPress Plugins" width="150" height="173" class="alignleft" /> I have been using Linux / BSD for over a decade, but Windows has always been my core work station, until recently. Software such as <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RvcnRvaXNlc3ZuLm5ldC8=" target=\"_blank\" rel=\"nofollow\">TortoiseSVN</a> for Windows and <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3NjcGx1Z2luLnRpZ3Jpcy5vcmcv" target=\"_blank\" rel=\"nofollow\">SCPlugin</a> for MAC, makes updating the WordPress Repository via <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3dvcmRwcmVzcy5vcmcvZXh0ZW5kL3BsdWdpbnMvYWJvdXQvc3ZuLw==" target=\"_blank\" rel=\"nofollow\">Subversion</a> somewhat simple. Even if you forget what to do, dozens if not hundreds of Websites clearly explain the process with nice pictures, videos, and explanations galore.</p><p>That basically all ends with Ubuntu. While several Websites explain Subversion, basically none of them explained updating the WordPress Repository using Ubuntu and Subversion in a nice clear step-by-step instructional process.</p><p>If you are new to the Repository or just confused how to update it on Ubuntu, then this step-by-step walk-through should clear up any confusions you have.</p><p><span
id="more-1687"></span></p><p
style="background:#ffffcc;border:2px dashed #ff9900;clear:both;font-style:italic;font-weight:bold;margin:20px 15px;padding:15px 15px;">With articles like this I always welcome <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL2ZlZWRiYWNrLmh0bWw=">Feedback</a>, if I missed a step, if something is confusing, or if you know of a better way achieve the end goal, please let me know by dropping me some <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL2ZlZWRiYWNrLmh0bWw=">feedback</a>.</p><ul
class="buttOptions one"><li><a
href="http://technerdia.com/files/ebooks/subversion-guide.pdf" target="_blank" class="postButton" onClick="javascript: _gaq.push(['_trackPageview', '/files/ebooks/subversion-guide.pdf', 'PDF', '/files/ebooks/subversion-guide.pdf']);"><span>Download PDF</span></a></li></ul><div
class="br">&nbsp;</div><p></p><h2>What is the WordPress Repository?</h2><p>The Repository is where you, the author of the Plugin, will store the plugin at WordPress.org.</p><h2>What is Subversion?</h2><p>Subversion is an open source version control system that keeps track of the different versions of your WordPress plugin. Using Subversion will allow you to store your various plugin versions and if needed restore a previous working version if a critical mistake is made in a current version.</p><p>Subversion is what allows to you Publish / Update your WordPress Plugin at the Repository. You do not have to commit every change you make, just the tested-working version.</p><h2>Install Subversion</h2><p>Before you can get started you will need to install Subversion on your Ubuntu machine.</p><div
class="mycode"><pre name="code" class="html">sudo apt-get install subversion</pre></div><h2>Setup Your Local Directory Structure</h2><p>Next you will need to create a document structure to store the Subversion copies of your WordPress plugins. My structure looks like this:</p><p><img
src="http://technerdia.com/files/plugin-files-tree.gif" alt="Wordpress Plugin SVN Tree" width="469" height="250" class="aligncenter" /></p><h2>Update Your Local SVN</h2><p>Now it is time to build a local copy of your Plugins. You will do this even if this is your first Plugin and  you have not added the plugin the Repository yet.</p><p>Within the /svn/ folder that you created, checkout (co) a copy of your plugin(s).</p><div
class="mycode"><pre name="code" class="html">cd /home/username/wordpress/svn/
sudo svn co http://plugins.svn.wordpress.org/wp-my-admin-bar/</pre></div><p><a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL2ZpbGVzL3N2bl9zc182LmdpZg==" target=\"_blank\"><img
src="http://technerdia.com/files/svn_ss_6_t.gif" alt="SVN Checkout Example - Thumbnail" width="600" height="183" class="aligncenter" /></a></p><p>Within the plugin-name directory this will create a local directory structure that looks like:</p><p><img
src="http://technerdia.com/files/svn_ss_5.gif" alt="List Of SVN Files" width="600" height="170" class="aligncenter" /></p><h2>The Plugins Readme.txt File</h2><p>A plugins readme.txt file is the key file to making your plugin publish correctly. The readme.txt creates the description of your plugin and is what determines the version of your plugin that will be available to the public.</p><ul><li>The &#8220;Stable tag&#8221; is what &#8220;tags&#8221; the version of your plugin. The Stable tag must always be updated/changed when a new version of your plugin is published.</li></ul><p><img
src="http://technerdia.com/files/svn_ss_stable-tag.gif" alt="Stable tag in readme.txt file" width="456" height="166" class="aligncenter" /></p><p>The readme.txt file also lays out the different tabbed pages displayed on wordpress.org, such as: Description, Installation, FAQ, Screenshots, Other Notes, Changelog, and Other Notes. This is done based off the structure of the readme.txt file. [<a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL2ZpbGVzL3JlYWRtZS1leGFtcGxlLnR4dA==" target=\"_blank\">Clean Robots.txt Template</a>]</p><h2>Copy Your Development Plugin Into /trunk/</h2><p>Before we publish anything to the Repository, you will need to copy your development plugin to the /svn/ directory on your local harddrive. If you updated your Plugin, you will copy over the files that have Updated, including the readme.txt file.</p><h3>New Plugin or Full Plugin Update</h3><p>For newly published plugins or if all of your plugin files have updated, you will recursively copy your core plugin files into the /truck/ directory of the local SVN.</p><p>Change directories to the root plugins directory, and not within the plugin-name directory itself.</p><div
class="mycode"><pre name="code" class="html">cd /home/username/wordpress/plugins/
sudo cp -r plugin-name/* ../svn/plugin-name/truck/</pre></div><ul><li><strong>Note</strong>: The plugin has NOT been published at this point.</li></ul><h3>Copy Newly Updated Files Only</h3><p>If only a couple of files changed, then copy over only the files that changed, this includes the readme.txt file.</p><p>Change directories to the plugin-name directory, then copy the changed file into the svn/trunk.</p><div
class="mycode"><pre name="code" class="html">cd /home/username/wordpress/plugins/plugin-name/
sudo cp readme.txt ../../svn/plugin-name/trunk/</pre></div><p><a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL2ZpbGVzL3N2bl9zc18xLmdpZg==" target=\"_blank\"><img
src="http://technerdia.com/files/svn_ss_1_t.gif" alt="Copy A File To Trunk - Thumbnail" width="600" height="150" class="aligncenter" /></a></p><h3>An Updated File Within A Directory</h3><p>If your plugin is structured into directories, here is how you would copy a unique file within a directory.</p><div
class="mycode"><pre name="code" class="html">cd /home/username/wordpress/plugins/plugin-name/
sudo cp -r includes/function.class.php ../../svn/plugin-name/trunk/includes</pre></div><ul><li><strong>Note</strong>: The plugin has NOT been published at this point.</li></ul><h2>If you Screwed Up /svn/trunk</h2><p>Here is how you would reset the /svn/trunk directory if you made an mistake.</p><p>Change into the /svn/plugin-name/ directory, remove the trunk directory, the checkout a new copy of the trunk directory from the repository.</p><div
class="mycode"><pre name="code" class="html">cd /home/username/wordpress/svn/plugin-name/
sudo rm -r trunk
sudo svn co http://plugins.svn.wordpress.org/wp-my-admin-bar/trunk</pre></div><p>You will now need to re-copy your changed files back into the /svn/plugin-name/trunk directory.</p><h2>Check The Status Of Your Files</h2><p>To make sure all the proper files have been copied over to /trunk, check the status of the files.</p><div
class="mycode"><pre name="code" class="html">cd /home/username/wordpress/svn/plugin-name/
sudo svn status</pre></div><p><a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL2ZpbGVzL3N2bl9zc18yLmdpZg==" target=\"_blank\"><img
src="http://technerdia.com/files/svn_ss_2_t.gif" alt="SVN Stat - Thumbnail" width="600" height="122" class="aligncenter" /></a></p><h2>Tag Your New Local Version</h2><p>Once your local /trunk/ has a copy of your developed plugin, it is time to copy the conents of trunk over to your new Version tag.</p><p>The tag name / directory, will match your plugin Version in your readme.txt file. If the Stable tag within the readme.txt is on Version 0.1 then your tagged directory name would be 0.1 as well.</p><p>Change directories into your local /svn/plugin-name directory.</p><div
class="mycode"><pre name="code" class="html">cd /home/username/wordpress/svn/plugin-name/
sudo svn cp trunk tags/0.1</pre></div><ul><li><strong>Remember</strong>: The tag version should relate to the &#8220;Stable tag&#8221; version number in your readme.txt file.</li></ul><h2>Check The Status Of Your Files</h2><p>To make sure all the proper files have been copied over to the /tags directory, check the status of the files.</p><div
class="mycode"><pre name="code" class="html">cd /home/username/wordpress/svn/plugin-name/
sudo svn status</pre></div><p><a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL2ZpbGVzL3N2bl9zc18zLmdpZg==" target=\"_blank\"><img
src="http://technerdia.com/files/svn_ss_3_t.gif" alt="SVN Status of Changed Files - Thumbnail" width="600" height="167" class="aligncenter" /></a></p><p>You will notice only the changed files are displayed. However, if you navigate to the /svn/plugin-name/tags/version-number and list the files in the directory, all of the plugins files have been added.</p><h2>Commit Your Plugin</h2><p>Now it is time to publish or commit your Plugin to the Repository.</p><div
class="mycode"><pre name="code" class="html">cd /home/username/wordpress/svn/plugin-name/
sudo svn ci -m 'Adding Version 0.1'</pre></div><ul><li><strong>Note</strong>: The area within the quote marks is a message to let you know what action is taking place.</li></ul><p><a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL2ZpbGVzL3N2bl9zc180LmdpZg==" target=\"_blank\"><img
src="http://technerdia.com/files/svn_ss_4_t.gif" alt="Commit Files To The Repository - Thumbnail" width="600" height="155" class="aligncenter" /></a></p><p>At this point, Subversion at wordpress.org will ask you for your WordPress.org password.</p><h2>View Your Plugin</h2><p>Open the svn http url to your plugin, example: <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3BsdWdpbnMuc3ZuLndvcmRwcmVzcy5vcmcvd3AtbXktYWRtaW4tYmFyLw==" target=\"_blank\" rel=\"nofollow\">http://plugins.svn.wordpress.org/wp-my-admin-bar/</a></p><p>Enter the /trunk/ and /tags/version-number directories and check that your modified files show up correctly.</p><p>After a few minutes has passed, check the plugin version at Wordpres.org, example: <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3dvcmRwcmVzcy5vcmcvZXh0ZW5kL3BsdWdpbnMvd3AtbXktYWRtaW4tYmFyLw==" target=\"_blank\">http://wordpress.org/extend/plugins/wp-my-admin-bar/</a></p><p>You should see that you new version is now available for download.</p><h2>Making Changes</h2><p>If you noticed a &#8220;simple&#8221; error in a script or maybe you forget to update some information within the readme.txt file, you will modify the needed files via root. Any changes you make will have to be done to both copies in the /trunk/ and within /tags/</p><p>For a Linux text editor, such as pico, vi, emacs, etc run the editor using sudo.</p><div
class="mycode"><pre name="code" class="html">cd /home/username/wordpress/svn/plugin-name/trunk/
sudo pico readme.txt</pre></div><div
class="mycode"><pre name="code" class="html">cd /home/username/wordpress/svn/plugin-name/tags/tag-version
sudo pico readme.txt</pre></div><p>If you would rather use a GUI Editor, such as <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3Byb2plY3RzLmdub21lLm9yZy9nZWRpdC8=" target=\"_blank\" rel=\"nofollow\">gedit</a> or <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL2JsdWVmaXNoLm9wZW5vZmZpY2UubmwvaW5kZXguaHRtbA==" target=\"_blank\" rel=\"nofollow\">Blueflish</a>, you will need to run those programs as root, in the terminal window type: gksudo program-name</p><div
class="mycode"><pre name="code" class="html">gksudo blueflish</pre></div><div
class="mycode"><pre name="code" class="html">gksudo gedit</pre></div><p>Navigate to /home/username/wordpress/svn/plugin-name/trunk make the same modifications to the /tags/version-number files. Save your changes.</p><h3>Check The Status Of Your Files</h3><p>To make sure your changes work, check the status of your files.</p><div
class="mycode"><pre name="code" class="html">cd /home/username/wordpress/svn/plugin-name/
sudo svn status</pre></div><h3>Re-Commit Your Changes</h3><p>Now that you have modified the files, re-commit your changes.</p><div
class="mycode"><pre name="code" class="html">cd /home/username/wordpress/svn/plugin-name/
sudo svn ci -m 'Correction To Version 0.1'</pre></div><h2>Your Plugin Is Ready!</h2><p>All Done! Your plugin has now been published to the WordPress Repository and is available for download.</p><p><div
style="border-top:1px dotted #cccccc;clear:both;font-size:14px;font-weight:bold;margin:2px 10px;padding:0 10px;text-align:left;"><ul><li><b>New WordPress Plugin</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL3Byb2plY3RzL2FkbWluYmFyL3BsdWdpbi5odG1s" target=\"_blank\">WP My Admin Bar</a> (It's Free, Download Today!)</li><li><b>Reading:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLzE2ODdfc3VidmVyc2lvbi1ndWlkZS5odG1s">Using Ubuntu and SVN to Update the WordPress Repository</a> <b>By:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9wbHVzLmdvb2dsZS5jb20vMTA1NDA4MDgyNTcxNDU0MDEwMTUyLw==" target=\"_blank\">tribalNerd</a> <b>From:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLw==" target=\"_blank\">techNerdia - Web Development Tips</a></li><li><b><a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9wbHVzLmdvb2dsZS5jb20vdS8wLzEwODA0NjIyNTkxMzk2NTMxNTU5NC9wb3N0cw==" target=\"_blank\">Follow techNerdia on Google+</a></li></ul></div><p
align="center">~ <b>Thank you for subscribing to techNerdia.com - Please Share This Post With Others</b> ~</p></p> <img
src="http://technerdia.com/?feed-stats-post-id=1687" width="1" height="1" style="display: none;" />]]></content:encoded> <wfw:commentRss>http://technerdia.com/1687_subversion-guide.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Javascript/PHP Script that Hides Referring URLs</title><link>http://technerdia.com/1574_hide-referrer.html</link> <comments>http://technerdia.com/1574_hide-referrer.html#comments</comments> <pubDate>Mon, 24 Sep 2012 15:05:06 +0000</pubDate> <dc:creator>tribalNerd</dc:creator> <category><![CDATA[PHP Examples]]></category> <category><![CDATA[code]]></category> <category><![CDATA[php]]></category> <guid
isPermaLink="false">http://technerdia.com/?p=1574</guid> <description><![CDATA[Simple javascript / php script that hides the original referring url from analytic software.<p><div
style="border-top:1px dotted #cccccc;clear:both;font-size:14px;font-weight:bold;margin:2px 10px;padding:0 10px;text-align:left;"><ul><li><b>New Wordpress Plugin</b> <a
href="http://technerdia.com/projects/adminbar/plugin.html" target="_blank">WP My Admin Bar</a> (It's Free, Download Today!)</li><li><b>Reading:</b> <a
href="http://technerdia.com/1574_hide-referrer.html">Javascript/PHP Script that Hides Referring URLs</a> <b>By:</b> <a
href="https://plus.google.com/105408082571454010152/" target="_blank">tribalNerd</a> <b>From:</b> <a
href="http://technerdia.com/" target="_blank">techNerdia - Web Development Tips</a></li><li><b><a
href="https://plus.google.com/u/0/108046225913965315594/posts" target="_blank">Follow techNerdia on Google+</a></li></ul></div><p
align="center">~ <b>Thank you for subscribing to techNerdia.com - Please Share This Post With Others</b> ~</p></p> ]]></description> <content:encoded><![CDATA[<p><img
src="http://technerdia.com/files/drop-referrer.jpg" alt="Drop Referring URLs" width="181" height="182" class="alignright"  />You may be wondering why in the world would you ever want to hide a referring url? Well, for several reasons really.</p><ul><li>Private &#8216;research&#8217; Forums that link and share Websites, Content and Web Tools. This tool will ensure the original referring url is hidden, helping keep private areas unknown to statistic programs.</li><li>The script can be hosted on a remote domain so the original referring Website is masked.</li><li>Any Website linking to an online tools direct-backend url, like a rank checking site.</li><li>It can be used to help kill new user link spam from WordPress comments or Forums.</li><li>Use it to kill search engine link benefits from open forums or any public website that posts links.</li></ul><p><span
id="more-1574"></span></p><div
class="br">&nbsp;</div><p></p><ul
class="buttOptions three"><li><a
href="http://demo.technerdia.com/hide-referrer/" target="_blank" class="postButton" onClick="javascript: _gaq.push(['_trackPageview', 'Javascript/PHP Script that Hides Referring URLs', 'VIEW', 'Javascript/PHP Script that Hides Referring URLs']);"><span>View the Demo</span></a></li><li><a
href="http://technerdia.com/files/zips/hide-referrer.zip" target="_blank" class="postButton" onClick="javascript: _gaq.push(['_trackPageview', '/files/zips/hide-referrer.zip', 'ZIP', '/files/zips/hide-referrer.zip']);"><span>Download Demo</span></a></li><li><a
href="http://technerdia.com/files/ebooks/hide-referrer.pdf" target="_blank" class="postButton" onClick="javascript: _gaq.push(['_trackPageview', '/files/ebooks/hide-referrer.pdf', 'PDF', '/files/ebooks/hide-referrer.pdf']);"><span>Download PDF</span></a></li></ul><div
class="br">&nbsp;</div><p></p><h2>The Script</h2><p>The hide referrer script is rather simple. The reason it hides the original referring source is due to the javascript redirect. If it was a php redirect, it would pass through the referring url, unless it paused and required another click. The rest of the script keeps it from being abused by others.</p><div
class="mycode"><pre name="code" class="php">&lt;?php /** Hide the Original Referring URL of a link */
/** Location to redirect errors to */
$error_redirect = &#039;http://technerdia.com/&#039;;
/** Local Host Check */
$host_check = $_SERVER[&#039;HTTP_HOST&#039;];
if ( $host_check  != &quot;technerdia.com&quot; ) { header( &quot;Location: $error_redirect&quot; ); }
/** IP Check */
//$check_url = getenv(&quot;REMOTE_ADDR&quot;);
//if ( $check_url != &quot;000.000.000.000&quot; ) { header( &quot;Location: $error_redirect&quot; ); }
/** No $url Error */
$url = $_GET[&#039;url&#039;];
if ( !$url ) { header( &quot;Location: $error_redirect&quot; ); }
/** Check URL Format */
if ( !preg_match( &quot;/^(http|https):\/\//i&quot;, $url ) ) { echo &quot;Error: URL is not formatted correctly.&quot;; exit; }
?&gt;
&lt;html&gt;
&lt;head&gt;
&lt;script language=&quot;JavaScript&quot;&gt;&lt;!--
function go() {
    top.location = &#039;&lt;?=$url;?&gt;&#039;
}
//--&gt;
&lt;/script&gt;
&lt;/head&gt;
&lt;body onload=&quot;go()&quot;&gt;
&lt;/body&gt;
&lt;/html&gt;</pre></div><h2>The Hide Referrer Script Within A Standalone WordPress Template</h2><p>If you have a WordPress Website this is how you would add the script to a standalone WordPress Template.</p><h3>The Standalone WordPress Template</h3><ul><li><strong>Template Name</strong>: At the top of the file, commented out, is the Template Name: Hide Referrer. This makes WordPress display the template within the WordPress admin. When adding a New Page, under the Page Attributes widget, within the Templates dropdown, the template Hide Referrer will appear.</li><li>require(&#039;./wp-blog-header.php&#039;); This is what makes the template actually work within WordPress. Without this the template will not function correctly.</li></ul><div
class="mycode"><pre name="code" class="php">&lt;?php
/**
 * Template Name: Hide Referrer
 */
require(&#039;./wp-blog-header.php&#039;);
?>
&lt;!-- Hide Referrer Script Goes Here --&gt;</pre></div><p><strong>Instructions</strong></p><ul><li>Grab the template and name it: hide-referrer.php then paste the Hide Referrer Script above into the template. Save and upload the template to your active theme directory.</li><li>Once done, log into your WordPress Admin and create a new page. Set the title to anything you like, then change the url of the page, to something like: track, visitor, redirect, or (t, v, r) etc.</li><li>Under the Page Attributes widget, within the Templates dropdown, select the template: Hide Referrer.</li><li>Publish the page.</li><li>Create a test link, example: http://your-domain.com/track/?url=http://google.com/</li></ul><p><div
style="border-top:1px dotted #cccccc;clear:both;font-size:14px;font-weight:bold;margin:2px 10px;padding:0 10px;text-align:left;"><ul><li><b>New WordPress Plugin</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL3Byb2plY3RzL2FkbWluYmFyL3BsdWdpbi5odG1s" target=\"_blank\">WP My Admin Bar</a> (It's Free, Download Today!)</li><li><b>Reading:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLzE1NzRfaGlkZS1yZWZlcnJlci5odG1s">Javascript/PHP Script that Hides Referring URLs</a> <b>By:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9wbHVzLmdvb2dsZS5jb20vMTA1NDA4MDgyNTcxNDU0MDEwMTUyLw==" target=\"_blank\">tribalNerd</a> <b>From:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLw==" target=\"_blank\">techNerdia - Web Development Tips</a></li><li><b><a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9wbHVzLmdvb2dsZS5jb20vdS8wLzEwODA0NjIyNTkxMzk2NTMxNTU5NC9wb3N0cw==" target=\"_blank\">Follow techNerdia on Google+</a></li></ul></div><p
align="center">~ <b>Thank you for subscribing to techNerdia.com - Please Share This Post With Others</b> ~</p></p> <img
src="http://technerdia.com/?feed-stats-post-id=1574" width="1" height="1" style="display: none;" />]]></content:encoded> <wfw:commentRss>http://technerdia.com/1574_hide-referrer.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Loading The WordPress Comment Form Within A Lightbox</title><link>http://technerdia.com/1368_lightbox-comments.html</link> <comments>http://technerdia.com/1368_lightbox-comments.html#comments</comments> <pubDate>Wed, 12 Sep 2012 20:47:39 +0000</pubDate> <dc:creator>tribalNerd</dc:creator> <category><![CDATA[Customizing]]></category> <category><![CDATA[jQuery]]></category> <category><![CDATA[Wordpress]]></category> <category><![CDATA[code]]></category> <category><![CDATA[how-to]]></category> <category><![CDATA[javascript]]></category> <category><![CDATA[php]]></category> <category><![CDATA[wp]]></category> <guid
isPermaLink="false">http://technerdia.com/?p=1368</guid> <description><![CDATA[Tutorial explaining how to load the Wordpress comment form within a jQuery lightbox.<p><div
style="border-top:1px dotted #cccccc;clear:both;font-size:14px;font-weight:bold;margin:2px 10px;padding:0 10px;text-align:left;"><ul><li><b>New Wordpress Plugin</b> <a
href="http://technerdia.com/projects/adminbar/plugin.html" target="_blank">WP My Admin Bar</a> (It's Free, Download Today!)</li><li><b>Reading:</b> <a
href="http://technerdia.com/1368_lightbox-comments.html">Loading The WordPress Comment Form Within A Lightbox</a> <b>By:</b> <a
href="https://plus.google.com/105408082571454010152/" target="_blank">tribalNerd</a> <b>From:</b> <a
href="http://technerdia.com/" target="_blank">techNerdia - Web Development Tips</a></li><li><b><a
href="https://plus.google.com/u/0/108046225913965315594/posts" target="_blank">Follow techNerdia on Google+</a></li></ul></div><p
align="center">~ <b>Thank you for subscribing to techNerdia.com - Please Share This Post With Others</b> ~</p></p> ]]></description> <content:encoded><![CDATA[<p><img
src="http://technerdia.com/files/comment-lightbox.gif" alt="Wordpress Comment Form Lighbox" width="150" height="142" class="alignright" />In this tutorial I will be showing you how to load the WordPress comment form within a lightbox. A lightbox is typically used on video or photo galleries. When a thumbnail or link is clicked, jQuery (a Javascript framework) overlays the content on top of the Website. This keeps a visitor from leaving the page being viewed and allows the visitor to easily surf through the gallery.</p><p>The same idea is used to load the comment form within the lightbox. When any &#8220;make a comment&#8221; link is clicked on a post, the lightbox opens loading the comment form within it. After a comment is made, the lightbox closes, and the the visitor is taken to the location of the comment.</p><p><span
id="more-1368"></span></p><blockquote><p>Notice: This is a rather advanced tutorial that I have stripped down to be as simple as possible. Adding the comment box into a lightbox is not be possible with all themes. As well, depending on how your comments work (such as reply links and comment plugins) this may not work at all. It is recommended that only advanced users of WordPress utilize this feature.</p><p>This example works not only for comment forms, but also contact and feedback forms, thus any user could utilize the lightbox example depending on your WordPress, jQuery, CSS and HTML knowledge.</p></blockquote><div
class="br">&nbsp;</div><p></p><ul
class="buttOptions three"><li><a
href="http://demo.technerdia.com/lightbox-comments/" target="_blank" class="postButton" onClick="javascript: _gaq.push(['_trackPageview', 'Loading The WordPress Comment Form Within A Lightbox', 'VIEW', 'Loading The WordPress Comment Form Within A Lightbox']);"><span>View the Demo</span></a></li><li><a
href="http://technerdia.com/files/zips/lightbox-comments.zip" target="_blank" class="postButton" onClick="javascript: _gaq.push(['_trackPageview', '/files/zips/lightbox-comments.zip', 'ZIP', '/files/zips/lightbox-comments.zip']);"><span>Download Demo</span></a></li><li><a
href="http://technerdia.com/files/ebooks/lightbox-comments.pdf" target="_blank" class="postButton" onClick="javascript: _gaq.push(['_trackPageview', '/files/ebooks/lightbox-comments.pdf', 'PDF', '/files/ebooks/lightbox-comments.pdf']);"><span>Download PDF</span></a></li></ul><div
class="br">&nbsp;</div><p></p><h2>The Lightbox jQuery File</h2><p>This is probably the most basic jQuery Lightbox example you will find.</p><ul><li><strong>Filename name</strong>: jquery.js &#8211; Copy the example below into a newly created jquery.js file. Upload  the jquery.js file to your Websites theme directory. If you already have a jquery.js type of file for your theme, exclude the first and last lines and copy lines 2-11 into your themes jquery file.</li></ul><div
class="mycode"><pre name="code" class="js">$(document).ready( function() {
	/** Lightbox for Feedback Form */
	$(&#039;.comment_form&#039;).click(function(e) {
		e.preventDefault();
		var post_id = $(this).attr(&quot;rel&quot;)
		$(&#039;body&#039;).append(&#039;&lt;div id=&quot;lightbox&quot;&gt;&lt;iframe src=&quot;http://your-website.com/comment?post_id=&#039;+ post_id +&#039;&quot; width=&quot;400&quot; height=&quot;500&quot; /&gt;&lt;/iframe&gt;&lt;/div&gt;&#039;);
	});
	/** Close iFrame */
	$(&#039;#lightbox&#039;).live(&#039;click&#039;, function() {
		$(&#039;#lightbox&#039;).empty().remove();
	});
} );</pre></div><h3>Modifying the Lightbox jQuery Example</h3><ul><li><strong>Line 3</strong>: .comment_form is the class name that will go on within the Comment links of your post. (Explained below)</li><li><strong>Line 6</strong>: Modify the your-website.com to include your Websites url.</li><li><strong>Line 6</strong>: /comment is the name of the Page that will be created within the WordPress admin. If your Website uses a different Page naming structure or if you want to name the page something different, then modify the /comment page name.</li><li><strong>Line 6</strong>: Depending on how you style the WordPress comment form the width and hight of the lightbox may need to be modified.</li><li><strong>Line 10 and 11</strong>: If you already have a lightbox on your Website, you may need to rename the id name of the #lightbox. This will also need to be changed in the css (below).</li></ul><h2>Loading the jQuery file into your WordPress Headers</h2><p>Add the function below to your themes functions.php file. The first part loads the jQuery library from Google’s API and the second part calls the newly created jquery.js file (above).</p><ul><li><strong>Read</strong>: <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLzE3ODlfaW5jbHVkZS1qcXVlcnktY3NzLmh0bWw=">The Complete Guide To Adding jQuery and CSS Into WordPress</a></li></ul><div
class="mycode"><pre name="code" class="php">/* place this in your themes functions.php file */
function myjQueryScript() {
    if( !is_single() ) { /* only display on posts */
        wp_deregister_script( &#039;jquery&#039; );
        wp_register_script( &#039;jquery&#039;, &#039;http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.js&#039; );
        wp_enqueue_script( &#039;jquery&#039; );
  /* jquery.js file in local theme folder */
        wp_deregister_script( &#039;default&#039; );
        wp_register_script( &#039;default&#039;, get_bloginfo(&#039;stylesheet_directory&#039;).&#039;/jquery.js&#039; );
        wp_enqueue_script( &#039;default&#039; );
    }
}
add_action( &#039;wp_print_scripts&#039;, &#039;myjQueryScript&#039; );</pre></div><h2>Lightbox CSS</h2><p>Open your themes style.css file and place the Lightbox CSS example below into the file.</p><ul><li>#lightbox text-align:center and margin:0 auto; will center the lightbox on the page, both are required to center the lightbox. The height and width being 100% expands the lightbox&#8217;s clickable area, which allows the jQuery file to close the lightbox when the web-page-area around the lightbox is clicked.</li><li>#lightbox iframe is what styles the look around opened window and it positions it on the Website. Currently the lightbox is 50px from the top of the page. To move the lightbox down, adjust the margin: 50px auto 0 auto; Example: margin: 150px auto 0 auto; would move it down 150px from the top of the page.</li></ul><div
class="mycode"><pre name="code" class="css">/** == Lightbox CSS == */
#lightbox {
	height:100%;
	left:0;
	margin:0 auto;
	position:fixed;
	text-align:center;
	top:0;
	width:100%;
}
#lightbox iframe{
	background:#333333;
	border:5px solid #000000;
	margin:20px auto 0 auto;
	padding:10px 10px;
}</pre></div><h2>Standalone WordPress Template</h2><p>This file is basically your themes header.php file, with all the unneeded meta and graphic extras stripped out of it and it includes the closing body and html tags.</p><ul><li>Create a new file named comment-form.php and paste the following html document within it, upload the file to your active theme directory.</li><li>Log into your WordPress Admin and add a New Page. Make sure the file name is &#8220;comment&#8221; if you choose a different name or if the page will have .html added to it, make sure you adjust Line 6 within the jquery.js file (from above) to reflect the file name.</li><li>Select a proper page title, like: Make a Comment</li><li>In the Page Attributes Widget within the Templates dropdown, select the template named: Comment Form.</li><li>Publish the page.</li></ul><p>Other than the comment form html, the file has 3 key parts that makes it function.</p><ol><li><strong>Template Name</strong>: At the top of the file, commented out, is the Template Name: Comment Form. This makes WordPress display the template within the WordPress admin. When adding a New Page, under the Page Attributes widget, within the Templates dropdown, the template Comment Form will appear.</li><li><strong>require(&#8216;./wp-blog-header.php&#8217;);</strong> This is what makes the template actually work with WordPress features. Without this the comment form will not function correctly.</li><li><strong>wp_head();</strong> Without this function the jQuery files will not load.</li></ol><div
class="mycode"><pre name="code" class="php">&lt;?php
/**
 * Template Name: Comment Form
 */
require(&#039;./wp-blog-header.php&#039;);
?&gt;
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; dir=&quot;ltr&quot; lang=&quot;en-US&quot;&gt;
&lt;head profile=&quot;http://gmpg.org/xfn/11&quot;&gt;
&lt;title&gt;Leave a Reply&lt;/title&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;&lt;?php bloginfo(&#039;stylesheet_url&#039;); ?&gt;&quot; media=&quot;screen&quot; /&gt;
&lt;?php wp_head(); ?&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;?php /** comment form */
	if( isset( $_GET[&quot;post_id&quot;] ) ) {?&gt;
	&lt;div id=&quot;respond&quot;&gt;
		&lt;h3 id=&quot;reply-title&quot;&gt;Leave a Reply&lt;/h3&gt;
	  &lt;form action=&quot;&lt;?php bloginfo(&#039;url&#039;);?&gt;/wp-comments-post.php&quot; method=&quot;post&quot; id=&quot;commentform&quot; target=&quot;_parent&quot;&gt;
	  &lt;input type=&#039;hidden&#039; name=&#039;comment_post_ID&#039; value=&#039;&lt;?php echo $_GET[&quot;post_id&quot;];?&gt;&#039; id=&#039;comment_post_ID&#039; /&gt;
			&lt;p class=&quot;comment-form-author&quot;&gt;&lt;label for=&quot;author&quot;&gt;Name&lt;/label&gt; &lt;span class=&quot;required&quot;&gt;*&lt;/span&gt;&lt;input id=&quot;author&quot; name=&quot;author&quot; type=&quot;text&quot; value=&quot;&quot; size=&quot;30&quot; aria-required=&#039;true&#039; /&gt;&lt;/p&gt;
			&lt;p class=&quot;comment-form-email&quot;&gt;&lt;label for=&quot;email&quot;&gt;Email&lt;/label&gt; &lt;span class=&quot;required&quot;&gt;*&lt;/span&gt;&lt;input id=&quot;email&quot; name=&quot;email&quot; type=&quot;text&quot; value=&quot;&quot; size=&quot;30&quot; aria-required=&#039;true&#039; /&gt;&lt;/p&gt;
			&lt;p class=&quot;comment-form-url&quot;&gt;&lt;label for=&quot;url&quot;&gt;Website&lt;/label&gt;&lt;input id=&quot;url&quot; name=&quot;url&quot; type=&quot;text&quot; value=&quot;&quot; size=&quot;30&quot; /&gt;&lt;/p&gt;
			&lt;p class=&quot;comment-form-comment&quot;&gt;&lt;label for=&quot;comment&quot;&gt;Comment&lt;/label&gt;&lt;textarea id=&quot;comment&quot; name=&quot;comment&quot; cols=&quot;45&quot; rows=&quot;8&quot; aria-required=&quot;true&quot;&gt;&lt;/textarea&gt;&lt;/p&gt;
			&lt;p class=&quot;form-submit&quot;&gt;&lt;input name=&quot;submit&quot; type=&quot;submit&quot; id=&quot;submit&quot; value=&quot;Post Comment&quot; /&gt;&lt;/p&gt;
	  &lt;/form&gt;
	&lt;/div&gt;
&lt;?php	} /** end isset post_id */
	wp_footer();?&gt;
&lt;/body&gt;
&lt;/html&gt;</pre></div><h3>Comment Form / Template Body Explained</h3><ul><li>Within the body tags if the template is the comment form. The comment form is wrapped with <em>if( isset( $_GET["post_id"] ) ) {</em> while this is not required, its purpose is to load the form only if the post_id is passed to the page.</li><li>Next is the comment form itself. You can adjust the css calls and html layout to match your themes setup. Within the form is the hidden input named &#8220;comment_post_ID&#8221; and the value returns the post_id that is passed in. This is required to make the form work correctly.</li><li>If you view the source of your Websites comment form, you can strip out the form and place it within the comment-form.php file, just make sure you add in the hidden field comment_post_ID to make it work. For more information on styling the comment form see <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL2NvZGV4LndvcmRwcmVzcy5vcmcvU3R5bGluZ19UaGVtZV9Gb3Jtcw==" target=\"_blank\" rel=\"nofollow\">this page</a> and <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL2NvZGV4LndvcmRwcmVzcy5vcmcvRnVuY3Rpb25fUmVmZXJlbmNlL2NvbW1lbnRfZm9ybQ==" target=\"_blank\" rel=\"nofollow\">this page</a> from the codex.</li></ul><h2>Comment Links</h2><p>The final step is the markup of the comment links within your themes single.php file (or index.php, page.php, comments.php and any other template with a comment link), which will open the lightbox and pass the post_id into the form.</p><p><strong>Note</strong>: Most themes will require a custom link be used for the &#8220;make a comment&#8221; link.</p><ul><li><strong>class=&#8221;comment_form&#8221;</strong> &#8211; This tells the jQuery script that its a comment link. When this link is clicked, the jQuery script disables the typical link click, thus the permalink is not re-opened but rather the lightbox. This is also a nifty trick to beat many spam bots.</li><li><strong>rel=&#8221;"</strong> attribute with the php in it, adds the posts id to the a href link. The jQuery script reads the rel attribute, which is what makes the form load and populates the hidden field:  comment_post_ID</li></ul><p>Remember to place an Open Comment Form link below the comments, where the comment form would have been. It is also a good idea to style this link as a pretty button, so people can easily see it.</p><div
class="mycode"><pre name="code" class="php">&lt;a href=&quot;&lt;?php the_permalink();?&gt;&quot; class=&quot;comment_form&quot; rel=&quot;&lt;?php the_ID();?&gt;&quot;&gt;Open Comment Form&lt;/a&gt;</pre></div><h3>Comment Link with the Comment Number</h3><div
class="mycode"><pre name="code" class="php">&lt;a href=&quot;&lt;?php the_permalink();?&gt;&quot; class=&quot;comment_form&quot; rel=&quot;&lt;?php the_ID();?&gt;&quot;&gt;&lt;?php comments_number( &#039;Leave a Comment&#039;, &#039;Leave a Comment (1)&#039;, &#039;Leave a Comment (% comments)&#039; );?&gt;&lt;/a&gt;</pre></div><h3>Comment Reply Form</h3><p>If you use threaded comments, the reply form should open in-line with the comment. If you do not use threaded comments, the example below will hide the comment form unless the reply link is clicked.</p><p>This goes below the &#8220;Open Comment Form&#8221; link, below where the comments would display.</p><div
class="mycode"><pre name="code" class="php">&lt;?php if( isset( $_GET[&quot;replytocom&quot;] ) ) { comment_form(); } ?&gt;</pre></div><h2>Problems With The Lightbox</h2><p>If you are having problems with the lightbox loading, first check to make sure jQuery files are loading in the header of your Website. This lightbox was tested on jQuery veresion 1.8.0, earlier versions may not function correctly. As well, make sure the path to the jquery.js file is correct.</p><p>If this is not the issue, then make sure the class name .comment_form class name within the jquery.js file (line 3) is the same name being used on your Make a Comment links.</p><p>If the lightbox still is not working, try using the <a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9jaHJvbWUuZ29vZ2xlLmNvbS93ZWJzdG9yZS9kZXRhaWwvamFmbWZrbmZua29la2tkb2NqaWFpcGNubWtrbGFhamQ=" target=\"_blank\" rel=\"nofollow\">JavaScript Errors Notifier Chrome Extension</a> to see if the jQuery file has issues, as well validate the html to make sure no divs are open.</p><p>No matter what, if the lightbox or any part is failing, something is setup incorrectly.</p><h3>~Enjoy The New Toy!</h3><p><div
style="border-top:1px dotted #cccccc;clear:both;font-size:14px;font-weight:bold;margin:2px 10px;padding:0 10px;text-align:left;"><ul><li><b>New WordPress Plugin</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL3Byb2plY3RzL2FkbWluYmFyL3BsdWdpbi5odG1s" target=\"_blank\">WP My Admin Bar</a> (It's Free, Download Today!)</li><li><b>Reading:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLzEzNjhfbGlnaHRib3gtY29tbWVudHMuaHRtbA==">Loading The WordPress Comment Form Within A Lightbox</a> <b>By:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9wbHVzLmdvb2dsZS5jb20vMTA1NDA4MDgyNTcxNDU0MDEwMTUyLw==" target=\"_blank\">tribalNerd</a> <b>From:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLw==" target=\"_blank\">techNerdia - Web Development Tips</a></li><li><b><a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9wbHVzLmdvb2dsZS5jb20vdS8wLzEwODA0NjIyNTkxMzk2NTMxNTU5NC9wb3N0cw==" target=\"_blank\">Follow techNerdia on Google+</a></li></ul></div><p
align="center">~ <b>Thank you for subscribing to techNerdia.com - Please Share This Post With Others</b> ~</p></p> <img
src="http://technerdia.com/?feed-stats-post-id=1368" width="1" height="1" style="display: none;" />]]></content:encoded> <wfw:commentRss>http://technerdia.com/1368_lightbox-comments.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>How WID&#8217;s can save you time, save you money, and save your ass!</title><link>http://technerdia.com/1339_what-i-did.html</link> <comments>http://technerdia.com/1339_what-i-did.html#comments</comments> <pubDate>Thu, 30 Aug 2012 21:56:38 +0000</pubDate> <dc:creator>tribalNerd</dc:creator> <category><![CDATA[Strategies]]></category> <category><![CDATA[business]]></category> <category><![CDATA[email]]></category> <category><![CDATA[employees]]></category> <category><![CDATA[report]]></category> <guid
isPermaLink="false">http://technerdia.com/?p=1339</guid> <description><![CDATA[Learn what a WID is and how it can save you from day-to-day headaches within your Company.<p><div
style="border-top:1px dotted #cccccc;clear:both;font-size:14px;font-weight:bold;margin:2px 10px;padding:0 10px;text-align:left;"><ul><li><b>New Wordpress Plugin</b> <a
href="http://technerdia.com/projects/adminbar/plugin.html" target="_blank">WP My Admin Bar</a> (It's Free, Download Today!)</li><li><b>Reading:</b> <a
href="http://technerdia.com/1339_what-i-did.html">How WID&#8217;s can save you time, save you money, and save your ass!</a> <b>By:</b> <a
href="https://plus.google.com/105408082571454010152/" target="_blank">tribalNerd</a> <b>From:</b> <a
href="http://technerdia.com/" target="_blank">techNerdia - Web Development Tips</a></li><li><b><a
href="https://plus.google.com/u/0/108046225913965315594/posts" target="_blank">Follow techNerdia on Google+</a></li></ul></div><p
align="center">~ <b>Thank you for subscribing to techNerdia.com - Please Share This Post With Others</b> ~</p></p> ]]></description> <content:encoded><![CDATA[<p><img
src="http://technerdia.com/files/stop-the-drop.gif" alt="Stop The Drop With A WID" width="150" height="124" class="alignright" />A few months back one of our product Websites started to slip in sales. It was a slow slip over a two-three week period of time, something that clearly was not a simple fluctuation in sales. It was enough of a slip that several people noticed it&#8230;the question was, why?</p><p>Rather than support emails going to the admins, coders, and testing everything from page speed, the buying process, talking with processors, etc&#8230; a simple report called a <acronym
title="What I Did">WID</acronym> exposed the issue, almost instantly.</p><p><span
id="more-1339"></span></p><p>Three weeks before the issue was noticed, a new Video Player was pushed out to the Website. The original split tests showed the new player improved many factors; from the loading time of videos to conversion ratios. However, once the Player was pushed live, an unseen technical issue was happening; the player would not load correctly depending on the version of iPhone the visitor was using.</p><p>The <acronym
title="What I Did">WID</acronym> helped us figure out what had changed and when&#8230;and that is where we started our testing and how we found the issue so quickly.</p><h2>Introducing the WID</h2><p>It is a small businesses most elite weapon against catastrophic issues.</p><p>A WID is nothing more than email, called &#8220;What I Did.&#8221; It is a daily email written in bullet point style, which outlines what each employee, manager, departments and even what owners did for that day. The purpose of a WID is to keep track of changes to Websites, code, content, server upgrades, along with the progress of projects and more importantly they help ensure that everyone is on the same page.</p><p>A WID does not include minor daily tasks; like talking on the phone with a spouse, long email or IM conversations that are not project related. Basically it is not a tool to spy on employees with!</p><div
align="center"><table
cellpadding="4" cellspacing="1" border="0"><tr><td
width="200"><a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL2ZpbGVzL3dpZF8xLmdpZg==" target=\"_blank\" title=\"Click To View What I Did Example 1\"><img
src="http://technerdia.com/files/wid_1_t.gif" alt="What I Did Example 1" width="200" height="150" class="aligncenter" /></a></td><td
width="200"><a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL2ZpbGVzL3dpZF8yLmdpZg==" target=\"_blank\" title=\"Click To View What I Did Example 2\"><img
src="http://technerdia.com/files/wid_2_t.gif" alt="What I Did Example 2" width="200" height="150" class="aligncenter" /></a></td><td
width="200"><a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL2ZpbGVzL3dpZF8zLmdpZg==" target=\"_blank\" title=\"Click To View What I Did Example 3\"><img
src="http://technerdia.com/files/wid_3_t.gif" alt="What I Did Example 3" width="200" height="150" class="aligncenter" /></a></td></tr></table></div><h2>How The WID Helps</h2><p>Besides finding technical issues with sales, a WID can help in many various ways, sometimes in ways you can not think of until you actually see it in action.</p><p><strong>Cross Department</strong>: The legal departments WID stated they are about to sue a company for Copyright Infringement. The Sales &amp; Marketing department is starting to talk with this company about buying ads/traffic. A simple follow up email is sent asking if they should or should not buy the traffic, which legal responds back telling M&amp;S no, because this case is not going to be a basic settlement case.</p><p><strong>Sales Projections</strong>: The owners/managers want to know why sales have doubled. Rather than bothering the Sales department the WID shows them last week a few major ad purchases went live and are doing well.</p><p><strong>Faster Internal Support</strong>: Customer Support is getting several email complaints from customers that a feature is not working correctly. The support manager is able to use the WID to see the content server was upgraded a few days before. The support manager puts in a ticket to the Admins with the details from the customers and a quick note from the WID about the upgrade.</p><p><strong>Communication Tool</strong>: A manager is wondering why a project is not ready for testing. A quick look at today&#8217;s WID shows the owner pulled a key employee off the project for today to work on something else.</p><p><strong>Affiliates</strong>: An Affiliate contacts an Affiliate Rep wondering why an expected Wire has not hit. Through the WID, the Sales Manager notices the accounting department had an issue at the Bank level that delayed the wires going out by one day, which pushed the delay over a weekend, thus the wire will be a few days later than normal.</p><h2>As You Can See</h2><p>The WID not only saves you time with technical issues it is also a key communication tool. It helps everyone know why, what, and when. It keeps managers off staffs back, while giving the manager the needed information they need to explain why projects are delayed.</p><p><strong>A final note</strong>: If you implement WID&#8217;s into your business strategy do not forget to add it to the employee handbook and include a quick explanation as to why they are important.</p><p><div
style="border-top:1px dotted #cccccc;clear:both;font-size:14px;font-weight:bold;margin:2px 10px;padding:0 10px;text-align:left;"><ul><li><b>New WordPress Plugin</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL3Byb2plY3RzL2FkbWluYmFyL3BsdWdpbi5odG1s" target=\"_blank\">WP My Admin Bar</a> (It's Free, Download Today!)</li><li><b>Reading:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLzEzMzlfd2hhdC1pLWRpZC5odG1s">How WID&#8217;s can save you time, save you money, and save your ass!</a> <b>By:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9wbHVzLmdvb2dsZS5jb20vMTA1NDA4MDgyNTcxNDU0MDEwMTUyLw==" target=\"_blank\">tribalNerd</a> <b>From:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLw==" target=\"_blank\">techNerdia - Web Development Tips</a></li><li><b><a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9wbHVzLmdvb2dsZS5jb20vdS8wLzEwODA0NjIyNTkxMzk2NTMxNTU5NC9wb3N0cw==" target=\"_blank\">Follow techNerdia on Google+</a></li></ul></div><p
align="center">~ <b>Thank you for subscribing to techNerdia.com - Please Share This Post With Others</b> ~</p></p> <img
src="http://technerdia.com/?feed-stats-post-id=1339" width="1" height="1" style="display: none;" />]]></content:encoded> <wfw:commentRss>http://technerdia.com/1339_what-i-did.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>4 jQuery Fadein Effects That Will Catch Your Readers Eyes</title><link>http://technerdia.com/1301_jquery-fade-in.html</link> <comments>http://technerdia.com/1301_jquery-fade-in.html#comments</comments> <pubDate>Wed, 22 Aug 2012 12:38:23 +0000</pubDate> <dc:creator>tribalNerd</dc:creator> <category><![CDATA[jQuery]]></category> <category><![CDATA[code]]></category> <category><![CDATA[css]]></category> <category><![CDATA[javascript]]></category> <category><![CDATA[php]]></category> <guid
isPermaLink="false">http://technerdia.com/?p=1301</guid> <description><![CDATA[Use these jQuery tricks to help draw your visitors eyes towards advertisements or opt-in boxes!<p><div
style="border-top:1px dotted #cccccc;clear:both;font-size:14px;font-weight:bold;margin:2px 10px;padding:0 10px;text-align:left;"><ul><li><b>New Wordpress Plugin</b> <a
href="http://technerdia.com/projects/adminbar/plugin.html" target="_blank">WP My Admin Bar</a> (It's Free, Download Today!)</li><li><b>Reading:</b> <a
href="http://technerdia.com/1301_jquery-fade-in.html">4 jQuery Fadein Effects That Will Catch Your Readers Eyes</a> <b>By:</b> <a
href="https://plus.google.com/105408082571454010152/" target="_blank">tribalNerd</a> <b>From:</b> <a
href="http://technerdia.com/" target="_blank">techNerdia - Web Development Tips</a></li><li><b><a
href="https://plus.google.com/u/0/108046225913965315594/posts" target="_blank">Follow techNerdia on Google+</a></li></ul></div><p
align="center">~ <b>Thank you for subscribing to techNerdia.com - Please Share This Post With Others</b> ~</p></p> ]]></description> <content:encoded><![CDATA[<p><img
src="http://technerdia.com/files/jquery-fade-in.gif" alt="jQuery FadeIn Example" title="jquery-fade-in" width="150" height="151" class="alignleft" />Loading a hidden div when the page loads or when the scroll-bar moves pulls a visitors eye towards the faded-in feature. For areas like advertisements or opt-in boxes this effect can make a feature stand out from the rest of the Website.</p><p>I use this nifty trick to load my code examples once the page is loaded, and when the scroll-bar reaches 600px from the bottom, the opt-in box at the bottom of my posts loads. Split tests thus far have not improved my opt-in rates, but it has not reduced them either, thus the feature will stay.</p><p><span
id="more-1301"></span></p><div
class="br">&nbsp;</div><p></p><ul
class="buttOptions three"><li><a
href="http://demo.technerdia.com/jquery-fade-in/" target="_blank" class="postButton" onClick="javascript: _gaq.push(['_trackPageview', '4 jQuery Fadein Effects That Will Catch Your Readers Eyes', 'VIEW', '4 jQuery Fadein Effects That Will Catch Your Readers Eyes']);"><span>View the Demo</span></a></li><li><a
href="http://technerdia.com/files/zips/jquery-fade-in.zip" target="_blank" class="postButton" onClick="javascript: _gaq.push(['_trackPageview', '/files/zips/jquery-fade-in.zip', 'ZIP', '/files/zips/jquery-fade-in.zip']);"><span>Download Demo</span></a></li><li><a
href="http://technerdia.com/files/ebooks/jquery-fade-in.pdf" target="_blank" class="postButton" onClick="javascript: _gaq.push(['_trackPageview', '/files/ebooks/jquery-fade-in.pdf', 'PDF', '/files/ebooks/jquery-fade-in.pdf']);"><span>Download PDF</span></a></li></ul><div
class="br">&nbsp;</div><p></p><h2>Setting Up</h2><p>Before we get to the jQuery that does the magic, a few features need to be setup first.</p><h3>Loading jQuery into your WordPress Headers</h3><p>Add the function below to your themes functions.php file. The first part loads the jQuery library from Google&#8217;s API and the second part calls a jquery.js script, which will be placed in your theme directory.</p><ul><li><strong>Read</strong>: <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLzE3ODlfaW5jbHVkZS1qcXVlcnktY3NzLmh0bWw=">The Complete Guide To Adding jQuery and CSS Into WordPress</a></li></ul><div
class="mycode"><pre name="code" class="php">/* function and action for wordpress functions.php file */
function myjQueryScript() {
	if( !is_admin() ) { /* only display if not in admin area */
		wp_deregister_script( &#039;jquery&#039; );
		wp_register_script( &#039;jquery&#039;, &#039;http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.js&#039; );
		wp_enqueue_script( &#039;jquery&#039; );
		/* jquery.js file in local theme folder */
		wp_deregister_script( &#039;default&#039; );
		wp_register_script( &#039;default&#039;, get_bloginfo(&#039;stylesheet_directory&#039;).&#039;/jquery.js&#039; );
		wp_enqueue_script( &#039;default&#039; );
	}
}
add_action( &#039;wp_print_scripts&#039;, &#039;myjQueryScript&#039; );
</pre></div><h3>Adding the jQuery for Non-Wordpress Websites</h3><p>If you are not using WordPress then you will have to manually add the javascript lines to your html documents (header files), above the close of the < / head > tag.</p><ul><li>Change out the your-domain.com and path to the jquery.js file within the 2nd script line.</li></ul><div
class="mycode"><pre name="code" class="js">/* non wordpress websites */
&lt;script type=&#039;text/javascript&#039; src=&#039;http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.js&#039;&gt;&lt;/script&gt;
&lt;script type=&#039;text/javascript&#039; src=&#039;http://your-domain.com/jquery.js&#039;&gt;&lt;/script&gt;
</pre></div><h2>HTML and CSS Requirements</h2><p>Next, it is time to add the needed HTML and CSS calls.</p><p>For this example the DIV class names are named div1, div2, div3, and div4. If you change the class names, you will need to also update the CSS and jquery.js file to match the new class names.</p><h3>The HTML</h3><p>The divs are rather straight forward, simply add in whatever text or images you would like to display.</p><div
class="mycode"><pre name="code" class="html">/* html divs */
&lt;div class=&quot;div1&quot;&gt;Content of Div Goes Here&lt;/div&gt;
&lt;div class=&quot;div2&quot;&gt;Content of Div Goes Here&lt;/div&gt;
&lt;div class=&quot;div3&quot;&gt;Content of Div Goes Here&lt;/div&gt;
&lt;div class=&quot;div4&quot;&gt;Content of Div Goes Here&lt;/div&gt;
</pre></div><h3>The CSS</h3><p>The CSS contains 2 opacity rules per class, which hides the divs from view. Older browsers do not know what opacity is, so they will ignore the opacity call and simply display the div.</p><div
class="mycode"><pre name="code" class="css">/* class div1 */
.div1 {
	opacity:0;
	filter:alpha(opacity=0);
}
/* class div2 */
.div2 {
	opacity:0;
	filter:alpha(opacity=0);
}
/* class div3 */
.div3 {
	opacity:0;
	filter:alpha(opacity=0);
}
/* class div4 */
.div4 {
	opacity:0;
	filter:alpha(opacity=0);
}
</pre></div><h2>jQuery Fade In Examples</h2><p>Below are 4 examples of displaying hidden divs with jQuery. The first example loads the moment that jQuery is loaded, and the rest load depending on the position of the scroll-bar.</p><p>Place the examples below in a jquery.js file and upload it. For WordPress users, the jquery.js file is placed within your active theme directory. For standalone Websites, upload the jquery.js file and make sure the SCRIPT header line (above) points to the proper location.</p><h3>Load Hidden DIV When Page Loads</h3><p>Line 3 contains the class name .div1 &#8211; This example fades in the div container when the page and jQuery are first loaded.</p><div
class="mycode"><pre name="code" class="js">/* Load DIV When Page Loads */
	$(window).load( function () {
		$(&#039;.div1&#039;).fadeIn(&#039;slow&#039;, function() {
			$(this).fadeTo(&quot;slow&quot;, 1);
		});
	});
</pre></div><h3>Load Hidden DIV After Scrollbar is Moved 100px</h3><p>The first part of this jQuery example determines where the scroll-bar location is, once the location is reached it calls the function loadDiv2 that fades in the class named .div2.</p><ul><li>Line 3 tells how far down from the top you must scroll before the fade-in function is called. Line 3 is currently set to 100, meaning once the scroll-bar reaches 100px from the top, the div will fade-in.</li><li>Line 4 calls the function loadDiv2. The loadDiv2 function is located on line 8.</li><li>Line 9 contains the class name .div2.</li></ul><div
class="mycode"><pre name="code" class="js">/* Load DIV After Scrollbar Is Moved 100px */
	$(window).scroll( function() {
        if ( $(window).scrollTop() &gt; 100 ) {
           loadDiv2(); /* calls loadDiv2 Function below */
        }
	});
/* the loadDiv2 function */
	function loadDiv2() {
		$(&#039;.div2&#039;).fadeIn(&#039;slow&#039;, function() {
			$(this).fadeTo(&quot;slow&quot;, 1);
		});
	}
</pre></div><h3><u>Bonus</u>: FadeOut the DIV once you scroll past it</h3><p>This feature works with the above example. Once the scroll bar reaches 150px (or 50px past the above example) the loaded div is then hidden. <strong><em>Craig Lloyd requested this feature via the Feedback form. ~Thanks Craig</em></strong></p><ul><li>This example assumes the loaded div&#8217;s height is about 50px.</li><li>Lines 6-8: A new if statement has been added to check if the scroll bar position is 150px from the top.</li><li>Line 7: Calls the function loadDiv2Out</li><li>Lines 15-19: The loadDiv2Out function that hides the loaded div.</li></ul><div
class="mycode"><pre name="code" class="js">/* Hide DIV After Scrollbar Is Moved 150px */
	$(window).scroll( function() {
        if ( $(window).scrollTop() &gt; 100 ) {
           loadDiv2(); /* calls loadDiv2 Function below */
        }
        if ( $(window).scrollTop() &gt; 150 ) {
           loadDiv2Out(); /* calls loadDiv2 Function below */
        }
	});
	function loadDiv2() {
		$(&#039;.div2&#039;).fadeIn(&#039;slow&#039;, function() {
			$(this).fadeTo(&quot;slow&quot;, 1);
		});
	}
	function loadDiv2Out() {
		$(&#039;.div2&#039;).fadeOut(&#039;slow&#039;, function() {
			$(this).fadeTo(0, opacity);
		});
	}
</pre></div><h3>Load Hidden DIV When Scrollbar is 200px from the Bottom of the Page</h3><p>Again, the first part of this jQuery example determines where the scroll-bar location is, which then calls the function loadDiv3 that fades in the class named .div3.</p><ul><li>Line 3 tells how far down from the bottom the scroll-bar is before the fade-in function is called. Line 3 is currently set to 200, meaning once the scroll-bar reaches 200px from the bottom of the page, the div will fade-in.</li><li>Line 4 calls the function loadDiv3. The loadDiv3 function is located on line 8.</li><li>Line 9 contains the class name .div3.</li></ul><div
class="mycode"><pre name="code" class="js">/* Load DIV When Scrollbar is Near the Bottom of the Page */
	$(window).scroll( function() {
        if ( $(window).scrollTop() + $(window).height() &gt;= $(document).height() - 200 ) {
           loadDiv3(); /* calls loadDiv3 Function below */
        }
	});
/* the loadDiv3 function */
	function loadDiv3() {
		$(&#039;.div3&#039;).fadeIn(&#039;slow&#039;, function() {
			$(this).fadeTo(&quot;slow&quot;, 1);
		});
	}
</pre></div><h3>Load Hidden Div Once Scroll-bar Reaches the Bottom of the Page</h3><p>And finally, the first part of this jQuery example determines when the scroll-bar reaches the bottom of the page, which then calls the function loadDiv4 that fades in the class named .div4.</p><ul><li>Line 4 calls the function loadDiv4. The loadDiv4 function is located on line 8.</li><li>Line 9 contains the class name .div4.</li></ul><div
class="mycode"><pre name="code" class="js">/* Load Div Once Scrollbar Reaches the Bottom of the Page */
	$(window).scroll( function() {
        if ( $(window).scrollTop() + $(window).height() &gt;= $(document).height() ) {
           loadDiv4(); /* calls loadDiv4 Function below */
        }
	});
/* the loadDiv4 function */
	function loadDiv4() {
		$(&#039;.div4&#039;).fadeIn(&#039;slow&#039;, function() {
			$(this).fadeTo(&quot;slow&quot;, 1);
		});
	}
</pre></div><h2>Hidden Divs Not Fading In?</h2><p>If the hidden divs are not loading, then check the names of the classes (div1, div2, etc). The HTML, CSS and jquery.js file must all use the same class/div names. Next, check to make sure the function calls and function names within the jquery.js file are named the same. Finally, check to make sure the jquery.js file is uploaded to the proper location. (The first 2 examples within this article.)</p><p>No matter what, if they are not loading, something is named incorrectly or the jquery file is in the wrong location.</p><h2>Slideshow</h2><p>A simple flash slideshow featuring this jQuery Example: Click on the presentation to move forward.</p><div
align="center"><object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" width="512" height="384" id="jQuery Fadein Example"><param
name="movie" value="http://technerdia.com/files/swfs/jquery-fade-in-presentation.swf" /><embed
src="http://technerdia.com/files/swfs/jquery-fade-in-presentation.swf" width="512" height="384" name="jQuery Fadein Example" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></object></div><p
class="textcenter"><strong><a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3d3dy5zbGlkZXNoYXJlLm5ldC90cmliYWxOZXJkL3VzZS1qcXVlcnktdG8tZGlzcGxheS1oaWRkZW4tZGl2cy1vbmNlLWEtcGFnZS1sb2Fkcy1hbmQtYmFzZWQtb24tc2Nyb2xsYmFyLXBvc2l0aW9u" rel=\"nofollow\" target=\"_blank\">View Presentation at Slideshare</a></strong></p><p><div
style="border-top:1px dotted #cccccc;clear:both;font-size:14px;font-weight:bold;margin:2px 10px;padding:0 10px;text-align:left;"><ul><li><b>New WordPress Plugin</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL3Byb2plY3RzL2FkbWluYmFyL3BsdWdpbi5odG1s" target=\"_blank\">WP My Admin Bar</a> (It's Free, Download Today!)</li><li><b>Reading:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLzEzMDFfanF1ZXJ5LWZhZGUtaW4uaHRtbA==">4 jQuery Fadein Effects That Will Catch Your Readers Eyes</a> <b>By:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9wbHVzLmdvb2dsZS5jb20vMTA1NDA4MDgyNTcxNDU0MDEwMTUyLw==" target=\"_blank\">tribalNerd</a> <b>From:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLw==" target=\"_blank\">techNerdia - Web Development Tips</a></li><li><b><a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9wbHVzLmdvb2dsZS5jb20vdS8wLzEwODA0NjIyNTkxMzk2NTMxNTU5NC9wb3N0cw==" target=\"_blank\">Follow techNerdia on Google+</a></li></ul></div><p
align="center">~ <b>Thank you for subscribing to techNerdia.com - Please Share This Post With Others</b> ~</p></p> <img
src="http://technerdia.com/?feed-stats-post-id=1301" width="1" height="1" style="display: none;" />]]></content:encoded> <wfw:commentRss>http://technerdia.com/1301_jquery-fade-in.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>30+ WordPress Admin Bar Tips and Tricks</title><link>http://technerdia.com/1140_wordpress-admin-bar.html</link> <comments>http://technerdia.com/1140_wordpress-admin-bar.html#comments</comments> <pubDate>Mon, 13 Aug 2012 17:25:20 +0000</pubDate> <dc:creator>tribalNerd</dc:creator> <category><![CDATA[Functions]]></category> <category><![CDATA[Wordpress]]></category> <category><![CDATA[code]]></category> <category><![CDATA[how-to]]></category> <category><![CDATA[php]]></category> <category><![CDATA[wp]]></category> <guid
isPermaLink="false">http://technerdia.com/?p=1140</guid> <description><![CDATA[30+ PHP examples covering how to customize the Wordpress Admin Bar.<p><div
style="border-top:1px dotted #cccccc;clear:both;font-size:14px;font-weight:bold;margin:2px 10px;padding:0 10px;text-align:left;"><ul><li><b>New Wordpress Plugin</b> <a
href="http://technerdia.com/projects/adminbar/plugin.html" target="_blank">WP My Admin Bar</a> (It's Free, Download Today!)</li><li><b>Reading:</b> <a
href="http://technerdia.com/1140_wordpress-admin-bar.html">30+ WordPress Admin Bar Tips and Tricks</a> <b>By:</b> <a
href="https://plus.google.com/105408082571454010152/" target="_blank">tribalNerd</a> <b>From:</b> <a
href="http://technerdia.com/" target="_blank">techNerdia - Web Development Tips</a></li><li><b><a
href="https://plus.google.com/u/0/108046225913965315594/posts" target="_blank">Follow techNerdia on Google+</a></li></ul></div><p
align="center">~ <b>Thank you for subscribing to techNerdia.com - Please Share This Post With Others</b> ~</p></p> ]]></description> <content:encoded><![CDATA[<p><img
src="http://technerdia.com/files/30-admin-bar-tips.jpg" alt="30+ WordPress Admin Bar Tips" title="30+ admin bar and toolbar tips" width="250" height="250" class="alignleft" />With the release of the <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL3Byb2plY3RzL2FkbWluYmFyL3BsdWdpbi5odG1s" target=\"_blank\">WP My Admin Bar WordPress Plugin</a>, I have received a few feedback questions about how to expand the toolbar in various ways. Most of these questions pertained to simple snips that could be added to a themes functions.php file or the must use plugin directory (<a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL2NvZGV4LndvcmRwcmVzcy5vcmcvTXVzdF9Vc2VfUGx1Z2lucw==" target=\"_blank\">mu-plugins</a>) for multisite installs.</p><p>Because of these questions, I have put together 30+ (currently 34) different examples of how to customize the WordPress Admin Bar. As well, I have included two PHP Classes that wrap up various aspects of the examples for easier use within your functions.php file.</p><p><span
id="more-1140"></span></p><div
class="br">&nbsp;</div><form
method="post" class="jumpform" action=""> <select
class="jumpmenu" onChange="javascript:window.location.hash=this.options[this.selectedIndex].value"><option
value="top">Select A Tip To Jump To It</option><option
value="j01">Disable Admin Bar</option><option
value="j02">Admin Bar for Admins Only</option><option
value="j03">Admin Bar in the Admin Area Only</option><option
value="j04">Admin bar on Websites Only</option><option
value="j06">Disable in Network Admin Only</option><option
value="j06">Removes the 28px Margin</option><option
value="j07">Remove the WordPress Logo</option><option
value="j08">Remove the Howdy Text</option><option
value="j09">Remove the Comment Bubble</option><option
value="j10">Disable the My Sites Menu</option><option
value="j11">Disable the Site Name Menu</option><option
value="j12">Disable the Add New Content menu</option><option
value="j13">Disable the Search Feature</option><option
value="j14">Disable the Update Menus</option><option
value="j15">Add a Simple Menu</option><option
value="j16">Add Theme Editor Menu</option><option
value="j17">Dropdown Menu with Links</option><option
value="j18">Dropdown-SubMenu with Links</option><option
value="j19">Site links in a New Window</option><option
value="j20">Remove My Sites Sub-Menu Options</option><option
value="j21">Add Links to My Sites Sub-Menus</option><option
value="j22">&#8216;Site Names&#8217; to &#8216;Domain.com&#8217;</option><option
value="j23">Remove the WP Logo</option><option
value="j24">Change the WP Logo Icon</option><option
value="j25">Display Admin Bar to all Visitors</option><option
value="j26">Menu for Logged Out Users</option><option
value="j27">Log In Link for Logged Out Users</option><option
value="j28">Change the Opacity</option><option
value="j29">MouseOver Hide/Display</option><option
value="j30">Admin Bar Color Scheme</option><option
value="j31">Admins Only and No 28px Space</option><option
value="j32">Log in/out link, no logos&#8230;</option><option
value="j33">Move the Login Link Location</option><option
value="j34">Using Icons on the Admin Bar</option> </select></form><p><strong>How to use the snips</strong>:</p><ul><li>Access the Active Theme for a Website and open the functions.php file. Paste the snips below into the file, then test.</li><li>For multisite installs: If you use the /wp-content/mu-plugins/ (must use plugins) folder, these snips will activate across every Website on the Network.</li><li><strong>WordPress Admin Bar Not Displaying</strong>? Add &lt;?php wp_footer();?&gt; at the bottom to your themes footer.php file.</li><li>The <strong>WordPress <i>Toolbar</i></strong> are the features located on the Admin Bar.</li></ul><p><strong><em>The example snips below have been tested on WordPress 3.4.1</em></strong>: Article Updated on Oct 14, 2012</p><ul
class="buttOptions one"><li><a
href="http://technerdia.com/files/ebooks/30_admin_bar_tips.pdf" target="_blank" class="postButton" onClick="javascript: _gaq.push(['_trackPageview', '/files/ebooks/30_admin_bar_tips.pdf', 'PDF', '/files/ebooks/30_admin_bar_tips.pdf']);"><span>Download PDF</span></a></li></ul><div
class="br">&nbsp;</div><h2 id="j01">Disable the WordPress Admin Bar for all Users and Visitors</h2><p>Turn off the toolbar with one simple line.</p><div
class="mycode"><pre name="code" class="php">/*
 * Disable the WordPress Admin Bar for all Users and Visitors
 */
remove_action( &#039;init&#039;, &#039;_wp_admin_bar_init&#039; );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j02">Enable the WordPress Admin Bar for admins only</h2><p>If the user can not manage options, then do not show them the admin bar.</p><div
class="mycode"><pre name="code" class="php">/*
 * Enable the WordPress Admin Bar for admins only
 */
if ( !current_user_can( &#039;manage_options&#039; ) ) {
	remove_action( &#039;init&#039;, &#039;_wp_admin_bar_init&#039; );
}</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j03">Display the WordPress Admin Bar in the Admin Area only</h2><p>Turns off the Admin Bar when viewing the Website.</p><div
class="mycode"><pre name="code" class="php">/*
 * Display the WordPress Admin Bar in the Admin Area only
 */
if ( is_admin() ) {
	remove_action( &#039;init&#039;, &#039;_wp_admin_bar_init&#039; );
}</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j04">Display the WordPress Admin bar on Websites only</h2><p>Turns off the Admin Bar when viewing the Admin Area.</p><div
class="mycode"><pre name="code" class="php">/*
 * Display the WordPress Admin bar on Websites only
 */
if ( !is_admin() ) {
	remove_action( &#039;init&#039;, &#039;_wp_admin_bar_init&#039; );
}</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j05">Disable The Admin Bar within the Network Admin only</h2><p>Remove the Admin Bar when viewing the Network Admin.</p><p>This Snip MUST be placed within the <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL2NvZGV4LndvcmRwcmVzcy5vcmcvTXVzdF9Vc2VfUGx1Z2lucw==" target=\"_blank\">must use</a> /mu-plugins/ plugins directory.</p><div
class="mycode"><pre name="code" class="php">/*
 * Disable The Admin Bar within the Network Admin only
 */
if ( is_network_admin() ) {
	remove_action( &#039;init&#039;, &#039;_wp_admin_bar_init&#039; );
}</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j06">Removes the 28px margin for the Admin Bar</h2><p>A disabled Admin Bar leave a 28px space at the top of the page, the snip below removes the extra space. The example removes the space for both the Admin Area and Websites.</p><div
class="mycode"><pre name="code" class="php">/*
 * Removes the 28px margin for the Admin Bar
 */
function remove_adminbar_margin() {
	$remove_adminbar_margin = &#039;&lt;style type=&quot;text/css&quot;&gt;
		html { margin-top: -28px !important; }
		* html body { margin-top: -28px !important; }
	&lt;/style&gt;&#039;;
	echo $remove_adminbar_margin;
}
/* wp-admin area */
if ( is_admin() ) {
	remove_action( &#039;init&#039;, &#039;_wp_admin_bar_init&#039; );
	add_action( &#039;admin_head&#039;, &#039;remove_adminbar_margin&#039; );
}
/* websites */
if ( !is_admin() ) {
	remove_action( &#039;init&#039;, &#039;_wp_admin_bar_init&#039; );
	add_action( &#039;wp_head&#039;, &#039;remove_adminbar_margin&#039; );
}</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j07">Remove the WordPress Logo from the WordPress Admin Bar</h2><p>This is the WP Logo displayed directly on the Admin Bar.</p><div
class="mycode"><pre name="code" class="php">/*
 * Remove the WordPress Logo from the WordPress Admin Bar
 */
function remove_wp_logo() {
	global $wp_admin_bar;
	$wp_admin_bar-&gt;remove_menu(&#039;wp-logo&#039;);
}
add_action( &#039;wp_before_admin_bar_render&#039;, &#039;remove_wp_logo&#039; );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j08">Remove the Howdy menu from the WordPress Admin Bar</h2><p>Disables the Howdy, Handle/Username menu on the main Admin Bar.</p><div
class="mycode"><pre name="code" class="php">/*
 * Remove the Howdy menu from the WordPress Admin Bar
 */
function remove_my_account() {
	global $wp_admin_bar;
	$wp_admin_bar-&gt;remove_menu(&#039;my-account&#039;);
}
add_action( &#039;wp_before_admin_bar_render&#039;, &#039;remove_my_account&#039; );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j09">Remove the Comment Bubble from the WordPress Admin Bar</h2><p>Removes those pesky Comment Notices.</p><div
class="mycode"><pre name="code" class="php">/*
 * Remove the Comment Bubble from the WordPress Admin Bar
 */
function remove_comment_bubble() {
	global $wp_admin_bar;
	$wp_admin_bar-&gt;remove_menu(&#039;comments&#039;);
}
add_action( &#039;wp_before_admin_bar_render&#039;, &#039;remove_comment_bubble&#039; );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j10">Disable the My Sites menu in the Admin Bar</h2><p>Removes the default My Sites menu from the main Admin Bar display.</p><div
class="mycode"><pre name="code" class="php">/*
 * Disable the My Sites menu in the Admin Bar
 */
function remove_my_sites() {
	global $wp_admin_bar;
	$wp_admin_bar-&gt;remove_menu(&#039;my-sites&#039;);
}
add_action( &#039;wp_before_admin_bar_render&#039;, &#039;remove_my_sites&#039; );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j11">Disable the current Site Name menu in the Admin Bar</h2><p>Removes the &#8216;this Site menu&#8217; from the main Admin Bar display.</p><p>This is the menu shows the current site, with a dropdown to visit the Website.</p><div
class="mycode"><pre name="code" class="php">/*
 * Disable the current Site Name menu in the Admin Bar
 */
function remove_this_site() {
	global $wp_admin_bar;
	$wp_admin_bar-&gt;remove_menu(&#039;site-name&#039;);
}
add_action( &#039;wp_before_admin_bar_render&#039;, &#039;remove_this_site&#039; );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j12">Disable the Add New Content menu</h2><p>Removes the + New menu from the main Admin Bar.</p><div
class="mycode"><pre name="code" class="php">/*
 * Disable the Add New Content menu
 */
function disable_new_content() {
	global $wp_admin_bar;
	$wp_admin_bar-&gt;remove_menu(&#039;new-content&#039;);
}
add_action( &#039;wp_before_admin_bar_render&#039;, &#039;disable_new_content&#039; );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j13">Disable the Search Icon and Input within the Admin Bar</h2><p>Completely removes the Search Feature from the Admin Bar. Located to the far right within the toolbar, on the Website itself.</p><div
class="mycode"><pre name="code" class="php">/*
 * Disable the Search Icon and Input within the Admin Bar
 */
function disable_bar_search() {
	global $wp_admin_bar;
	$wp_admin_bar-&gt;remove_menu(&#039;search&#039;);
}
add_action( &#039;wp_before_admin_bar_render&#039;, &#039;disable_bar_search&#039; );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j14">Disable the Update Menus</h2><p>Removes those pesky Update Notices.</p><div
class="mycode"><pre name="code" class="php">/*
 * Disable the Update Menus
 */
function disable_bar_updates() {
	global $wp_admin_bar;
	$wp_admin_bar-&gt;remove_menu(&#039;updates&#039;);
}
add_action( &#039;wp_before_admin_bar_render&#039;, &#039;disable_bar_updates&#039; );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j15">Add a simple menu and link that opens in a new window</h2><p>Add a quick menu and link to the admin bar.</p><div
class="mycode"><pre name="code" class="php">/*
 * Add a simple menu &amp; link that opens in a new window
 * Change the Menu &#039;title&#039; name and &#039;href&#039; link.
 */
function custom_adminbar_menu( $meta = TRUE ) {
	global $wp_admin_bar;
		if ( !is_user_logged_in() ) { return; }
		if ( !is_super_admin() || !is_admin_bar_showing() ) { return; }
	$wp_admin_bar-&gt;add_menu( array(
		&#039;id&#039; =&gt; &#039;custom_menu&#039;,
		&#039;title&#039; =&gt; __( &#039;Menu Name&#039; ),
		&#039;href&#039; =&gt; &#039;http://google.com/&#039;,
		&#039;meta&#039; 	=&gt; array( target =&gt; &#039;_blank&#039; ) )
	);
}
add_action( &#039;admin_bar_menu&#039;, &#039;custom_adminbar_menu&#039;, 15 );
/* The add_action # is the menu position:
10 = Before the WP Logo
15 = Between the logo and My Sites
25 = After the My Sites menu
100 = End of menu
*/</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j16">Add a Menu to the Theme Editor for Multisite and Standalone WordPress</h2><p>Adds a custom menu option that opens the Theme Editor directly.</p><div
class="mycode"><pre name="code" class="php">/*
 * Add a Menu to the Theme Editor for Multisite and Standalone WordPress
 */
function add_theme_menu() {
	global $wp_admin_bar;
		if ( !is_user_logged_in() ) { return; }
		if ( !is_super_admin() || !is_admin_bar_showing() ) { return; }
	if ( function_exists(&#039;is_multisite&#039;) &amp;&amp; is_multisite() ) {
		$wp_admin_bar-&gt;add_menu( array(
			&#039;id&#039; =&gt; &#039;theme-editor&#039;,
			&#039;title&#039; =&gt; __(&#039;Edit Theme&#039;),
			&#039;href&#039; =&gt; network_admin_url( &#039;theme-editor.php&#039; ) )
		);
	}else{
		$wp_admin_bar-&gt;add_menu( array(
			&#039;id&#039; =&gt; &#039;theme-editor&#039;,
			&#039;title&#039; =&gt; __(&#039;Edit Theme&#039;),
			&#039;href&#039; =&gt; admin_url( &#039;theme-editor.php&#039; ) )
		);
	}
}
add_action( &#039;admin_bar_menu&#039;, &#039;add_theme_menu&#039;, 100 );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j17">Add a menu, with a dropdown to link that opens in a new window</h2><p>Adds a custom menu option that opens links in a new window or tab.</p><div
class="mycode"><pre name="code" class="php">/*
 * Add a menu, with a dropdown to link that opens in a new window
 * Change the Menu title, the link title and and href link.
 */
function custom_adminbar_menu( $meta = TRUE ) {
	global $wp_admin_bar;
		if ( !is_user_logged_in() ) { return; }
		if ( !is_super_admin() || !is_admin_bar_showing() ) { return; }
	$wp_admin_bar-&gt;add_menu( array(
		&#039;id&#039; =&gt; &#039;custom_menu&#039;,
		&#039;title&#039; =&gt; __( &#039;Menu Name&#039; ) ) 		/* set the menu name */
	);
	$wp_admin_bar-&gt;add_menu( array(
		&#039;parent&#039; =&gt; &#039;custom_menu&#039;,
		&#039;id&#039;     =&gt; &#039;custom_links&#039;,
		&#039;title&#039; =&gt; __( &#039;Google&#039;), 			/* Set the link title */
		&#039;href&#039; =&gt; &#039;http://google.com/&#039;,		/* Set the link a href */
		&#039;meta&#039; 	=&gt; array( target =&gt; &#039;_blank&#039; ) )
	);
}
add_action( &#039;admin_bar_menu&#039;, &#039;custom_adminbar_menu&#039;, 15 );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j18">Add a menu, with sub-menu, that contains multiple links, that all open in a new window</h2><p>Works much like the My Sites menu but with custom links.</p><div
class="mycode"><pre name="code" class="php">/*
 * Add a menu, with sub-menu, that contains multiple links, that all open in a new window
 * Change the Menu &#039;title&#039; name and &#039;href&#039; link.
 */
function custom_adminbar_menu( $meta = TRUE ) {
	global $wp_admin_bar;
		if ( !is_user_logged_in() ) { return; }
		if ( !is_super_admin() || !is_admin_bar_showing() ) { return; }
	$wp_admin_bar-&gt;add_menu( array(
		&#039;id&#039; =&gt; &#039;custom_menu&#039;,
		&#039;title&#039; =&gt; __( &#039;Menu Name&#039; ) ) 			/* set the menu name */
	);
	/* sub-menu */
	$wp_admin_bar-&gt;add_menu( array(
		&#039;parent&#039; =&gt; &#039;custom_menu&#039;,
		&#039;id&#039;     =&gt; &#039;custom_links&#039;,
		&#039;title&#039; =&gt; __( &#039;Sub menu&#039;) )			/* set the sub-menu name */
	);
			/* menu links */
			$wp_admin_bar-&gt;add_menu( array(
				&#039;parent&#039; 	=&gt; &#039;custom_links&#039;,
				&#039;title&#039; 	=&gt; &#039;Google&#039;, 			/* Set the link title */
				&#039;href&#039; 	=&gt; &#039;http://google.com/&#039;,	/* Set the link a href */
				&#039;meta&#039; 	=&gt; array( target =&gt; &#039;_blank&#039; ) )
			);
			$wp_admin_bar-&gt;add_menu( array(
				&#039;parent&#039; 	=&gt; &#039;custom_links&#039;,
				&#039;title&#039; 	=&gt; &#039;Yahoo&#039;, 			/* Set the link title */
				&#039;href&#039; 	=&gt; &#039;http://yahoo.com/&#039;,	/* Set the link a href */
				&#039;meta&#039; 	=&gt; array( target =&gt; &#039;_blank&#039; ) )
			);
}
add_action( &#039;admin_bar_menu&#039;, &#039;custom_adminbar_menu&#039;, 15 );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j19">Make Visit Site links open in a new window</h2><p>This is the &#8220;Visit Site&#8221; link found under: My Sites Menu > Site Name > Visit Site</p><div
class="mycode"><pre name="code" class="php">/*
 * Make Visit Site links open in a new window: My Sites &gt; Site Name &gt; Visit Site
 */
function my_site_links() {
	global $wp_admin_bar;
	foreach ( (array) $wp_admin_bar-&gt;user-&gt;blogs as $blog ) {
		$menu_id  = &#039;blog-&#039; . $blog-&gt;userblog_id;
		$wp_admin_bar-&gt;add_menu( array(
			&#039;parent&#039; 	=&gt; $menu_id,
			&#039;id&#039; 	=&gt; $menu_id . &#039;-v&#039;,
			&#039;title&#039; 	=&gt; __( &#039;Visit Site&#039; ),
			&#039;href&#039; 	=&gt; get_home_url( $blog-&gt;userblog_id, &#039;/&#039; ),
			&#039;meta&#039; 	=&gt; array( target =&gt; &#039;_blank&#039; ) )
		);
	}
}
add_action( &#039;wp_before_admin_bar_render&#039;, &#039;my_site_links&#039; );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j20">Remove My Sites Sub-Menu Options: Dashboard, New Post, Manage Comments and Visit Site</h2><p>Customizes the My Sites menu.</p><div
class="mycode"><pre name="code" class="php">/*
 * Remove My Sites Sub-Menu Options: Dashboard, New Post, Manage Comments and Visit Site
 */
function remove_mysites_links () {
	global $wp_admin_bar;
	foreach ( (array) $wp_admin_bar-&gt;user-&gt;blogs as $blog ) {
		$menu_id_d  = &#039;blog-&#039; . $blog-&gt;userblog_id . &#039;-d&#039;;		/* Dashboard var */
		$menu_id_n  = &#039;blog-&#039; . $blog-&gt;userblog_id . &#039;-n&#039;;		/* New Post var */
		$menu_id_c  = &#039;blog-&#039; . $blog-&gt;userblog_id . &#039;-c&#039;;		/* Manage Comments var */
		$menu_id_v  = &#039;blog-&#039; . $blog-&gt;userblog_id . &#039;-v&#039;;		/* Visit Site var */
		$wp_admin_bar-&gt;remove_menu($menu_id_d);				/* Remove Dashboard Link */
		$wp_admin_bar-&gt;remove_menu($menu_id_n);				/* Remove New Post Link */
		$wp_admin_bar-&gt;remove_menu($menu_id_c);				/* Remove Manage Comments Link */
		$wp_admin_bar-&gt;remove_menu($menu_id_v);				/* Remove Visit Site Link */
	}
}
add_action( &#039;wp_before_admin_bar_render&#039;, &#039;remove_mysites_links&#039; );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j21">Add Links to My Sites Sub-Menus: Log Out, Media, Links, Pages, Appearance, Plugins, Users, Tools and Settings</h2><p>This example expands the My Sites menu.</p><div
class="mycode"><pre name="code" class="php">/*
 * Add Links to My Sites Sub-Menus: Log Out, Media, Links, Pages, Appearance, Plugins, Users, Tools and Settings
 */
function add_mysites_link () {
	global $wp_admin_bar;
	foreach ( (array) $wp_admin_bar-&gt;user-&gt;blogs as $blog ) {
		$menu_id  = &#039;blog-&#039; . $blog-&gt;userblog_id;
		/* Add a Log Out Link */
		$wp_admin_bar-&gt;add_menu( array(
			&#039;parent&#039; 	=&gt; $menu_id,
			&#039;id&#039; 	=&gt; $menu_id . &#039;-logout&#039;,
			&#039;title&#039; 	=&gt; __( &#039;Log Out&#039; ),
			&#039;href&#039; 	=&gt; get_home_url( $blog-&gt;userblog_id, &#039;/wp-login.php?action=logout&#039; ) )
		);
		/* Media Admin */
		$wp_admin_bar-&gt;add_menu( array(
			&#039;parent&#039; 	=&gt; $menu_id,
			&#039;id&#039; 	=&gt; $menu_id . &#039;-media&#039;,
			&#039;title&#039; 	=&gt; __( &#039;Media Admin&#039; ),
			&#039;href&#039; 	=&gt; get_home_url( $blog-&gt;userblog_id, &#039;/wp-admin/upload.php&#039; ) )
		);
		/* Links Admin */
		$wp_admin_bar-&gt;add_menu( array(
			&#039;parent&#039; 	=&gt; $menu_id,
			&#039;id&#039; 	=&gt; $menu_id . &#039;-links&#039;,
			&#039;title&#039; 	=&gt; __( &#039;Links Admin&#039; ),
			&#039;href&#039; 	=&gt; get_home_url( $blog-&gt;userblog_id, &#039;/wp-admin/link-manager.php&#039; ) )
		);
		/* Pages Admin */
		$wp_admin_bar-&gt;add_menu( array(
			&#039;parent&#039; 	=&gt; $menu_id,
			&#039;id&#039; 	=&gt; $menu_id . &#039;-pags&#039;,
			&#039;title&#039; 	=&gt; __( &#039;Pages Admin&#039; ),
			&#039;href&#039; 	=&gt; get_home_url( $blog-&gt;userblog_id, &#039;/wp-admin/edit.php?post_type=page&#039; ) )
		);
		/* Appearance Admin */
		$wp_admin_bar-&gt;add_menu( array(
			&#039;parent&#039; 	=&gt; $menu_id,
			&#039;id&#039; 	=&gt; $menu_id . &#039;-appearance&#039;,
			&#039;title&#039; 	=&gt; __( &#039;Appearance&#039; ),
			&#039;href&#039; 	=&gt; get_home_url( $blog-&gt;userblog_id, &#039;/wp-admin/themes.php&#039; ) )
		);
		/* Plugin Admin */
		$wp_admin_bar-&gt;add_menu( array(
			&#039;parent&#039; 	=&gt; $menu_id,
			&#039;id&#039; 	=&gt; $menu_id . &#039;-plugins&#039;,
			&#039;title&#039; 	=&gt; __( &#039;Plugin Admin&#039; ),
			&#039;href&#039; 	=&gt; get_home_url( $blog-&gt;userblog_id, &#039;/wp-admin/plugins.php&#039; ) )
		);
		/* Users Admin */
		$wp_admin_bar-&gt;add_menu( array(
			&#039;parent&#039; 	=&gt; $menu_id,
			&#039;id&#039; 	=&gt; $menu_id . &#039;-users&#039;,
			&#039;title&#039; 	=&gt; __( &#039;Users Admin&#039; ),
			&#039;href&#039; 	=&gt; get_home_url( $blog-&gt;userblog_id, &#039;/wp-admin/users.php&#039; ) )
		);
		/* Tools Admin */
		$wp_admin_bar-&gt;add_menu( array(
			&#039;parent&#039; 	=&gt; $menu_id,
			&#039;id&#039; 	=&gt; $menu_id . &#039;-tools&#039;,
			&#039;title&#039; 	=&gt; __( &#039;Tools Admin&#039; ),
			&#039;href&#039; 	=&gt; get_home_url( $blog-&gt;userblog_id, &#039;/wp-admin/tools.php&#039; ) )
		);
		/* Settings Admin */
		$wp_admin_bar-&gt;add_menu( array(
			&#039;parent&#039; 	=&gt; $menu_id,
			&#039;id&#039; 	=&gt; $menu_id . &#039;-settings&#039;,
			&#039;title&#039; 	=&gt; __( &#039;Settings Admin&#039; ),
			&#039;href&#039; 	=&gt; get_home_url( $blog-&gt;userblog_id, &#039;/wp-admin/options-general.php&#039; ) )
		);
	}
}
add_action( &#039;wp_before_admin_bar_render&#039;, &#039;add_mysites_link&#039; );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j22">Change My Sites &#8220;Site Names&#8221; to &#8220;Domain.com&#8221; as the displayed name</h2><p>Transforms: techNerdia &#8211; Description to technerdia.com.</p><div
class="mycode"><pre name="code" class="php">/*
 * Change My Sites Menu Names to Domain.com as the menu name
 */
function change_site_names() {
	global $wp_admin_bar;
		$blue_wp_logo_url = includes_url(&#039;images/wpmini-blue.png&#039;);
		$blavatar = &#039;&lt;img src=&quot;&#039; . esc_url($blue_wp_logo_url) . &#039;&quot; alt=&quot;&#039; . esc_attr__( &#039;Blavatar&#039; ) . &#039;&quot; width=&quot;16&quot; height=&quot;16&quot; class=&quot;blavatar&quot;/&gt;&#039;;
	foreach ( (array) $wp_admin_bar-&gt;user-&gt;blogs as $blog ) {
			$menu_id  = &#039;blog-&#039; . $blog-&gt;userblog_id;
			$blogname = ucfirst( $blog-&gt;domain );
		$wp_admin_bar-&gt;add_menu( array(
			&#039;parent&#039; 	=&gt; &#039;my-sites-list&#039;,
			&#039;id&#039; 	=&gt; $menu_id,
			&#039;title&#039; 	=&gt; $blavatar . $blogname,
			&#039;href&#039; 	=&gt; get_admin_url( $blog-&gt;userblog_id ) )
		);
	}
}
add_action( &#039;wp_before_admin_bar_render&#039;, &#039;change_site_names&#039; );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j23">Remove the WP Logo from the My Sites Menu</h2><p>Disables the WordPress Logo.</p><p><strong>NOTE</strong>: On line 08 or 09 &#8211; The $blogname = empty() part, the snip may add an extra empty line, like: emptyempty(). If so delete the extra empty to remove the error.</p><div
class="mycode"><pre name="code" class="php">/*
 * Remove the WP Logo from the My Sites Menu
 */
function remove_wplogo_mysites() {
	global $wp_admin_bar;
	foreach ( (array) $wp_admin_bar-&gt;user-&gt;blogs as $blog ) {
		$menu_id  = &#039;blog-&#039; . $blog-&gt;userblog_id;
		$blogname = empty( $blog-&gt;blogname ) ? $blog-&gt;domain : $blog-&gt;blogname;
		$wp_admin_bar-&gt;add_menu( array(
			&#039;parent&#039; 	=&gt; &#039;my-sites-list&#039;,
			&#039;id&#039; 	=&gt; $menu_id,
			&#039;title&#039; 	=&gt; $blogname,
			&#039;href&#039; 	=&gt; get_admin_url( $blog-&gt;userblog_id ) )
		);
	}
}
add_action( &#039;wp_before_admin_bar_render&#039;, &#039;remove_wplogo_mysites&#039; );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j24">Change the WP Logo Icon within the My Sites Menu to any icon you want</h2><p>Create your own icon, upload it to the active themes /images/ directory, then change the NEW-ICON-HERE.png to the proper name.</p><div
class="mycode"><pre name="code" class="php">/*
 * Change the WP Logo Icon within the My Sites Menu to any icon you want
 * Update the NEW-ICON-HERE.png name to match the proper file name.
 */
function add_mysites_logo() {
	global $wp_admin_bar;
	foreach ( (array) $wp_admin_bar-&gt;user-&gt;blogs as $blog ) {
		$menu_id  = &#039;blog-&#039; . $blog-&gt;userblog_id;
		$blogname = empty( $blog-&gt;blogname ) ? $blog-&gt;domain : $blog-&gt;blogname;
		$blavatar = &#039;&lt;img src=&quot;&#039; . get_bloginfo(&#039;template_directory&#039;) . &#039;/images/NEW-ICON-HERE.png&quot; alt=&quot;&#039; . esc_attr__( &#039;Blavatar&#039; ) . &#039;&quot; width=&quot;16&quot; height=&quot;16&quot; class=&quot;blavatar&quot;/&gt;&#039;;
		$wp_admin_bar-&gt;add_menu( array(
			&#039;parent&#039; 	=&gt; &#039;my-sites-list&#039;,
			&#039;id&#039; 	=&gt; $menu_id,
			&#039;title&#039; 	=&gt; $blavatar . $blogname,
			&#039;href&#039; 	=&gt; get_admin_url( $blog-&gt;userblog_id ) )
		);
	}
}
add_action( &#039;wp_before_admin_bar_render&#039;, &#039;add_mysites_logo&#039; );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j25">Force the WordPress Admin Bar to display for all visitors</h2><p>Even Logged Out Users can use the Admin Bar.</p><div
class="mycode"><pre name="code" class="php">/*
 * Force the WordPress Admin Bar to display for all visitors
 */
add_filter( &#039;show_admin_bar&#039;, &#039;__return_true&#039; );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j26">Create a Menu for Logged Out Users</h2><p>Activates the Admin Bar for users not Logged in.</p><div
class="mycode"><pre name="code" class="php">/*
 * Create a menu for Logged Out Users
 */
function loggedout_menu( $meta = TRUE ) {
	global $wp_admin_bar;
		if ( is_user_logged_in() ) { return false; }
	$wp_admin_bar-&gt;add_menu( array(
		&#039;id&#039; =&gt; &#039;custom_menu&#039;,
		&#039;title&#039; =&gt; __( &#039;Menu Name&#039; ),
		&#039;href&#039; =&gt; &#039;http://google.com/&#039;,
		&#039;meta&#039; 	=&gt; array( target =&gt; &#039;_blank&#039; ) )
	);
}
add_action( &#039;admin_bar_menu&#039;, &#039;loggedout_menu&#039;, 15 );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j27">Add a Log In Link for Logged Out Users to the Admin Bar</h2><p>Allows for quick Access to the Login Page.</p><div
class="mycode"><pre name="code" class="php">/*
 * Add a Log In Link for Logged Out Users to the Admin Bar
 */
function add_login_link( $meta = FALSE ) {
	global $wp_admin_bar, $blog_id;
	if ( is_user_logged_in() ) { return false; }
	$wp_admin_bar-&gt;add_menu( array(
		&#039;id&#039; =&gt; &#039;custom_menu&#039;,
		&#039;title&#039; =&gt; __( &#039;Login&#039; ),
		&#039;href&#039; =&gt; get_home_url( $blog_id, &#039;/wp-login.php&#039; ) )
	);
}
add_filter( &#039;show_admin_bar&#039;, &#039;__return_true&#039; ); /* turn on adminbar for logged out users */
add_action( &#039;admin_bar_menu&#039;, &#039;add_login_link&#039;, 15 );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j28">Change the Opacity of WordPress Admin Bar</h2><p>Customize the look of the Admin Bar.</p><div
class="mycode"><pre name="code" class="php">/*
 * Change the opacity of WordPress Admin Bar
 */
function adminbar_opacity() {
	$adminbar_opacity = &#039;&lt;style type=&quot;text/css&quot;&gt;#wpadminbar { filter:alpha(opacity=50); opacity:0.5; }&lt;/style&gt;&#039;;
	echo $adminbar_opacity;
}
/* wp-admin area */
if ( is_admin() ) {
	add_action( &#039;admin_head&#039;, &#039;adminbar_opacity&#039; );
}
/* websites */
if ( !is_admin() ) {
	add_action( &#039;wp_head&#039;, &#039;adminbar_opacity&#039; );
}</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j29">Hide the WordPress Admin Bar with CSS, then display the Admin Bar on hover with CSS and jQuery</h2><p>Customize the look of the Admin Bar.</p><div
class="mycode"><pre name="code" class="php">/*
 * Hide the WordPress Admin Bar with CSS, then display the Admin Bar on hover with CSS and jQuery
 */
function hide_adminbar() {
	$hide_adminbar = &#039;&lt;script type=&quot;text/javascript&quot;&gt;
		$(document).ready( function() {
			$(&quot;#wpadminbar&quot;).fadeTo( &quot;slow&quot;, 0 );
			$(&quot;#wpadminbar&quot;).hover(function() {
				$(&quot;#wpadminbar&quot;).fadeTo( &quot;slow&quot;, 1 );
			}, function() {
				$(&quot;#wpadminbar&quot;).fadeTo( &quot;slow&quot;, 0 );
			});
		});
	&lt;/script&gt;
	&lt;style type=&quot;text/css&quot;&gt;
		html { margin-top: -28px !important; }
		* html body { margin-top: -28px !important; }
		#wpadminbar {
			-ms-filter:&quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=0)&quot;;
			filter: alpha(opacity=0);
			-moz-opacity:0;
			-khtml-opacity:0;
			opacity:0;
		}
		#wpadminbar:hover, #wpadminbar:focus {
			-ms-filter:&quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=100)&quot;;
			filter: alpha(opacity=100);
			-moz-opacity:1;
			-khtml-opacity:1;
			opacity:1;
		}
	&lt;/style&gt;&#039;;
	echo $hide_adminbar;
}
/* wp-admin area */
if ( is_admin() ) {
	add_action( &#039;admin_head&#039;, &#039;hide_adminbar&#039; );
}
/* websites */
if ( !is_admin() ) {
	add_action( &#039;wp_head&#039;, &#039;hide_adminbar&#039; );
}</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j30">Change the Admin Bar Color Scheme</h2><p>The colors below create a Blue Admin Bar. Modify the #color values to customize the look.</p><div
class="mycode"><pre name="code" class="php">/*
 * Change the Admin Bar Color Scheme
 */
function change_adminbar_colors() {
	$change_adminbar_colors = &#039;&lt;style type=&quot;text/css&quot;&gt;
		#wpadminbar *, #wpadminbar{ color:#ffffff;text-shadow:#444444 0 -1px 0; }
		#wpadminbar{
			background-color:#003399;
			background-image:-ms-linear-gradient(bottom,#000033,#003399 5px);
			background-image:-moz-linear-gradient(bottom,#000033,#003399 5px);
			background-image:-o-linear-gradient(bottom,#000033,#003399 5px);
			background-image:-webkit-gradient(linear,left bottom,left top,from(#000033),to(#003399));
			background-image:-webkit-linear-gradient(bottom,#000033,#003399 5px);
			background-image:linear-gradient(bottom,#000033,#003399 5px);
		}
		/* menu separators */
		#wpadminbar .quicklinks&gt;ul&gt;li{border-right:1px solid #003399;}
		#wpadminbar .quicklinks&gt;ul&gt;li&gt;a,#wpadminbar .quicklinks&gt;ul&gt;li&gt;.ab-empty-item{border-right:1px solid #000033;}
		#wpadminbar .quicklinks .ab-top-secondary&gt;li{border-left:1px solid #000033;}
		#wpadminbar .quicklinks .ab-top-secondary&gt;li&gt;a,#wpadminbar .quicklinks .ab-top-secondary&gt;li&gt;.ab-empty-item{border-left:1px solid #003399;}
		/* menu hover color and hover link color */
		#wpadminbar.nojs .ab-top-menu&gt;li.menupop:hover&gt;.ab-item,#wpadminbar .ab-top-menu&gt;li.menupop.hover&gt;.ab-item{background:#333333;color:#ffffff;}
		#wpadminbar .hover .ab-label,#wpadminbar.nojq .ab-item:focus .ab-label{color:#ffffff;}
		#wpadminbar .menupop.hover .ab-label{color:#ffffff;}
		/* menu, on mouse over hover colors */
		#wpadminbar .ab-top-menu&gt;li:hover&gt;.ab-item,#wpadminbar .ab-top-menu&gt;li.hover&gt;.ab-item,#wpadminbar .ab-top-menu&gt;li&gt;.ab-item:focus,#wpadminbar.nojq .quicklinks .ab-top-menu&gt;li&gt;.ab-item:focus{
			color:#fafafa;
			background-color:#000033;
			background-image:-ms-linear-gradient(bottom,#003399,#000033);
			background-image:-moz-linear-gradient(bottom,#003399,#000033);
			background-image:-o-linear-gradient(bottom,#003399,#000033);
			background-image:-webkit-gradient(linear,left bottom,left top,from(#003399),to(#003399));
			background-image:-webkit-linear-gradient(bottom,#003399,#000033);
			background-image:linear-gradient(bottom,#003399,#000033);
		}
		/* menu item links hover color */
		#wpadminbar .menupop li:hover,#wpadminbar .menupop li.hover,#wpadminbar .quicklinks .menupop .ab-item:focus,#wpadminbar .quicklinks .ab-top-menu .menupop .ab-item:focus{background-color:#ccffcc;}
		/* menu item non-link colors */
		#wpadminbar .ab-submenu .ab-item{color:#333333;}
		/* menu item link colors */
		#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop ul li a strong,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs .quicklinks .menupop:hover ul li a{color:#0099cc;}
		/* my sites hover color */
		#wpadminbar .quicklinks .menupop .ab-sub-secondary&gt;li:hover,#wpadminbar .quicklinks .menupop .ab-sub-secondary&gt;li.hover,#wpadminbar .quicklinks .menupop .ab-sub-secondary&gt;li .ab-item:focus{background-color:#dfdfdf;}
		/* update menu colors */
		#wpadminbar .quicklinks a span#ab-updates{background:#eeeeee;color:#333333;}
		#wpadminbar .quicklinks a:hover span#ab-updates{background:#ffffff;color:#000000;}
		/* howdy menu */
		#wpadminbar .ab-top-secondary{
			background-color:#003399;
			background-image:-ms-linear-gradient(bottom,#000033,#003399 5px);
			background-image:-moz-linear-gradient(bottom,#000033,#003399 5px);
			background-image:-o-linear-gradient(bottom,#000033,#003399 5px);
			background-image:-webkit-gradient(linear,left bottom,left top,from(#000033),to(#003399));
			background-image:-webkit-linear-gradient(bottom,#000033,#003399 5px);
			background-image:linear-gradient(bottom,#000033,#003399 5px);
		}
		/* Howdy menu, username text color in dropdown */
		#wpadminbar #wp-admin-bar-user-info .display-name{color:#333333;}
		#wpadminbar #wp-admin-bar-user-info .username{color:#999999;}
		/* search */
		#wpadminbar #adminbarsearch .adminbar-input{color:#ccc;text-shadow:#444 0 -1px 0;background-color:rgba(255,255,255,0);}
		#wpadminbar #adminbarsearch .adminbar-input:focus{color:#555;text-shadow:0 1px 0 #fff;background-color:rgba(255,255,255,0.9);}
		#wpadminbar.ie8 #adminbarsearch .adminbar-input{background-color:#003399;}
		#wpadminbar.ie8 #adminbarsearch .adminbar-input:focus{background-color:#fff;}
		#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder{color:#ddd;}
		#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder{color:#ddd;}
	&lt;/style&gt;&#039;;
	echo $change_adminbar_colors;
}
/* wp-admin area */
if ( is_admin() ) {
	add_action( &#039;admin_head&#039;, &#039;change_adminbar_colors&#039; );
}
/* websites */
if ( !is_admin() ) {
	add_action( &#039;wp_head&#039;, &#039;change_adminbar_colors&#039; );
}</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j31">PHP Class that enables the Admin Bar for Admins Only and Removes 28px Space</h2><p>Admins Only Admin Bar while removing the 28px Space when viewing the Website.</p><div
class="mycode"><pre name="code" class="php">/*
 * PHP Class that enables the Admin Bar for Admins Only and Removes 28px Space
 */
class admins_only_admin_bar {
	/*
	 * Loads when class is called
	 */
	function __construct() {
		/* disables admin bar */
		remove_action( &#039;init&#039;, &#039;_wp_admin_bar_init&#039; );
		/* calls function to remove 28px space */
		add_action( &#039;admin_head&#039;, array( &amp;$this, &#039;remove_adminbar_margin&#039; ) );
		add_action( &#039;wp_head&#039;, array( &amp;$this, &#039;remove_adminbar_margin&#039; ) );
	}
	/*
	 * Removes the 28px margin for the Admin Bar
	 */
	public function remove_adminbar_margin() {
		$remove_adminbar_margin = &#039;&lt;style type=&quot;text/css&quot;&gt;
			html { margin-top: -28px !important; }
			* html body { margin-top: -28px !important; }
		&lt;/style&gt;&#039;;
		echo $remove_adminbar_margin;
	}
}
/* Admins Only - Call Class */
if ( current_user_can( &#039;manage_options&#039; ) ) {
	$display_admin_bar = new admins_only_admin_bar();
}</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j32">PHP Class that forces the Admin Bar for logged out users, adds a login link, removes the wp logo, and adds a custom link menu to the Admin Bar.</h2><p>This example, removes the WordPress Logo, adds a Login Link, and creates a menu named &#8220;Our Other Sites&#8221; with two Websites within the dropdown menu.</p><div
class="mycode"><pre name="code" class="php">/*
 * Force Admin Bar for logged out users, add a login link, remove the wp logo, and add a custom link menu
 */
class force_admin_bar {
	/*
	 * Loads when class is called
	 */
	function __construct() {
		/* logged out users only */
		if ( is_user_logged_in() ) { return false; }
		/* remove wp logo */
		add_action( &#039;wp_before_admin_bar_render&#039;, array( &amp;$this, &#039;remove_wp_logo&#039; ) );
		/* remove search icon [uncomment to activate] */
		//add_action( &#039;wp_before_admin_bar_render&#039;, array( &amp;$this, &#039;disable_bar_search&#039; ) );
		/* force adminbar to logged out users */
		add_filter( &#039;show_admin_bar&#039;, &#039;__return_true&#039; );
		/* call function to add login link to admin bar */
		add_action( &#039;admin_bar_menu&#039;, array( &amp;$this, &#039;logged_out_menus&#039; ), 15 );
	}
	/*
	 * Menus for logged out users
	 */
	function logged_out_menus( $meta = FALSE ) {
		global $wp_admin_bar, $blog_id;
		/* logout menu link */
		$wp_admin_bar-&gt;add_menu( array(
			&#039;id&#039; =&gt; &#039;login_menu&#039;,
			&#039;title&#039; =&gt; __( &#039;Login&#039; ),
			&#039;href&#039; =&gt; get_home_url( $blog_id, &#039;/wp-login.php&#039; ) )
		);
		/* create menus */
		$wp_admin_bar-&gt;add_menu( array(
			&#039;id&#039; =&gt; &#039;custom_menu&#039;,
			&#039;title&#039; =&gt; __( &#039;Our Other Websites&#039; ) ) /* set the menu name */
		);
		/* menu link */
		$wp_admin_bar-&gt;add_menu( array(
			&#039;parent&#039; =&gt; &#039;custom_menu&#039;,
			&#039;id&#039;     =&gt; &#039;techNerdia&#039;, /* unique id name */
			&#039;title&#039;     =&gt; &#039;techNerdia&#039;, /* Set the link title */
			&#039;href&#039;  =&gt; &#039;http://technerdia.com/&#039;, /* Set the link a href */
			&#039;meta&#039;  =&gt; array( target =&gt; &#039;_blank&#039; ) )
		);
		/* menu link */
		$wp_admin_bar-&gt;add_menu( array(
			&#039;parent&#039; =&gt; &#039;custom_menu&#039;,
			&#039;id&#039;     =&gt; &#039;Google&#039;, /* unique id name */
			&#039;title&#039;     =&gt; &#039;Google&#039;, /* Set the link title */
			&#039;href&#039;  =&gt; &#039;http://google.com/&#039;, /* Set the link a href */
			&#039;meta&#039;  =&gt; array( target =&gt; &#039;_blank&#039; ) )
		);
	}
	/*
	* Remove the WordPress Logo from the WordPress Admin Bar
	*/
	function remove_wp_logo() {
		global $wp_admin_bar;
		$wp_admin_bar-&gt;remove_menu(&#039;wp-logo&#039;);
	}
	/*
	* Disable the Search Icon and Input within the Admin Bar [uncomment to activate]
	*/
	//function disable_bar_search() {
	//	global $wp_admin_bar;
	//	$wp_admin_bar-&gt;remove_menu(&#039;search&#039;);
	//}
}
/* Call Class */
$force_admin_bar = new force_admin_bar();</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j33">Move the Login Link from the left side to the right side</h2><p>This tip is used with the above example. <strong><em>David requested this feature via the Feedback form. ~Thanks David</em></strong></p><div
class="mycode"><pre name="code" class="php">/*
 * Move the Login Link from the left side to the right side within the Admin Bar for logged out users.
 */
function move_login_link() {
    $move_login_link = &#039;&lt;style type=&quot;text/css&quot;&gt;
		#wpadminbar #wp-admin-bar-login_menu{float:right}
        }
    &lt;/style&gt;&#039;;
    echo $move_login_link;
}
    add_action( &#039;wp_head&#039;, &#039;move_login_link&#039; );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><h2 id="j34">Add Icons Instead of Text to the Main Admin Bar [NEW]</h2><p>Adds custom icons to the main Admin Bar display. <strong><em>Sharon requested this feature via the Feedback form. ~Thanks Sharon</em></strong></p><ul><li>The menu id name is: &#039;id&#039; =&gt; &#039;custom_menu&#039;, which relates to the css id name: #wp-admin-bar-custom_menu</li><li>In the first function, update the url to the icon(s) and modify the id name of the each custom_menu that you use.</li><li>In the css function, duplicate the id names for each custom_menu name. The first id moves the icon over with margin, the second sets the width of the menu item Adjust the margin to set the icon in he middle.</li></ul><div
class="mycode"><pre name="code" class="php">/*
 * Add Icons Instead of Text to the Main Admin Bar
 */
function custom_adminbar_menu( $meta = TRUE ) {
    global $wp_admin_bar;
        if ( !is_user_logged_in() ) { return; }
        if ( !is_super_admin() || !is_admin_bar_showing() ) { return; }
    $wp_admin_bar-&gt;add_menu( array(
        &#039;id&#039; =&gt; &#039;custom_menu&#039;,
        &#039;title&#039; =&gt; __( &#039;&lt;img src=&quot;http://domain.com/wp-content/themes/theme_name/images/google-icon.gif&quot; width=&quot;25&quot; height=&quot;25&quot; /&gt;&#039; ),
        &#039;href&#039; =&gt; &#039;http://google.com/&#039;,
        &#039;meta&#039;  =&gt; array( target =&gt; &#039;_blank&#039; ) )
    );
}
add_action( &#039;admin_bar_menu&#039;, &#039;custom_adminbar_menu&#039;, 15 );
function custom_menu_css() {
    $custom_menu_css = &#039;&lt;style type=&quot;text/css&quot;&gt;
        #wp-admin-bar-custom_menu img { margin:0 0 0 12px; } /** moves icon over */
        #wp-admin-bar-custom_menu { width:75px; } /** sets width of custom menu */
    &lt;/style&gt;&#039;;
    echo $custom_menu_css;
}
 add_action( &#039;admin_head&#039;, &#039;custom_menu_css&#039; );</pre></div><p
class="jumptop"><a
href="#top">^ top</a></p><hr
/><h2>The WordPress Admin Bar is one seriously versatile feature&#8230;..</h2><p>If PHP and customizing WordPress is not your thing then check out the WordPress Plugin: <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL3Byb2plY3RzL2FkbWluYmFyL3BsdWdpbi5odG1s" target=\"_blank\">WP My Admin Bar</a> &#8211; An Admin Bar created for Developers and Bloggers! [<a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL3Byb2plY3RzL2FkbWluYmFyL3BsdWdpbi5odG1s" target=\"_blank\">read more</a>]</p><form
method="post" class="jumpform" action=""> <select
class="jumpmenu" onChange="javascript:window.location.hash=this.options[this.selectedIndex].value"><option
value="top">Select A Tip To Jump To It</option><option
value="j01">Disable Admin Bar</option><option
value="j02">Admin Bar for Admins Only</option><option
value="j03">Admin Bar in the Admin Area Only</option><option
value="j04">Admin bar on Websites Only</option><option
value="j06">Disable in Network Admin Only</option><option
value="j06">Removes the 28px Margin</option><option
value="j07">Remove the WordPress Logo</option><option
value="j08">Remove the Howdy Text</option><option
value="j09">Remove the Comment Bubble</option><option
value="j10">Disable the My Sites Menu</option><option
value="j11">Disable the Site Name Menu</option><option
value="j12">Disable the Add New Content menu</option><option
value="j13">Disable the Search Feature</option><option
value="j14">Disable the Update Menus</option><option
value="j15">Add a Simple Menu</option><option
value="j16">Add Theme Editor Menu</option><option
value="j17">Dropdown Menu with Links</option><option
value="j18">Dropdown-SubMenu with Links</option><option
value="j19">Site links in a New Window</option><option
value="j20">Remove My Sites Sub-Menu Options</option><option
value="j21">Add Links to My Sites Sub-Menus</option><option
value="j22">&#8216;Site Names&#8217; to &#8216;Domain.com&#8217;</option><option
value="j23">Remove the WP Logo</option><option
value="j24">Change the WP Logo Icon</option><option
value="j25">Display Admin Bar to all Visitors</option><option
value="j26">Menu for Logged Out Users</option><option
value="j27">Log In Link for Logged Out Users</option><option
value="j28">Change the Opacity</option><option
value="j29">MouseOver Hide/Display</option><option
value="j30">Admin Bar Color Scheme</option><option
value="j31">Admins Only and No 28px Space</option><option
value="j32">Log in/out link, no logos&#8230;</option><option
value="j33">Move the Login Link Location</option><option
value="j34">Using Icons on the Admin Bar</option> </select></form><p></p><p><div
style="border-top:1px dotted #cccccc;clear:both;font-size:14px;font-weight:bold;margin:2px 10px;padding:0 10px;text-align:left;"><ul><li><b>New WordPress Plugin</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tL3Byb2plY3RzL2FkbWluYmFyL3BsdWdpbi5odG1s" target=\"_blank\">WP My Admin Bar</a> (It's Free, Download Today!)</li><li><b>Reading:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLzExNDBfd29yZHByZXNzLWFkbWluLWJhci5odG1s">30+ WordPress Admin Bar Tips and Tricks</a> <b>By:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9wbHVzLmdvb2dsZS5jb20vMTA1NDA4MDgyNTcxNDU0MDEwMTUyLw==" target=\"_blank\">tribalNerd</a> <b>From:</b> <a
href="http://technerdia.com/?feed-stats-url=aHR0cDovL3RlY2huZXJkaWEuY29tLw==" target=\"_blank\">techNerdia - Web Development Tips</a></li><li><b><a
href="http://technerdia.com/?feed-stats-url=aHR0cHM6Ly9wbHVzLmdvb2dsZS5jb20vdS8wLzEwODA0NjIyNTkxMzk2NTMxNTU5NC9wb3N0cw==" target=\"_blank\">Follow techNerdia on Google+</a></li></ul></div><p
align="center">~ <b>Thank you for subscribing to techNerdia.com - Please Share This Post With Others</b> ~</p></p> <img
src="http://technerdia.com/?feed-stats-post-id=1140" width="1" height="1" style="display: none;" />]]></content:encoded> <wfw:commentRss>http://technerdia.com/1140_wordpress-admin-bar.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>