A New Style of Popular Post Gadget with 3D Cube

Hello bloggers,

After a long time, I have come with another blogger tricks.This time,I am going to introduce with you a New Style of Popular Post Gadget with 3D Cube.You can add this gadget to your blog to create your blog more gorgeous.

Step to do it :

1. Go to your Blogger Dashboad.
2. Click on "Design"
3. Click On "Add a Gadget" and choose "Popular Post" widget.
4. Then, again click on "Add a Gadget" and Choose "HTML/Javascript"
5. Copy the below codes and paste it to your "HTML/Javascript" gadget.
6. Save changes and you are done.

Here is the code to add :

<style type="text/css"> .cube { width: 200px; height: 200px;} a img { border: none; } #linksCube img { width: 100%; height: 100%; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/jqueryimagecube.js"></script> <script type="text/javascript" charset="utf-8"> $(function () { $('.popular-posts ul').abupopularcube(); }); </script> <script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/popularcube.js"></script>

Your Comments are appreciated

MintShare Social Bookmarking Gadget For Blogger Blog

There are lots of social bookmarking gadgets available on the internet world.Today I will introduce you with a unique social bookmarking gadget.As you know that how important social bookmarking gadget is.So, you can add it in your blog to make your blog looking cool.

Lets see....

Choose One Gadget


MintShare Mini

 

HTML Code:

<!-- MintShare Mini --> <div id='mintshare_mini'> <a class='sharetext'><b>Share This</b><!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table> <tr><td><![endif]--> <div class='flyout'> <ul class='icons'> <li class="drop-li"><a expr:href=""http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://4.bp.blogspot.com/_b8IA1ajBJG8/TSfd22PSeLI/AAAAAAAAB3M/ik_9DA-vzEk/s1600/facebook_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfd5p1h2kI/AAAAAAAAB3c/MbeKBRValYk/s1600/twitter_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfd4XN-B_I/AAAAAAAAB3U/RWDByrttOSc/s1600/stumbleupon_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://4.bp.blogspot.com/_b8IA1ajBJG8/TSfd2KgvGkI/AAAAAAAAB3I/wgYrRUzkPWQ/s1600/digg_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://www.technorati.com/faves?add=" + data:post.url" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfd46l_gAI/AAAAAAAAB3Y/ZET5rqbQJMw/s1600/technorati_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfd3k4ZNnI/AAAAAAAAB3Q/UIJ0qSGEaHg/s1600/reddit_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://4.bp.blogspot.com/_b8IA1ajBJG8/TSfd6JqbBPI/AAAAAAAAB3g/C7TjBqdR1m0/s1600/yahoo_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfd0lvepwI/AAAAAAAAB3E/jdZrJrv-1yM/s1600/delicious_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <span class="get_mintshare"><a href="http://www.bloggermint.com/2011/01/mintshare-social-bookmarking -sharing-button-widget/">Get MintShare!</a></span> </ul> </div> </div> <!-- MintShare Mini End-->

CSS Code:

