Loading...
Showing posts with label Widgets. Show all posts
Showing posts with label Widgets. Show all posts

1 ADD ANIMATED FLYING TWITTER BIRD WIDGET TO BLOGGER BLOGS

How to Install ?

is Very Simple! just follow these steps…
  1. Change Your Twitter Account User Name.
  2. Copy The Bellow Widget Code.
  3. Go to Blogger Dashboard > Design > Edit HTML .
  4. Search For </body> tag and Place Widget Code Just Before it.
  5. Save your template.


<!-- Twitter Bird Widget for Blogger by Tfy2012.blogspot.in --> <script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js"> </script> <script type="text/javascript"> var twitterAccount = "tech for you"; var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> "; tripleflapInit(); </script> <span style="font-size:11px;position:absolute;"><a title='Blogger Widget by Way2blogging.Org' href="http://tfy2012.blogspot.in/" target='_blank'>Blogger Widgets</a></span> <!-- Twitter Bird Widget for Blogger by Tfy2012.blogspot.in -->


Note : Replace Your Twitter Account Name ___--------"tech for you"

That’s All!
Follow me on Twitter and hope you Enjoyed

0 Popular Posts Widget For Blogger

"Popular Post Widget" or "Most commented Posts" forBlogger as is very great widget to show Blogger popular posts widgetof your posts,which your readers most liked and expressed their love in comments.It gives your visitors a reason to stay on your blog. This widget is very easy to install just have to add small bit of javascript codes to your blog sidebar.
Follow these steps to add the recent comments widget in your Blogger (Blogspot) blog.

0 Recent Posts Widget With Thumbnails For Blogger


Recent Posts Widget With Thumbnails For BloggerIf your blog have long posts and you want to help your visitors to find your recent posts quickly, without spending time browsing you blog searching for your older posts. Then displaying small thumbnail images adjacent to post titles in the recent post widget on your Blogger blogs could be the right fix. This not only looks nice, but also entice visitors to click on your posts.

0 Add Floating Social Share Buttons In Blog

http://tfy2012.blogspot.in


Just follow these simple steps:
Step 1. Go to Your Blogspot site
Step 2. Then Design> Add a gadget (add any where it doesn’t matter)
Step 3. Copy the Code 

<!--SideBar Floating Share Buttons Code Start by Howto.tfy2012.blogspot.in-->
<style>
#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px
0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-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='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><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></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://tfy2012.blogspot.in/2012/07/add-floating-social-share-buttons-in.html#.T_aDBYSvjQV" target="blank"><font color="red">[Get This]<font></font></font></a></div></div>
<!--SideBar Floating Share Buttons Code End by Howto.tfy2012.blogspot.in-->

Step 4. Paste the codes.
Step 5. Save the gadget.

Now see your Blog, Isn’t it Beautiful !

New Version -------- 

Create Floating Bar For Pinterest & Other Sharing Buttons


 

Tech For You Copyright © 2011 - |- Template created by Jay Ruparel - |- Powered by tfy2012

Share
back to top

Recent Posts