This is the First ever blogger gadget i have been publishing in this site.
Follow the steps carefully to do it by yourself. If you are unable to add the code correctly you can contact us here.
Step 1
Go to your Blogger layout and Add an Html/Javascript Gadget and Place the Below code directly into it.
<style>
.social{background:none repeat scroll 0 0#fff;border-bottom:1px solid#F0F0F0;height:90px;padding:8px}.social li{float:left;margin-right:4px;text-align:center;width:52px;list-style:none}.social li.last{margin-right:0}.social li a{color:#666666;font-size:11px;line-height:34px;opacity:0.6;padding-top:42px}.social li a:hover{color:#666666;opacity:1;text-decoration:none}.social.social-feed{background:url("http://3.bp.blogspot.com/-_gwlmCiRPw0/T4MMqbhtV6I/AAAAAAAAAP8/nH_B9B4zuf0/ico-social-rss.png")no-repeat scroll 0 0 transparent;display:block}.social.social-email{background:url("http://1.bp.blogspot.com/-YTyCWTpVs3g/T-9cnlXJ4mI/AAAAAAAAHMA/ptYSLZ1mwsU/s1600/email-feed.png")no-repeat scroll 0 0 transparent;display:block}.social.social-twitter{background:url("http://1.bp.blogspot.com/-AEs2xaucVqo/T4MMrfQok6I/AAAAAAAAAQA/tUHW2QEIZXY/ico-social-twitter.png")no-repeat scroll 0 0 transparent;display:block}.social.social-facebook{background:url("http://1.bp.blogspot.com/-69FO7ybaHo0/T4MMo5Ms1VI/AAAAAAAAAP0/a84dfPIr0NA/ico-social-facebook.png")no-repeat scroll 0 0 transparent;display:block}.social.social-googleplus{background:url("http://1.bp.blogspot.com/-Ke7NQ2PDKgA/T4G-C7pmEfI/AAAAAAAAAOc/tIWtV_pdOeA/googleplus.png")no-repeat scroll 0 0 transparent;display:block;margin-right:0}.social.social-pinterest{background:url("http://1.bp.blogspot.com/-zxq13IO5BvU/T-tH1ZdmaII/AAAAAAAAHGE/fPs_JK7ih9c/s1600/pinterest-icon.png")no-repeat scroll 0 0 transparent;display:block}
/* from http://www.spiceupyourblog.com */
</style>
<ul class='social'>
<li><a class='social-feed' href='http://feeds.feedburner.com/spiceupyourblog' rel='nofollow' target='_blank'>RSS</a></li>
<li><a class='social-email' href='http://feedburner.google.com/fb/a/mailverify?uri=SpiceUpYourBlog&loc=en_US'
rel='nofollow' target='_blank'>Email</a></li>
<li><a class='social-twitter' href='http://twitter.com/paulcrowepro' rel='nofollow' target='_blank'>Twitter</a></li>
<li><a class='social-facebook' href='http://facebook.com/spiceupyourblog' rel='nofollow' target='_blank'>Facebook</a></li>
<li><a class='social-pinterest' href='http://pinterest.com/paulcrowe/' rel='nofollow' target='_blank'>Pinterest</a></li>
<li class='last'><a class='social-googleplus' href='https://plus.google.com/b/108200902911276741668/108200902911276741668/posts'>Google+</a></li>
</ul>
<small><a href="http://www.blogger-hoard.blogspot.com">Blogger & Wordpress Widget</a></small>
Here is a Custom Amazing Facebook Static Like Box Code for blogger for free
Instructions
1. Copy the below Code and change Highlighted "funnythingsaroundme" to your Facebook Page ID
2. Add a New Html/JavaScript Gadget to your Blog( Here How Adding the Gadget)
3. Paste the Code it it And Enioy
4 If you still didn't understand Just Contact me
here
<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".w2bslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.w2bslikebox{background: url("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: gray;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style>
<br />
<div class="w2bslikebox">
<div>
<iframe frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Ffunnythingsaroundme&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" style="background: #fff; border: medium none; height: 270px; overflow: hidden; width: 245px;"></iframe><a href="http://blogger-hoard.blogspot.com/2013/02/create-static-facebook-like-box-in.html">Blogger Hoard</a>
</div>
</div>
If you liked this Please Comment
It is very important to back up your blogger theme before you doing any kind of work by editing theme content or adding any external gadget. So that you can restore it to previous state if any problem exists there.
here are the step by step
Step 1
Select template In the blogger dashboard of the blog to be edited.
Step 2
Click on backup/Restore button in the top right side.
Step 3
Download the template by clicking download button.
Since Blogger blog is free to setup and having a dozens of free themes you can also upload different Blogger themes from various website which is really free. You can select any of the theme or design your own theme.
Step 1
Select template
Step 2
Click on Restore/Backup at the right corner
Step 3
Before uploading you theme download your older theme for better performance.
Step 4
Then upload your xml file for the upload your theme
If You are not aware how to upload the file you can contact me
here
Or for less price 5$ I can do it for you
here
Everybody Now Looking For a Good blogging platform for their blogging. The two main blogging platforms are Blogger And WordPress. We can setup free accounts at both Blogger and WordPress. But The Users thoughts in Design and other features are limited at WordPress since it only available for paid users. But for free users the Blogger platform is better. Because with little efforts You can do beyond the Blogging platform and make it more beautiful than blogger. You can even design yourself if you are good at design.
Step 1
First of all you need a Gmail Account. With your name and desired email address you can setup one at
here.
Or If You already have an Account You can Sign in at
here
Step 2
Next you want to do is Selecting your blogger name. It can be your name or anything else you want.
Step 3
Upgrade to Google Plus Account for Better Traffic and popularity of you blog.
Step 4
Create your Blog by typing your blog name and blog address
Select 5
Select a theme. You can upgrade to better theme later.
