Mash Tricks

Webtime clock: Web-based ClockIn Portal!!!!

<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<a href="http://www.clockinportal.com/wp-content/themes/BasicTheme/images/examples/android.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="224" src="http://www.clockinportal.com/wp-content/themes/BasicTheme/images/examples/android.png" width="320" /></a>Time clocks have been in existence since 1888 when Willard Bundy 
invented the very first time clock, and they've developed in to the 
biometric time clocks you'll find today. With more than a century the 
"time clock" as you may know it's were built with a couple of different 
names for example clock card machines, punch clocks, time recorders, 
swipe clocks, badge clocks as well as the current day biometric time 
clock. The primary purpose happens to be to trace employee's time within
 the place of work no matter exactly what the time clock was known as. 
For more information on <a href="http://www.clockinportal.com/pricing-sign-up/">webtime clock</a>, visit our website.<br />
<br />
<br />
<br />
The current day labor force has not transformed much with efficiency 
of employee's time on every owner and managers mind. Fortunately, the 
way you track employee's time has transformed. With modern computer 
systems entering the labor force, we've utilized their technology to 
trace every facet of the labor force including job costing and may set 
of the detailed introduction to cost information. These time and 
attendance software solutions are actually primary stream, along with 
the economy within the turmoil, it's no surprise that each company is 
not utilizing a modern time clock software solution.<br />
A lot of companies with hourly workers are still utilizing an old 
fashioned punch clock that might have been based in the 1970's to trace 
the employee's time. With this particular limited understanding of the 
employees time and options of buddy punching existing information mill 
needing to find a different way to make their labor force more effective
 or let a few of their employees go. If companies can evolve in to the 
information age and employ a time and attendance software system to 
trace their employee's time, they is now able to more effective using 
their employee's time and labor cost to obtain the roi they might 
require.<br />
With technology, additional features will also be incorporated. The 
idea of "Punch to Salary" has become more prevalent. Many labor hours 
are spent accumulated the time cards, calculating overtime, after which 
processing them for payroll. This sequence has become much simpler 
having a time clock software system. Although the same, the software is 
going to do all of the pay policy information which were once done 
manually, getting rid of labor hours to include the time cards totals 
and eliminate human error. Labor force arranging, leave request, 
employee time cards reviews, and job costing are the other wonderful 
benefits of those labor force management solutions.<br />
Time clocks were produced to trace employee's time. This really is 
something which has ongoing onto today and can for years to come. The 
way we get it done might have transformed, but as you can tell this is 
because still exactly the same. A lot of companies have found themselves
 financially harming and searching for an answer. Though their current 
solution may go, they might need to request themselves, "just how can 
the labor force become more efficient, and just what would which means 
that towards the bottom dollar?" Inside a busy world, one equation has 
not transformed: time equals money. For more information on <a href="http://www.clockinportal.com/">web time clock</a>, visit us today!<br />
<br />

Webtime clock: Web-based ClockIn Portal!!!!

Time clocks have been in existence since 1888 when Willard Bundy invented the very first time clock, and they've developed in to the biometric time clocks you'll find today. With more than a century the "time clock" as you may know it's were built with a couple of different names for example cl…

19Jul2014

what is a live scan Fingerprinting?

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBeJGQoD1FbvmzxkvomS2g1CcpO_CD0Q3wYSMRdQRiwVlL4nBrKgkwb8zRacAjbLp7DpYR3H6lTWTrv7HbXILPnC09vGxfQf7CkSnFCiceYQJ9VxdBvgcLhCC7qVWC_AwVxLQ-Nd8JuCk/s1600/img1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBeJGQoD1FbvmzxkvomS2g1CcpO_CD0Q3wYSMRdQRiwVlL4nBrKgkwb8zRacAjbLp7DpYR3H6lTWTrv7HbXILPnC09vGxfQf7CkSnFCiceYQJ9VxdBvgcLhCC7qVWC_AwVxLQ-Nd8JuCk/s1600/img1.jpg" /></a></div>
Nowadays, it is extremely common to need to get fingerprinted. It is 
not something you need to do, it is not an important requirement to get 
fingerprinted. However, in a lot of every-day life, it will likely 
become a requirement eventually. If you are wondering <a href="http://www.certifixlivescan.com/frequently-asked-questions/what-is-live-scan-fingerprinting">what is a live scan</a>, visit our blog for more information.<br />
Why, particularly? Well, the entire cause of getting fingerprinted is
 within determining that you don't possess a criminal record, and if you
 do, what's on it. The whole system of fingerprinting makes being from 
the truth that all people who've been billed or charged of the crime 
underneath the US Criminal Code is going to be fingerprinted, and all 
sorts of fingerprints are posted into several Identification Services.<br />
For individuals who're wondering why it's fingerprints which are 
collected and not simply photographs or something like that else, it's 
simpler to alter a person's outer appearance than to alter fingerprints.
 Every single individual is built with a unique group of fingerprints 
that nobody else on the planet has. So while you can change their head 
of hair colour, put on coloured contacts, or visit extremes of having 
plastic surgery completed to alter looks, fingerprints will forever 
function as the same. Therefore if someone have been fingerprinted about
 ten years ago for any crime (and is not pardoned or had their record 
suspended), that group of prints from 10 years ago will still match 
their fingerprints today.<br />
To the issue of why it might be a typical procedure to become 
fingerprinted, specifically for individuals ordinary people who know 
they're of excellent standing and discover it absurd that anything 
including a criminal record might have anything related to them. The 
very first problem is the fact that, in the end might know we are good 
people, not everybody else does.<br />
And who's this 'everyone else' who must know? Among the first duties 
associated with a individual could be in getting employment. Nowadays 
most companies do background inspections on individuals who make an 
application for job positions. Edge in the game to make sure that 
they're employing reliable and competent people who'd not take their 
company in danger. Additionally they consider people who'd cost them 
more in insurance. People that do possess a criminal record are usually 
individuals who aren't 'bondable', which ensures they are not insurable.<br />
Apart from companies, places of your practice also conduct background
 inspections, specifically for individuals people who're getting into 
specific fields. Edge in the game for several reasons, most of them what
 are same for employment, but majorly base on the concept that 
individuals who've criminal history aren't likely candidates for that 
type of people you might want being employed as a nurse or teacher.<br />
You will find many other methods where <a href="http://www.certifixlivescan.com/">live scan</a>
 and fingerprints are needed for the similar reasons: adoptions, 
immigrations, citizenship. If you have never been fingerprinted for 
criminal reasons, you've got nothing to bother with.

what is a live scan Fingerprinting?

Nowadays, it is extremely common to need to get fingerprinted. It is not something you need to do, it is not an important requirement to get fingerprinted. However, in a lot of every-day life, it will likely become a requirement eventually. If you are wondering what is a live scan, visit our blo…

19Jul2014

Listen online free Mp3 Music and Lyrics + Download from VAL.FM !!!

<span style="color: #45818e;"><b>Hello friends,</b></span><br />
<span style="color: #45818e;"><b>How are you? Are you feeling sad today? Refresh your mode with listening online free Mp3 Musics!!! And you can also download free songs, lyrics. Today I like to share a new interesting music website for you. I thing all regular visitors will like it so much.  This is the largest portal with your favorite music. So, let's visit and enjoy unlimited songs and lyrics!!! :) </b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAzLvNjMkHilnnU7rScveIVZk1SaQ_xIVpwubJdJstQGKuGOoB2GyZhbaG8x-TPqCo68yKZrHcAfheyVrmq2OeDHLLCXRTK9YafHB4kR5Po4XYbt02gHRzh94HCihlSn17EaSr53wdTR0/s1600/fhgh.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAzLvNjMkHilnnU7rScveIVZk1SaQ_xIVpwubJdJstQGKuGOoB2GyZhbaG8x-TPqCo68yKZrHcAfheyVrmq2OeDHLLCXRTK9YafHB4kR5Po4XYbt02gHRzh94HCihlSn17EaSr53wdTR0/s1600/fhgh.png" /></a></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD2ZtU2bvunRl_BRpifcJtK7fcDjsNNZibpup94i4NAaXplLfh29J52GrXd6psleO65z3AMdBb-TF1Xy71O3OGPYOHm0HZSdnD2PtfGr3bqMh_ZsOwVYcRSaZKV9VbBQbQUDWA5ZqZlWc/s1600/3befa_VAL.fm.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD2ZtU2bvunRl_BRpifcJtK7fcDjsNNZibpup94i4NAaXplLfh29J52GrXd6psleO65z3AMdBb-TF1Xy71O3OGPYOHm0HZSdnD2PtfGr3bqMh_ZsOwVYcRSaZKV9VbBQbQUDWA5ZqZlWc/s1600/3befa_VAL.fm.jpg" /></a><span style="color: #45818e;"><u><b><span style="font-size: x-large;"><span style="font-family: "Trebuchet MS",sans-serif;">About val.fm </span></span></b></u></span><br />
 <br />
