<center>
<div id='socialicons'>
<a href='http://www.facebook.com/sharer.php?u=http://widgetgenerators.blogspot.com/2012/07/meta-tag-generator.html&t=Meta%20Tag%20Generator' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTFM2OkG4TGf7XxawQMWzx42Dn5O3fMGcGWHVTcWlJ_EwvHzmmWgcCFqLaNWIT9QBORsCuHpfe8KNwzxnsrIgud18ino07arTznS11SJemBoCxdCOUj8NJiOJCcXTKZU2AeDOWy6gQB3OI/s1600/1354123083_FacebookShop+-+Copy.png' title='Share on Facebook'/></a>
<a href='http://twitthis.com/twit?url=http://widgetgenerators.blogspot.com/2012/07/meta-tag-generator.html&title=Meta%20Tag%20Generator' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSpqobt0fB-cDeh1xvvH7aSKnb55wEI9sMxdnzZ1xZNn41D1iaZ_rp2aHTKdHeC2BkckbMzs3viBjhtiNU0oIYFY73meA6vh0hGm5QUPbJEtarhLrmzIJkCMASJMKLv-PD2y1Fx7LFqB3p/s1600/1354123098_twittershop+-+Copy.png' title='Share on Twitter'/></a>
<a href='http://digg.com/submit?phase=2&url=http://widgetgenerators.blogspot.com/2012/07/meta-tag-generator.html' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQWZjLohnAYuxoyLMPecJQas-qbeBEZVBQfKTdE1N-6gbC-XjqD5SpUe-4CpuPJ_QR7kqJDHZX1Dbhdw8YbKiKfs0F3uXsNl8SyKC2iEZEp9mO-aMYwV-IluLTmvzKKm8iCks1G9Z5UpeO/s1600/1354123128_dribbbleshop.png' title='Share on Digg'/></a>
</div>
</center>
<style>အဆင္ေျပပါၿပီ လွလွေလးေတြနဲ႔ လန္းႏိုင္ၾကပါေစ....
#bp-social {
width: 300px; }
.bp-iconset{
padding: 5px;
}
.bp-iconset img:hover{
opacity:0.8
}
.fb{
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
text-align: center;
}
.facebook{
text-align: center;
padding-top: 10px;
width:80%;
}
.twitter{
padding-top: 10px;
text-align: center;
}
.addthis_counter{
float: left;
height: 60px;
padding-left: 60px;
}
.email-subscribe-emailbox form {
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;border: 0;
}
.email-subscribe-emailbox input.emailu {
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 0;
color: #999;
padding: 7px 10px 8px;
width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 13px;
border: 1px solid #ccc;
}
.email-subscribe-emailbox input.emailu:focus {
color: #333;
}
.email-subscribe-emailbox input.submitu {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: black;
padding: 7px 14px;
font-weight: bold;
font-size: 12px;
float: right;
cursor: pointer;
}
.email-subscribe-emailbox input.submitu:hover {
text-decoration: none;
}
</style>
<div id="bp-social">
<div class="bp-iconset">
<center>
<a style="margin-right: 10px;" href="Facebook Page URL" target="_blank" rel="nofollow">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6FA_V3tyLEWraoMTrPaD8W__vSQ-STo9lmHUNmnEZCEjCz0lR6ptI_u_rBFgdg0FI2CXIgIdJN49ehqESbgT4ofVz5wXPqsUtI9CtK5rQi73nM328cS-YLAlICWNIAqE0gMAMvXQnU2D-/s1600/facebook.png" width='50px' height='65px' title='Facebook'/></a>
<a style="margin-right: 10px;" href="Twitter Page URL" target="_blank" rel="nofollow">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWzgVv6IwywtroxM2-VhKQLj8CpCc9URwv23sSIZI_eutRheBeKyTchdi1OlPF9Tg0L0e8ICxdUCKknNmbzHkBwX7IQy38HK278rSOM5DbQjcHbqHCqK9Ng-8JfE0QwS2Qc6qESV3z64l9/s1600/twitter.png" width='50px' height='65px' title='Twitter'/></a>
<a style="margin-right: 10px;" rel="me" href="Google Plus Page URL" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxKJStus3Hr0I4fqhm7vktdKj7DnViZzc2eJLsubTOJuWhWgOq_v1fP6xCVlCzl1yl5kbo72CJ6gjDLzwJkcNP4-5NL-cNfEQbEJ71zpfKUhTR2juz02fAM0t8X_sucmTSJNXaiYita7SM/s1600/googleplus.png" width='50px' height='65px' title='Google Plus'/></a>
<a style="margin-right: 10px;" href="Pinterest Page URL" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQun62_rUedicLcwapgeHin7IDjiBerjpIXsLatDAFcROKrpdjTsjPkQzwzd5JDt2Q_9TqhCvwCtJeJmCeribK7wCDukfHhpNp2_z2KS5qatMojtlRSRARrwFdSwSslayvxM2RsKLGK-ni/s1600/pinterest.png" width='50px' height='65px' title='Pinterest'/></a>
</center>
<center>
<a style="margin-right: 10px;" href="RSS Feed Page URL" target="_blank" rel="nofollow">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJP_I6wsBOt_bQZitELRAW6ZG0GFDjjXfbr4Rzf26PO0kAjCFZisLlZQwFDHn6g4cvmYKyfZuU2fb4fWWDRAYpKzwjqSfPKnVhqg5ALdLakRl4L4iQDmTmf2VlKD7cEkRQBtKChnPWgSGt/s1600/rss.png" width='50px' height='65px' title='RSS Feed'/></a>
<a style="margin-right: 10px;" rel="me" href="Flickr Page URL" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY-ugixYBS_PKZHcUB2s7ladd1G5DWq5vPY8lR9f9_m97eJPueVIi18CnkIeFeHs85BBLfDZye7ceuBEyEXOr7QPCj3ngYZ0q4SLXJO9vyPSR-NHWfx9FXpvYQT82Kil3x39fr-BAuvXyt/s1600/flickr.png" width='50px' height='65px' title='Flickr'/></a>
<a style="margin-right: 10px;" href="Linkedin Page URL" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgntwpQMkD4UlqqeitPsDlZBSdc6yIVw_2lRGY3_gzUFam59mkVuv-wXPcj8Z2RVbPGa0ZcSZRV6gcMI-2bzuG1PXiWBVRNCLljtDE9f3JfjP_FI-iVMI1xRElhZ_zJ1EdzfmcEE-ljrCZL/s1600/linkedin.png" width='50px' height='65px' title='Linkedin'/></a>
<a style="margin-right: 10px;" href="Youtube Page URL" target="_blank" rel="nofollow">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7UNJPZ1mVptgNlwYC-S5y_5XMUCFzgFJYfr7lcpFtyWoH8H_JN-57903k0Al5vYPFIsA9053CEiN-eDSp6WvrinJW7Yv7exDzdRXFicMULD38LRm54AqeOUP00MFNKLSfSkb6BosKOfM7/s1600/youtube.png" width='50px' height='65px' title='Youtube'/></a>
</center>
<div class="fb">
<div class="facebook">
<a class="addthis_counter"></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FTipsNTricksForBloggerLovers&send=false&layout=box_count&width=50&show_faces=false&font=arial&colorscheme=light&action=like&height=90&appId=271817639530563" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:60px;" allowtransparency="true"></iframe>
<div class="g-plusone" data-size="tall"></div>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
<div class="twitter">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1335513764.html#_=1335528101755&id=twitter-widget-0&lang=en&screen_name=ProTipsNTricks&show_count=true&show_screen_name=true&size=m" class="twitter-follow-button" style="width: 244px; height: 20px; " title="Twitter Follow Button">
</iframe>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</div>
<div class="email-subscribe-emailbox">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggerprofessional', 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true" target="popupwindow">
<table width="100%">
<tr>
<td>
<input class="emailu" name="email" placeholder="Enter your email" type="text"/>
</td>
<td width="70px">
<input class="submitu TZDefault" type="submit" value="Subscribe"/>
</td>
</tr>
</table>
<input name="uri" type="hidden" value="bloggerprofessional"/>
<input name="loc" type="hidden" value="en_US"/>
</form>
</div>
</div>
</div>
<style type="text/css"> #buttonbg {width: 260px;margin: 10px 20px;padding: 0;} #buttonbg li {cursor: pointer;height: 48px;position: relative;list-style-type: none; } #buttonbg .icon {background: #D91E76 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP3Apz-92anZ_AcFOlt29oQ6YNqTAEU7YWMwSJdHUGasipJVSCBreaRrKInq2lLXT-czq9456bencWp_RJmWEroF8ummiaHpr_4NqqUcz1QTHD2SAG74B-4HL3gTTiqE-zsk2SdyKJBxc/s1600/blsocial12.png') 0 0 no-repeat; background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block; color: #141414;float:none;height: 48px;line-height: 48px; margin: 5px 0;position: relative;text-align: left;text-indent: 90px; text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5; -webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out; -moz-transition: width .25s ease-in-out, background-color .25s ease-in-out; -o-transition: width .25s ease-in-out, background-color .25s ease-in-out; transition: width .25s ease-in-out, background-color .25s ease-in-out; -webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px; -moz-box-shadow: rgba(0,0,0, .28) 0 2px 3px; -o-box-shadow: rgba(0,0,0, .28) 0 2px 3px; box-shadow: rgba(0, 0, 0, .28) 0 2px 3px; text-decoration: none;} #buttonbg span:hover {visibility: hidden;} #buttonbg span {display: block;top: 15px;position: absolute;left: 90px;} #buttonbg .icon {color: #fafafa;overflow: hidden;} #buttonbg .fb {background-color: rgba(45,118,185, .42);background-position: 0 -382px;} #buttonbg .twit {background-color: rgba(0, 161, 223, .42); background-position: 0 -430px;} #buttonbg .google {background-color: rgba(167, 0, 0, .42); background-position: 0 -478px;} #buttonbg .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;} #buttonbg .linked {background-color: rgba(0, 87, 114, .42); background-position: 0 -574px;} #buttonbg .deviant {background-color: rgba(76, 122, 74, .42); background-position: 0 -622px;} #buttonbg .ytube {background-color: rgba(170, 0, 0, .42); background-position: 0 -670px;} #buttonbg .rss {background-color: rgba(255,109, 0, .42); background-position: 0 -718px;} #buttonbg li:hover .icon {width: 250px; } #buttonbg li:hover .icon {background-color: #d91e76; } #buttonbg li:hover .fb {background-color: #2d76b9;background-position: 0 2px;} #buttonbg li:hover .twit {background-color: #00A1DF; background-position: 0 -46px; } #buttonbg li:hover .google {background-color: #A70000;background-position: 0 -94px;} #buttonbg li:hover .pint {background-color: #C00;background-position: 0 -142px; } #buttonbg li:hover .linked {background-color: #005772;background-position: 0 -190px;} #buttonbg li:hover .deviant {background-color: #4C7A4A;background-position: 0 -238px;} #buttonbg li:hover .ytube {background-color: #A00;background-position: 0 -286px; } #buttonbg li:hover .rss {background-color: #EC5601;background-position: 0 -334px; } #buttonbg .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;} </style> <style type="text/css"> #buttonbg {width: 260px;margin: 10px 20px;padding: 0;} #buttonbg li {cursor: pointer;height: 48px;position: relative;list-style-type: none; } #buttonbg .icon {background: #D91E76 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP3Apz-92anZ_AcFOlt29oQ6YNqTAEU7YWMwSJdHUGasipJVSCBreaRrKInq2lLXT-czq9456bencWp_RJmWEroF8ummiaHpr_4NqqUcz1QTHD2SAG74B-4HL3gTTiqE-zsk2SdyKJBxc/s1600/blsocial12.png') 0 0 no-repeat; background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block; color: #141414;float:none;height: 48px;line-height: 48px; margin: 5px 0;position: relative;text-align: left;text-indent: 90px; text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5; -webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out; -moz-transition: width .25s ease-in-out, background-color .25s ease-in-out; -o-transition: width .25s ease-in-out, background-color .25s ease-in-out; transition: width .25s ease-in-out, background-color .25s ease-in-out; -webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px; -moz-box-shadow: rgba(0,0,0, .28) 0 2px 3px; -o-box-shadow: rgba(0,0,0, .28) 0 2px 3px; box-shadow: rgba(0, 0, 0, .28) 0 2px 3px; text-decoration: none;} #buttonbg span:hover {visibility: hidden;} #buttonbg span {display: block;top: 15px;position: absolute;left: 90px;} #buttonbg .icon {color: #fafafa;overflow: hidden;} #buttonbg .fb {background-color: rgba(45,118,185, .42);background-position: 0 -382px;} #buttonbg .twit {background-color: rgba(0, 161, 223, .42); background-position: 0 -430px;} #buttonbg .google {background-color: rgba(167, 0, 0, .42); background-position: 0 -478px;} #buttonbg .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;} #buttonbg .linked {background-color: rgba(0, 87, 114, .42); background-position: 0 -574px;} #buttonbg .deviant {background-color: rgba(76, 122, 74, .42); background-position: 0 -622px;} #buttonbg .ytube {background-color: rgba(170, 0, 0, .42); background-position: 0 -670px;} #buttonbg .rss {background-color: rgba(255,109, 0, .42); background-position: 0 -718px;} #buttonbg li:hover .icon {width: 250px; } #buttonbg li:hover .icon {background-color: #d91e76; } #buttonbg li:hover .fb {background-color: #2d76b9;background-position: 0 2px;} #buttonbg li:hover .twit {background-color: #00A1DF; background-position: 0 -46px; } #buttonbg li:hover .google {background-color: #A70000;background-position: 0 -94px;} #buttonbg li:hover .pint {background-color: #C00;background-position: 0 -142px; } #buttonbg li:hover .linked {background-color: #005772;background-position: 0 -190px;} #buttonbg li:hover .deviant {background-color: #4C7A4A;background-position: 0 -238px;} #buttonbg li:hover .ytube {background-color: #A00;background-position: 0 -286px; } #buttonbg li:hover .rss {background-color: #EC5601;background-position: 0 -334px; } #buttonbg .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;} </style> <ul id="buttonbg"> <li ><a href="Link Facebook" class="icon fb">Like us on Facebook</a><span>Like us on Facebook</span></li> <li ><a href="Link Twitter" class="icon twit" >Follow us on Twitter</a><span>Follow us on Twitter</span></li> <li ><a href="Link Google+" class="icon google" >Follow us on Google+</a><span>Follow us on Google+</span></li> <li ><a href="Link Pinterest" class="icon pint">Follow us on Pinterest</a><span>Follow us on Pinterest</span></li> <li ><a href="Link Linkedin Anda" class="icon linked" >Follow us on LinkedIn</a><span>Follow us on LinkedIn</span></li> <li ><a href="Link Deviant Art" class="icon deviant" >Follow us on DeviantArt</a><span>Follow us on DeviantArt</span></li> <li ><a href="Link Youtube Anda" class="icon ytube">Follow us on Youtube</a><span>Follow us on Youtube</span></li> <li ><a href="Link RSS/Feed" class="icon rss" >Subscribe via RSS</a><span>Subscribe via RSS</span></li> </ul> </div>အဆင္ေျပပါေစဗ်ာ......
<b:if cond='data:blog.pageType == "item"'> <style> p#socialicons img { -moz-transition:all .7s ease-in-out; -webkit-transition:all .7s ease-in-out; -o-transition:all .7s ease-in-out; -ms-transition:all .7s ease-in-out; transition:all .7s ease-in-out; } p#socialicons img:hover { -moz-transform:rotate(50deg); -webkit-transform:rotate(50deg); -o-transform:rotate(50deg); -ms-transform:rotate(50deg); transform:rotate(50deg); } </style> <center>
<p id='socialicons'>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwu5luoA-0eH6ncblsE3DKtxM1ZlzELtsf6Y0ENA7QWL8k1U-4vtyso92cxKUqnnhQJ9HUwz4UF7s1FOJd5fatSfp_QA0JlFMni2kDbigNJU4HAwkvR2P9p8ra5o5DjchmFhiKWjt-oqx4/s1600/facebook.png' title='Share on Facebook'/></a> <a expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrrKRS0n7-kWvRS6tEjtCtGXw8gx_AS0fv2D3htpHRVULw3zg1tgyyxRK-gQFEVZU8xi9H04cVvHeKrKC8Tn_-ZJxtYdqU7nKvCy8Qo_y8ZLRcKB-b_hlzY63vpcGnIpJpJGwRqYu4ZqVT/s1600/twitter.png' title='Share on Twitter'/></a> <a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6xUyOVQJMPdLmR0u8fFSza5F2ilEP4ZjdP0mStgdH6PvAREvjKJXCW3OrNPHxBNLBCawjxCyR_1GXWcS2MimdFcnDfKNdVp3Usaw9IaltotMtzrIZH8algeVeBnwmxgJmiRCaX4l_Da4f/s1600/digg.png' title='Share on Digg'/></a> </p>
</center>
</b:if>
<div style="position: fixed; z-index: 65535; left: 0px; bottom: -3px; width:100%;"> <marquee><a href="http://www.facebook.com/windowsreloded" target="blank"> <abbr title="Follow us at Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWoI2lKLcsW9HBlEOfJGVLix45fBhZBwmXikqE1PKtImwe0tL38M6mSAZX05itQ3nXFn23nKbsQ-SXPf9Q3xECAp7piExitF7U2iBYbGrIZKXIXLEKHrFXu1JvOa8iL1Pe4NgYX3RBiW7g/s1600/Social-Truck_fb2.png" width="120px" height="100px"/> </abbr> </a> <a href="http://feeds.feedburner.com/Windowsreloded" target="blank"> <abbr title="Subscribe Our Feeds"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJgDrAjqmu_cpxmjwlp6JL_y1nqJXkHwHK3itDk0NItV_skYP4gyrs2hszcI215EaUsJ3fqKrXFO-GCe1ey37pQYkZ0ixZFwVlbAglWO8VA3BuBcDYpINiUKyEheidJy8zjbBshw3Y-s-H/s1600/Social-Truck_rss.png" width="120px" height="100px"/> </abbr> </a><a href="http://twitter.com/Windowsreloded" target="blank"> <abbr title="Follow Us on Twitter"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVmtSwK5niyCyRGFxY-kRQyen6D7S9jiEjt7Ilp-FYAenuqe7Myeldy-EWfd1-zD3fuSdftMO9SDGG6l2diG_HKf9PBdT_9_9qLjilv4JuxYjOzsHewpuXuHSBd9lEcbhAY6SsLRVL23wq/s1600/Social-Truck_twi.png" width="120px" height="100px"/> </abbr> </a> </marquee></div>
.label-size {
float: left;
margin: 007px20px;
position: relative;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 0.75em;
font-weight: bold;
text-decoration: none;
color: #996633;
text-shadow: 0px1px0pxrgba(255,255,255,.4);
padding: 0.417em0.417em0.417em0.917em;
border-top: 1pxsolid#d99d38;
border-right: 1pxsolid#d99d38;
border-bottom: 1pxsolid#d99d38;
-webkit-border-radius: 00.25em0.25em0;
-moz-border-radius: 00.25em0.25em0;
border-radius: 00.25em0.25em0;
background-image: -webkit-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -moz-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -o-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -ms-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#feda71', EndColorStr='#feba47');
-webkit-box-shadow: inset01px0#faeaba,
01px1pxrgba(0,0,0,.1);
-moz-box-shadow: inset01px0#faeaba,
01px1pxrgba(0,0,0,.1);
box-shadow: inset01px0#faeaba,
01px1pxrgba(0,0,0,.1);
z-index: 1;
}
.label-size:before {
content: '';
width: 1.30em;
height: 1.39em;
background-image: -webkit-linear-gradient(lefttop, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -moz-linear-gradient(lefttop, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -o-linear-gradient(lefttop, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -ms-linear-gradient(lefttop, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: linear-gradient(lefttop, rgb(254, 218, 113), rgb(254, 186, 71));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#feda71', EndColorStr='#feba47');
position: absolute;
left: -0.69em;
top: .2em;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border-left: 1pxsolid#d99d38;
border-bottom: 1pxsolid#d99d38;
-webkit-border-radius: 0000.25em;
-moz-border-radius: 0000.25em;
border-radius: 0000.25em;
z-index: 1;
}
.label-size:after {
content: '';
width: 0.5em;
height: 0.5em;
background: #fff;
-webkit-border-radius: 4.167em;
-moz-border-radius: 4.167em;
border-radius: 4.167em;
border: 1pxsolid#d99d38;
-webkit-box-shadow: 01px0#faeaba;
-moz-box-shadow: 01px0#faeaba;
box-shadow: 01px0#faeaba;
position: absolute;
top: 0.667em;
left: -0.083em;
z-index: 9999;
}
#Label1{
height: 210px;
}
.label-size:hover {
background-image: -webkit-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: -moz-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: -o-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: -ms-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fee18d', EndColorStr='#fec86c');
border-color: #e1b160;
}
.label-size:hover:before {
background-image: -webkit-linear-gradient(lefttop, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: -moz-linear-gradient(lefttop, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: -o-linear-gradient(lefttop, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: -ms-linear-gradient(lefttop, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: linear-gradient(lefttop, rgb(254, 225, 141), rgb(254, 200, 108));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#fee18d', EndColorStr='#fec86c');
border-color: #e1b160;
}
<style>
.tags {
zoom: 1;
}
.tags:before, .tags:after {
content: '';
display: table;
}
.tags:after {
clear: both;
}
.tags li {
position: relative;
float: left;
margin: 0 0 8px 12px;
}
.tags li:active {
margin-top: 1px;
margin-bottom: 7px;
}
.tags li:after {
content: '';
z-index: 2;
position: absolute;
top: 10px;
right: -2px;
width: 5px;
height: 6px;
opacity: .95;
background: #eb6b22;
border-radius: 3px 0 0 3px;
-webkit-box-shadow: inset 1px 0 #99400e;
box-shadow: inset 1px 0 #99400e;
}
.tags a, .tags span {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tags a {
height: 26px;
line-height: 23px;
padding: 0 9px 0 8px;
font-size: 12px;
color: #555;
text-decoration: none;
text-shadow: 0 1px white;
background: #fafafa;
border-width: 1px 0 1px 1px;
border-style: solid;
border-color: #dadada #d2d2d2 #c5c5c5;
border-radius: 3px 0 0 3px;
background-image: -webkit-linear-gradient(top, #fcfcfc, #f0f0f0);
background-image: -moz-linear-gradient(top, #fcfcfc, #f0f0f0);
background-image: -o-linear-gradient(top, #fcfcfc, #f0f0f0);
background-image: linear-gradient(to bottom, #fcfcfc, #f0f0f0);
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.tags a:hover span {
padding: 0 7px 0 6px;
max-width: 40px;
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.tags span {
position: absolute;
top: 1px;
left: 100%;
z-index: 2;
overflow: hidden;
max-width: 0;
height: 24px;
line-height: 21px;
padding: 0 0 0 2px;
color: white;
text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
background: #eb6b22;
border: 1px solid;
border-color: #d15813 #c85412 #bf5011;
border-radius: 0 2px 2px 0;
opacity: .95;
background-image: -webkit-linear-gradient(top, #ed7b39, #df5e14);
background-image: -moz-linear-gradient(top, #ed7b39, #df5e14);
background-image: -o-linear-gradient(top, #ed7b39, #df5e14);
background-image: linear-gradient(to bottom, #ed7b39, #df5e14);
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
-webkit-transition-property: padding, max-width;
-moz-transition-property: padding, max-width;
-o-transition-property: padding, max-width;
transition-property: padding, max-width;
}
.green li:after {
background: #65bb34;
-webkit-box-shadow: inset 1px 0 #3a6b1e;
box-shadow: inset 1px 0 #3a6b1e;
}
.green span {
background: #65bb34;
border-color: #549b2b #4f9329 #4b8b27;
background-image: -webkit-linear-gradient(top, #71ca3f, #5aa72e);
background-image: -moz-linear-gradient(top, #71ca3f, #5aa72e);
background-image: -o-linear-gradient(top, #71ca3f, #5aa72e);
background-image: linear-gradient(to bottom, #71ca3f, #5aa72e);
}
.blue li:after {
background: #56a3d5;
-webkit-box-shadow: inset 1px 0 #276f9e;
box-shadow: inset 1px 0 #276f9e;
}
.blue span {
background: #56a3d5;
border-color: #3591cd #318cc7 #2f86be;
background-image: -webkit-linear-gradient(top, #6aaeda, #4298d0);
background-image: -moz-linear-gradient(top, #6aaeda, #4298d0);
background-image: -o-linear-gradient(top, #6aaeda, #4298d0);
background-image: linear-gradient(to bottom, #6aaeda, #4298d0);
}
</style>
<ul class="tags">
<li><a href="http://www.windowsroded.blogspot.com/search/label/Android%20Apps">Android Apps <span>4</span></a></li>
<li><a href="http://www.windowsreloded.blogspot.com/search/label/Antivirus">Antiviruses<span>8</span></a></li>
<li><a href="http://www.windowsreloded.blogspot.com/search/label/Blogger%20Templates">Blogger Templates<span>15</span></a></li>
<li><a href="http://www.windowsreloded.blogspot.com/search/label/Blogging">Blogging<span>16</span></a></li>
</ul>
<ul class="tags green">
<li><a href="http://www.windowsreloded.blogspot.com/search/label/Books">Books<span>23</span></a></li>
<li><a href="http://www.windowsreloded.blogspot.com/search/label/Cracks">Cracks <span>42</span></a></li>
<li><a href="http://www.windowsreloded.blogspot.com/search/label/Drivers">Drivers <span>108</span></a></li>
<li><a href="http://www.windowsreloded.blogspot.com/search/label/Games">Games <span>12</span></a></li>
</ul>
<ul class="tags blue">
<li><a href="http://www.windowsreloded.blogspot.com/search/label/Hacking">Hacking <span>31</span></a></li>
<li><a href="http://www.windowsreloded.blogspot.com/search/label/How%20To%20Do%20That">How to do that <span>33</span></a></li>
<li><a href="http://www.windowsreloded.blogspot.com/search/label/Movies">Movies <span>65</span></a></li>
<li><a href="http://www.windowsreloded.blogspot.com/search/label/Personalization">Personalization <span>160</span></a></li>
<li><a href="http://www.windowsreloded.blogspot.com/search/label/Players">Players <span>160</span></a></li>
<li><a href="http://www.windowsreloded.blogspot.com/search/label/Serials">Serials <span>160</span></a></li>
<li><a href="http://www.windowsreloded.blogspot.com/search/label/Softwares">Softwares <span>160</span></a></li>
<li><a href="http://www.infotechblogging.info/search/label/Tools">Widget Generators <span>160</span></a></li>
<li><a href="http://www.windowsreloded.blogspot.com/search/label/Windows">Microsoft Windows <span>160</span></a></li>
</ul>