#mintshare_mini, #mintshare_mini ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; background:url("http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfjG3P4w7I/AAAAAAAAB3k/yjkmCOax0yc/s1600/bkg-btn-grey.gif") repeat-x scroll 0 0 #EDEDED; } #mintshare_mini {width:100px; height:30px; border:1px solid #888; padding: 0 15px; -o-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } #mintshare_mini a.sharetext { display:block; width:100px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; font-size:13px; font-weight:bold; background: url("http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfjIshr9pI/AAAAAAAAB3w/UnosHLVx3co/s1600/plus.png") no-repeat scroll 0 center transparent; padding-left:5px; cursor:pointer; } #mintshare_mini a.sharetext img { border: 0 none; display: block; margin-left: 10px; } #mintshare_mini .flyout { background: none repeat scroll 0 0 #AAAAAA; height: 113px; left: 40px; position: relative; top: -4px; width: 0; transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; -moz-transition: width 1s ease-in-out; -webkit-transition: width 1s ease-in-out; } #mintshare_mini .flyout ul { background:url("http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfjG3P4w7I/AAAAAAAAB3k/yjkmCOax0yc/s1600/bkg-btn-grey.gif") repeat-x scroll 0 0 #EDEDED; list-style:none; position:absolute; left:-1000px; top:-27px; width:365px; height:30px; border:1px solid #888; border-left:0; padding-right:10px; z-index: 500; overflow: hidden; padding-left: 15px; transition: 1s ease-in-out; -o-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-border-radius: 0 15px 15px 0; -icab-border-radius: 0 15px 15px 0; -khtml-border-radius: 0 15px 15px 0; -moz-border-radius: 0 15px 15px 0; -webkit-border-radius: 0 15px 15px 0; border-radius: 0 15px 15px 0; } #mintshare_mini:hover .flyout ul{ left:50px; } #mintshare_mini .flyout ul li { float: left; } #mintshare_mini .flyout ul li a{ } #mintshare_mini .flyout ul a img { } #mintshare_mini .flyout ul li.drop-li {position:relative; width:35px; height:30px; float:left; z-index:100; margin-top: -2px;} #mintshare_mini .flyout ul li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;} #mintshare_mini .flyout ul li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100); transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } #mintshare_mini .flyout ul li.drop-li a b {background:lightBlue; padding:2px 0; font-family:arial, sans-serif; display:block; width:100px; margin-top:58px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0); transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -o-border-radius:10px; } #mintshare_mini .flyout ul li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);} #mintshare_mini .flyout ul li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);} /* For IE6 */ #mintshare_mini .flyout ul li.drop-li a:hover img {filter: alpha(opacity=50);} #mintshare_mini .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);} /* Get MintShare */ #mintshare_mini .get_mintshare { font-size: 10px; margin-left: 5px; position: relative; top: 2px; }

MintShare Compact

HTML Code:

<!-- MintShare Compact --> <div id="mintshare_c"> <div class="mintshare-wrap"> <a class="top-a">Share This<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table> <tr><td><![endif]--> <div class="flyout"> <ul class="icons"> <li class="drop-li"><a expr:href=""http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfc4hlSkGI/AAAAAAAAB3A/PKn_KP6sOQI/s1600/facebook_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfc1xv38gI/AAAAAAAAB2w/lwdzgwzlC6I/s1600/twitter_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfc3acrxMI/AAAAAAAAB24/t1KAd8-RvWU/s1600/delicious_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://1.bp.blogspot.com/_b8IA1ajBJG8/TSfc0ni5IlI/AAAAAAAAB2o/8voYpZbQST4/s1600/stumbleupon_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfc3zp3I3I/AAAAAAAAB28/Hy-QUfKp2DQ/s1600/digg_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://www.technorati.com/faves?add=" + data:post.url" class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfc1TY3h1I/AAAAAAAAB2s/Mygg8K9VTac/s1600/technorati_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfcz_OapJI/AAAAAAAAB2k/ZbQmKQIbDXA/s1600/reddit_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfc2jCW-hI/AAAAAAAAB20/CLBoYPjxGf4/s1600/yahoo_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <span class="get_mintshare"><a href="http://www.bloggermint.com/2011/01/mintshare-social-bookmarking -sharing-button-widget/">Get MintShare Now</a></span> </ul> </div> <!--[if lte IE 6]></td></tr> </table> </a><![endif]--> </div> </div> <!-- MintShare Compact End-->


CSS Code:

#mintshare_c, #mintshare_c ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; background:url("http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfjG3P4w7I/AAAAAAAAB3k/yjkmCOax0yc/s1600/bkg-btn-grey.gif") repeat-x scroll 0 0 #EDEDED; } #mintshare_c {width:100px; height:30px; border:1px solid #888; position:relative; z-index:100; padding: 0 15px; -o-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } #mintshare_c div.mintshare-wrap {width:100px; height:30px; float:left; position:relative;} #mintshare_c div.mintshare-wrap a.top-a {display:block; width:100px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; font-size:13px; font-weight:bold; background: url("http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfjIshr9pI/AAAAAAAAB3w/UnosHLVx3co/s1600/plus.png") no-repeat scroll 0 center transparent; padding-left:5px; cursor:pointer; } #mintshare_c div.mintshare-wrap div.flyout {height:0; overflow:hidden; left:-1px; top:30px; width:110px; position:absolute; z-index:500; transition: height 1s ease-in-out; -o-transition: height 1s ease-in-out; -moz-transition: height 1s ease-in-out; -webkit-transition: height 1s ease-in-out; } #mintshare_c div.mintshare-wrap div.flyout ul.icons {background:#FFF; position:absolute; left:0; top:-500px; border:1px solid #888; border-top:0; padding-bottom:10px;padding-top:10px; transition: 1s ease-in-out; -o-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-border-radius: 0 0 5px 5px; -icab-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); } #mintshare_c div.mintshare-wrap div.flyout ul.icons li.drop-li {position:relative; width:40px; height:45px; float:left; z-index:100; margin-left:6px;} #mintshare_c div.mintshare-wrap div.flyout ul.icons li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;} #mintshare_c div.mintshare-wrap div.flyout ul.icons li.drop-li a.drop-a img {padding:0; background:none; display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);margin-right:5px; transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } #mintshare_c div.mintshare-wrap div.flyout ul.icons li.drop-li a b {display:block; width:100px; height:60px; padding-top:20px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0); transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } #mintshare_c div.mintshare-wrap:hover div.flyout ul.icons li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);} #mintshare_c div.mintshare-wrap:hover div.flyout ul.icons li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);} #mintshare_c div.mintshare-wrap:hover div.flyout {height:522px;} #mintshare_c div.mintshare-wrap:hover div.flyout:hover {height:522px;} #mintshare_c div.mintshare-wrap:hover div.flyout ul.icons {top:1px;} /* for IE6 */ #mintshare_c div.mintshare-wrap a:hover {direction:ltr;} #mintshare_c div.mintshare-wrap a:hover div.flyout {height:522px;} #mintshare_c div.mintshare-wrap a:hover div.flyout ul.icons {top:0;} #mintshare_c div.mintshare-wrap div.flyout ul.icons li.drop-li a:hover img {filter: alpha(opacity=50);} #mintshare_c div.mintshare-wrap div.flyout ul.icons li.drop-li a:hover b {filter: alpha(opacity=100);} #mintshare_c table {border-collapse:collapse; position:absolute; left:0; top:0; width:0; height:0; margin-bottom:-1px;} /* Misc */ #mintshare_c .get_mintshare { font-size:10px; margin-left:3px; }

MintShare Classic Float- Left

 

HTML Code:

<!-- MintShare Classic Float Left --> <div id='mintshare_fl'> <a class='sharetext'><img src='http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfjJPlaZjI/AAAAAAAAB30/CEjZh4qqaHE/s1600/share_text.jpg'/><!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table> <tr><td><![endif]--> <div class='flyout'> <ul class='icons'> <li class="drop-li"><a expr:href=""http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TScgNAQmizI/AAAAAAAAB2U/2VkbLGhpa4M/s1600/facebook.png"/><b>Share on FB</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://1.bp.blogspot.com/_b8IA1ajBJG8/TScgIZerhzI/AAAAAAAAB2E/ST_gxGLJohc/s1600/twitter.png"/><b>Tweet This</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TScgOkdfqSI/AAAAAAAAB2c/5F5RUTzVWPE/s1600/stumbleupon.png"/><b>Stumble It</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TScgL4XoGDI/AAAAAAAAB2Q/DWnz6QGT4j0/s1600/digg.png"/><b>Digg This</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://www.technorati.com/faves?add=" + data:post.url" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TScgPMjjl8I/AAAAAAAAB2g/weIEI7h1PJw/s1600/technorati.png"/><b>Technorati</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://4.bp.blogspot.com/_b8IA1ajBJG8/TScgJyQ-2lI/AAAAAAAAB2M/-ToPBuz9__U/s1600/delicious.png"/><b>Delicious</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <span class="get_mintshare"><a href="http://www.bloggermint.com/2011/01/mintshare-social-bookmarking -sharing-button-widget/"><img src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfjIL8FD-I/AAAAAAAAB3s/t31l6-BAi44/s1600/getmintshare.png"/></a></span> </ul> </div> </div> <!-- MintShare Classic Float Left End -->

CSS Code:

#mintshare_fl { background: url("http://4.bp.blogspot.com/_b8IA1ajBJG8/TSfjHZG0d9I/AAAAAAAAB3o/Y0ZzNB104OE/s1600/btn-grey-hori.gif") repeat-y scroll 0 0 #EAEAEA; border: 1px solid #888; float: left; height: 100px; padding: 5px 0; position:fixed; left:0; z-index:1001; width: 35px; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -o-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; top:100px; } #mintshare_fl a.sharetext { display: block; float: left; line-height: 30px; text-decoration: none; cursor:pointer; } #mintshare_fl a.sharetext img { border: 0 none; display: block; margin-left: 10px; } #mintshare_fl .flyout { background: none repeat scroll 0 0 #AAAAAA; height: 113px; left: 40px; position: relative; top: -4px; width: 0; transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; -moz-transition: width 1s ease-in-out; -webkit-transition: width 1s ease-in-out; } #mintshare_fl .flyout ul { background:#FFF; list-style:none; position:absolute; left:-570px; top:-5px; width:440px; height:85px; border:1px solid #888; border-left:0; padding-right:10px; z-index: 500; padding-left: 5px; overflow: hidden; transition: 1s ease-in-out; -o-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-border-radius: 0 5px 5px 0; -icab-border-radius: 0 5px 5px 0; -khtml-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); } #mintshare_fl:hover .flyout ul{ left:-4px; } #mintshare_fl .flyout ul li { float: left; } #mintshare_fl .flyout ul li a{ } #mintshare_fl .flyout ul a img { } #mintshare_fl .flyout ul li.drop-li {position:relative; width:65px; height:65px; float:left; z-index:100; margin-top: 3px;} #mintshare_fl .flyout ul li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;} #mintshare_fl .flyout ul li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);margin-left:20px; transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } #mintshare_fl .flyout ul li.drop-li a b {background:lightBlue; padding:2px 0; font-family:arial, sans-serif; display:block; width:100px; margin-top:58px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0); transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -o-border-radius:10px; } #mintshare_fl .flyout ul li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);} #mintshare_fl .flyout ul li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);} /* For IE6 */ #mintshare_fl .flyout ul li.drop-li a:hover img {filter: alpha(opacity=50);} #mintshare_fl .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);} /* Get MintShare */ #mintshare_fl .get_mintshare a img { border:none; margin-left: 35px; margin-top: 7px; }

MintShare Classic Float-Top

HTML Code:

<!-- MintShare Classic Float Top --> <div id="mintshare_ft"> <div class="mintshare-wrap"> <a class="top-a">Share This<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table> <tr><td><![endif]--> <div class="flyout"> <ul class="icons"> <li class="drop-li"><a expr:href=""http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TScgNAQmizI/AAAAAAAAB2U/2VkbLGhpa4M/s1600/facebook.png"/><b>Share on FB</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://1.bp.blogspot.com/_b8IA1ajBJG8/TScgIZerhzI/AAAAAAAAB2E/ST_gxGLJohc/s1600/twitter.png"/><b>Tweet This</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TScgOkdfqSI/AAAAAAAAB2c/5F5RUTzVWPE/s1600/stumbleupon.png"/><b>Stumble It</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TScgL4XoGDI/AAAAAAAAB2Q/DWnz6QGT4j0/s1600/digg.png"/><b>Digg This</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://www.technorati.com/faves?add=" + data:post.url" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TScgPMjjl8I/AAAAAAAAB2g/weIEI7h1PJw/s1600/technorati.png"/><b>Technorati</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://4.bp.blogspot.com/_b8IA1ajBJG8/TScgJyQ-2lI/AAAAAAAAB2M/-ToPBuz9__U/s1600/delicious.png"/><b>Delicious</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <span class="get_mintshare"><a href="http://www.bloggermint.com/2011/01/mintshare-social-bookmarking -sharing-button-widget/">Get MintShare Now</a></span> </ul> </div> <!--[if lte IE 6]></td></tr> </table> </a><![endif]--> </div> </div> <!-- MintShare Classic Float Top End -->

CSS Code:

