<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><description>Standing at the corner of Technology and Reality.</description><title>Canyon R</title><generator>Tumblr (3.0; @canyonr)</generator><link>http://canyonr.com/</link><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/canyonr" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="canyonr" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://tumblr.superfeedr.com/" /><item><title>Two good articles for Blackout day reading</title><description>&lt;p&gt;Here are two good articles for reading on &lt;a href="http://sopastrike.com/strike/" target="_blank"&gt;Blackout day&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;First is a primer for those asking why SOPA &amp; PIPA are such bad laws. &lt;a href="http://ihnatko.com/" target="_blank"&gt;Andy Ihnatko&lt;/a&gt; lays out in his &lt;a href="http://www.suntimes.com/technology/ihnatko/10085389-452/the-big-hammer-of-sopa-pipa-will-only-crush-internet-freedom.html" target="_blank"&gt;latest sun-times article&lt;/a&gt; exactly why these laws are awful in terms that non-tech people can really relate to.&lt;/p&gt;

&lt;p&gt;Second is a wonderful piece from &lt;a href="http://www.informationdiet.com/about" target="_blank"&gt;Clay Johnson&lt;/a&gt;, writer of the Information Diet, about fixing these problems long term by &lt;a href="http://www.informationdiet.com/blog/read/dear-internet-its-no-longer-ok-to-not-know-how-congress-works" target="_blank"&gt;educating ourselves about congress&lt;/a&gt; and then using that knowledge to educate congress about the Internet.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/canyonr/~4/hTroTTYuF6k" height="1" width="1"/&gt;</description><link>http://canyonr.com/post/16095729291</link><guid>http://canyonr.com/post/16095729291</guid><pubDate>Wed, 18 Jan 2012 20:47:12 -0600</pubDate></item><item><title>This may be one of the best things I’ve seen this year....</title><description>&lt;object type="application/x-shockwave-flash" width="400" data="http://service.twistage.com/plugins/player.swf?p=inc_social&amp;v=4ae85a47bdeb4" height="244" id="embedded_player"&gt;&lt;param name="movie" value="http://service.twistage.com/plugins/player.swf?p=inc_social&amp;v=4ae85a47bdeb4" /&gt;&lt;param name="bgcolor" value="#000000" /&gt;&lt;param name="allowfullscreen" value="true" /&gt;&lt;param name="base" value="http://service.twistage.com" /&gt;&lt;param name="allowscriptaccess" value="always" /&gt;&lt;/object&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;This may be one of the best things I’ve seen this year. You must watch this video if your job involves people or communication.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://garyvaynerchuk.com/post/12303966209/inc5000-keynote-speech" class="tumblr_blog" target="_blank"&gt;gary&lt;/a&gt;:&lt;/p&gt;

&lt;blockquote&gt;&lt;p&gt;&lt;b&gt;Be warned I use some dirty language &lt;/b&gt;&lt;br/&gt;&lt;br/&gt;

Thnx for the recap from my recent talk at Inc5000 by Rizzo &lt;a href="http://www.rizzotees.com/blog/gary-vaynerchuk-in-a-seminal-performance-at-the-2011-inc-500-conference" target="_blank"&gt;&lt;a href="http://www.rizzotees.com/blog/gary-vaynerchuk-in-a-seminal-performance-at-the-2011-inc-500-conference" target="_blank"&gt;http://www.rizzotees.com/blog/gary-vaynerchuk-in-a-seminal-performance-at-the-2011-inc-500-conference&lt;/a&gt;&lt;/a&gt; This was a fun talk and i was on my “A” game.
Whatya think?&lt;/p&gt;&lt;/blockquote&gt;&lt;img src="http://feeds.feedburner.com/~r/canyonr/~4/n77yPnucc3E" height="1" width="1"/&gt;</description><link>http://canyonr.com/post/12316161996</link><guid>http://canyonr.com/post/12316161996</guid><pubDate>Thu, 03 Nov 2011 23:44:00 -0500</pubDate></item><item><title>When My Life is Done is the latest video from my friend Joe.

