How to Add Evernote Site Memory Button to Tumblr Blog

To accomplish this we will need a few things:

  1. Your customize Tumblr URL
  2. Your Evernote Site Memory button Code
  3. A hosted jQuery source.

Getting to Your Customize Theme Page

We will need to edit your Tumblr theme to include the Evernote Site Memory button and add some jQuery to manipulate the showing and hiding of the button where applicable.

To access your Tumblr Theme code got to the customize URL (http://www.tumblr.com/customize) or click “Customize” in the right hand column.

Click the “Theme” link on the customize toolbar to open your Theme HTML context. The Theme HTML is where we make the magic happen.

Evernote Site Memory Button

In a new tab go to the Evernote Site Memory Button Builder. On this page you can build you site memory button. Evernote has provided a few different options to fit into various layouts. After you build your button copy the code from the Button Preview section.

My tumblr site uses the following button code:

<script type="text/javascript" src="http://static.evernote.com/noteit.js"> <a href="#" onclick="Evernote.doClip({contentId:'post',providerName:'Andrew Epperson\'s blog'}); return false;"><img alt="Clip to Evernote" src="http://static.evernote.com/article-clipper-vert.png" border="0" /></a>

Take your copy of the code and insert it into your Theme HTML at the desired spot. Wrap the site memory button code inside of a div with and id of “enClip”. We will use this id for the jQuery. The code should like this:

<div id="enClip"> <script type="text/javascript" src="http://static.evernote.com/noteit.js"> <a href="#" onclick="Evernote.doClip({contentId:'post',providerName:'Andrew Epperson\'s blog'}); return false;"><img alt="Clip to Evernote" src="http://static.evernote.com/article-clipper-vert.png" border="0" /></a></div>

We now need to give our post content the id of “post” that we are declaring in the “contentId” parameter of the Evernote clip javascipt. Assign the div that contains your posts elements the id of “post”. Yes on the homepage this will create duplicate IDs which should be unique, but the HTML will still render and Evernote requires an ID and not a class for this purpose.

Using jQuery to Show the Button

Now we want the Evernote Site Memory Button to show an the individual post, but not on the homepage with multiple post. This is desired because of how Tumblr repeats posts in the theme our post id of “post” is repeated on the homepage and the button wouldn’t know which id to pull content from.

Within your <style></style> tag add the styling to hide the “enClip” div and any other styling that is required for layout on the page. My css looks like:

#enClip {float:left; padding-right:10px; display:none;}

Now we add our jQuery library and code to show the button on the individual post pages. Add the following code before your tag (replacing YOURURL with your Tumblr blog username:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> <script type="text/javascript"> $(function() { var wl = window.location.href; if ( wl != "http://YOURURL.tumblr.com/" ) { $("#enClip").show(); } }); </script>

The above code checks to see if the URL does not equal the path to your homepage. If it does not match then we show the enClip div that contains the Evernote Site Memory Button.

Now you can save your Theme edits by click the “Save” button in the upper right corner of the customize page and then view your Tumblr blog to see the results.

Clip to Evernote

5 notes / Permalink

Tags: how to evernote tips themes

Google Tip: How to turn off personalized search results

Google now shows you personalized search results all the time, even when you are not logged in. Results are personalized based upon your last 180 days of Google activity as tracked by the linked cookie in your browser.

To turn off personalized search you can easily appending “&pws=0” to the end of your Google SERP (search engine results page) URL in the address bar of your web browser. For example: http://www.google.com/search?q=pizza&pws=0

Clip to Evernote

1 note / Permalink

Tags: google tips serp

How Google Instant May Effect Your Analytics

You will see the ‘predicted query’ as the keyword in your Google Analytics, as indicated in a recent post by Google.

Google Instant works based upon the idea that it can predict your query. So it will be showing search results for the query it anticipates you are typing. So if the user is typing “web design” but click on the search results after only inputting “web des”, then your Google Analytics will show “web design” in your keyword metric.

Clip to Evernote

0 notes / Permalink

Tags: google seo analytics

The Evernote Challenge… continued.

After about a month of use, I have found Evernote to be catch all for items I need to / should remember. I mostly find myself using the desktop application and iPhone app, but the Firefox plugin and DM on Twitter are also great tools for the quick shot items.

Items often stored in my Evernote include:

  • snippets of code
  • tip and tricks
  • meeting notes

From my perspective Evernote has been a great resource. It gets solid use and I would highly recommend to any Front-End Developer needing to collect their thoughts in a single location.

Clip to Evernote

0 notes / Permalink

Tags: evernote

Google Tip: How To Show More Than 10 Results Per Page

To quickly adjust the number of results on your Google search results page add “&num=100” to the end of the URL. This number doesn’t have to be 100. If you wanted 50, just replace the number.

Your URL would look something like this: http://google.com/search?q=pizza&num=100

Clip to Evernote

0 notes / Permalink

Tags: google tips seo

Facebook Tip: How Many Admins Can Your Fan Page Have?s

The answer is unlimited. You can have as many users admin a Fan Page as you want.

http://www.facebook.com/help/?faq=15187

Clip to Evernote

0 notes / Permalink

Tags: facebook tips

Soon Twitter’s User Stream Will Be Available To All

Q: Twitter User Stream. What is that?

A: In short, “User Streams provides real-time updates of all data needed to update a desktop application display”. A detailed explanation can be found on Twitter’s dev site.

I have been on the private beta testing of this API for a few weeks now, and I must say… real-time twitter feed in my TweetDeck is awesome. The open beta testing date hasn’t yet been announced, but is suggested to be available soon.

Read more detailed coverage at mashable.

Clip to Evernote

0 notes / Permalink

Tags: twitter api tweetdeck real-time

Facebook Tip: You can “Like” up to 500 Pages.

Facebook limits the number of Pages that a user can “like” to 500. So if you are anywhere near that number, you may need to tidy up that list a bit.

See the Facebook help article.

Clip to Evernote

1 note / Permalink

Tags: facebook tips

Add Tweet-stimonials (Twiiter Testimonials) to Your Blog

In a recent post by Ann Smarty at Search Engine Journal, Ann highlights the idea of utilizing Twitter for a testimonials feed on your blog. The idea is based upon obtaining the RSS feed for you Twitter favorites.

This ideology could be applied to a plethora of topics, but Ann specifically directs her attention to “testimonials” and how to add that feed to WordPress with a plugin. The use of the favorite RSS feed would not be limited to WordPress. RSS feeds are easily parsed and there are a number of tools and resources available for implementation across multiple platforms, not just WordPress.

Clip to Evernote

0 notes / Permalink

Tags: twitter rss wordpress

How to select children of $(this) in jQuery

It’s simple really…

$("img", this);

The above jQuery translation is just a short version of

$(this).find("img");

So using the find() method would be a touch faster, but both accomplish the same task.

This differs from the standard selection of a child element which is:

$(div > img);

Clip to Evernote

1 note / Permalink

Tags: jquery javascript