Buttons put Facebook, Twitter, Google +1 floating beside the forums

Do you see the three buttons on the side of the floating Blog?
Do you want to like her? Here are the simple steps: 1 Log in to your blog from this linkHttp://blogger.com 2. press the button "design" or "design" next to the name forums






3 Click on the "Add a Gadget" or "add gadget" as the image:

4 of tools select "Html / Javascript" to add

5. will open a page, paste the following code and put it in the box designated for large content writing:

<! - Floating ->
<style>
#pageshare {position: fixed; bottom: 15%; margin-right: -97px ; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #fff; padding: 0 0 0 2px; z-index: 10;}
{#pageshare .sbutton float: left; clear: both; margin: 5px 5px 5px 0;}
.FBConnectButton_Text {
padding: 1px 2px 3px! important;
} </ style> <div id = 'Pageshare'> <div class = 'Sbutton' id = ' fb '> <div id = 'fb-root' /> <script src = 'http: //connect.facebook.net/en_US/all.js#xfbml=1'/> <fb: like font =' 'href = '' layout = 'Box_count' send = 'false' Show_faces = 'false' /> </ div> <div class = 'Sbutton' id = 'fb'> <a expr: Share_url = 'data: Post.url' href = 'http: //www.facebook.com/sharer.php' name = 'fb_share' type = 'box_count'> Share </a> <script src = 'http: //static.ak.fbcdn.net/ Connect.php / js / FB.Share 'type =' text / javascript '/> </ div> <div class = 'Sbutton' id = 'rt'> <g: Plusone size = "tall"> </ g: Plusone> </ div><div class = 'Sbutton' id = 'rt'> <a class = 'twitter-share-button' data-count = 'vertical' expr: data-text = 'data: Post.title' expr: data-url = 'data: Post.url'> Tweet </a> <script src = 'http: //platform.twitter.com/widgets.js' type = 'text / javascript' /> </ div > <div style = 'clear: both; font-size: 9px; text-align: center;'> <a Href='http://www.blogge-Zoom.com/'> blogger </a> </ div> </ div> <! - floating ->

Then press Save 7 now move the tool that you have added to the bottom side of the square as the image Postings

(Click on the image to enlarge)

8 is now the last step (which is necessary for the emergence of a button Google): Click on the edit box "blog posts" as the image:

Then remove the sign from the side of health "buttons participation" as the image:

Now save your changes and see the buttons in the forums. Note: To modify the place of buttons You can do this by modifying the colored part of the code, the more supplied negative whenever Turn right more and more Aqtertpt value of the positive whenever moved to the left. Important note: anyone who uses templates modified facade problems the previous method, can use the following way: 1. enter on your blog> then design> then edit the HTML code 2. then extend through education on the box labeled "expand elements of user interface templates" 3 Find the following line:

<B: includable id = 'main'>

Then add code directly after the former.
4 Save the template

Categories: