<?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>Okada Design Blog &#187; twitter</title>
	<atom:link href="http://www.okadadesign.no/blog/category/twitter/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.okadadesign.no/blog</link>
	<description>Welcome to Okada Design Web Development Blog</description>
	<lastBuildDate>Wed, 11 Jan 2012 23:21:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Add your Twitter updates to your Blogger</title>
		<link>http://www.okadadesign.no/blog/blogger/add-your-twitter-updates-to-your-blogger/</link>
		<comments>http://www.okadadesign.no/blog/blogger/add-your-twitter-updates-to-your-blogger/#comments</comments>
		<pubDate>Sun, 29 Mar 2009 14:01:00 +0000</pubDate>
		<dc:creator>shinokada</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.okadadesign.no/blog/?p=49</guid>
		<description><![CDATA[ <p>On the right side, you can see my Twitter updates.Here is how you can add your Twitter to your Blogger.</p> <p>1. Login to your Blogger and go to Layout.2. Click &#8220;Add a Gadget&#8221; and select HTML/JavaScript. Add the following code.</p> <p></p> &#60;div id=&#8221;twitter_div&#8221;&#62;&#60;h2 style=&#8221;display:none;&#8221; class=&#8221;sidebar-title&#8221;&#62;Twitter Updates&#60;/h2&#62;&#60;ul id=&#8221;twitter_update_list&#8221;&#62;&#60;/ul&#62;&#60;a id=&#8221;twitter-link&#8221; style=&#8221;display:block;text-align:right;&#8221; href=&#8221;http://twitter.com/YOUR-Twitter-NAME&#8221;&#62;follow me on Twitter&#60;/a&#62;&#60;/div&#62;</p> [...]
Related posts:<ol>
<li><a href='http://www.okadadesign.no/blog/blogger/how-to-add-read-more-to-your-blogger/' rel='bookmark' title='How to add Read More to your Blogger'>How to add Read More to your Blogger</a></li>
<li><a href='http://www.okadadesign.no/blog/blogger/adding-tweet-button-to-your-blogger-and-website/' rel='bookmark' title='Adding Tweet Button to your Blogger and Website'>Adding Tweet Button to your Blogger and Website</a></li>
<li><a href='http://www.okadadesign.no/blog/blogger/adding-search-to-blogger-or-website/' rel='bookmark' title='Adding search to Blogger or website'>Adding search to Blogger or website</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.okadadesign.no%2Fblog%2Fblogger%2Fadd-your-twitter-updates-to-your-blogger%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.okadadesign.no%2Fblog%2Fblogger%2Fadd-your-twitter-updates-to-your-blogger%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;width: 200px; height: 133px;" src="http://4.bp.blogspot.com/_UZHNmEAWYZU/Sc-HBJHeAcI/AAAAAAAAAJI/Ej6-2DjneM0/s320/twitter.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5318618138644709826" /><br />On the right side, you can see my Twitter updates.<br />Here is how you can add your Twitter to your Blogger.</p>
<p>1. Login to your Blogger and go to Layout.<br />2. Click &#8220;Add a Gadget&#8221; and select HTML/JavaScript. Add the following code.</p>
<p><span class="fullpost"></p>
<div class="codesnip-container" >&lt;div id=&#8221;twitter_div&#8221;&gt;<br />&lt;h2 style=&#8221;display:none;&#8221; class=&#8221;sidebar-title&#8221;&gt;Twitter Updates&lt;/h2&gt;<br />&lt;ul id=&#8221;twitter_update_list&#8221;&gt;&lt;/ul&gt;<br />&lt;a id=&#8221;twitter-link&#8221; style=&#8221;display:block;text-align:right;&#8221; href=&#8221;http://twitter.com/YOUR-Twitter-NAME&#8221;&gt;follow me on Twitter&lt;/a&gt;<br />&lt;/div&gt;</p>
<p>&lt;script src=&#8221;http://twitter.com/javascripts/blogger.js&#8221; type=&#8221;text/javascript&#8221;&gt;&lt;/script&gt;<br />&lt;script src=&#8221;http://twitter.com/statuses/user_timeline/YOUR-Twitter-NAME.json?callback=twitterCallback2&amp;count=10&#8243; type=&#8221;text/javascript&#8221;&gt;&lt;/script&gt;</p>
</div>
<p>3. In the above code, change YOUR-Twitter-NAME to your twitter name. If you want to change the number of updates, change count=10 to any number you wish.</p>
<p>4. Add the following CSS to your Blogger CSS and tweak it according to your taste.</p>
<div class="codesnip-container" >/* Twitter */<br />#twitter_update_list li {<br />background-color: #EFF4FF;<br />text-indent: 0;<br />margin-bottom: 5px;<br />border: 1px solid #B5BDCF;<br />}<br />#twitter_update_list li span{<br />}</p>
</div>
<p></span></p>
<p>Related posts:<ol>
<li><a href='http://www.okadadesign.no/blog/blogger/how-to-add-read-more-to-your-blogger/' rel='bookmark' title='How to add Read More to your Blogger'>How to add Read More to your Blogger</a></li>
<li><a href='http://www.okadadesign.no/blog/blogger/adding-tweet-button-to-your-blogger-and-website/' rel='bookmark' title='Adding Tweet Button to your Blogger and Website'>Adding Tweet Button to your Blogger and Website</a></li>
<li><a href='http://www.okadadesign.no/blog/blogger/adding-search-to-blogger-or-website/' rel='bookmark' title='Adding search to Blogger or website'>Adding search to Blogger or website</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.okadadesign.no/blog/blogger/add-your-twitter-updates-to-your-blogger/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adding Tweet Button to your Blogger and Website</title>
		<link>http://www.okadadesign.no/blog/blogger/adding-tweet-button-to-your-blogger-and-website/</link>
		<comments>http://www.okadadesign.no/blog/blogger/adding-tweet-button-to-your-blogger-and-website/#comments</comments>
		<pubDate>Sat, 21 Mar 2009 17:06:00 +0000</pubDate>
		<dc:creator>shinokada</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.okadadesign.no/blog/?p=45</guid>
		<description><![CDATA[ <p> After reading an article by Woork, I added Tweet this to my bloggers. The article was simple but I thought I could add a little bit more details here.</p> <p>Open your blogger and go to Layout.Click Edit HTML then tick a box next to Expand Widget Templates.Then find a line &#60;div class=&#8221;post-footer-line [...]
Related posts:<ol>
<li><a href='http://www.okadadesign.no/blog/blogger/adding-search-to-blogger-or-website/' rel='bookmark' title='Adding search to Blogger or website'>Adding search to Blogger or website</a></li>
<li><a href='http://www.okadadesign.no/blog/blogger/add-sharethis-widget-to-your-blogger-wp-or-website/' rel='bookmark' title='Add sharethis widget to your Blogger, WP or website'>Add sharethis widget to your Blogger, WP or website</a></li>
<li><a href='http://www.okadadesign.no/blog/blogger/add-your-twitter-updates-to-your-blogger/' rel='bookmark' title='Add your Twitter updates to your Blogger'>Add your Twitter updates to your Blogger</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.okadadesign.no%2Fblog%2Fblogger%2Fadding-tweet-button-to-your-blogger-and-website%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.okadadesign.no%2Fblog%2Fblogger%2Fadding-tweet-button-to-your-blogger-and-website%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="	http://tweetmeme.com/images/tweetmeme.png" alt="" /></a><br />
After reading <a href="http://woork.blogspot.com/2009/03/add-retweet-counter-on-your-posts-with.html">an article by Woork</a>, I added Tweet this to my bloggers. The article was simple but I thought I could add a little bit more details here.</p>
<p>Open your blogger and go to Layout.<br />Click Edit HTML then tick a box next to Expand Widget Templates.<br />Then find a line<br /><span class="fullpost">
<div class="codesnip-container" >&lt;div class=&#8221;post-footer-line post-footer-line-1&#8243;&gt;</p>
</div>
<p>Then after this line add the following line.</p>
<div class="codesnip-container" >&lt;div class=&#8221;tweetmeme&#8221;&gt;<br />&lt;script type=&#8221;text/javascript&#8221;><br />tweetmeme_url = &#39;&lt;data:post.url/&gt;&#39;;<br />&lt;/script&gt;<br />&lt;script src=&#8221;http://tweetmeme.com/i/scripts/button.js&#8221; type=&#8221;text/javascript&#8221;&gt; &lt;/script&gt;<br />&lt;/div&gt;</p>
</div>
<p>Then add CSS just before the line. </p>
<div class="codesnip-container" >]]&gt;&lt;/b:skin&gt;</p>
</div>
<p>I add the following css to mine.</p>
<div class="codesnip-container" >tweetmeme {<br />    width: 70px;<br />    height: 75px;<br />    float: left;<br />}</p>
</div>
<p>For your normal website, you can use the following code where you want to add Tweetmeme.</p>
<div class="codesnip-container" >&lt;script type=&#8221;text/javascript&#8221; src=&#8221;http://tweetmeme.com/i/scripts/button.js&#8221;>&lt;/script></p>
</div>
<p>You can find an <a href="http://tweetmeme.com/static.php?page=button">Official documentation</a>.<br /></span></p>
<p>Related posts:<ol>
<li><a href='http://www.okadadesign.no/blog/blogger/adding-search-to-blogger-or-website/' rel='bookmark' title='Adding search to Blogger or website'>Adding search to Blogger or website</a></li>
<li><a href='http://www.okadadesign.no/blog/blogger/add-sharethis-widget-to-your-blogger-wp-or-website/' rel='bookmark' title='Add sharethis widget to your Blogger, WP or website'>Add sharethis widget to your Blogger, WP or website</a></li>
<li><a href='http://www.okadadesign.no/blog/blogger/add-your-twitter-updates-to-your-blogger/' rel='bookmark' title='Add your Twitter updates to your Blogger'>Add your Twitter updates to your Blogger</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.okadadesign.no/blog/blogger/adding-tweet-button-to-your-blogger-and-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

