Showing posts with label Social Networks. Show all posts
Showing posts with label Social Networks. Show all posts

Tuesday, September 27, 2011

The Munson's Apps is also in tumblr


From today, The Munson's Apps is also in tumblr. Here we'll annouce our apps in a different way, sharing photos and more.

If you're a tumblr user, now you can be updated with all our news and apps. What are you waiting for? Follow us on tumblr! Click the botton below or go to the "Follow us" section.


Of course, we'll continue updating our twitter, facebook and other pages:








Let us know if you like it!


Continue reading »

Friday, July 8, 2011

Include Social Network buttons in your Blogger posts

Social networks are actually the most important traffic source in the web. Including buttons is a good way to socialize your blog. Here we'll show some tips to include buttons in your website, particularly in Blogger.



AddThis


The first tool you must know is AddThis. It integrates a lot of social network buttons (349 at the moment) in several languages in one widget with a few code lines. It also provides analytics services and trend statistics. To include AddThis in your website, you only need to follow the instructions of the following link: Get AddThis (select the blogger option to see blogger's instructions).

For example, here's the code used in this blog:

<!-- AddThis Button BEGIN -->
 <div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'>
  <a class='addthis_button_compact' href='http://www.addthis.com/bookmark.php?v=250&amp;username=yourusername'>Share</a>
  <a class='addthis_counter addthis_bubble_style'/>
  <span class='addthis_separator'>|</span>
  <a class='addthis_button_preferred_1'/>
  <a class='addthis_button_preferred_2'/>
  <a class='addthis_button_preferred_3'/>
  <a class='addthis_button_preferred_4'/>
  <a class='addthis_button_stumbleupon'/>
  <a class='addthis_button_delicious'/>
  <a class='addthis_button_digg'/>
  <a class='addthis_button_google_plusone' g:plusone:size='small'/>
 </div>
 <div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'>
  <a class='addthis_button_facebook_like'/>
  <a class='addthis_button_tweet' tw:via='themunsonsapps'/>
  <!-- Reddit button start -->
  <script>reddit_url=&#39;<data:post.url/>&#39;</script><script>reddit_title=&#39;<data:post.title/>&#39;</script><script language='javascript' src='http://reddit.com/button.js?t=1'/>
  <!-- Reddit button end -->
 </div>
 <script type='text/javascript'>var addthis_config = {&quot;data_track_clickback&quot;:true};</script>
 <script src='http://s7.addthis.com/js/250/addthis_widget.js#username=yourusername' type='text/javascript'/>
 <!-- AddThis Button END -->

That looks like this:





Remember to include it before the <div class='post-footer'> tag if you're using Blogger.

Although it allows full customization using its API, it has some display limitations. Maybe you want the button to have a different layout or to display counters that AddThis not implements. This is the case of social networks buttons with counters like reddit, digg, stumbleupon and much more.

Facebook



There's a form to include facebook buttons in your website, you only need to insert the URL to like, facebook account and layout params like font, color or width.
You can choose the kind of button:

And much more. Once again, to include them in in Blooger, insert the code just after <div class='post-footer'> tag in your template.

Twitter


Twitter API is available here. There are several kinds of button, languages and customization.

For example:

<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://themunsonsapps.blogspot.com" data-count="vertical" data-via="themunsonsapps">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Try this button:



You can also set the predefined text, account to suggest, url to tweet and more. Visit the full dev API for Tweet Button. See also how to add Twitter button to Blogger.

Google +1


Google plus one is the new Google's social network. To include a button in your website, you only need to fill some form fields from the official +1 button site and paste the code where you want. To include it in blogger you can follow these tips.

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall" href="http://themunsonsapps.blogspot.com"></g:plusone>

Check the generated button:



Reddit


Check the different reddit buttons and them customizations here: Reddit Buttons.

<script type="text/javascript">
  reddit_url = "http://themunsonsapps.blogspot.com";
  reddit_title = "Reddit Buttons!";
</script>
<script type="text/javascript" src="http://www.reddit.com/static/button/button3.js"></script>

Reddit this sample:




To include it in every Blogger post, search once again for the <div class='post-footer'> tag and insert the code after it, but in this case, set the url parameter to: <data:post.url/> (see how to add reddit button to every Blogger post).

For example:

<script type="text/javascript">
  reddit_url = "<data:post.url/>";
  reddit_title = "Reddit Buttons 2!";
</script>
<script type="text/javascript" src="http://www.reddit.com/static/button/button3.js"></script>

Delicious

The official website for inserting delicious buttons can be found here. Here there is a sample of what will you get:

Bookmark this sample button in delicious:
Delicious Bookmark this awesome website on Delicious

<img src="http://l.yimg.com/hr/img/delicious.small.gif" height="10" width="10" alt="Delicious" /><a href="http://www.delicious.com/save" onclick="window.open('http://www.delicious.com/save?v=5&noui&jump=close&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'delicious','toolbar=no,width=550,height=550'); return false;"> Bookmark this awesome website on Delicious</a>

To include it in every Blogger post, you will need to make other changes, check them at add delicious button to Blogger post.

Digg 


Just like delicious, you can insert a digg button with counter in your website following the official guidelines.

Digg this sample button:
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<!-- Wide Button -->
<a class="DiggThisButton DiggWide" href="http://digg.com/submit?url=http%3A//themunsonsapps.blogspot.com"></a>





Check the blogging tips about how to add digg button to Blogger post.

StumbleUpon 


SumbleUpon buttons are named badges. You can consult the official badge setup here. It also includes guidelines for blogger, feedburner, wordpress and more. You can choose the button layout and style, including a default url or getting it from the actual website, for example this:

<script src="http://www.stumbleupon.com/hostedbadge.php?s=5&r=http://themunsonsapps.blogspot.com"></script>



I hope this can be useful for you! Enjoy it!

Continue reading »

Friday, November 26, 2010

Setting up the blog

The blog is actually on the "start up phase", it still needs a logo, a lot of contents, apps (some of them are developed and ready to be published) and the most important thing in every blog, visitors!

With this scope, I've researched in the webmaster's world and I've found some tips to get a more comfortable website for everyone. I've also found a general interest on the web about Search Engine Optimization (SEO) techs. You should know that if your webpage is in the results of the search engines (such as google, yahoo or bing) queries, it will have more opportunities to get visitors. I describe below the methods and tools used at the moment here:

  • The best way to introduce your website to everyone is to use the social networks. If you insert a link to your webpage into facebook or twitter, your website will be target of a larger amount of queries. You can also insert the link in the firm of your blog comments, forum posts or emails, but be careful, don't be spammer!
  • Edit CSS. A great design is a great key to keep users. The CSS of the blog are now under construction, but you can see some android style details (remember, the droid is under license), they are hiddenly saying that this blog is about android without any word.
  • I've registered the blog into Weblogs, a blog directory that shows feeds realtime. This is very useful to link you and to be target of related searches. Although every SEO has an own way to calculate the crawl your page, they often looks at the webpages that link you.
  • The SEOs will find you if your rank is high (ok, I know, it's obvious, but keep it in mind). This is the really tough task to do. In the Pagerank site you'll find tips to get a better pagerank.
  • There are some websites dedicated to get links, visitors and advertise you. I've used the spanish site tutop, that ranks the best registered websites.
  • Bit.ly is an interesting website, it has analytics features, QR Code, short linking and URL customize if you register. You can enter your website URL and get a shorter link, like this: http://bit.ly/dOpjGU. This link gets you into the bit page, get stats and redirects you to the wanted website. You can see the Bit stats by adding a "+" to the short URL, like this: http://bit.ly/dOpjGU+ or see the QR Code by adding .qrcode to the URL, just like this:  http://bit.ly/dOpjGU.qrcode.
  • Google feedburner allows you to analyze, optimize and manage your feeds. Feedburner also interacts perfectly with blogger. It also gives you an feeds buttons like RSS, google and more.
  • Alexa is a website that gives you traffic metrics, search analytics, demographics, and more for websites. You should register your website to be tracked (and of course, get linked).
  • Technorati is another big web directory that saves blogs by categories and ranks them. You should absolutely register here.
  • I think that Google analytics needs no presentation, it's a very useful site to keep track of your visits, keywords, geographic zones. Here you can find some tips to add google analytics to your blogger page.
  • To allow your visitors to bookmark and share your site in an easy and fast way, exists add this. You maybe think that there is no reason to add you, but it's useful. You can give customized buttons to share and bookmarks, such as facebook, buzz, email, twitter and more.
I hope that this tips can help you. If you know another tips to have a greater and comfortable site, please, share it here. I'll be some posts like this when I improve our blogging methods.

Continue reading »