<div class="text-justify">
<span style="color: #134f5c;"><strong>Song lovers find and search songs in many websites, but now there is no 
need to search dozens of sites to find the right song.Val.fm  provide 
service which allows you to listen to mp3 online in 
excellent quality and totally free. It's editorial team collected big 
music archive which contains all the most popular bands and artists. Now
 you can download mp3 in any amount,  create playlists,
 Share your favorite songs with your friends. Have a fun at home, on the
 way to work, on a picnic or just outside the city on the street with 
friends.Use convenient and quick music search by song title or artist. Create 
playlists for your taste. Also you can subscribe to artist's or band's 
page to receive new songs from your favorite music band. Over all, you can listen online music and download your </strong></span><span style="color: #134f5c;"><strong><span data-dobid="hdw">favourite Music..... Thanks to all!!! :) </span>   </strong></span></div>
<div class="text-justify">
<br /></div>
<h2 class="text-justify" style="text-align: center;">
<span style="color: red;"><b> </b></span></h2>
<h2 class="text-justify" style="text-align: center;">
<span style="color: red;"><b> Listen online free Mp3 Music and Lyrics + Download Now!!! </b></span></h2>
<h2 class="text-justify" style="text-align: center;">
<span style="color: red;"><b> <a href="http://val.fm/"><span style="color: black;">http://val.fm</span></a></b></span></h2>
<h4 class="text-justify" style="text-align: center;">
<span style="color: red;"><b>[ Tablet/moblie version- <a href="http://val.fm/mobile"><span style="color: black;">http://val.fm/mobile</span></a> OR,  <a href="http://val.mobi/" target="_blank"><span style="color: black;">http://val.mobi</span></a><a href="https://www.blogger.com/null"> </a>]  </b></span></h4>
<div class="text-justify">
<br /></div>

Listen online free Mp3 Music and Lyrics + Download from VAL.FM !!!

Hello friends, How are you? Are you feeling sad today? Refresh your mode with listening online free Mp3 Musics!!! And you can also download free songs, lyrics. Today I like to share a new interesting music website for you. I thing all regular visitors will like it so much. This is the largest porta…

09Jul2014

Best Chess Game For Your Android: Chess Free !!! (Download Now- 9.2 MB)

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/gsXe9yFFuPr53cfdew8kJGbwKm5XQA15qPTXhDCVNyCzz0OP7mxQFcWYpKCin3lJfLQ=h900" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://3.bp.blogspot.com/gsXe9yFFuPr53cfdew8kJGbwKm5XQA15qPTXhDCVNyCzz0OP7mxQFcWYpKCin3lJfLQ=h900" width="223" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b> Hello Friends! Today I will give you a best chess game for your android. <span class="silver-panel">Chess for Android is very popular and 
thousands of gamers around the world would be glad to get it without any
 payments. And we can help you! To download the game for free! Yes! friends! It's a free download game.  </span>Everybdy know that, Chess Free provides a rich and challenging experience of this classic 
board game, all within the confines of your Android smart-phone. I think! Evrybody will likes this game very much!! :) </b></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: red;"><b>About Chess Free:</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: red;"><b> </b></span><span style="color: #b45f06;">Chess Free is one of the best Chess games on Android. </span></div>
<br />
<br />
<div class="id-app-orig-desc">
<span style="color: #b45f06;">Chess Free Provides a challenging experience or good chess game.</span> <br />
<br />
<span style="color: red;"><b>features: </b></span><br /><span style="color: #0b5394;">- 15 play levels (Novice-> Master) <br />You will be surprised if you will beat our algorithms on "Master" mode <br />- Shows "AI Thinking" <br />- Designed for both Tablet and Phone </span><br />
<span style="color: #0b5394;">Coming soon: </span><br />
<span style="color: #0b5394;">- "Two Players" mode <br />You can play against your friends on one tablet or through the internet on your own tablet or phone. <br />- Leaderboards <br />You can see list of your competitors <br />Available when logging in with your Google+ account </span><br />
<span style="color: #0b5394;">Play against your friends! </span><br />
<br />
<span style="color: #38761d;">*
 Note: Supported by unobtrusive Ads. Requested permissions are a 
