Installing AddThis to your blog on Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEfFrVZFEnF0jnMAOB6HxCFkzR8uUiu4Wl_w3rlBm101ywVQOPh2aE0HvfXm98vyCqnqvD2X70soSnPpq8sMZ9q_KEWwasz8ASVWY95giHmQD27WJ52HKoJLCvJPKEkIVjuhzqd-N2wsc/s1600/addThisLogo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEfFrVZFEnF0jnMAOB6HxCFkzR8uUiu4Wl_w3rlBm101ywVQOPh2aE0HvfXm98vyCqnqvD2X70soSnPpq8sMZ9q_KEWwasz8ASVWY95giHmQD27WJ52HKoJLCvJPKEkIVjuhzqd-N2wsc/s1600/addThisLogo.png" width="400" /></a></div><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><br /></span></div><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">Installing AddThis to your blog on Blogger is easy. This visual guide will walk you through the installation process. First be sure to <a href="http://www.addthis.com/web-button-select" style="color: #1798eb; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Get AddThis</a> for Blogger, then follow the steps below.</span></div><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><br /></div><h4 style="color: #333333; line-height: 20.796875px; margin: 0px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">In Sidebar</span></h4><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">If you'd like to place the button in your blog's sidebar, follow these instructions. Installing this button will automatically position the button in your sidebar (typically in the top right hand corner of your page). By installing it once, it will appear on all your pages.</span></div><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><br /></div><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><strong style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">Step 1</span></strong></div><h6 style="color: #333333; line-height: 20.796875px; margin: 0px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif; font-size: small;"> </span></h6><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">Click the <strong style="margin: 0px; padding: 0px;">Install to Sidebar</strong> button on AddThis.</span></div><div style="color: #333333; line-height: 20.796875px; padding: 0px; text-align: center;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><img alt="image" border="0" height="155" src="http://lh6.ggpht.com/-PFhnZpFMXxM/TyTbZLQdVXI/AAAAAAAADE4/KUboipMXuak/image_thumb4.png?imgmax=800" style="background-image: none; border: 0px solid rgb(221, 221, 221); display: inline; margin: 0px; padding: 0px 0px 5px;" title="image" width="282" /></span></div><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><br /></div><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><strong style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">Step 2</span></strong></div><h6 style="color: #333333; line-height: 20.796875px; margin: 0px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif; font-size: small;"> </span></h6><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">Click <strong style="margin: 0px; padding: 0px;">Add Widget</strong>, and you're done!</span></div><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><br /></div><div style="color: #333333; line-height: 20.796875px; padding: 0px; text-align: center;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><img alt="image" border="0" height="167" src="http://lh6.ggpht.com/-6J_wzEoxf2o/TyTbs8C-aTI/AAAAAAAADFI/g1RS-8e0H4E/image_thumb6.png?imgmax=800" style="background-image: none; border: 0px solid rgb(221, 221, 221); display: inline; margin: 0px; padding: 0px 0px 5px;" title="image" width="280" /></span></div><h4 style="color: #333333; line-height: 20.796875px; margin: 0px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">In Blog Post</span></h4><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">If you'd like to place the button below each one of your posts, follow these instructions. Installing this button will automatically put the button below each individual blog. This is the most popular implementation of the button for Blogger</span></div><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><br /></div><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><strong style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">Step 1</span></strong></div><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">Log into Blogger and select the blog you want to add AddThis to. Select Design >> Edit HTML. These controls look like tabs, and they're located at the top of the page.</span></div><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><br style="margin: 0px; padding: 0px;" /><strong style="margin: 0px; padding: 0px;">Step 2</strong></span></div><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">Check the Expand Widget Templates checkbox. This checkbox is located in the top right corner of the page, above the code. By clicking the checkbox, the code in the field below will refresh.</span></div><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><br style="margin: 0px; padding: 0px;" /><strong style="margin: 0px; padding: 0px;">Step 3</strong></span></div><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">Copy and paste the AddThis code snippet into the template, right after the <strong style="margin: 0px; padding: 0px;"><span style="color: #004000; margin: 0px; padding: 0px;"><div class='post-footer'></span></strong> tag.</span></div><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">Note: If you have trouble finding this DIV, try copying and pasting the blogger code into a text file editing program and do a search for <strong style="margin: 0px; padding: 0px;"><span style="color: #004000; margin: 0px; padding: 0px;">'post-footer'</span></strong>. Once you located it, copy and paste the AddThis button code below the DIV. Then copy the entire text file and replace the code on blogger.</span></div><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><br style="margin: 0px; padding: 0px;" /><strong style="margin: 0px; padding: 0px;">Step 4</strong></span></div><div style="color: #333333; line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">Click Save Template, and you're done! A new page will load along with a confirmation at the top of the page should appear that reads, "Your changes have been saved. View blog." Click View Blog to preview your blog with the new AddThis button. The button should appear beneath each blog post.</span></div></div>

