Skip to main content

How to Add Floating Page Sharing Widget for Blogger

So first of all how this widget looks like you can get a preview of this widget on the right hand side you can see the image, well currently I don’t have any working in action preview for this widget but if you are an old reader on my blog than you might have seen this in action.

So come back to the ingredients of this blog so you don’t have to edit any code lines you simply have to follow the steps below and than you will a working floating sharing widget for your blog.

1. You have to sign in to your Blogger.com Dashboard & than choose your Blog in which you wanna add this amazing floating sharing widget.

2. Now click on Expand Widget Templates and press Ctrl + F to open the search now just make a search for
<b:includable id='post'    var='post'> and right below it paste the below code.

<!-- floating page sharers Start HackingUniversity.in--> <style type="text/css"> #pageshare {position:fixed; bottom:15%; margin-left: -71px ; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;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;/*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='pageshare' title="Widget by HackingUniversity.in"> <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> <div class='sbutton' id='rt'> <script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script> </div> <div class='sbutton' id='su'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></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 style="clear: both;font-size: 9px;text-align:center;">Get <a href="http://www.hackinguniversity.in/2011/10/floating-page-sharing-widget.html">widget</a></div><!-- Do not remove this link --> </div> <!-- floating page sharers End HackingUniversity.in -->

3. Now click on Save Template and your floating sharing bar is ready to be shared with your readers for further sharing.

Customizing Floating Sharing Bar :

1. Now for the customization part your can simply edit the red numbers in above code to main the margins in horizontal position.

2. Secondly if you just wanna show this widget in your posts you can add the above code inside the below code and than follow the same steps for pasting it.

<b:if cond='data:blog.pageType == "item"'>
Paste above code here…
</b:if>

That’s it now your widget is ready and can checked by refreshing your blog, well if you find any problem just comment below so that I can fix them out.

Labels:

Comments

Post a Comment

Hacking Hacking or Hacking😯😯😯

raghu

super

Popular posts from this blog

Xiaomi Stock Rom for all models

Download Xiaomi Stock Rom for all models Xiaomi Mi 1 / 1S Stock Rom Xiaomi Mi 2 / 2S Stock Rom Xiaomi Mi 2A Stock Rom Xiaomi Mi 3 Stock Rom Xiaomi Mi 4 Stock Rom Xiaomi Mi 4i Stock Rom Xiaomi Mi Note Stock Rom Xiaomi Mi Note Pro Stock Rom Xiaomi Mi Pad Stock Rom Xiaomi Redmi 1 Stock Rom Xiaomi Redmi 1S Stock Rom Xiaomi Redmi 2 Stock Rom Xiaomi Redmi Note Stock ROM Download &#128559;&#128559;&#128559;
Post a Comment
Read more

How to Upload MP3 Files to Flickr or Picasa Albums

While most people use Flickr for uploading photos and videos, one can also use photo sharing websites like Picasa or Flickr for hosting MP3 songs and other audio files. For instance, these Flickr pictures are identical but the one on right is actually an MP3 file. To hide an MP3 file into a JPEG image, copy the MP3 file and a picture into a folder. Open the command prompt window (Start > Run > cmd) and switch to this folder. Now run the following command: copy /b my_picture.jpg + my_song.mp3 my_new_picture.jpg Remember to replace my_picture and my_song with relevant file names. Next, upload the my_new_picture.jpg file to Flickr. The MP3 song picture will look just like any other regular photograph that you share on Flickr. When you want to download that MP3 file from Flickr, open the relevant photo page, go to “All Sizes” and download the original sized image (example). Change the file extension to MP3 and enjoy the music using Winamp. And not just MP3 files, you...
Post a Comment
Read more

Increase Android Device Speed by Disabling Animation

Animation can actually make your device feel good but in long term if you see these animations conserve battery and even make your phone a little slower, if you are running a high end phone then these little difference won’t be noticeable but its there and on lower end phones you are going to face a lot of issues, so today I will show you how to disable the animations in android and make your device faster. Disabling Animation Scale in Android to Make it Faster Basically there are 3 types of animation scale options you can disable in android that’s is Window Animation Scale, Transition Animation Scale and Animator Duration Scale. So lets see how to disable all three and make your android pumped up. 1. On Android, Open the About Menu. 2. Now scroll down and press 3 times on Build Number to enable he Developer Options. 3. Now you will get those Developer Options. 4. Just open that and scroll that, until you find three options: Window Animation Scale , Transition Animati...
Post a Comment
Read more