requirement of the in-game ads only. The Paid version has no ads, and no
 permissions beyond Therefore writing to SD card. * </span><br />
<span style="color: #38761d;">Download Chess for Android now!</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/u1rHZdj1VSFqSwYHD-HnoT8GdpB1OG4EmKk5rfxBkfKd5cqIBRTUUHEzx1iC4FdgQlQ=h900" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://3.bp.blogspot.com/u1rHZdj1VSFqSwYHD-HnoT8GdpB1OG4EmKk5rfxBkfKd5cqIBRTUUHEzx1iC4FdgQlQ=h900" width="223" /></a></div>
<br />
<br />
<span style="color: red;"><b>App Information:</b></span><br />
<br />
<div class="meta-info">
 <div class="title">
<span style="color: #45818e;">Updated Date: 2 July 2014 </span></div>
<div class="title">
<span style="color: #45818e;"> </span></div>
<div class="title">
<div class="meta-info">
<span style="color: #45818e;"> </span><div class="title">
<span style="color: #45818e;">App Size: 9.2M </span></div>
<div class="title">
<span style="color: #45818e;"> </span></div>
<div class="title">
<div class="meta-info">
<span style="color: #45818e;"> </span><div class="title">
<span style="color: #45818e;">Installs in phone: 5,000 - 10,000 </span></div>
<div class="title">
<span style="color: #45818e;"> </span></div>
<div class="title">
<div class="meta-info">
<span style="color: #45818e;"> </span><div class="title">
<span style="color: #45818e;">Current Version: 1.07 </span></div>
<div class="title">
<span style="color: #45818e;"> </span></div>
<div class="title">
<div class="meta-info">
 <div class="title">
<span style="color: #45818e;">Requires Android: 2.3 and up    </span></div>
</div>
<span style="color: #45818e;"> </span></div>
<div class="title">
<span style="color: #45818e;">Rating: 4.8</span></div>
<div class="title">
<span style="color: #45818e;"> </span></div>
<div class="title">
 </div>
<div class="title">
 </div>
<div class="title">
 </div>
<div class="title" style="text-align: center;">
<h2>
<span style="color: red;">Download Now !!! (9.2 MB Only)</span></h2>
</div>
</div>
<div style="text-align: center;">
<h2>
<span style="color: red;"> <a href="https://play.google.com/store/apps/details?id=chess.free">https://play.google.com/store/apps/details?id=chess.free</a></span></h2>
</div>
</div>
</div>
 </div>
</div>
 </div>
</div>
<br />
<span style="color: #38761d;"><b>Enjoy it with your friends and don't forget to share it with your friends! Good Bye! :) </b></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br /></div>

Best Chess Game For Your Android: Chess Free !!! (Download Now- 9.2 MB)

Hello Friends! Today I will give you a best chess game for your android. Chess for Android is very popular and thousands of gamers around the world would be glad to get it without any payments. And we can help you! To download the game for free! Yes! friends! It's a free download game. Everyb…

05Jul2014