I...</title><description>&lt;iframe width="400" height="225" src="http://www.youtube.com/embed/iq7r-2V_Bpc?wmode=transparent&amp;autohide=1&amp;egm=0&amp;hd=1&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;showsearch=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;&lt;a href="http://youtu.be/iq7r-2V_Bpc" target="_blank"&gt;When My Life is Done&lt;/a&gt; is the latest video from my friend Joe.&lt;/p&gt;

&lt;p&gt;I think it’s even more amazing knowing how it was done. I feel very honored to say I was there to push the button on the camera as it was being recorded. Way to go Joe! Can’t wait to see what your next idea is. Be sure to check out &lt;a href="http://www.joeeglash.com/" target="_blank"&gt;Joe’s site&lt;/a&gt; and all &lt;a href="http://www.youtube.com/user/joeeglash" target="_blank"&gt;his music on YouTube&lt;/a&gt;.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/canyonr/~4/L8BGSMrGwW4" height="1" width="1"/&gt;</description><link>http://canyonr.com/post/9163959193</link><guid>http://canyonr.com/post/9163959193</guid><pubDate>Sat, 20 Aug 2011 08:31:51 -0500</pubDate><category>Joe Eglash</category><category>Music</category><category>Video</category><category>Awesome</category></item><item><title>Google Plus - Social for small conversations</title><description>&lt;p&gt;The thrust of many Google+ conversations is, understandably, about how it compares as a service to Twitter and Facebook. This also comprises many of the reviews that have been posted so far. The points generally conclude that it’s not as good at one use case or another. I think that the real difference is that the services are optimized for different ways of sharing. Each taking from the others in subtle ways but still basically designed for different tasks.&lt;/p&gt;

&lt;p&gt;I believe that Google+ is optimized for communicating with small groups of 5 to 15 people. It is not designed to easily communicate with the “Public”. Many of the complaints about the way the service works relate to it not working as well for these general public conversations as Twitter does. This is because Twitter is optimized for these conversations. It easily allows a many to many conversation but completely ignores the Few to Few conversations. These are the exact conversations that G+ is setup for.&lt;/p&gt;

&lt;p&gt;When looking at 5-15 people Circles many of the functions that people are complaining about become great benefits. Take, for example, the “post move to the top when commented on” ordering of your Stream. This feature fails when trying to follow large public figures who have many comments from their other followers. But for a conversation happening with a circle of 8 friends, it helps to keep you engaged as everyone adds their comments.&lt;/p&gt;

&lt;p&gt;The private nature of the Circle itself also lends to this conversation. Facebook groups are public lists that allow conversations among a diverse and unconnected group with a similar interest. Where Circles provide a context group within your own definition. For example, I may have a “tennis” group of friend, of which Brian is a member. He may also have a “tennis” circle, with people that he relates to “tennis” which I happen to be a member of. Yet when I share with my tennis circle, the members of his tennis circle don’t see it unless he chooses to re-share it with them. This is not a flaw but is by design, this is the kind of sharing I wan’t and wasn’t able to easily get anywhere else.&lt;/p&gt;

