After the jump, you will find a short multi-step process that describes in detail how you can add the Tapiture bookmarklet to Safari on the iPad. If you have any feedback, or comments, please share them in comments.

If you are not reading this on an iPad, please browse to this article in Safari on the iPad. You will need to copy and paste code from the article to Safari on the iPad. Here is a short link you use to quickly find your way back to this article: bit.ly/tapipad

Step 1: Bookmark This Page

No, I am not trying to get you to bookmark my website. I just need you to bookmark this page so we have a bookmark to edit. In the next step, we are going to edit the bookmark you create in this step.

To create a bookmark in Safari on the iPad, click the box with an arrow icon in the top left corner. Then click the icon labeled “Bookmark” from the drop-down. When you get to the “Add Bookmark” menu, click “Save” to bookmark this page.

Step 2: Copy The Bookmarklet Code

Now that you have created a bookmark, it is time to edit it to associate with Tapiture instead of ATLChris.com. To get started, copy the code in the textbox below into the iPad clipboard for use later.

javascript: var e = document.createElement(‘script’);e.setAttribute(‘id’, ‘tapiture_js’);e.setAttribute(‘charset’, ‘UTF-8′);e.setAttribute(‘src’, ‘//static.tapcdn.com/mosaic/tap_browser.js?ver=’ + Math.random());document.body.appendChild(e);

* To select all on the iPad, click once in the textarea, then click a second time and then click “Select All” from the menu that appears.

Step 3: Edit The Bookmark

Start by clicking the icon that looks like a book in the top left corner of the page. When presented with the “Bookmarks” drop-down, click “Edit” in the top right corner of the drop-down. Now, click on the name of the bookmark you created in step 1. You should find yourself on the “Edit Bookmark” menu.

The top text field is the name of the bookmark, I would suggest you edit this to say “Tap on Tapiture”. The second field is the url that is loaded when the bookmark is clicked. Instead of a url, this is where we are going to paste the code that we copied in step 2. Click on the second field and then click the “X” that appears to clear the field. Once the field is clear, click on it again. You should see a button appear to “Paste” the contents of you clipboard. Click “Paste” and you should see the code you copied earlier appear in the field. That is it, you are all done. Click the “Bookmark” button at the top left to go back and then click “Done”.

Step 4: Enjoy

Now that you have the bookmark setup correctly, when you want to Tap an image, click the “Bookmark” icon in the top left corner of Safari on iPad and click the “Tap on Tapiture” bookmark to bring up the Tapiture overlay.

Note: This is not an officially supported feature of Tapiture, the overlay that appears may not work prefectly and you may not be able to tap everything you normally can, but it works great for images.

So, what is Tapiture? Well, Tapiture is Pinterest clone that is more geared towards men, and the things men like. I have been a huge fan of it since it was in beta a few months ago. New in January 2013, Tapiture launched a whole new branding and design initiative to take the site to the new level. They also announce that they now have over 1.2 million unique vistors each month and it is growing at an alarming rate.

Tapiture offers a bookmarklet that allows you to “Tap” multiple images on a page. While this bookmarklet is good, I found it difficult to “Tap” a single image on a page with main images. After realizing this was a problem I could fix very easily on my own, I decided to take a shot at making a Google Chrome Tapiture extension. This was my first attempt at a Google Chrome extension, but I very pleased with how it turned out. The Tapiture extension allows the bookmarklet to live in the info bar instead of the bookmark bar. Best of all, it adds the ability to right-click an image and tap that single image.

Download link and screenshots available after the jump.

Below are a couple of screenshots that show how the extension works:

I would love to hear what you think, and if you have any feature requests for bugs to report.

function hideURLbar() {
	window.scrollTo(0, 1);
}

if (navigator.userAgent.indexOf('iPhone') != -1 || navigator.userAgent.indexOf('Android') != -1) {
    addEventListener("load", function() {
            setTimeout(hideURLbar, 0);
    }, false);
}

This code hides the browser address bar in iOS and Android if the length of the pages content is long enough. This is a very common function and is excellent if you would like to increase the mobile browsers content viewable area. I have one small problem with it, it doesn’t take into account page anchors (http://www.example.com/#comments). When the page loads with a page anchor, it cancels out this anchor and scrolls to the top on load.

I propose an improvement to this code javascript snippet that will add a page anchor check statement prior to the window.scrollTo(0, 1); function.

function hideURLbar() {
	if (window.location.hash.indexOf('#') == -1) {
		window.scrollTo(0, 1);
	}
}

if (navigator.userAgent.indexOf('iPhone') != -1 || navigator.userAgent.indexOf('Android') != -1) {
    addEventListener("load", function() {
            setTimeout(hideURLbar, 0);
    }, false);
}

Today, I have officially released version 2.0 of my popular premium business WordPress theme, Simply Business. Simply Business WordPress v2.0 brings a ton of new features, bug fixes, and full WordPress 3.3 support! This theme can be purchased on ThemeForest.net for only $30.00.

Features

• Complex cms functionality
• Ajax contact form
• Full widget support
• Shortcodes
• Custom widgets & shortcodes
• Testimonial custom post type
• Portfolio custom port type
• Redesigned theme options panel
• Unlimited color combination’s w/ color picking tool
• Custom jQuery powered image slider
• Search engine optimized (SEO) design and code to help you increase search engine rankings.
• Support for WordPress menus
• Lightbox functionality
• Pagination support
• Much much more…

Theme Screenshots

Theme Options Panel Screenshots

Changelog

• v2.0 – 1/20/2012:
  • [ADD] added the ability to upload a logo and favicon directly from the theme options panel.
  • [ADD] added portfolio custom post type with custom backend and 3 template options.
  • [ADD] pagination navigation added across the site.
  • [ADD] added footer navigation.
  • [ADD] added a color picker to all color select options in the theme options panel.
  • [ADD] added lightbox functionality throughout the site with Slimbox 2.
  • [ADD] added 8 highly customizable and well written shortcodes.
  • [ADD] added 6 highly customizable and well written widgets.
  • [CHANGE] theme completely rewritten to take full advantage of WordPress v3.3.
  • [CHANGE] fully redesigned theme options panel.
  • [CHANGE] homepage slider now uses custom/optimized jQuery.
  • [CHANGE] homepage content box 1 can now be driven by either the blog or a page. (Highly Requested Feature!)
  • [CHANGE] testimonials are now handled via custom post type for optimal integration.
  • [CHANGE] header and footer navigation is now controlled via the WordPress menus manager.

When you get to the site, enter the address you grew up in then click search. An HTML5 video like you have never seen before will begin playing.

Just trust me, browse over to http://thewildernessdowntown.com in an HTML 5 browser and be amazed!

My theory is that the new mystery iLife application is going to be iTV. They just released a Mac Mini with HDMI out, they have an iMac large enough to use as a TV, and they have a new input device, the Magic Trackpad. I think they are going to scrap Apple TV as a hardware device and introduce a new couch/remote friendly application called iTV to the iLife suite. Yes, I know they already have Front Row, but seriously, who uses that, it is total crap.

I personally am all for this, I currently have a Mac Mini hooked up to my 50″ Plasma and am currently running Plex, a great Media Center application. Apple has hinted that streaming movies would hit the cloud before streaming music, so could the new mystery data center and the mystery iLife application be connected to allow us to download and stream TV Shows and Movies in a whole new way?

What are your thoughts? Would you use this?

Well, as promised Apple has activated the iPhone 4 FREE case program. If you already purchased a bumper from Apple, you will automatically get your refund. Emails concerning this have already been floating around.

How about those that didn’t buy a bump? It looks like Apple is going to be handling this through an iPhone app. The application you have to download is called “iPhone 4 Case Program” and it is currently available in the app store. Pretty much, you just open the app, login with your iTunes credentials, then you are presented with a list of cases. Pick which one you want, and vola, it will show up in the mail soon.

iPhone 4 Case Program Details

UPDATE 1: The iPhone application currently lists all cases as “Ships 3-5 weeks”.

UPDATE 2: In app pictures below:

UPDATE 3: I ordered the InCase Snap (Smoke) case. It seemed like a pretty solid pick out of the group. I was impressed though with the selection they had. I will do a full review on the case when it is received.

Stay tuned, I will post further details about shipping times and the overall ordering process.

• Access via many new devices including: iPhone, iPad, iPod, Internet Connected TV’s, Playstation 3, Xbox 360, and more…
• Current season tickets to popular current TV shows including: Glee, The Office, Modern Family, Grey’s Anatomy, Family Guy, and more…
• Full series back cateloges of current and past TV Series including: Heroes, Buffy the Vampire Slayer, Arrest and Development, and more…

There is no word yet whether this premium service will be ad free or not ad-supported. I would hope that paying would remove the ads completely. Currently the service is in private beta. You can request an invite at http://www.hulu.com/plus. There is no ETA on when the service will launch publicly or when “Requested Invites” will beging to roll out. Check out the introduction video below which showcases all the new content the service has to offer.

I personally will sign up for the service, in fact it might be the final nail-in-the-coffin for my cable services I currently have will Charter Communications. One thing I would love to see, is the addition of premium cable series, i.e. Entourage, True Blood, … I would be willing to add another $5.00 a month if I could get some of those shows. I am also curious to whether they will be beefing up their movie catelog offerings.

Would you be willing to pay $9.99 for this service?

Have you found any not so well known features in iOS 4?

Most of the popular social service out there offer pre-made javascript buttons that allow you share your pages or articles on their service. While this does make it easy, there is one problem with using their code generating methods; you are stuck with their styles and icons. I wanted to use a custom style with a different set of icons. To accomplish this, I had to take advantage of the services various “URL” submission methods. All the services offer this method, but most of them are poorly documented and are hard to find details on. After spending hours browsing the web for the various “URL” submission methods, I decided that once I finished I would post them all together in one place so people can easily find them and create their own custom share buttons.

Below, I am going to offer you the various services URL’s and teach you how to use them on your site.

Twitter

http://twitter.com/home?status=[TITLE]+[URL]

Pinterest

http://pinterest.com/pin/create/bookmarklet/?media=[MEDIA]&url=[URL]&is_video=false&description=[TITLE]

Facebook

http://www.facebook.com/share.php?u=[URL]&title=[TITLE]

Google+

https://plus.google.com/share?url=[URL]

Reddit

http://www.reddit.com/submit?url=[URL]&title=[TITLE]

Delicious

http://del.icio.us/post?url=[URL]&title=[TITLE]]&notes=[DESCRIPTION]

Tapiture

http://tapiture.com/bookmarklet/image?img_src=[IMAGE]&page_url=[URL]&page_title=[TITLE]&img_title=[TITLE]&img_width=[IMG WIDTH]img_height=[IMG HEIGHT]

StumbleUpon

http://www.stumbleupon.com/submit?url=[URL]&title=[TITLE]

Linkedin

http://www.linkedin.com/shareArticle?mini=true&url=[URL]&title=[TITLE]&source=[SOURCE/DOMAIN]

Slashdot

http://slashdot.org/bookmark.pl?url=[URL]&title=[TITLE]

Technorati

http://technorati.com/faves?add=[URL]&title=[TITLE]

Posterous

http://posterous.com/share?linkto=[URL]

Tumblr

http://www.tumblr.com/share?v=3&u=[URL]&t=[TITLE]

Google Bookmarks

http://www.google.com/bookmarks/mark?op=edit&bkmk=[URL]&title=[title]&annotation=[DESCRIPTION]

Newsvine

http://www.newsvine.com/_tools/seed&save?u=[URL]&h=[TITLE]

Ping.fm

http://ping.fm/ref/?link=[URL]&title=[TITLE]&body=[DESCRIPTION]

Evernote

http://www.evernote.com/clip.action?url=[URL]&title=[TITLE]

Friendfeed

http://www.friendfeed.com/share?url=[URL]&title=[TITLE]

Those are the URL's you need to know, now, I know some of you are say what do I do with them? These are the URL you link your social icons too. Replace [TITLE] with the title of the page or article. Replace [URL] with the link back to the page or article. Both of these values need to be URL in encoded for the submissions to process correctly. If you are using php, you can easily URL encode anything with:

<?PHP echo urlencode("VARIBLE"); ?>

If you are using WordPress, you can easily substitue the [URL] and [TITLE] values with WordPress codex functions. Below is the code you can use to replace the [TITLE] value:

<?php print(urlencode(the_title())); ?>

Now, the the code to replace the [URL] value:

<?php print(urlencode(get_permalink())); ?>

Now, lets take a look at it all put together for a general page with a "Share on Twitter" button:

<a href="http://twitter.com/home?status=This is the blog title.+http%3A%2F%2Fatlchris.com%2F1656%2Flink-to-page">
<img src="http://atlchris.com/wp-content/themes/ATLChris/images/twitter.png" height="18" width="18" alt="Share On Twitter" />
</a>

Now, a wordpress example. This example substitutes the [TITLE] and [URL] values automatically with the current articles information with URL encoding:

<a href="http://twitter.com/home?status=<?php print(urlencode(get_permalink())); ?>+<?php print(urlencode(the_title())); ?>">
<img src="http://atlchris.com/wp-content/themes/ATLChris/images/twitter.png" height="18" width="18" alt="Share On Twitter" />
</a>

I hope this helps to you create your very own custom share buttons. If you have any questions, please ask them below and I will answer them to the best of my ability. If I missed a service that you would like me to add, please leave a comment below.