How to Add Yahoo Smileys on Blogger Threaded Comments?

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="akash" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img alt="Yahoo smileys for Blogger Threaded Comments" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgacEas36hqk1osLYkVcgheSlAAnGAEqEyahaqWimzwjKqPGoB1sy6shtf831N1OPuphl_5oBCWQzdvCAfJthDRFpVobJyUlxXzN0cARvAOwTXiS21g_ZQbiG8SsmpOKCeeSklvv0QOMW0/s1600/yahoo+smileys.jpg" title="Yahoo smileys for Blogger Threaded Comments" /></div>
<br />
I 'm going to say about how to add yahoo smileys to Blogger Threaded  comments. This is an awesome trick was scripted by an Indonesian Blogger  <a href="http://blog.kangismet.net/2012/01/menambahkan-yahoo-smiley-pada-threaded.html" rel="nofollow" target="_blank">Kang Ismet</a> and I think he did a very good job for us. This Blogger hack works with New Blogger Threaded commenting system.<br />
Follow the instructions Below..<br />
<br />
<br />
<a href="http://www.blogger.com/null" name="more"></a><br />
<br />
<br />
<br />
<br />
<div class="demo">
<blockquote class="tr_bq" style="text-align: left;">
<span style="color: magenta;"><span style="font-size: small;"><span style="font-family: "Courier New",Courier,monospace;">To see demo :</span></span></span><br />
<span style="font-size: small;"><span style="font-family: "Courier New",Courier,monospace;"><span style="color: red;"><span style="color: magenta;"> Go to Comments OR</span> <a href="http://www.mashtricks.tk/2013/09/how-to-add-yahoo-smileys-on-blogger.html#comments"><span style="color: yellow;">Click Here </span></a></span></span></span></blockquote>
<br />
What's inside this article?<br />
<div align="left">
How to Add yahoo smileys to Blogger Threaded comments in 3 steps..?</div>
<ul style="text-align: left;">
<li><b><span style="color: red;">Step 1: Add CSS code</span></b></li>
<b><span style="color: red;">
</span></b>
<li><b><span style="color: red;">Step 2: Add JavaScript Code</span></b></li>
<b><span style="color: red;">
</span></b>
<li><b><span style="color: red;">Step 3: Add HTML code</span></b></li>
</ul>
</div>
<ul style="text-align: left;">
<li>Go to <a href="http://www.blogger.com/" rel="nofollow" target="_blank">Blogger</a> Account</li>
<li>Go to <b>Template</b> -> <b>Edit HTML</b> [click <b style="color: #e06666;">Proceed</b>]</li>
</ul>
<br />
<blockquote class="tr_bq">
<h2 class="h2title" id="addcss" style="text-align: left;">
<span style="color: red;">Add CSS code</span></h2>
</blockquote>
<ul style="text-align: left;">
<li>Find <b>]]></b:skin></b>   [<span style="color: red;"><a href="http://www.blogger.com/null" target="_blank">easily find Ctrl + F</a></span>]</li>
</ul>
<blockquote class="tr_bq">
<div class="code">
img.bhacksmly {<br />
    height: auto !important;<br />
    vertical-align: middle !important;<br />
    width: auto !important;<br />
    border:0px !important;<br />
}</div>
</blockquote>
<br />
<blockquote class="tr_bq">
<h2 class="h2title" id="javascriptcode">
<span style="color: red;">Add Javascript code</span></h2>
</blockquote>
<ul style="text-align: left;">
<li>Find <b></body></b> and copy the below code just above it.</li>
</ul>
<blockquote class="tr_bq">
<div class="code">
<script src='https://netoopscodes.googlecode.com/svn/branches/Js  files/ysmiley threaded comments-min.js' type='text/javascript'/></div>
</blockquote>
<ul style="text-align: left;">
<li>  Save the template <div style="background: -moz-linear-gradient(center top , #FDA352, #FB8F3D) repeat scroll 0 0 transparent; border-radius: 3px; color: white; float: left; padding: 2px 5px;">
Save Template</div>
</li>
</ul>
<blockquote class="tr_bq">
<h2 class="h2title" id="htmlcode">
<span style="color: red;">Add HTML code</span></h2>
</blockquote>
<ul style="text-align: left;">
<li>Check <b>Expand Widget Templates</b></li>
<li>Find<b> <div class='post-footer-line post-footer-line-3'></b></li>
<li>Find the next <b></b:includable> </b>and<b> </b>copy the code above it</li>
</ul>
<blockquote class="tr_bq">
<div class="code">
Example<br />
 </div><br />
.<br />
<span style="color: red;"><b>Place code here </b></span><br />
<br />
<br />
</b:includable> </div>
</blockquote>
<br />
<ul style="text-align: left;">
<li>Copy the below code above <b></b:includable> </b></li>
</ul>
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<br />
<blockquote>
<h4 style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></h4>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><div class='netoopsblogysmile' id='ysmile' style='</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;">background: -moz-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f5fc), color-stop(50%,#bfe8f9), color-stop(51%,#9fd8ef), color-stop(100%,#2ab0ed));background: -webkit-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: -o-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: -ms-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);border-radius: 3px;width:100%; padding:10px; height:65px;'></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> :-c</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> :-h</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> I-)</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 2):)</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> :!!</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> ^#(^</span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></div><a href="http://www.mashtricks.tk"></a></b:if></span></span></div>
<h4>
<span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></h4>
<br />
<span style="font-family: Arial,Helvetica,sans-serif;"></span></blockquote>
<ul style="text-align: left;">
<li>Save the Template</li>
<li>That's all</li>
</ul>
</div>