&lt;p&gt;The reason, I believe that many of the people who are on G+ now have these complaints is that they are media and technology people who interact with their “public” on social networks and not just with their Circles of Friends. I only hope that user’s requests don’t try to turn G+ into Facebook or Twitter by asking to remove or change the things that make it different. I hope it’s allowed to grow into it’s own service, with it’s own optimizations and social norms.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/canyonr/~4/5355G5WENjU" height="1" width="1"/&gt;</description><link>http://canyonr.com/post/7192890931</link><guid>http://canyonr.com/post/7192890931</guid><pubDate>Sun, 03 Jul 2011 10:32:45 -0500</pubDate><category>Google</category><category>Google+</category><category>Social Networking</category><category>Twitter</category><category>Facebook</category></item><item><title>Check out @jeglash’s New video for Build a Fire at...</title><description>&lt;iframe width="400" height="245" src="http://www.youtube.com/embed/joLe0fNS_AY?wmode=transparent&amp;autohide=1&amp;egm=0&amp;hd=1&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;showsearch=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;Check out &lt;a href="http://twitter.com/jeglash" target="_blank"&gt;@jeglash’s&lt;/a&gt; New video for Build a Fire at &lt;a href="http://youtu.be/joLe0fNS_AY" target="_blank"&gt;http://youtu.be/joLe0fNS_AY&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This song is from his first album, of the same name. He is currently launching his second album SO WIRED at &lt;a href="http://joeeglash.com" target="_blank"&gt;JoeEglash.com&lt;/a&gt;.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/canyonr/~4/qWaBrPLR6C0" height="1" width="1"/&gt;</description><link>http://canyonr.com/post/3922192528</link><guid>http://canyonr.com/post/3922192528</guid><pubDate>Thu, 17 Mar 2011 11:29:41 -0500</pubDate></item><item><title>Podcast honorable mention</title><description>&lt;p&gt;In my &lt;a href="http://canyonr.com/post/3532458607/podcasts-for-the-masses" target="_blank"&gt;list of podcasts&lt;/a&gt; I focused on the casts that I get the most value from. I covered shows that focus on news, tech, or business. I feel like I’m being unfair if I don’t mention (honorably) my favorite entertainment podcast.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://youlooknicetoday.com/" target="_blank"&gt;You look nice today&lt;/a&gt; is an unbelievably fun, intelligent, unrepentant, and zany show. I will warn that’s it’s not work or child safe, but it’s well worth taking some of your own time to listen to. The hosts are &lt;a href="http://kungfugrippe.com/" target="_blank"&gt;Merlin Mann&lt;/a&gt;, &lt;a href="http://lonelysandwich.com/" target="_blank"&gt;Adam Lisagor&lt;/a&gt;, and &lt;a href="http://yourmonkeycalled.com/" target="_blank"&gt;Scott Simpson&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;The best example of how brilliant these guys are is their tribute to the foley artists of silent films &lt;a href="http://youlooknicetoday.com/story/noises-rest" target="_blank"&gt;The Noises Rest&lt;/a&gt;. If you like it, you will love YLNT. If you don’t, I’m sorry.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/canyonr/~4/-Md69gPI2WM" height="1" width="1"/&gt;</description><link>http://canyonr.com/post/3634744524</link><guid>http://canyonr.com/post/3634744524</guid><pubDate>Thu, 03 Mar 2011 23:02:11 -0600</pubDate></item><item><title>Podcasts for the masses</title><description>&lt;p&gt;I listen to a lot of &lt;a href="http://en.wikipedia.org/wiki/Podcast" target="_blank"&gt;podcasts&lt;/a&gt;, as some of you may know. While I’ve often recommended specific casts to people, I have never listed out my favorite shows before. Before I start the list there are a few notes I think you will find helpful.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;First: What is a Podcast?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;A podcast is a show that is distributed over the Internet. They are usually audio but more are released as video. You can listen to, or watch, them either from a website or on any computer or portable device (ipod, iphone, smartphone, etc).&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Second: Why listen to a Podcast?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Podcasts, in their audio form, are great because you can listen to them while doing other things. This is a very similar to the benefits of &lt;a href="http://www.audible.com" target="_blank"&gt;audio books&lt;/a&gt;. I often listen while driving, doing dishes, or even shopping. This gives me a great way to engage my mind and learn about new things in my areas of interest.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Third: How to listen to a Podcast?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;If you have an Apple device, iPod or iPhone, then all of these podcasts and more are available in the &lt;a href="http://www.apple.com/itunes/" target="_blank"&gt;iTunes Store&lt;/a&gt; under the &lt;a href="http://www.apple.com/itunes/podcasts/" target="_blank"&gt;Podcast&lt;/a&gt; section. If you have an &lt;a href="https://market.android.com/" target="_blank"&gt;Android&lt;/a&gt; powered phone then I highly recommend the &lt;a href="https://market.android.com/details?id=com.google.android.apps.listen" target="_blank"&gt;Google Listen&lt;/a&gt; application. This is what I listen to my podcasts with and it’s a great experience. If you have another smartphone, like a palm or blackberry, then you may have to find a way to download these shows and sync them to your device. Any modern smartphone that can play music will be able to play podcasts. If you don’t have any of these mobile devices, then you can still listen to the shows from your computer, either by downloading them or directly from their respective websites.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Here are my favorite podcasts.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;5:&lt;/strong&gt; &lt;a href="http://www.npr.org/rss/podcast/podcast_directory.php" target="_blank"&gt;NPR Podcasts&lt;/a&gt; ::  NPR has done a great job of embracing the nature of podcasting. While their individual shows are available, I much prefer their topic based casts. They bring together stories from several of their shows that are all related to the same theme. I currently subscribe to the &lt;a href="http://www.npr.org/rss/podcast/podcast_detail.php?siteId=4819382" target="_blank"&gt;Technology&lt;/a&gt; and &lt;a href="http://www.npr.org/rss/podcast/podcast_detail.php?siteId=5421663" target="_blank"&gt;Economy&lt;/a&gt; shows, but they have many other topics available.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;4:&lt;/strong&gt; &lt;a href="http://www.theworld.org/podcasts/technology-podcast/" target="_blank"&gt;The World Technology Podcast&lt;/a&gt; :: &lt;a href="http://www.pri.org/theworld/node/102" target="_blank"&gt;Clark Boyd&lt;/a&gt; brings together the best and most interesting tech stories from “The World” program. He picks the stories you haven’t heard elsewhere, “tech that matters” as he calls it. He offers expanded interviews with people working on and thinking about cool and important things. When ever I hear the intro start playing, I do a “happy dance” because I know I’m going to learn about something new.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;3:&lt;/strong&gt; &lt;a href="http://5by5.tv/b2w" target="_blank"&gt;Back to Work&lt;/a&gt; w/ &lt;a href="http://merlinmann.com/" target="_blank"&gt;Merlin Mann&lt;/a&gt; :: Merlin is one of the most insightful and entertaining people I follow. Anything with him in it is always great. This is the newest podcast in my list, having only a handful of episodes currently. What is wonderful about this cast is that host &lt;a href="http://5by5.tv/people/dan-benjamin" target="_blank"&gt;Dan Benjamin&lt;/a&gt; has coaxed from Merlin the core concepts of his renown talks and his forthcoming book. Together they present these important and always helpful topics in a playful and engaging way. If your work takes any thinking, responsibility, or creativity then you will be better at it from listening to this podcast.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;2:&lt;/strong&gt; &lt;a href="http://twit.tv/sn" target="_blank"&gt;Security Now&lt;/a&gt; w/ &lt;a href="http://www.grc.com/default.htm" target="_blank"&gt;Steve Gibson&lt;/a&gt; :: First off, all of the &lt;a href="http://twit.tv/" target="_blank"&gt;TWiT&lt;/a&gt; podcasts are great, and &lt;a href="http://leoville.com/" target="_blank"&gt;Leo Lapport&lt;/a&gt; is clearly the godfather of technology podcasts. I listen to several of the casts from twit and highly recommend you look for any of them you might be interested in. Yet, Security Now is different. Steve’s ability is to take unbelievably complex technology topics and present them in a clear, concise, and understandable way. Listening to Security Now will give anyone a solid foundation in most current technology, including General Security, Cryptography, Computer Processing, Wireless Networking, Online Privacy, and dozens of other topics. This is some of the most accurate and thorough technical content available on the Internet. This is a must listen if you work with or are interested in technology.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1:&lt;/strong&gt; &lt;a href="http://www.manager-tools.com/" target="_blank"&gt;Manager Tools &amp; Career Tools&lt;/a&gt; :: Put simply, Mike and Mark have had a bigger impact on my career and professional life than any one else, period. These two casts, really just two sides of the same body of knowledge, are where I have learned how to be a better at every activity related to work. Their focus on actionable, repeatable suggestions put them ahead of almost all of the other business and career advice available. Call it professional development, career management, or personal coaching, if you are looking for the most payoff for your time spent learning this is it. Manager Tools covers topics from the everyday life of professionals. Topics such as meetings, interviews, projects, budgets, leadership, and presentations. They will make you more competent at the things you are bad at and give you an edge on the things you already do well. Also, the &lt;a href="http://www.manager-tools.com/forums" target="_blank"&gt;Manager Tools forums&lt;/a&gt; are a great community of professionals sharing their questions and support with each other. I have benefited greatly from their discussions and insights.&lt;/p&gt;

