/india-vs-pakistan.

india-vs-pakistan.

sachin-tendulkar-man-who-became-god.

sachin-tendulkar-man-who-became-god

india-vs-england-2012-2nd-t20i-preview.

india-vs-england-2012-2nd-t20i-preview.

sehwag-gambhirs-smug-overconfidence.

sehwag-gambhirs-smug-overconfidence.

all-proteas-players-to-be-given-game.

all-proteas-players-to-be-given-game.

Showing posts with label stylish. Show all posts
Showing posts with label stylish. Show all posts

Wednesday, July 24, 2013

How to add animated social sharing widget with dashing shapes.


Adding to WordPress!
Go To Your dashboard, Then Click On Appearance and then Navigate To Editor.
Now on The Right Side you can a list of template files, move your mouse to footer.php and then click on that
As Soon the page loads completely, Press CTRL+F and Find </body>
 Now be careful and paste the below code just about it !
Hit on Update File, Now Visit Your WordPress Blog ! You can see it located on The Bottom Left
Adding to Blogger/Blogspot!
Go to Blogger Dashboard > Template
Take a backup of your template.
Now find for below code in your template </body>
Add below piece of code just above/before of above code.

Paste the following code to your blog or websites:
<!-- Start Social Sharing Widget Sassy Bookmarks HTML (mylabofblogger.blogspot.in)--> <div class="shr_ss shr_publisher"> </div> <!-- End Shareaholic Sassy Bookmarks HTML --> <!-- Start Shareaholic Sassy Bookmarks settings --> <script type="text/javascript">   var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};   </script>  <!-- End Shareaholic Sassy Bookmarks settings --> <!-- Start Shareaholic Sassy Bookmarks script --> <script type="text/javascript">        (function() {             var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;             sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";             var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);         })();         </script> <!-- End Shareaholic Sassy Bookmarks script -->


Friday, June 7, 2013

Add Floating Sharing buttons to sidebar

Add Floating Sharing buttons to sidebar

Hey Guys, Checkout this cool Floating Sharing buttons to sidebar  .




 If you want to add this widget to your blog just follow this simple steps.



1.Go to Blogger > Layout
2.Click on 'Add a Gadget'
3.Choose HTML/Javascript
4.Copy Paste the code given below inside it.


 <style>
/*-------GAMERX Sharing Widget------------*/
#pbtfloat {
  position:fixed;
bottom:15%;

margin-left: -84px;
z-index:10;
float:left;
padding-bottom:2px;
}
#pbtsidebar {
        background:#fff;
        border-top:1px solid #ddd;
        border-left:1px solid #ddd;
        border-bottom:1px solid #ddd;
        border-radius:5px;
       -moz-border-radius:5px;
       -webkit-border-radius:5px;
        padding-left:5px;
        width:60px;
        margin:0 0 0 5px;
}
.fb_share_count_top {width:52px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:52px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>


<div id="pbtfloat">
<div id="pbtsidebar">
    <table cellpadding="1px" cellspacing="0">

    <tr>
    <td style="padding:5px 0px 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="probloggingtool">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    </td>
    </tr>
    <tr>
    <td style="padding:5px 0 2px 0;">
    <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
    </td>
    </tr>
    <tr>
    <td style=" padding:5px 0px 0px 0px;">
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>
<g:plusone size="Tall" expr:href="data:post.url">
    </g:plusone></td>
    </tr>
    <tr>
    <td> <a href="" style="color:#000000; font-size:8px"> </a>
    </td>
    </tr>
        </table> </div> </div>




 4. Adjust the position of the widget, edit -84px; 
 5. Save the Gadget and see your blog again.
 6. You can use this in blogspot blog.

Add Stylish blue rusted retro subscribe widget below post for blogger

If you want to add this widget to your blog just follow this simple steps.



1.Go to Blogger > Layout
2.Click on 'Add a Gadget'
3.Choose HTML/Javascript
4.Copy Paste the code given below inside it.


<a href="http://www.facebook.com/yourusername"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQLYUeCUeu2dLpNpNk2Ne1QCxFb7-f5FdDpwtKLggvJ8AJ1B5-riFMs1uIyHkOtoIA9-wLkp4v1-VAssC_vXuZUv7tPCN1aQyJpHkjt_AdNR-2tiKl6xt4nq3BLUIZzajyK9DS7FbcgFg/s1600/098540-blue-retro-rusted-grunge-icon-social-media-logos-facebook-logo-square.jpg" title="Like Us" /></a>
<a href="http://www.Twitter.com/your username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoP9ZQiwCcQIU6mCx9Um8hLvEZe2VSdKwLGlVLWsdhame1n7HMQdReob5MB3kfADmrL06k4hKol798hMfklFRjLapA-A0LG_TupVuXN-wqiPLKlWEtLLlOj-rK-XbhybJEGNmwEpjpf1U/s1600/098610-blue-retro-rusted-grunge-icon-social-media-logos-twitter-bird3-square.jpg" title="Tweet Us" /></a> 
<a href="http://feeds.feedburner.com/your username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTW7kKbmwOyUr8lhyphenhyphenG4HojqElLSJzBohC7rGKCQnVsz3bVE_ESOxzQSFU7BqHegACEYRFqygvkT_fD_8Y5uqhFc38UmkyAYCw1dSL4fXlUuNsNPYlVjo6RNqKu6gmjq5cAOlK-YrdkgBI/s1600/098591-blue-retro-rusted-grunge-icon-social-media-logos-rss-cube.jpg" title="Feed Us" /></a>
<a href="https://plus.google.com/u/0/108432524418882740014"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin3bPXkB8-kPjvf-yyL0WLMgapPIzaO1oze_P-Zx49TzWqdhtQh93sD3l_XOCMXT6SGYRzjlz4q4eOrmtIraXB5BcWwhhyphenhyphenZQG3-Rsq_5ouIaK1-APT9T7omHnputDoNGMpUbYkyeb1i0M/s1600/098555-blue-retro-rusted-grunge-icon-social-media-logos-google-logo-square.jpg" title="Circle Us" /></a>
<a href="http://www.stumbleupon.com/stumbler/yourusername"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ8ahcOZ_G7R96zZo1Bul7CIY26vVJUscGKrQHQLVH7HZAbLdLNjFDROztvFymTpD0jr_RXtvK9bDd9xHp1NpWtusNgkNVMf4mG2R_ofCW05q0XU2-K1tSmx1PnvLjA9lM4bPN8AG6-io/s1600/098600-blue-retro-rusted-grunge-icon-social-media-logos-stumbleupon-logo-square.jpg" title="Stumble" /></a>
<a href="http://digg.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWHNuasctfTmcfUqOiF7y0F9QTdfykrcWzcBhsWOd3T22SJrSoJCJcAAkq6EBDjcghjESw6L0_feIG5NUYkzVNnj6_JLz-57KRWL7fxNkFyXkuhvaTvuZbK-nMiUaxz_Nq9tMdCKXOnG8/s1600/098531-blue-retro-rusted-grunge-icon-social-media-logos-digg2-logo-square.jpg" title="Share us on Digg" /></a>
<a href="https://delicious.com/your username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-nzh40rTk31Nv3xvdNThinIlBCIHhVvePsbWTYp10weAE_LuQK8yXf0nIsez6YTQeq-xoU3Ic9VJ3nqMBKY1VI2jpWFoe7XJalofICnWPmqpkv0PD6ieNtLQZiGRp4Zjv41WfqzT1UGI/s1600/098522-blue-retro-rusted-grunge-icon-social-media-logos-delicious-logo-square.jpg" title="Share us on Delicious" /></a>




 5. Change Red coloured url with your's   .
 6 Now click on save button.

Gamer City z

Free for your eye videos