How to Add Yahoo Smileys on Blogger Threaded Comments?

I 'm going to say about how to add yahoo smileys to Blogger Threaded comments. This is an awesome trick was scripted by an Indonesian Blogger Kang Ismet and I think he did a very good job for us. This Blogger hack works with New Blogger Threaded commenting system. Follow the instructions Below.. …

19Sep2013

How to Add Automatic Read More TRICK for Blogger Blogs

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="akash" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRKK_fmj2XZ7Ss26k4I25SVGSBVWxdv5JeeCemTZ3TqL-sGr7NoYnrz353BAAiP2SCrLroXH5_uRa5snkcXssLuf1hhETcpWVVzGM-qcxNRHDrxoykz5Igy0_nckTV3F_xTAa7RcZHxcw/s1600/automatic-read-more-hack-blogger.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRKK_fmj2XZ7Ss26k4I25SVGSBVWxdv5JeeCemTZ3TqL-sGr7NoYnrz353BAAiP2SCrLroXH5_uRa5snkcXssLuf1hhETcpWVVzGM-qcxNRHDrxoykz5Igy0_nckTV3F_xTAa7RcZHxcw/s1600/automatic-read-more-hack-blogger.jpg" /></a></div>
Read More button or jump link is used cut the full article into two  pieces and First piece of Text and images display in the Homepage. When  you create a post may be it includes long snippets and images that are  too long, then what should you do? You have to add <b></b>  or click on Jump link to separate. Here I am going to show you how to  Automatically put read more to Blogger posts. In this Automatic read  more hack everything is automatic and you need not bother about the too  long length of posts.Let us see how to do it..<br />
<br />
<a href="http://www.blogger.com/null" name="more"></a><br />
<br />
<div class="demo">
<br />
<blockquote class="tr_bq">
<b><span style="font-size: large;"><span style="font-family: "Trebuchet MS",sans-serif;">Features are</span></span></b></blockquote>
<ul style="text-align: left;">
<li>You can also limit the length of post</li>
<li>Set the size of Image, height and width separately</li>
<li>Disable Image</li>
</ul>
</div>
<ul style="text-align: left;">
<li>Sign In to Blogger Dashboard</li>
<li>Go to <b>Template</b> -> <b>Edit HTML</b></li>
<li>Find <b></head></b></li>
<li>copy the following code above it</li>
</ul>
<blockquote class="tr_bq">
<script type='text/javascript'><br />
var thumbnail_mode = "no-float" ; <br />
summary_noimg = 400;  <span style="color: red;"><b>/* Summary length if no image*/</b></span><br />
summary_img = 300; <span style="color: red;"><b>/* Summary length with image*/</b></span><br />
img_thumb_height = 200; <span style="color: red;"><b>/*Image Height*/</b></span><br />
img_thumb_width = 200; <span style="color: red;"><b>/*Image Width*/</b></span><br />
</script><br />
<script type='text/javascript'  src='http://netoopscodes.googlecode.com/svn/branches/Js%20files/auto-readmore-blogger.js'  ></script></blockquote>
If you add CSS codes to style jump link in your blog, then <a href="http://netoopsblog.blogspot.com/2013/08/add-automatic-read-more-trick-blogger-blogs.html#">See the Update</a><br />
<ul style="text-align: left;">
<li>Then Find (Ctrl+F)  <b><data:post.body/> </b>and replace it with the following code</li>
<li>If you find more than one <b><data:post.body/></b> replace all occurrences. </li>
</ul>
<blockquote class="tr_bq">
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<data:post.body/><br />
<b:else/><br />
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br />
<data:post.body/><br />
<b:else/><br />
<div expr:id='&quot;summary&quot; + data:post.id'><br />
<data:post.body/><br />
</div><br />
<script type='text/javascript'><br />
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);<br />
</script><br />
<div style='clear: both;'/><br />
<span class='rmlink'  style='font-weight:bold;padding:5px;float:right;text-align:right;'><a  expr:href='data:post.url' >Read more...</a></span><a  href="http://netoopsblog.blogspot.com"><span class="nodeLabelBox repTarget " role="treeitem"><<span class="nodeTag ">img</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">src</span>="<span class="nodeValue editable ">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhshEU8UJq6BeV-UgxD-FDvrvi1iyqy-r2k1-I0bZhd0iA8SWl2t0dKcj-X1os1Ud1GAxc8CrBo-S0SW-53QD-uHmeGNJj9PRHJhwAPFTGcty_17gQsZvte4Dg_wjU95o2ir7aaCqko304/s1600/1x1juice.png</span>"</span><span class="nodeBracket editable insertBefore ">></span></span></a><br />
</b:if><br />
</b:if></blockquote>
<ul style="text-align: left;">
<li> Save Template.</li>
</ul>
<blockquote class="tr_bq">
<h4 style="text-align: left;">
<span style="font-size: large;"><span style="font-family: "Trebuchet MS",sans-serif;">UPDATE [new!!]</span></span></h4>
</blockquote>
 In the above code, only a simple link to the post shows in the  homepage. If you want to style that link or did you add css codes to  style the jumplink, then add the following code instead of the above.<br />