&lt;p&gt;I hope this inspires you to start exploring the world of podcasts. There are thousands available for every interest and topic. If you have any suggestions for great podcasts or questions about my picks, please post them below.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/canyonr/~4/CM8AU-okw0o" height="1" width="1"/&gt;</description><link>http://canyonr.com/post/3532458607</link><guid>http://canyonr.com/post/3532458607</guid><pubDate>Sat, 26 Feb 2011 17:38:00 -0600</pubDate><category>Podcasts</category><category>twit</category><category>npr</category><category>manager-tools</category><category>the world</category><category>merlin mann</category></item><item><title>Adding Twitter and Facebook buttons to Tumblr</title><description>&lt;p&gt;I just finished adding the tweet and like buttons to my site and was amazed how both simple and complicated it was. I found many good sites with helpful information but none had the exact combination I was looking for. So here is how I finally got it to work the way I wanted. Hopefully this will be as helpful to someone else as the other pages I found were to me.&lt;/p&gt;

&lt;p&gt;Let me start by thanking the Author of the Tumblr theme. I am using a heavily modified version of the &lt;a href="http://www.tumblr.com/theme/419" target="_blank"&gt;Netpad&lt;/a&gt; theme from &lt;a href="http://jumplex.tumblr.com/" target="_blank"&gt;Jumplex&lt;/a&gt;. It offered a great starting point that was very close to what I wanted, but more importantly it was very cleanly put together and easy to modify. Thank you Jumplex, your work is very appreciated.&lt;/p&gt;

&lt;p&gt;This theme has many nice features, including &lt;a href="http://disqus.com/" target="_blank"&gt;Disqus&lt;/a&gt; and &lt;a href="http://www.google.com/analytics/" target="_blank"&gt;Google Analytics&lt;/a&gt; support. But I wanted to add support for Twitter and Facebook buttons. The first place you might start, as I did, is the Facebook “&lt;a href="http://developers.facebook.com/docs/reference/plugins/like-box/" target="_blank"&gt;like box&lt;/a&gt;” page. This page offers a wizard for configuring your like box.&lt;/p&gt;

&lt;p&gt;&lt;img src="http://lh5.googleusercontent.com/_vLWxkmqHh_A/TWFTcWzqm0I/AAAAAAAACZc/a_fKZYGYKH4/s800/Like%20Box%20-%20Facebook%20Developers.png" alt="Facebook Like Box Wizard"/&gt;&lt;/p&gt;

&lt;p&gt;It produces a code block that can be used to put the info box on the page. It offers both an &lt;strong&gt;iframe&lt;/strong&gt; and an &lt;strong&gt;xfbml&lt;/strong&gt; option. I chose the xfbml option because I was going to be putting both a site &lt;em&gt;like box&lt;/em&gt; and a &lt;em&gt;like button&lt;/em&gt; on each post.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;&lt;script src=”http://connect.facebook.net/en_US/all.js#xfbml=1”&gt;&lt;/script&gt; 
  &lt;code&gt;&lt;fb:like-box href="http://www.facebook.com/pages/CanyonRcom/189359354428289" width="225" show_faces="false" stream="false" header="true"&gt;&lt;/fb:like-box&gt;&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;But the code produced doesn’t fit smoothly into the dynamic nature of the Tumblr template engine. So I moved the script tag into the &lt;code&gt;&lt;head&gt;&lt;/code&gt; section of the template.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;&lt;script src=”http://connect.facebook.net/en_US/all.js#xfbml=1”&gt;&lt;/script&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;I then added a &lt;code&gt;meta&lt;/code&gt; tag to the template.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;&lt;code&gt;&lt;meta name="text:Facebook URL" content="" /&gt;&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;This puts an entry under the Appearance menu to input the URL of the facebook page. I was then able to add my facebook page address to those settings.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;&lt;code&gt;&lt;a href="http://www.facebook.com/pages/CanyonRcom/189359354428289" target="_blank"&gt;http://www.facebook.com/pages/CanyonRcom/189359354428289&lt;/a&gt;&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;And I added this block to the code for the sidebar layout.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;&lt;code&gt;{block:ifFacebookURL}&lt;/code&gt;&lt;br/&gt;&lt;code&gt;&lt;fb:like-box href="{text:Facebook URL}" width="225" show_faces="false" stream="false" header="true"&gt;&lt;/fb:like-box&gt;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;{/block:ifFacebookURL}&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;This gave me a site wide box linked to my facebook page for the site.&lt;/p&gt;

&lt;p&gt;&lt;img src="http://lh5.googleusercontent.com/_vLWxkmqHh_A/TWFTcdH2sXI/AAAAAAAACZY/lU8EeUxnsQU/s800/CR.c%20like%20box.png" alt="Facebook Like Button"/&gt;&lt;/p&gt;

&lt;p&gt;Now to get twitter and facebook buttons for the individual posts.&lt;/p&gt;

&lt;p&gt;Again Face book offers a wizard for the &lt;a href="http://developers.facebook.com/docs/reference/plugins/like/" target="_blank"&gt;like button&lt;/a&gt; that allows customization the layout of the button and presents a code block to insert into a page.&lt;/p&gt;

&lt;p&gt;&lt;img src="http://lh4.googleusercontent.com/_vLWxkmqHh_A/TWFwIOd6ryI/AAAAAAAACZ0/wA3KF5A8lpE/s800/Like%20Button%20-%20Facebook%20Developers.png" alt="Facebook Like Button Wizard"/&gt;&lt;/p&gt;

&lt;p&gt;In similar fashon to the like box, the button offers both and &lt;strong&gt;iframe&lt;/strong&gt; and &lt;strong&gt;xfbml&lt;/strong&gt; code. This code is a good starting point but isn’t perfect because I need a custom URL for each posting.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;&lt;script src=”http://connect.facebook.net/en_US/all.js#xfbml=1”&gt;&lt;/script&gt;
  &lt;code&gt;&lt;fb:like href="http://canyonr.com/post/3355399522/online-safety-info-for-your-non-tech-friends" layout="button_count" show_faces="false" width="55"&gt;&lt;/fb:like&gt;&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;The &lt;code&gt;script&lt;/code&gt; tag is the same one I already added to the &lt;code&gt;&lt;head&gt;&lt;/code&gt; of our theme. This allows me to focus on the &lt;code&gt;fb:like&lt;/code&gt; tag. It currently contains the URL of a specific article, I needed to substitute the code for each article. The &lt;a href="http://www.tumblr.com/docs/en/custom_themes" target="_blank"&gt;Tumblr theme docs&lt;/a&gt; gives the &lt;code&gt;{Permalink}&lt;/code&gt; variable that I can use to insert the URL for each article. Fortunately several other pages suggest using the &lt;code&gt;{URLEncodedPermalink}&lt;/code&gt; variable instead. This gives a small block of code to insert to get the like button.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;&lt;code&gt;&lt;fb:like href="{URLEncodedPermalink}" layout="button_count" show_faces="false"&gt;&lt;/fb:like&gt;&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Now, where to place it. I put it with in the &lt;code&gt;&lt;div class="detail"&gt;&lt;/code&gt; and &lt;code&gt;&lt;div class="ndp"&gt;&lt;/code&gt; portions of the theme. For other themes, it can be included at the end of the section that shows up at the bottom of each post.&lt;/p&gt;

&lt;p&gt;The twitter button is slightly more complex because of the options they allow. The wizard for the &lt;a href="http://twitter.com/about/resources/tweetbutton" target="_blank"&gt;Tweet button&lt;/a&gt; only gives a few settings but the &lt;a href="http://dev.twitter.com/pages/tweet_button" target="_blank"&gt;dev page&lt;/a&gt; lists all of the properties that can be passed.&lt;/p&gt;

&lt;p&gt;&lt;img src="http://lh3.googleusercontent.com/_vLWxkmqHh_A/TWF2IDhp1yI/AAAAAAAACaI/Du0wh5CU7TI/s800/Tweet%20Button%20Wiz.png" alt="Twitter Wizard"/&gt;&lt;/p&gt;

&lt;p&gt;Once again we get a &lt;code&gt;script&lt;/code&gt; tag to add to the &lt;code&gt;&lt;head&gt;&lt;/code&gt; of our theme.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;&lt;script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”&gt;&lt;/script&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;The twitter button is an &lt;code&gt;&lt;a&gt;&lt;/code&gt; tag in order to facilitate browsers that don’t support scripting. I modified the default tag to include several options, most importantly the &lt;code&gt;data-url&lt;/code&gt; setting. By using Tumblr’s &lt;code&gt;{ShortURL}&lt;/code&gt; tag I was able to send the same shortened URL to twitter that Tumbler’s built in twitter posting uses. I also added a &lt;code&gt;|&lt;/code&gt; after the &lt;code&gt;{Title}&lt;/code&gt; to give a little visual seperation to the URL.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;&lt;code&gt;&lt;a href="http://twitter.com/share" class="twitter-share-button" data-url="{ShortURL}" data-text="{Title} |" data-count="none" data-via="canyon"&gt;Tweet&lt;/a&gt;&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;I placed the Tweet button infront of the Like button because when the page has no likes the number baloon isn’t present but the space is still there. Since I wasn’t going to show the count for the tweets, I think it looked better in that order.&lt;/p&gt;

&lt;p&gt;&lt;img src="http://lh5.googleusercontent.com/_vLWxkmqHh_A/TWGCkBz3fpI/AAAAAAAACaQ/uqDXrTJp4Dc/s800/social%20button%20align.png" alt="Twitter and Facebook out of alignmet"/&gt;&lt;/p&gt;

&lt;p&gt;But wait, they aren’t lined up. The Tweet button is at least 6 pixels higher than the Like button. What a travesty. Why wouldn’t the competing social giants work together to make sure there buttons looked good together. Turns out this is configured to look correct in IE and looks wrong in Chrome. After much searching I found some ideas on how to resolve this and decided on creating two new span areas to contain the buttons and “fixing” the floating property for each.&lt;/p&gt;

&lt;p&gt;I attached some CSS to the end of the section for the containing &lt;code&gt;&lt;div&gt;&lt;/code&gt; tags.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;&lt;code&gt;#content .detail .ndp .social_buttons {&lt;/code&gt;&lt;br/&gt;&lt;code&gt;vertical-align: top;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;}&lt;/code&gt;&lt;br/&gt;&lt;code&gt;#content .detail .ndp .social_buttons .twitter {&lt;/code&gt;&lt;br/&gt;&lt;code&gt;vertical-align: middle;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;}&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;I then wrapped the buttons in corresponding &lt;code&gt;&lt;span&gt;&lt;/code&gt; tags. My final button code is:&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;&lt;code&gt;&lt;span class="social_buttons"&gt;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;&lt;span class="twitter"&gt;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;&lt;a href="http://twitter.com/share" class="twitter-share-button" data-url="{ShortURL}" data-text="{Title} |" data-count="none" data-via="canyon"&gt;Tweet&lt;/a&gt;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;&lt;/span&gt;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;&lt;fb:like href="{URLEncodedPermalink}" layout="button_count" show_faces="false"&gt;&lt;/fb:like&gt;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;This, somehow, gets the buttons to line up and look correct in both browsers.&lt;/p&gt;

&lt;p&gt;&lt;img src="http://lh4.googleusercontent.com/_vLWxkmqHh_A/TWFTcY71-DI/AAAAAAAACZg/40Pyh2ao_dM/s800/CR.c%20social%20buttons.png" alt="Facebook and Twitter Buttons"/&gt;&lt;/p&gt;

&lt;p&gt;And now I have Facebook and Twitter integration for each post and for my site as a whole. I hope this helps the next person who is trying to decipher the confusing realm of social buttons and tumbler themes.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/canyonr/~4/A8TI7eVjrGU" height="1" width="1"/&gt;</description><link>http://canyonr.com/post/3411603148</link><guid>http://canyonr.com/post/3411603148</guid><pubDate>Sun, 20 Feb 2011 16:58:00 -0600</pubDate><category>Tech</category><category>Code</category><category>CSS</category><category>Facebook</category><category>Twitter</category><category>Tumblr</category><category>Theme</category></item><item><title>Online safety info for your non-tech friends</title><description>&lt;p&gt;&lt;a href="http://onguardonline.gov" target="_blank"&gt;OnGuardOnline.gov&lt;/a&gt; is a good site with online security information that you can pass on to your non-technical friends and family members.&lt;/p&gt;

&lt;p&gt;For many years I have been fielding questions from family and friends about the various dangers online. I don’t want to scare these people with the gory details of just how bad it is. I often wished that there was a site that took the time to relly spell out, in simple English, what people should know and what they can to to protect themselves. Today I was listening to &lt;a href="http://grc.com" target="_blank"&gt;Steve Gibson’s&lt;/a&gt; &lt;a href="http://twit.tv/sn" target="_blank"&gt;Security Now&lt;/a&gt; podcast &lt;a href="http://twit.tv/sn288" target="_blank"&gt;#288&lt;/a&gt; and he talked about this site and it’s simple presentation of exactly this information.&lt;/p&gt;

&lt;p&gt;It appears to be a well thought out site covering a lot of different topics. I read several of the articles and even played some of the trivia games. One specific question in the &lt;a href="http://www.onguardonline.gov/games/invasion-wireless-hackers.aspx" target="_blank"&gt;wireless hackers&lt;/a&gt; game worried me when it was clear they were expecting a technically correct yet misleading answer. I was surprised when their explanation spelled out my concerns about the nature of the answer. This shows the care that the authors took in striking a balance between accessible and technically correct. I will be recommending this site to friends and family members who are savvy enough to be concerned about security or at least should be.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/canyonr/~4/hdmQiflwCk0" height="1" width="1"/&gt;</description><link>http://canyonr.com/post/3355399522</link><guid>http://canyonr.com/post/3355399522</guid><pubDate>Thu, 17 Feb 2011 20:35:27 -0600</pubDate><category>Security</category><category>Review</category><category>Learning</category><category>Information</category></item><item><title>Your guide to the seven types of malicious hackers | Security Central - InfoWorld</title><description>&lt;a href="http://www.infoworld.com/d/security-central/your-guide-the-seven-types-malicious-hackers-636"&gt;Your guide to the seven types of malicious hackers | Security Central - InfoWorld&lt;/a&gt;: &lt;p&gt;A well thought out list of the different profiles of “bad guys” on the internet. This would make a good intro for a series digging into the details of each.&lt;/p&gt;

&lt;p&gt;(via &lt;a href="http://www.schneier.com/blog/archives/2011/02/the_seven_types.html" target="_blank"&gt;Schneier on Security&lt;/a&gt;)&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/canyonr/~4/4N6D0hxvUTo" height="1" width="1"/&gt;</description><link>http://canyonr.com/post/3312928435</link><guid>http://canyonr.com/post/3312928435</guid><pubDate>Tue, 15 Feb 2011 14:00:00 -0600</pubDate></item><item><title>Recipe for Disaster: The Formula That Killed Wall Street</title><description>&lt;a href="http://www.wired.com/techbiz/it/magazine/17-03/wp_quant"&gt;Recipe for Disaster: The Formula That Killed Wall Street&lt;/a&gt;: &lt;p&gt;Good story of the math behind the financial meltdown.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/canyonr/~4/5GbxEtRS95U" height="1" width="1"/&gt;</description><link>http://canyonr.com/post/111102845</link><guid>http://canyonr.com/post/111102845</guid><pubDate>Thu, 21 May 2009 14:44:00 -0500</pubDate><category>financial</category><category>math</category><category>meltdown</category><category>article</category></item><item><title>Lifehacker - How Apple Co-Founder Steve Wozniak Gets Things Done - Steve Wozniak</title><description>&lt;a href="http://lifehacker.com/5222989/how-apple-co founder-steve-wozniak-gets-things-done?skyline=true"&gt;Lifehacker - How Apple Co-Founder Steve Wozniak Gets Things Done - Steve Wozniak&lt;/a&gt;: &lt;p&gt;Woz interviewed on Lifehacker&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/canyonr/~4/HBGzfNbdHU4" height="1" width="1"/&gt;</description><link>http://canyonr.com/post/98961780</link><guid>http://canyonr.com/post/98961780</guid><pubDate>Wed, 22 Apr 2009 12:14:06 -0500</pubDate><category>Woz Lifehacker Interview</category></item><item><title>Getting started</title><description>&lt;p&gt;I should have signed up for a tumblr a long time ago.&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/canyonr/~4/kA8zfFwVEbo" height="1" width="1"/&gt;</description><link>http://canyonr.com/post/73409536</link><guid>http://canyonr.com/post/73409536</guid><pubDate>Mon, 26 Jan 2009 22:57:44 -0600</pubDate></item></channel></rss>