Installing AddThis to your blog on Blogger

Installing AddThis to your blog on Blogger is easy. This visual guide will walk you through the installation process. First be sure to  Get ...

Read more »

Top Blog, Website Tracking and Analytics Tools

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT0rssAuOl1nTzzy1qS_5J-9A6IO4Zsr5uMYtWEd71T9RefYgks8lcJnIE1gBxzY_4hzJ7xgTOb3Ag455bj6vVsUrv_KCrhMAU5WzO4zd3qQpuAjfSL3oEzujzygFe45ydWFEsPb42E2I/s1600/ecommerce.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="background-color: white; color: black; font-family: Trebuchet MS, sans-serif;"><img border="0" height="277" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT0rssAuOl1nTzzy1qS_5J-9A6IO4Zsr5uMYtWEd71T9RefYgks8lcJnIE1gBxzY_4hzJ7xgTOb3Ag455bj6vVsUrv_KCrhMAU5WzO4zd3qQpuAjfSL3oEzujzygFe45ydWFEsPb42E2I/s1600/ecommerce.png" width="400" /></span></a></div><div align="justify" style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">If you have a blog or website and want to track aboutyour blog’s traffic and statistics so you can see how things are progressing compared to your expectations. Based on what you find buried in your stats, you can take steps to guide your statistics (traffic) in the right direction. Here are some popular tools to track your blog’s traffic and statistics. Most of these trackers require you to place code in your blog or website file where it sees the code with every page refresh. Typically, right before the HTML tag.</span></div><div align="justify" style="line-height: 20.796875px; padding: 0px;"><br /></div><h2 align="justify" style="border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; line-height: 20.796875px; margin: 0px 0px 10px; padding: 5px 0px; text-shadow: rgb(255, 255, 255) 1px 1px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif; font-size: small;">Alexa</span></h2><div align="justify" style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">The Global Leader in Analytics <br style="margin: 0px; padding: 0px;" /><a href="http://www.alexa.com/" style="margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Alexa</a> is the leading provider of free, global web metrics. Search Alexa to discover the most successful sites on the web by keyword, category, or country. Use our analytics for competitive analysis, benchmarking, market research, or business development. Use Alexa's Pro tools to optimize your company's presence on the web.</span></div><div align="justify" style="line-height: 20.796875px; padding: 0px;"><br /></div><div align="justify" style="line-height: 20.796875px; padding: 0px;"><br /></div><h2 align="justify" style="border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; line-height: 20.796875px; margin: 0px 0px 10px; padding: 5px 0px; text-shadow: rgb(255, 255, 255) 1px 1px;"><strong style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif; font-size: small;">Google Analytics</span></strong></h2><div align="justify" style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><strong style="margin: 0px; padding: 0px;"></strong><a href="http://www.google.com/analytics" style="margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Google Analytics</a> shows you how people found your site, how they explored it, and how you can enhance their visitor experience. With this information, you can improve your website return on investment, increase conversions, and make more money on the web. This guide can help you familiarize yourself with the main features of Google Analytics. To start using Analytics, <a href="http://www.google.com/analytics" style="margin: 0px; padding: 0px; text-decoration: none;" target="_blank">sign in</a> with your Google Account.</span></div><div align="justify" style="line-height: 20.796875px; padding: 0px;"><br /></div><h2 align="justify" style="border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; line-height: 20.796875px; margin: 0px 0px 10px; padding: 5px 0px; text-shadow: rgb(255, 255, 255) 1px 1px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif; font-size: small;">FeedBurner</span></h2><div align="justify" style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><a href="http://feedburner.google.com/" style="margin: 0px; padding: 0px; text-decoration: none;" target="_blank">FeedBurner</a> is a web feed management provider launched in 2004.[1] FeedBurner was founded by Dick Costolo, Eric Lunt, Steve Olechowski, and Matt Shobe. Costolo, a University of Michigan graduate, became CEO of Twitter in 2010. FeedBurner provides custom RSS feeds and management tools to bloggers, podcasters, and other web-based content publishers.</span></div><div align="justify" style="line-height: 20.796875px; padding: 0px;"><br /></div><div align="justify" style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><strong style="margin: 0px; padding: 0px;">Services provided</strong> to publishers include traffic analysis and an optional advertising system. Though it initially was not clear whether advertising would be well-suited to the RSS format, authors now choose to include advertising in two-thirds of FeedBurner's feeds.Users can find out how many people have subscribed to their feeds and with what service/program they subscribed only. <br style="margin: 0px; padding: 0px;" />Published feeds are modified in several ways, including automatic links to Digg and del.icio.us, and "splicing" information from multiple feeds.FeedBurner is a typical Web 2.0 service, providing web service application programming interfaces (APIs) to allow other software to interact with it. As of October 5, 2007, FeedBurner hosted over a million feeds for 584,832 publishers, including 142,534 podcast and videocast feeds.</span></div><div align="justify" style="line-height: 20.796875px; padding: 0px;"><br /></div><h2 align="justify" style="border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; line-height: 20.796875px; margin: 0px 0px 10px; padding: 5px 0px; text-shadow: rgb(255, 255, 255) 1px 1px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif; font-size: small;">Histats</span></h2><div align="justify" style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><a href="http://www.histats.com/" style="margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Histats</a> Get your statistics in monthly, daily, or even hourly format with this tool. You’ll get stats for every page, a click counter service, visitor path tracking, and more.</span></div><div align="justify" style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><strong style="margin: 0px; padding: 0px;">Features:</strong> LOG features: IP tags, IP tracking, visitors path , maximum detail on each single event on the site, advanced segmentation ( IP, COUNTRY, CITY, REFERER, SEARCH ENGINE KEYWORD , ENTRY PAGE, VISITED PAGE, BOUNCED VISITORS, VISITORS HARDWARE, LANGUAGE, ... ), segmentation filters can also be saved and loaded</span></div><div align="justify" style="line-height: 20.796875px; padding: 0px;"><br /></div><h2 align="justify" style="border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; line-height: 20.796875px; margin: 0px 0px 10px; padding: 5px 0px; text-shadow: rgb(255, 255, 255) 1px 1px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif; font-size: small;">HitTail</span></h2><div align="justify" style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><a href="http://www.hittail.com/" style="margin: 0px; padding: 0px; text-decoration: none;" target="_blank">HitTail</a> is a site that tracks the keywords people use in search engines that refer visitors to your site. It keeps track of those keywords and shows them in a list that is ordered from most popular keywords used, to the long tail keywords.</span></div><div align="justify" style="line-height: 20.796875px; padding: 0px;"><br /></div><h2 align="justify" style="border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; line-height: 20.796875px; margin: 0px 0px 10px; padding: 5px 0px; text-shadow: rgb(255, 255, 255) 1px 1px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif; font-size: small;">Crazy Eggs</span></h2><div align="justify" style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">The Astonishing Power of Eye Tracking Technology Without the High Costs <a href="http://www.crazyegg.com/" style="margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Crazy Eggs</a> provides a Heat map</span></div><div align="justify" style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">A Heatmap is an easy way to understand what users do on your site. It's a visual representation showing you where users click and what they do.</span></div><div align="justify" style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">Heatmap reports let you see what's hot and what's not so you can make changes that increase conversion <br style="margin: 0px; padding: 0px;" />Even tools like Google Analytics can't provide you this information (read below to see why) <br style="margin: 0px; padding: 0px;" />You will see your first results within a couple of hours even if you have low traffic</span></div><div align="justify" style="line-height: 20.796875px; padding: 0px;"><br /></div><h2 align="justify" style="border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; line-height: 20.796875px; margin: 0px 0px 10px; padding: 5px 0px; text-shadow: rgb(255, 255, 255) 1px 1px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif; font-size: small;">StatCounte</span></h2><div align="justify" style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><a href="http://statcounter.com/" style="margin: 0px; padding: 0px; text-decoration: none;" target="_blank">StatCounter</a> is aVisitor Analysis for Your Website <br style="margin: 0px; padding: 0px;" />StatCounter's mission is to help their members easily understand their visitors, so they can make good decisions to become more successful online. <br style="margin: 0px; padding: 0px;" /><strong style="margin: 0px; padding: 0px;">Features:</strong></span></div><ul style="line-height: 20.796875px; margin: 0px; padding: 0px 0px 0px 30px;"><li style="margin: 0px; padding: 0px;"><div align="justify" style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">Use StatCounter to monitor actual human activity in real-time</span></div></li><li style="margin: 0px; padding: 0px;"><div align="justify" style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">StatCounter can be used 100% free of charge - no credit card required</span></div></li><li style="margin: 0px; padding: 0px;"><div align="justify" style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">Straightforward install process - add a few lines of code to your site</span></div></li></ul><div align="justify" style="line-height: 20.796875px; padding: 0px;"><br /></div><h2 align="justify" style="border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; line-height: 20.796875px; margin: 0px 0px 10px; padding: 5px 0px; text-shadow: rgb(255, 255, 255) 1px 1px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif; font-size: small;">Woopra</span></h2><div align="justify" style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">If we compare Google Analytics’ with Woopra then Google Analytics inaccurate reporting is the service’s use of sampling, which means using a subset of data. Google Analytics often uses sampling for both collecting data and generating reports based on your data. That means that Google Analytics may only be collecting data on <em style="margin: 0px; padding: 0px;">some</em> of your visitors and/or only using a <em style="margin: 0px; padding: 0px;">portion</em> of that collected data when generating your reports.</span></div><div align="justify" style="line-height: 20.796875px; padding: 0px;"><br /></div><div align="justify" style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">Some <a href="http://www.woopra.com/" style="margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Woopra</a> users see a discrepancy between their stats on Woopra and on Google Analytics. The primary reason for this discrepancy is each service’s reporting method. Woopra’s data is always more accurate than that of Google Analytics.</span></div><div align="justify" style="line-height: 20.796875px; padding: 0px;"><br /></div><div align="justify" style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">Woopra never uses any kind of sampling. Since we report at the individual level, rather than simply aggregating, we always collect your full set of data. Woopra’s reports are based on this full set of data and are generated instantly. Google Analytics’ reports, which are often based on only portions of your data, take up to 24 hours to generate.</span></div><br /></div>