<ul>
<li>Then Find (Ctrl+F)  <b><data:post.body/> </b>and replace it with the following code</li>
<li>If you find more than one <b><data:post.body/></b> replace all occurrences. </li>
</ul>
<blockquote class="tr_bq" style="font-size: 15px; font-weight: normal; text-align: left;">
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<data:post.body/><br />
<b:else/><br />
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br />
<data:post.body/><br />
<b:else/><br />
<div expr:id='&quot;summary&quot; + data:post.id'><br />
<data:post.body/><br />
</div><br />
<script type='text/javascript'><br />
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);<br />
</script><br />
<div style='clear: both;'/><br />
<div class='jump-link'><a expr:href='data:post.url'  expr:title='data:post.title' >Read more...</a></div><a   href="http://netoopsblog.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhshEU8UJq6BeV-UgxD-FDvrvi1iyqy-r2k1-I0bZhd0iA8SWl2t0dKcj-X1os1Ud1GAxc8CrBo-S0SW-53QD-uHmeGNJj9PRHJhwAPFTGcty_17gQsZvte4Dg_wjU95o2ir7aaCqko304/s1600/1x1juice.png"></a><br />
</b:if><br />
</b:if></blockquote>
</div>

How to Add Automatic Read More TRICK for Blogger Blogs

Read More button or jump link is used cut the full article into two pieces and First piece of Text and images display in the Homepage. When you create a post may be it includes long snippets and images that are too long, then what should you do? You have to add or click on Jump link to separat…

19Sep2013

