Add Floating Social Media Sharing Buttons To Blogger
The Floating Social Media Sharing is a very popular widget on all the top blogs, being a very good way to increase the number of times your posts get shared on Twitter, Facebook and other social networks. It has some of the following functions: Facebook Like, StumbleUpon, Twitter Share, Digg This, Google+ and RSS Feed Icon and each of them comes with a live counter. You can add more sharing buttons or social bookmarking icons later if you wish.
How to add the scrolling social bookmarking bar
- Go to Layout
- Click on Add A Gadget link
- From the pop-up window, scroll down and select HTML/Javascript
- Copy the code below and paste it inside the empty box.
- Save the gadget.
<!-- floating share bar Start http://yasir5260.blogspot.com--> <style type="text/css"> #pageshare {position:fixed; bottom:5%; margin-left:-721px; 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="Get this from Helpblogger.com">
<div style="margin-left:8px;"><div class='sbutton' id='like' style='margin: 5px 0 0 5px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script><fb:like layout='box_count' show_faces='false'></fb:like> </div></div>
<br /><div class='sbutton'><a class='twitter-share-button' data-count='vertical' data-via='Helplogger' expr:data-counturl='data:blog.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a><script src='http://platform.twitter.com/widgets.js'; type='text/javascript'></script>
<br /><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='gplusone'> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <g:plusone size="tall"></g:plusone></div><br/><a href='http://feeds.feedburner.com/helplogger' rel='nofollow' target='_blank' title='Subscribe To Our Rss Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ-ptrd-JmBOZ1MAqzr3NEMVQjrc4Szu2UEm3ilLIz4I8bB2JmA-G4n1myZ00e_XU5T43rjOE73aKJ3ZBRFYh56HZ4Fbhme_OBijmHwxcnhihCwqvI8XZuzRyg_T2sFAGVdoA4vF-TH77p/s1600/icon_rss_reader.png'/></a><div style="clear: both;font-size: 9px;text-align:center;">Get <a style="color: #3399BB;" href="http://helplogger.blogspot.com/">widget</a></div><!-- Do not remove this link --> </div> <!-- floating share bar End --></div>
Customization:
- Vertical alignment - Change the value of bottom in code line 3. The code positions the button relative to the bottom of your browser window. To fix the distance even when window is resized, specify the value in px (pixels) instead of %.
- Horizontal alignment - Change the value in red of margin-left. Negative value pushes the button to the left of the main blog column, positive value pushes it to the right. Increase or decrease the value based on your needs.
- Twitter setting - Replace Helplogger with your Twitter username
- Replacing and removing buttons - You can replace existing buttons with your own. Each button is represented by this code: <div class='sbutton'> BUTTON CODE HERE </div>
- RSS Feed - Change the text in blue with the url address of your RSS feed.
Enjoy :)
MetroBTK -Ads ready Blogger Template
A very beautiful 2-column blogger template that looks like Metro UI of Windows 8. This clean and professional theme allows you to put advertisement on right side of header and right sidebar.
Demo
Download : www.btemplates.com/download/4434
Ads ready Blogger Template Prostyle
This a free ads-ready blogger template with professional look. proStyle is a 2-column blogger template, you can put ads on right sidebar and 468x60 banner ads on header
Demo
Download : www.btemplates.com/download/4404
Demo
Download : www.btemplates.com/download/4404
Wood Theme - WordPress Urdu Theme
Urdu Localization by - Farhat Kayani
www.mediafire.com/?o6enka9p4bx14ax
www.fileden.com/files/2011/10/30/3216758//wood-urdu-theme.zip
www.mediafire.com/?o6enka9p4bx14ax
www.fileden.com/files/2011/10/30/3216758//wood-urdu-theme.zip
My Simplified - WordPress Urdu Theme
Urdu Localization by - Farhat Kayani
www.mediafire.com/?18ojooam41e4l1z
www.fileden.com/files/2011/10/30/3216758//mysimplified-urdu-theme.zip
www.mediafire.com/?18ojooam41e4l1z
www.fileden.com/files/2011/10/30/3216758//mysimplified-urdu-theme.zip
Clean Bright - WordPress Urdu Theme
Urdu Localization by - Farhat Kayani
www.mediafire.com/?pbp7bu1tr3ovd3r
www.fileden.com/files/2011/10/30/3216758//clean-bright-urdu-theme.zip
www.mediafire.com/?pbp7bu1tr3ovd3r
www.fileden.com/files/2011/10/30/3216758//clean-bright-urdu-theme.zip
Vibrant - WordPress Urdu Theme
Urdu Localization by - Ammar ibneZia
www.mediafire.com/?j0rk3a2fm4fkjt2
www.fileden.com/files/2011/10/30/3216758//vibrant-wordpress-urdu-theme.zip
www.mediafire.com/?j0rk3a2fm4fkjt2
www.fileden.com/files/2011/10/30/3216758//vibrant-wordpress-urdu-theme.zip
Blue 30 - WordPress Urdu Theme
Urdu Localization by - Ammar ibneZia
www.mediafire.com/?b2ag64u1aylysf4
www.fileden.com/files/2011/10/30/3216758//blue30-wordpress-urdu-theme.zip
www.mediafire.com/?b2ag64u1aylysf4
www.fileden.com/files/2011/10/30/3216758//blue30-wordpress-urdu-theme.zip
Urdu Redie 30 - WordPress Urdu Theme
Urdu Customized by - Ammar IbneZia
http://www.mediafire.com/?ibleg1zglqa98mp
http://www.fileden.com/files/2011/10/30/3216758/urdu-redie-30.zip
Smells Like Facebook - WordPress Urdu Theme
Urdu Localization by: Alf Nizami
www.fileden.com/files/2011/10/30/3216758//wordpress-urdu-theme-smells-like-facebook.2.2.zip
Download Link 2
www.mediafire.com/?g2mix7m6ix3pdg5
Blogspot Urdu Templates
1 Coffee-Desk-Urdu
www.fileden.com/files/2008/11/24/2198732//Coffee-Desk-Urdu.zip
www.mediafire.com/?zbcm14v6hm6aoxy
2 VintagePaper-Urdu
www.fileden.com/files/2008/11/24/2198732//VintagePaper-Urdu.zip
www.mediafire.com/?6gvlc6br588o86c
3 Mosaico
www.fileden.com/files/2008/11/24/2198732//Mosaico-Urdu.rar
www.mediafire.com/?ugwcwvynlgdg4mh
4 Outono
www.fileden.com/files/2008/11/24/2198732//Outono-Urdu.rar
www.mediafire.com/?pu1i74azwb3p4dp
How to Make Menu using php Array
<?php
$menu = array(
"HOME" => "http://hackresource.blogspot.com",
"Google" => "http://www.google.com",
"PHP" => "http://hackresource.blogspot.com/search/label/PHP"
);
?>
<html>
<head>
<title>teste</title>
</head>
<body>
<a href="<?php echo $menu['HOME']; ?>" target="_blank">Home</a> <br>
<a href="<?php echo $menu['Google']; ?>" target="_blank"> Google </a><br>
<a href="<?php echo $menu['PHP']; ?>" target="_blank"> PHP </a>
</body>
</html>
target is attribute of anchor tag specifies where to open the linked document values are:
_blank Opens the linked document in a new window or tab
_self Opens the linked document in the same frame as it was clicked (this is default)
_parent Opens the linked document in the parent frame
_top Opens the linked document in the full body of the window
Best Free Blogger Template Of 2013
Subscribe to:
Posts (Atom)