Top Blog, Website Tracking and Analytics Tools

If you have a blog or website and want to track aboutyour blog’s traffic and statistics so you can see how things are progressing compared t...

Read more »

Recent Posts By Label Code For Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkZzQdxgu7ZnAOFi1eAU3C-_syeQKClk9Ep-phQ9GBZteA2co4R-d86gSW7_4Q-eDGIJG_I5PyOWFCVvccuWQt5rRXWCAOOO6b8CdyrvqsK4uDGa9Z8uRFE1fZjoePx0C7oUaNIQ29G9E/s1600/image%5B15%5D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkZzQdxgu7ZnAOFi1eAU3C-_syeQKClk9Ep-phQ9GBZteA2co4R-d86gSW7_4Q-eDGIJG_I5PyOWFCVvccuWQt5rRXWCAOOO6b8CdyrvqsK4uDGa9Z8uRFE1fZjoePx0C7oUaNIQ29G9E/s1600/image%5B15%5D.png" width="640" /></a></div><div style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><strong style="margin: 0px; padding: 0px;"><br /></strong></span></div><div style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><strong style="margin: 0px; padding: 0px;">Step 1: </strong>In your Blogger Dashboard click > <strong style="margin: 0px; padding: 0px;">Template </strong>as shown in below image.</span></div><div style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><strong style="margin: 0px; padding: 0px;"></strong></span></div><div style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">In your Blogger Dashboard click > <strong style="margin: 0px; padding: 0px;">Design </strong>> <strong style="margin: 0px; padding: 0px;">Edit Html</strong> check <strong style="margin: 0px; padding: 0px;">Expand</strong></span></div><div style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><strong style="margin: 0px; padding: 0px;"></strong></span></div><div style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><strong style="margin: 0px; padding: 0px;">Step 2: </strong>Find the following piece of code in your blogs Html : (Click + F for a search bar to help find the code</span></div><blockquote style="border: 1px dotted rgb(238, 238, 238); font-style: italic; line-height: 1.3em; margin: 1em 20px; padding: 5px;"><div style="margin-bottom: 0.75em; margin-top: 0.75em; padding: 0px;"><span style="font-family: Trebuchet MS, sans-serif; margin: 0px; padding: 0px;"><strong style="background-color: white; margin: 0px; padding: 0px;">]]></b:skin></strong></span></div></blockquote><div style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><b style="margin: 0px; padding: 0px;">Step 3.</b> Copy and paste the following code Directly Above</span></div><blockquote style="border: 1px dotted rgb(238, 238, 238); font-style: italic; line-height: 1.3em; margin: 1em 20px; padding: 5px;"><div style="margin-bottom: 0.75em; margin-top: 0.75em; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">/*** Recent Labels Gadget Css ***/ <br style="margin: 0px; padding: 0px;" />img.label_thumb{ <br style="margin: 0px; padding: 0px;" />float:left; <br style="margin: 0px; padding: 0px;" />padding:5px; <br style="margin: 0px; padding: 0px;" />border:1px solid #8f8f8f; <br style="margin: 0px; padding: 0px;" />background:#D2D0D0; <br style="margin: 0px; padding: 0px;" />margin-right:10px; <br style="margin: 0px; padding: 0px;" />height:55px; <br style="margin: 0px; padding: 0px;" />width:55px; <br style="margin: 0px; padding: 0px;" />} <br style="margin: 0px; padding: 0px;" />img.label_thumb:hover{ <br style="margin: 0px; padding: 0px;" />background:#f7f6f6; <br style="margin: 0px; padding: 0px;" />} <br style="margin: 0px; padding: 0px;" />.label_with_thumbs { <br style="margin: 0px; padding: 0px;" />float: left; <br style="margin: 0px; padding: 0px;" />width: 100%; <br style="margin: 0px; padding: 0px;" />min-height: 70px; <br style="margin: 0px; padding: 0px;" />margin: 0px 10px 2px 0px; <br style="margin: 0px; padding: 0px;" />adding: 0; <br style="margin: 0px; padding: 0px;" />} <br style="margin: 0px; padding: 0px;" />ul.label_with_thumbs li { <br style="margin: 0px; padding: 0px;" />padding:8px 0; <br style="margin: 0px; padding: 0px;" />min-height:65px; <br style="margin: 0px; padding: 0px;" />margin-bottom:10px; <br style="margin: 0px; padding: 0px;" />} <br style="margin: 0px; padding: 0px;" />.label_with_thumbs a {} <br style="margin: 0px; padding: 0px;" />.label_with_thumbs strong {}</span></div></blockquote><div style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><b style="margin: 0px; padding: 0px;">Step 4.</b> Find the following piece of code in your blogs Html : (Click + F for a search bar to help find the code</span></div><blockquote style="border: 1px dotted rgb(238, 238, 238); font-style: italic; line-height: 1.3em; margin: 1em 20px; padding: 5px;"><span style="font-family: Trebuchet MS, sans-serif; margin: 0px; padding: 0px;"><strong style="background-color: white; margin: 0px; padding: 0px;"></head></strong></span></blockquote><div style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><br style="margin: 0px; padding: 0px;" /><strong style="margin: 0px; padding: 0px;">Step 5.</strong> Copy and paste the following code Directly Above <strong style="margin: 0px; padding: 0px;"></head></strong></span></div><div style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><strong style="margin: 0px; padding: 0px;"></strong></span></div><blockquote style="border: 1px dotted rgb(238, 238, 238); font-style: italic; line-height: 1.3em; margin: 1em 20px; padding: 5px;"><div style="margin-bottom: 0.75em; margin-top: 0.75em; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><script type='text/javascript'> <br style="margin: 0px; padding: 0px;" />//<![CDATA[ <br style="margin: 0px; padding: 0px;" />function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;} <br style="margin: 0px; padding: 0px;" />if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error) <br style="margin: 0px; padding: 0px;" />{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghT5uVO9HOIuIwaZ-CBVF-Sj-pdM1GKr9KAetp3geq-vyeKYzyWmBbd6bGn63yJOaSzMUzwAWVffoR4DpjYa5K1JRqEee3C_hUlNareNoDCAtCu59giwqHw-tU6-J6xbHOetBtobQ24RNE/';} <br style="margin: 0px; padding: 0px;" />var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true) <br style="margin: 0px; padding: 0px;" />document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;} <br style="margin: 0px; padding: 0px;" />else <br style="margin: 0px; padding: 0px;" />if("summary"in entry){var postcontent=entry.summary.$t;} <br style="margin: 0px; padding: 0px;" />else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');} <br style="margin: 0px; padding: 0px;" />else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}} <br style="margin: 0px; padding: 0px;" />var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;} <br style="margin: 0px; padding: 0px;" />if(showcommentnum==true) <br style="margin: 0px; padding: 0px;" />{if(flag==1){towrite=towrite+' | ';} <br style="margin: 0px; padding: 0px;" />if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;} <br style="margin: 0px; padding: 0px;" />if(displaymore==true) <br style="margin: 0px; padding: 0px;" />{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;} <br style="margin: 0px; padding: 0px;" />document.write(towrite);document.write('</li>');if(displayseparator==true) <br style="margin: 0px; padding: 0px;" />if(i!=(numposts-1)) <br style="margin: 0px; padding: 0px;" />document.write('');}document.write('</ul>');} <br style="margin: 0px; padding: 0px;" />//]]> <br style="margin: 0px; padding: 0px;" /></script></span></div></blockquote><div style="line-height: 20.796875px; padding: 0px;"><br /></div><div style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><b style="margin: 0px; padding: 0px;">Step 6.</b> Save your template, we have added the Css to style the gadget and the script to make the gadget work.Now we just have to add the gadget code to your sidebar in a Html/Javascript gadget.</span></div><div style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">Step 7.</b> Click back to your Design Page > <strong style="margin: 0px; padding: 0px;">Click Add A Gadget</strong> > <strong style="margin: 0px; padding: 0px;">Choose Html/Javascript</strong> from the pop up menu :</span></div><div style="line-height: 20.796875px; padding: 0px;"><br /></div><div style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><b style="margin: 0px; padding: 0px;">Step 8.</b> Copy and paste the code below into the Html/Javascript gadget.</span></div><blockquote style="border: 1px dotted rgb(238, 238, 238); font-style: italic; line-height: 1.3em; margin: 1em 20px; padding: 5px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script> <br style="margin: 0px; padding: 0px;" /><script type="text/javascript" src="/feeds/posts/default/-/<b style="margin: 0px; padding: 0px;"><span style="margin: 0px; padding: 0px;">LABEL</span></b>?orderby=updated&alt=json-in-script&callback=labelthumbs"></script></span></blockquote><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><br style="line-height: 20.796875px; margin: 0px; padding: 0px;" /><b style="line-height: 20.796875px; margin: 0px; padding: 0px;">NOTE -</b><span style="line-height: 20.796875px;"> You must add the name of the label you want to to the above code. Replace LABEL in green (bod) with your label name.</span></span><br /><div style="line-height: 20.796875px; padding: 0px;"><br /></div><div style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">If your label have the combination of two words then add <strong style="margin: 0px; padding: 0px;">%20</strong> between the label.</span></div><div style="line-height: 20.796875px; padding: 0px;"><br /></div><div style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">Example: If you label name is<strong style="margin: 0px; padding: 0px;"> Computer Tricks</strong> then  in the you have to write</span></div><div style="line-height: 20.796875px; padding: 0px;"><strong style="margin: 0px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">Computer%20Tricks</span></strong></div><div style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;"><strong style="margin: 0px; padding: 0px;"></strong></span></div><div style="line-height: 20.796875px; padding: 0px;"><span style="background-color: white; font-family: Trebuchet MS, sans-serif;">Save and you are done. Best of luck for your blog.</span></div></div>

Recent Posts By Label Code For Blogger

Step 1:  In your Blogger Dashboard click >  Template  as shown in below image. In your Blogger Dashboard click >  Design  >  Edit H...

Read more »