Awesome Multi-Colored Popular Posts Widget for Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 class="post-title entry-title">
</h2>
<div class="post-header">
</div>
<div class="akash" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3X0D_-gIofd3YPLMSkrsZ09durG9MwQ_ldO-OZPs7QWogVw060dd3jleHVtrpO2rgE21cLr9Qo_fh-O9HcmfJ6xa-sEyWoQ9cyvfDOn5kLxubFI2dX4yg723ygH0TkKmaQeIH-LBYFU8/s1600/popular-posts.jpg" /></div>
Popular  Posts Widget is a Widget providing by Blogger and we can add it to our  Blog. This Widget displays the Most viewed posts of your blog, that may  be of Month or in Week or All the time. You can select how Popular posts  are to be displayed.By default it shows an image(if the post has) and  Title of Post followed by the content of post wrapped by 20-25 Words.  This article is a tutorial to Style that Popular posts Widget to an  Awesome Multi - colored Popular posts Widget. This trick is done using  simple CSS3 rather than using complex JavaScripts. A great feature of  this trick is each Post shown in each Flat UI color, so these colors  catches your Blog visitor's eyes and they have the tendency to take that  post even if the Post is not so good.<br />
<br />
<a href="http://www.blogger.com/null" name="more"></a><br />
<div class="demo">
<blockquote class="tr_bq">
Demo shows in bottom right side  <span style="font-size: 41px;">→</span><br />
Features of this Widget</blockquote>
<blockquote class="tr_bq" style="text-align: left;">
<ul style="text-align: left;">
<li><blockquote>
Flat UI colors used (it will attract users attention)</blockquote>
</li>
</ul>
<blockquote>
</blockquote>
<ul style="text-align: left;">
<li><blockquote>
Automatic Post Numbering</blockquote>
</li>
</ul>
<blockquote>
</blockquote>
<ul style="text-align: left;">
<li><blockquote>
CSS3 Hover Animation </blockquote>
</li>
</ul>
</blockquote>
</div>
<br />
<h4 class="notice">
Sign in to your Blogger Account and Active Popular Posts Widget </h4>
<br />
<ul style="text-align: left;">
<li><b>First Add Popular post Widget to Blogger</b></li>
<ul>
<li>Go to <b>Layout</b> -> Select <b>"Add a Gadget"</b> and take Popular Posts Widget from the Widget List appear.</li>
<li>Give Title of widget, select how the popular posts should be appeared(in Month,or Week or All time) and click Save </li>
</ul>
<li>Go to <b>Template</b> -> <b>Edit HTML</b>, Find ( <a href="http://netoopsblog.blogspot.com/2012/01/use-search-bar-find-code-blogger-blog.html" target="_blank">Ctrl + F</a> ) <b>]]></b:skin></b></li>
<li>Copy the following code and Paste just above it</li>
</ul>
<blockquote class="tr_bq">
<div class="code">
<br />
#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}<br />
#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}<br />
#PopularPosts1 ul li:first-child{background:#ff4c54;width:97%}<br />
#PopularPosts1 ul li:first-child:after{content:"1"}<br />
#PopularPosts1 ul li:first-child + li{background:#ff764c;width:87%}<br />
#PopularPosts1 ul li:first-child + li:after{content:"2"}<br />
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:84%}<br />
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}<br />
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:81%}<br />
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}<br />
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:78%}<br />
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}<br />
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:75%}<br />
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}<br />
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:72%}<br />
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}<br />
#PopularPosts1 ul li:first-child + li + li + li + li + li + li +li{background:#f59095;width:69%}<br />
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}<br />
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:66%}<br />
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}<br />
#PopularPosts1 ul li:first-child:after,<br />
#PopularPosts1 ul li:first-child + li:after,<br />
#PopularPosts1 ul li:first-child + li + li:after,<br />
#PopularPosts1 ul li:first-child + li + li + li:after,<br />
#PopularPosts1 ul li:first-child + li + li + li + li:after,<br />
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,<br />
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,<br />
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,<br />
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +  li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;text-align:center;font-size:28px;color:#fff}<br />
#PopularPosts1 ul li  .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px;}<br />
#PopularPosts1 ul li a{font-size:13px;color:#444;text-decoration:none}<br />
#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}<br />
#PopularPosts1 img{<br />
-moz-border-radius: 130px;<br />
-webkit-border-radius: 130px;<br />
border-radius: 130px;<br />
-webkit-transition: all 0.3s ease;<br />
-moz-transition: all 0.3s ease;<br />
transition: all 0.3s ease;<br />
padding:4px;<br />
border:1px solid #fff !important;<br />
}<br />
#PopularPosts1 img:hover {<br />
border-radius: 0 0 0 0;<br />
-moz-transform: scale(1.2) rotate(-711deg) ;<br />
-webkit-transform: scale(1.2) rotate(-711deg) ;<br />
-o-transform: scale(1.2) rotate(-711deg) ;<br />
-ms-transform: scale(1.2) rotate(-711deg) ;<br />
transform: scale(1.2) rotate(-711deg) ;<br />
}<br />
</div>
</blockquote>
<br />
<ul style="text-align: left;">
<li>Click on Preview Template (You can see the template without saving)</li>
<li>Save the Template.</li>
</ul>
View Your Blog it is ready to attract users. I think this article  will help you if so please share and Like us to spread our Blog.<br />
If any problems with this trick don't hesitate to ask, do comment here...</div>

Awesome Multi-Colored Popular Posts Widget for Blogger

Popular Posts Widget is a Widget providing by Blogger and we can add it to our Blog. This Widget displays the Most viewed posts of your blog, that may be of Month or in Week or All the time. You can select how Popular posts are to be displayed.By default it shows an image(if the post has) and …