#mintshare_ft, #mintshare_ft ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; background:url("http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfjG3P4w7I/AAAAAAAAB3k/yjkmCOax0yc/s1600/bkg-btn-grey.gif") repeat-x scroll 0 0 #EDEDED; } #mintshare_ft {width:100px; height:30px; border:1px solid #888; position:fixed; z-index:1001; top:0; margin-left:70px;padding: 0 5px; -o-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } #mintshare_ft div.mintshare-wrap {width:100px; height:30px; float:left; position:relative;} #mintshare_ft div.mintshare-wrap a.top-a {margin-left: 5px;display:block; width:100px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; font-size:13px; font-weight:bold; background: url("http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfjIshr9pI/AAAAAAAAB3w/UnosHLVx3co/s1600/plus.png") no-repeat scroll 0 center transparent; padding-left:5px; cursor:pointer; } #mintshare_ft div.mintshare-wrap div.flyout {height:0; overflow:hidden; left:-1px; top:30px; width:110px; position:absolute; z-index:500; transition: height 1s ease-in-out; -o-transition: height 1s ease-in-out; -moz-transition: height 1s ease-in-out; -webkit-transition: height 1s ease-in-out; } #mintshare_ft div.mintshare-wrap div.flyout ul.icons {background:#FFF; position:absolute; left:0; top:-500px; border:1px solid #888; border-top:0; padding-bottom:10px;padding-top:15px; transition: 1s ease-in-out; -o-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-border-radius: 0 0 5px 5px; -icab-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); } #mintshare_ft div.mintshare-wrap div.flyout ul.icons li.drop-li {position:relative; width:100px; height:65px; float:left; z-index:100;} #mintshare_ft div.mintshare-wrap div.flyout ul.icons li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;} #mintshare_ft div.mintshare-wrap div.flyout ul.icons li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);margin-left:20px; transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } #mintshare_ft div.mintshare-wrap div.flyout ul.icons li.drop-li a b {display:block; width:100px; padding-top:20px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0); text-shadow:0 1px #FFF; transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } #mintshare_ft div.mintshare-wrap:hover div.flyout ul.icons li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);} #mintshare_ft div.mintshare-wrap:hover div.flyout ul.icons li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);} #mintshare_ft div.mintshare-wrap:hover div.flyout {height:522px;} #mintshare_ft div.mintshare-wrap:hover div.flyout:hover {height:522px;} #mintshare_ft div.mintshare-wrap:hover div.flyout ul.icons {top:1px;} /* for IE6 */ #mintshare_ft div.mintshare-wrap a:hover {direction:ltr;} #mintshare_ft div.mintshare-wrap a:hover div.flyout {height:522px;} #mintshare_ft div.mintshare-wrap a:hover div.flyout ul.icons {top:0;} #mintshare_ft div.mintshare-wrap div.flyout ul.icons li.drop-li a:hover img {filter: alpha(opacity=50);} #mintshare_ft div.mintshare-wrap div.flyout ul.icons li.drop-li a:hover b {filter: alpha(opacity=100);} #mintshare_ft table {border-collapse:collapse; position:absolute; left:0; top:0; width:0; height:0; margin-bottom:-1px;} /* Misc */ #mintshare_ft .get_mintshare { font-size:10px; margin-left:3px; }

MintShare Classic Float Top

HTML Code:

<!-- MintShare Compact Float Top --> <div id="mintshare_ft_c"> <div class="mintshare-wrap"> <a class="top-a">Share This<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table> <tr><td><![endif]--> <div class="flyout"> <ul class="icons"> <li class="drop-li"><a expr:href=""http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfc4hlSkGI/AAAAAAAAB3A/PKn_KP6sOQI/s1600/facebook_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfc1xv38gI/AAAAAAAAB2w/lwdzgwzlC6I/s1600/twitter_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfc3acrxMI/AAAAAAAAB24/t1KAd8-RvWU/s1600/delicious_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://1.bp.blogspot.com/_b8IA1ajBJG8/TSfc0ni5IlI/AAAAAAAAB2o/8voYpZbQST4/s1600/stumbleupon_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfc3zp3I3I/AAAAAAAAB28/Hy-QUfKp2DQ/s1600/digg_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://www.technorati.com/faves?add=" + data:post.url" class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfc1TY3h1I/AAAAAAAAB2s/Mygg8K9VTac/s1600/technorati_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfcz_OapJI/AAAAAAAAB2k/ZbQmKQIbDXA/s1600/reddit_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <li class="drop-li"><a expr:href=""http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfc2jCW-hI/AAAAAAAAB20/CLBoYPjxGf4/s1600/yahoo_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li> <span class="get_mintshare"><a href="http://www.bloggermint.com/2011/01/mintshare-social-bookmarking -sharing-button-widget/">Get MintShare Now</a></span> </ul> </div> <!--[if lte IE 6]></td></tr> </table> </a><![endif]--> </div> </div> <!-- MintShare Compact Float Top End-->

CSS Code:

#mintshare_ft_c, #mintshare_ft_c ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; background:url("http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfjG3P4w7I/AAAAAAAAB3k/yjkmCOax0yc/s1600/bkg-btn-grey.gif") repeat-x scroll 0 0 #EDEDED; } #mintshare_ft_c {width:100px; height:30px; border:1px solid #888; position:relative; z-index:100; margin-left:70px;padding: 0 15px; -o-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; position:fixed; top:0; z-index:1001; } #mintshare_ft_c div.mintshare-wrap {width:100px; height:30px; float:left; position:relative;} #mintshare_ft_c div.mintshare-wrap a.top-a {display:block; width:100px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; font-size:13px; font-weight:bold; background: url("http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfjIshr9pI/AAAAAAAAB3w/UnosHLVx3co/s1600/plus.png") no-repeat scroll 0 center transparent; padding-left:5px; cursor:pointer; } #mintshare_ft_c div.mintshare-wrap div.flyout {height:0; overflow:hidden; left:-1px; top:30px; width:110px; position:absolute; z-index:500; transition: height 1s ease-in-out; -o-transition: height 1s ease-in-out; -moz-transition: height 1s ease-in-out; -webkit-transition: height 1s ease-in-out; } #mintshare_ft_c div.mintshare-wrap div.flyout ul.icons {background:#FFF; position:absolute; left:0; top:-500px; border:1px solid #888; border-top:0; padding-bottom:10px;padding-top:10px; transition: 1s ease-in-out; -o-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-border-radius: 0 0 5px 5px; -icab-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); } #mintshare_ft_c div.mintshare-wrap div.flyout ul.icons li.drop-li {position:relative; width:40px; height:45px; float:left; z-index:100; margin-left:6px;} #mintshare_ft_c div.mintshare-wrap div.flyout ul.icons li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;} #mintshare_ft_c div.mintshare-wrap div.flyout ul.icons li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);margin-right:5px; transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } #mintshare_ft_c div.mintshare-wrap div.flyout ul.icons li.drop-li a b {display:block; width:100px; height:60px; padding-top:20px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0); transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } #mintshare_ft_c div.mintshare-wrap:hover div.flyout ul.icons li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);} #mintshare_ft_c div.mintshare-wrap:hover div.flyout ul.icons li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);} #mintshare_ft_c div.mintshare-wrap:hover div.flyout {height:522px;} #mintshare_ft_c div.mintshare-wrap:hover div.flyout:hover {height:522px;} #mintshare_ft_c div.mintshare-wrap:hover div.flyout ul.icons {top:1px;} /* for IE6 */ #mintshare_ft_c div.mintshare-wrap a:hover {direction:ltr;} #mintshare_ft_c div.mintshare-wrap a:hover div.flyout {height:522px;} #mintshare_ft_c div.mintshare-wrap a:hover div.flyout ul.icons {top:0;} #mintshare_ft_c div.mintshare-wrap div.flyout ul.icons li.drop-li a:hover img {filter: alpha(opacity=50);} #mintshare_ft_c div.mintshare-wrap div.flyout ul.icons li.drop-li a:hover b {filter: alpha(opacity=100);} #mintshare_ft_c table {border-collapse:collapse; position:absolute; left:0; top:0; width:0; height:0; margin-bottom:-1px;} /* Misc */ #mintshare_ft_c .get_mintshare { font-size:10px; margin-left:3px; }

How to add this Gadget:

1. Go to your Blogger Dashboard.

2. Click on "Design"

3. Click on "Edit HTML"

4. Tick the "Expand Widget Templates"

5. Copy the HTML codes from your chosen gadget & search for this code(Ctrl+f) & paste the HTML code after this below code.


<data:post.body/>

6. Now, Copy the CSS codes from your chosen gadget & search for this code(Ctrl+f) & paste the CSS code before this below code.

</b:skin>
7. Save changes.Done :D

Your Comments are Appreciated

Adding Facebook Like Box In Every Post

In this post I'll tell you how to add Facebook Like/Recommend box in your blogger blog.This trick will help to increase your blog's visibility.This is the easiest way to get visitors from visitors.

Lets see, How to add it...

At first, choose the button & copy the code

Button Type                   Standard Button CountBox Count

Text on the Like Button Like Recommend  

Color Scheme                Light Dark  

Font                               arial lucida+grandesegoe+ui tahoma trebuchet+ms verdana

Float                              Left Right None

Location                        Below the Post Content Above the Post Content  

Display                          On Post pages only EverywhereEverywhere other than Static Pages

Demo:

 ----------------------------------------------------------------------------------------------------------------

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/></div> 
</b:if>

------------------------------------------------------------------------------------------------------------

Now, Go to your blogger Dashboard.Click on "Design"> click on "Edit HTML" > tick the "Expand Widget Templates" and find this code.

<data:post.body/>

After finding the code, paste that above code below the code

Save changes.That's it. Done !!

Your Comments are Appreciated

Google High Paying Keywords - Electronics And Dating Related

Having the right keywords in your blog/website can earn you a lot of money, if it is Google High Paying Keywords, then, you can boost your earnings without any doubt. You have to make sure the article(google keyword related) with google keywords.That’s it.

The number of dollars after each keyword is not what you will take home for each click, but rather it is what an advertiser is willing to pay for a click with these keywords.

In this post, I'll reveal "Electronics and Dating" Related " related keywords.Save this for future use.

Google Adsense High Paying Keyword  -- Electronics Related

Keyword Name	Value
laptop data recovery		$23.60
vaio notebook		$22.88
laptop pcs		$18.85
computer notebooks		$18.49
sony cyber shot dsc w7 digital camera		$17.61
laptop computers		$16.18
notebooks		$13.79
rugged laptop		$13.55
pc laptops		$13.43
laptops		$13.34
vaio laptop battery		$12.56
toshiba laptop computers		$12.07
macintosh laptop		$12.00
laptop notebook		$11.51
notebook pc		$11.48
laptop mounts		$11.32
notebook computers		$11.31
vehicle laptop		$10.32
dsc p10 digital camera		$10.05

Google Adsense High Paying Keyword  --Dating - Related

Keyword Name	Value
singles in las vegas		$20.95
las vegas singles		$19.21
albuquerque singles		$12.32
pensacola singles		$12.19
african american singles		$11.79
american christian singles		$10.60

This is the last post of High Paying Keywords.Thanks to all.

Your Comments are Appreciated

Google High Paying Keywords - Casino And Gambling Related

Having the right keywords in your blog/website can earn you a lot of money, if it is Google High Paying Keywords, then, you can boost your earnings without any doubt. You have to make sure the article(google keyword related) with google keywords.That’s it.

The number of dollars after each keyword is not what you will take home for each click, but rather it is what an advertiser is willing to pay for a click with these keywords.

In this post, I'll reveal "Casino and Gambling" Related " related keywords.Save this for future use.

Google Adsense High Paying Keyword  -- Casino and Gambling Related

Keyword Name	Value
wynn casino		$21.29
suncoast casino		$16.58
online casinos		$14.63
online gambling		$14.41
online casino		$12.80
wynn casino las vegas		$12.61
tropicana casino		$11.75
casino on line		$10.87
tropicana hotel and casino		$10.84
alienware		$16.45
offshore gambling		$15.09
gambling license		$14.99
online gambling		$14.41
gambling on line		$10.68
wynn casino		$21.29
hold everything		$20.56
online casino		$12.80
tropicana casino		$12.27
monte carlo resort and casino		$10.51
monte casino		$10.25

That's it.Next post will be on -- Electronics and Dating Related Keywords

Your Comments are Appreciated