Below Post Social Sharing Widget for Blogger

This  is  a  Below   Post  Social    Sharing  Widget. In
this tutorial im gonna   explain,   how to  add it to end
of blogger  post. it  include  nice  title  hover effect too.
By  using  this  widget,   you  can  share  your  social
networks  with  one click.

Demo

1. Log in to blogger account and Click drop down.

2. Now select "Template" Like Below.

3. Now you can see Live on blog, Click EDIT HTML Button"

4. Find this tag by using Ctrl+F    ]]></b:skin>

5. Paste below code Before ]]></b:skin> tag

ul.social_btrix {
list-style:none;
display:inline-block;
margin:15px auto;
}
ul.social_btrix li {
display:inline;
float:left;
background-repeat:no-repeat;
}
ul.social_btrix li a {
display:block;
width:50px;
height:50px;
padding-right:10px;
position:relative;
text-decoration:none;
}
ul.social_btrix li a strong {
font-weight:400;
position:absolute;
left:20px;
top:-1px;
color:#fff;
z-index:9999;
text-shadow:1px 1px 0 rgba(0,0,0,0.75);
background-color:rgba(0,0,0,0.7);
-moz-border-radius:3px;
-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);
-webkit-border-radius:3px;
-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);
border-radius:3px;
box-shadow:0 0 5px rgba(0,0,0,0.5);
padding:3px;
}
ul.social_btrix li.abfacebook {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3RRUCOnvj249fw5RXJraJJAC4E353kdDNbe23Jxdv5rFn2CkC_bzFWZpUpwsJWO8JefVQqurzdiebBR5U44ci5mPkJQdc5jEeERYaftK6MBBHlmrjSbJVsmwQla6AHUWeI9etRh9cRS2V/s1600/btrix-facebook-icon.png);
}
ul.social_btrix li.abtwitter {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX3D34j9aEuhn-_Sx1OylNTO1g6tLOHDeCeVqpuLgZMEXk2G48i1wuJXtJ2eYmOPgRTXEHY-ZrZEF83ypnuv7NyLzmO9MDvpxRrXLgaAY_fLjFb5GMYq8bmKKnJg3HPr9trM-0r7bHymR_/s1600/btrix-twitter-icon.png);
}
ul.social_btrix li.abgoogleplus {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7jNc2O5Vvq9Fb4pSwm6-x8sztAEqhoS3p71QMQQGKEmraKOd50gP-Kj6sYASaXzDVd2RxQZH9N_qpCbls7hMgzF5HZCCOMp_9Rm-u6bcX2IFEyX-rWIH46ZiNZcKqRW51nlX6fsArP5ZB/s1600/btrix-google-icon.png);
}
ul li.abpinterest {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_jRnOmx8S1I7_xEr5B52sNIFFmqG2iBqarW4OF7EXJKYeK9WbxGzEeIkZrzUU1qULTvUaTV_NvbkApSE75V8eqLLJX9jHOvWbzwNna7LkkceQButeROLo7J0WcPLcRZMiKGt8A_09jMRJ/s1600/btrix-Pinterest-icon.png);
}
ul.social_btrix li.abstumbleupon {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8Za3ZV7klcKhd76bnBXHFvT5uxgRpuBFfFQMkTDWgvC37f5U7pApQEk3kMxY_yk9hljlj5sV30wTpQg8Jvtsm86-aEGoiic9a1pSzeA_F2ZG3ZM39flmnemcGJdcuSNK1QqQPx0KbGazX/s1600/btrix-StumbleUpon-icon.png);
}
ul.social_btrix li.abdig {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPUOD3Bm8OpSrzgmGCDmchA12F4id2ZPXB7CdkbJ1zJM4bnKbJt1WDY89u95tBhEuJ-VAiBJvik69WUnONWVLm0XLljvyciIQAvFOGJ3EKACb5KD-lpmnWDIk8COzfVTn8_WXcer9mIVIZ/s1600/btrix-Digg-icon.png);
}
ul.social_btrix li.ablinkedin {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn94_c1jhTg8Kf7alwC9okuhCpFbZST6Ez6HVh2bWZ_xTTX_W9QvH3oGTG3HF79ovWVuENQI9mRBOT4-u5VWrwDjfG13jPxtAXMlLyLlh4xFXR92fw_qip0_64IPq_d99uPPqVMfjMcO84/s1600/btrix-Linkedin-icon.png);
}
#animation_btrix:hover li {
opacity:0.2;
}
#animation_btrix li {
-webkit-transition-property:opacity;
-webkit-transition-duration:500ms;
-moz-transition-property:opacity;
-moz-transition-duration:500ms;
}
#animation_btrix li a strong {
opacity:0;
-webkit-transition-property:opacity, top;
-webkit-transition-duration:300ms;
-moz-transition-property:opacity, top;
-moz-transition-duration:300ms;
}
#animation_btrix li:hover {
opacity:1;
}
#animation_btrix li:hover a strong {
opacity:1;
top:-10px;
}

6. Find this tag by using Ctrl+F    <data:post.body/>

7. Paste below code Before <data:post.body/> tag

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='font-size: 22px;'><b>Share this article with your friends.</b></div>
    <ul class='social_btrix' id='animation_btrix'>
    <li class='abfacebook'>
    <a expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow'><strong>Facebook</strong></a>
    </li>
    <li class='abtwitter'>
    <a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' rel='nofollow' target='_blank'><strong>Twitter</strong></a>
    </li>
    <li class='abgoogleplus'>
<a expr:href='&quot;https://plusone.google.com/_/+1/confirm?hl=en&amp;url=&quot; + data:post.url' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' target='_blank'><strong>Google+</strong></a>
    </li>
    <li class='abpinterest'>
<a href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());' rel='nofollow' target='_blank'><strong>Pinterest</strong></a>
    </li>
    <li class='abstumbleupon'>
    <a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' target='_blank'><strong>StumbleUpon</strong></a>
    </li>
    <li class='abdig'>
      <a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><strong>Dig</strong></a>
    </li>
    <li class='ablinkedin'>
    <a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&amp;source=&quot;' rel='nofollow' target='_blank'><strong>LinkedIn</strong></a>
    </li>
    </ul>
</b:if>

8. Now save your template
    You are done...

Why Design Your Site For Mobile At All

Designing a site for mobile  platforms should never be
an afterthought,   with   mobile optimisation becoming
increasingly   important.   More  and  more people are
accessing  the  Internet on their phones, and are often
looking for particular  content or local services. Negle-
cting these  potential  audiences,  and not going down
the route of specialising  your  website, can mean that
you fail to stay in line with  the   many companies that
have   already  created  mobile   sites,   or   that   have
optimised their sites using responsive  design to make
them  more  accessible  to phones. Looking  at  these
areas  in  more  detail,  it’s  possible  to  reinforce why
designing a site for mobile is so crucial.





Larger Potential Audiences and Specialisation
In general, mobile sites reach out to a growing audience of people that are using their  smartphones to browse and making purchases online. The kind of audience that can be found through mobiles may also be one that will remain loyal to a high quality site if they know that can receive a consistent level of service from it on a daily basis. The mobile audience is one that is growing all the time, and can’t be ignored as faster 4G speeds, and competitive prices for data storage and different speeds mean that websites will be able to provide more dynamic features.

A mobile version of a site can also be effective at breaking down your main website to be more specialised, and more able to deliver rapid conversions. A mobile site tends to be more driven by simple tasks and essential content, and can also be based around particular apps that deliver more interaction and opportunities for customers to access targeted content. The demographic profile of early mobile Internet users also tends towards those that already spend significant amounts online, and can continue to do so when on the go with their phones or tablets.


Responsive Design
When putting together a mobile version of a site, it’s important to recognise that you don’t necessarily have to design a completely new site, but rather that you can use responsive design to make a site work across different platforms. Responsive design uses CSS and other programming tools to ensure that a site will appear at the correct resolution and size depending on what device is being used to view it. Web developers can program a site to be more responsive, in this way, with the benefit of preventing users from getting frustrated with information not being accessible.

Better SEO
Not developing a site for mobile is also questionable when you consider the major Search Engine Optimisation (SEO) benefits that it brings. SEO can identify keywords that can be placed onto mobile sites, as well as links and prominent content that can be used to boost positions in a search. Having a mobile site, or a site that’s optimised for mobile, can allow you to tailor your business for mobile search engine queries, as well as for localised searches - getting in ahead of rivals on a local basis can help to build brand loyalty.

Improved Social Networking
Sites designed for mobiles also work well as a way of integrating social media and networking strategies for a business. Mobile sites emphasise interaction, as well as up to date news and feeds from Twitter and other social networks; being able to make this content part of a site, but in a more prominent way on a mobile, can ultimately help to strengthen the connection between customers and a brand.

Underline Hover Effect Css Navigation Bar for Blogger

This is a Underline  Hover Effect  Css  Navigation Bar.In
this tutorial im gonna  explain,  how to  add it to blogger.
This   menu   work   fine  with  every   modern   internet 
browsers.You can link with your main   pages by  using
this  navigation  bar.  Im  using  Css3  and  HTML.

Demo

1. Log in to blogger account and Click drop down.

2. Now select "Template" Like Below.

3. Now you can see Live on blog, Click EDIT HTML Button"

4. Find this tag by using Ctrl+F    ]]></b:skin>

5. Paste below code Before ]]></b:skin> tag

/* The CSS Code for the menu starts here bloggertrix.com */


#arrowunderlinebtrix{
list-style-type:none;
margin:0;
padding:0;
text-align:center;
font: bold 16px Georgia;
}

#arrowunderlinebtrix li{
display:inline;
margin-right:25px;
}

#arrowunderlinebtrix li a{
position:relative;
color:black;
padding-bottom:8px;
text-decoration:none;

}

#arrowunderlinebtrix li a:hover{
border-bottom:3px solid #25bd0d;
}

#arrowunderlinebtrix li a:hover:after{
content:'';
width:0;
height:0;
position:absolute;
left:50%;
margin-left:-5px;
bottom: 0;
border-width:5px;
border-style:solid;
border-color: transparent transparent #25bd0d transparent;
}

6. Go to blogger and click Layout

7. Click Add Gadget and select 'HTML/Javascript

8. Paste below code.

<div id="arrowunderline">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Download</span></a></li>
<li><a href="#"><span>CSS</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li><a href="http://www.cool33bloggertrix.blogspot.com/"><span>Contact Us</span></a></li>
</ul>
</div>

Replace # with your links.

9. Now save your HTML/Javascript'.

    You are done...

Social Media And Rss Subscribe Widget For Blogger

In  this  tutorial   im   gonna  explain  how  to   add  Social
Media And Rss Subscribe Widget.  By  using  this  widget
you  can link your social  media  profile  Facebook, Twitter
and  Rss and  subscribe  field. It  will help to  get  the new
updates by  emails. You  can check  it  from  below   demo
link .If  you  want to  look at  other  rss  feed  subscription
widget,click this link.
If you have any questions regarding to this.Let me know.
I will help you.


                                                                        Demo

1. Log in to blogger account and Click drop down.

2. Now select "Layout" Like Below.

3. Click Add Gadget and select 'HTML/Javascript

4. Paste below one of below code.

<style>
.subscribebtrix {
border: 2px solid #000000;
padding: 8px;
width: 310px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.subscribebtrix:hover {
-moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
}
.tbimailbox {
border: 1px solid #D3D3D3;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
color: #666;
font: 14px "trebuchet ms", sans-serif;
padding: 7px 15px;
width: 160px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.btrixsubmit {
font: bold 12px Tahoma, Geneva, sans-serif;
font-style: normal;
color: #ffffff;
background: #ff5714;
border: 0px solid #ffffff;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.btrixsubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.btrixsubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
</style>

<br />
<div class="subscribebtrix">
<div style="color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;">
Free Updates to your Inbox</div>
<div style="margin: 10px 0 0 6px;">
<form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="cool3bloggertrix" />
<input name="loc" type="hidden" value="en_US" />
<input class="tbimailbox" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" type="text" value="Enter your email..." />
<input alt="" class="btrixsubmit" title="" type="submit" value="Subscribe" />
</form>
</div>
<div style="border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;">
Follow us:</div>
<div style="margin: -32px 0 0 120px;">
<a href="http://www.facebook.com/cool33bloggertrix" target="_blank" title="Join us on Facebook"><img alt="facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgefqeFNjoAyeZZX3rcERkxMMG6c4LK15yplu00YnWBkjCiNijYnw2FKiB8v29m09uVaM7n7f5FwAuBFZTCBp7KJW3Qub6gLbBIFblpW8STPiJ5vJtAcOiadrejLAq1C-yQDLu9wn_eR1s/s1600/facebook_btrix.png" /></a>
<a href="http://www.twitter.com/cool33bloggertrix" rel="nofollow" target="_blank" title="Follow us on Twitter"><img alt="twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAKjTU80uSa5Nk5U4vYZx4-FvPWwAFejEOvMQa2-3T_SHBQQXZgCZUX5OMHbMCuiCb6csKJPMQteNonm96odAGjWPWub6fy7eA2DOhBPmC63-_aOVcZ_lQsK7tQJBJrYuSWWNXVV6Ini8/s1600/twitter_btrix.png" /></a>
<a href="https://plus.google.com/UserId" rel="nofollow" target="_blank" title="Follow us on Google+"><img alt="gplus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyGxIMakmAs1uALMBsntncX6nUlDYevAN9Exb6q6UA58yOKSSRVikDpfMWVu2LYgH7vSOKzJzR0yA8JuvRYZb-uuFo_FPAhJSel-gFijFxxsfQW6dsmcBzy6L-uZqceZgsCwPPCJltKHw/s1600/googleplus_btrix.png" /></a>
<a href="http://www.pinterest.com/cool33bloggertrix" rel="nofollow" target="_blank" title="Follow us on Pinterest"><img alt="pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXHn5ZD5tCcluf2i48LrboWfDbL6o6dVU8iD5-55e7BTdTN1i8RUj9xtljd4zz8kTSS3u8mbDDeO10PGH3WOmhoP2ZJo0-wq1WMnioW5I7SZDtfUFVkfXz9yWVv84WC71FTL4GWYsZodU/s1600/pinterest_btrix.png" /></a>
<a href="http://feeds2.feedburner.com/cool33bloggertrix" rel="nofollow" target="_blank" title="Subscribe to RSS"><img alt="rss" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1FJKgmXDpag4fTuUoFo-iDoIZ9sG8_5UCIJFA3TtIzz4OddN6KyYrP05d9OC9L34pW56-LsDLWFt25h_PSwX0GMVm7rgelCxyn0ix0Q-6JFNQkfC3LQ0ijF4ifPZxJC2Pe7ma5kfhnEI/s1600/rss_btrix.png" /></a>
</div>
<div align="center">
<a href="http://feeds.feedburner.com/cool33bloggertrix"><img alt="" height="26" src="http://feeds.feedburner.com/~fc/bloggertrix?bg=FF9900&amp;fg=444444&amp;anim=1" style="border: 0;" width="88" /></a></div>
</div>

Replace cool33bloggertrix with your Feedburner ID
Replace cool33bloggertrix with your Facebook username
Replace cool33bloggertrix with your Twitter Username
Replace cool33bloggertrix with your Pinterest Username
Replace cool33UserId with your Twitter Username

5. Now save your HTML/Javascript'.

    You are done...

All About Making Money From Blog

Blogging become a   very regular  and effective
phenomenon today.  Since, internet  has taken
over  everything,  it  is  very important  to keep
up the pace  with internet. Thus,  people make
a lot  of use  of  internet  in their routine life in
order to keep  in  touch  with  the latest trends.
Incomplete  gives   a   lot  of  knowledge  and
information which  can be easily used at your
disposal.  The  world  of    today  depends  on
internet for every single thing.
A lot of people benefit a lot from internet every day since
 they conduct their business online  while others
study through internet or play through internet.
Everyone uses the internet according to their requirements.
 But everyone does use internet.



There is a lot of scope of making money from internet also. Like if your write blogs, you can earn huge profits. If you want to know more about make money from blog, you can go online and go through the reviews of people who have been benefitted with this. You can know the amount of profits they have earned with the help of blogging.


Most of the businesses today take help of blogs and online marketing strategies to advertise their business. Thus, there is a lot of competition in this field also. You need to be perfect in order to be a winner.

Thus, before you decide to adopt this strategy for your business also, you need know a lot about make money from blog. Learn from the experienced people how they have adopted and implied this technique. Once you are satisfied and confident that you know all the strategies, only then adopt and integrate this strategy in your business. The competition is very tough here and there is room for mistakes or mishappenings. Thus, before beginning, make sure that everything is in proper place. You should have a good knowledge about the subject and also a good plan to start with. It is very important to keep a check on your competitors. Keep a track of your competitors’ activities on a daily basis. What they are doing and how they are doing, everything you should know. Another very important thing which needs to be kept in mind is that you should not blindly follow your competitors. Someone must not be selling the same product as yours. Thus, if you follow such person, it will be a very foolish step. Thus, be very careful when you keep a check on them. Take up only those things from them which are relevant to your business and would be of some help to it.

Best HTML Colour Code Generator

How to use? 

Scroll up and down the slider on the left to select your main colour.
Now select your desired saturation by clicking inside the large screen.
You can also change saturation, brightness and hue by manually putting numbers in the boxes available.
Finally copy the six digit hex colour code from the output box.

A useful hex color code generator and color picker for html, rgb, and hex color codes.

How to add Floating Facebook like box to Blogger?

Everyone know that Facebook is largest social media site and Over 1 Billion people use Facebook.What is Facebook? Facebook allows people to chat, find friends, Shared photos and video with friends and it’s a great way to keep in touch with your friends and family, but Many people are using Facebook to increase blog/Website traffic or visitors. And Today I’m going to tell you how to add Floating Facebook like box to Blogger. This is very popular & unique widget and can be found on many websites or Blogs, You can also increase your Facebook fan page likes. It only appears when someone will hover it. Right now this widget is only for Blogger blogs but inshAllah we will share A WordPress version in next few days.
This is easy to add into your blog sidebar. You just add script to blogger gadget, So lets add this cool Floating Facebook Like Box to your blogger blogs. First You can see the live demo at Right of this Page, click on button below to see another demo.

Live Demo

• Go to Blogger Dashboard > Layout > Click on Add a Gadget
• In Pop up Window, click on HTML/JavaScript.
• Paste the following code inside it.

    <script type="text/javascript">
     /*CDATA[*/
     jQuery(document).ready(function() {jQuery(".HSlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
     /*]]>*/
     </script>
     <style type="text/css">
     .HSlikebox{background: url("http://www.hamidshahzad.com/wp-content/uploads/Floating-Facebook-Like-Box.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index:  99999;position:fixed;right:-250px;top:20%;}
    .HSlikebox div{ padding: 0; margin-right:-8px; border:4px solid  #3b5998; background:#fafafa;}
    .HSlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
     .HSlikebox span a{color: gray;text-decoration:none;}
     .HSlikebox span a:hover{text-decoration:underline;}
    }
    </style>
     <div class="HSlikebox" style="">
         <div>
         <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fcool33bloggertrix&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;border_color=white&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span>Widget by :<a href="http://cool33bloggertrix.blogspot.com/">Cool33bloggertrix</a></span>
         </div>
     </div>

• Replace Cool33bloggertrix with Your Facebook Page Username.
• Click on Save Button and DONE!

Important Note:  Remember If you have not yet created a Facebook Username, then create it by clicking this link and when you create a Username for your Page replace cool33bloggertrix with your created Username.

I hope this widget helps you in increasing the like of your facebook Page and blog/Website traffic. The Floating FB Like box was proudly created by Harish and re-shared at HS

Add AdSense right After Tag

This is a great tutorial which will multiply your current click through rate and add a new boom to your over all Adsense earning. With a big repository of plugins for Wordpress blogs like Quick Adsense, WP users never need to worry while adding Adsense to any part of the blog they wish but in blogger we lack plugins that could do the job automatically. Therefore this week my main focus lies in developing more of such plugins that could provide you great front end experience. Thanks our developer Ahmed Nasir the script developed this time will automatically insert your AdSense Ad right after the opening paragraph (Post summary) or the read more button(Jump Break). The read more link is distinguished by the HTML tag "<!--more-->" , we will use a simple Jquery code to tell the browser to append an Ad zone with a unique div ID, right before the more tag. In  browsers where JavaScript is disabled the Ad zone will instead display at the end of post. You can see the demo on our blog, right after reading this line...

(You will see below a 468X60 Adsense for content Ad).

Update: I have disabled the Ad display for browsers where JavaScript is disabled. 

Installing the Script on Blogger

1. Go to Blogger > Templates
2. Backup your template
3. Tick the "Expand Widget Templates" box
4. Search for <head>
5. Just below it paste the following JQuery code only if you are not yet using jQuery script on your blog

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>

6.   Next paste the following code below <head>

<script type='text/javascript'>
$(document).ready(function(){

$(&#39;a[name=&quot;more&quot;]&#39;).before($(&#39;#MBT-google-ad&#39;).html());
$(&#39;#MBT-google-ad&#39;).html(&#39;&#39;);

});
</script>

Optional: If you want to display the ad at two places i.e. below read more tag and also at the end of post then delete the highlighted yellow code. Also delete the yellow highlighted code from step#8 given  below
7.  Now search the following code:

<data:post.body/>

8.  Just below it paste the following code:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style="display:none;">
<div id='MBT-google-ad'>
<br/>
<center>
ADD ENCODED ADSENSE CODE HERE </center>
<br/>
</div>
</div>  </b:if>

Replace the bolded text above with your Adsense code. Remember that the code that you copy from your Google Adsense Account must be first encoded inorder to work with blogger templates. Simply copy the code and then encode it using the following MBT tool.

• Encode your AdSense code using: MBT HTML Encoder

Copy the encoded code from MBT HTML encoder and then paste it on the bolded text that says: ADD ENCODED ADSENSE CODE HERE
      9. Save your template and you are all done!
Visit your blog and then visit any post page, you will see an Ad hanging just perfectly right after the first opening Summary paragraph. :)

2 Widgets 10 Underestimated Ways of Making Money Online

Making money online and earning your livings via your laptop is becoming one of the most popular earning methods. Statistics have shown that there has been a significant increase in the number of people who are cashing their talent by utilizing the online platform, which for sure is a good replacement of any other real world job.

It is interesting to find that when you question people about all the possible online earning strategies available, all you come across is either blogging or freelancing. There are no doubts about the significance of the two; yet, it is to be remembered now that with the spreading awareness among the potential entrepreneurs, the two stated fields are becoming saturated and complicated. If you look forward to build your blog, you need reasons; pretty good to attract your potential readers, as it is, there are more than a billion sites that are running on the same niche as yours. Similarly, now that freelancing is turning into a giant monster, every next person is known as a freelancer which in turn has created a tough competitive freelance market.

 

 

 

 

 

 

 

 

 

 

 

 

 

If you have tried your luck as a blogger or a freelancer and failed to attain effective results, all you need to do is to check out the huge list of alternates. Although there are trillions of ways to make money online, here are 10 underestimated ways to earn online.

1) Cash your Talent at Fiverr

No matter how magical your words are, no matter how dedicated you are towards your online business, your start-up earning a day is no more than $2-3 a day as an average. How about bidding your talent for $5 all in all? If the idea sounds decent enough, here comes Fiverr.com at your rescue.

Fiverr is a site that allows you to offer your services (whether be of any type) for $5. The members can sell their gigs to people and can buy the services for the same price too.

According to a research that I did few months back, there are all possibilities that a member can earn more than $200 a month through Fiverr. The site deducts $1 as the service charges and the seller gets his $4 through PayPal easily.

Therefore if you are an interesting person and have got a command on something special, creative and worth showing-off, register yourself for free at Fiverr, and enjoy some extra income as a start-up.

2) Use SEOclecks and make money

If you are looking for better SEO services other than Fiverr and searching for affordable SEO services with quality, then do not hesitate to check this out! SEOclerks is an amazing micro job website, you may find many micro job offering sites but what stands it different from others is that, here you can buy affordable SEO services provided by SEO professionals and could also sell your own services on your terms and price. Here people are offering mass amount of services ranging from Article Translating to Webhosting or you could offer selling anything you want!

Getting paid or ordering is as easy as logging into the account. Simple money transactions can be made via PayPal or Payza. In case you don’t have any of them, just provide your profile e-mail for payments to receive.

3) Turn your Photography into an e-business!

It was recently that I came across a catchy line on a social media and that was “You are not a photographer, you just have got a good Camera”! That’s so true. These days, thanks to digitalization, all of us have got the potential to turn into a photographer and make money by selling high definition pictures online. All it needs is a little homework and time to get a hold of the skill.

There are many sites that exclusively works on the same principle where either few of them sell random pictures from you or place an order to get perfect clicks for them.

Few sites are:

1)Photo Merchant

2)SmugMug

3)Zenfolio

5)ifp3

6)DigiLabs

7)Instaproofs

8)PhotoReflect

4)Hubpages.com

Being a writer myself, I have an additional vote for hubpages.com. If you think you are capable of playing with words and know how to put your thoughts down on paper, article writing is surely one of the decent ways to get recognition for your work and money equivalent altogether. Like many other sites like Squidoo.com and ezinearticles, hubpages.com shares the revenue with its member on the basis of readership been generated by their articles.

There are, however, few guidelines which, in case of failure can reject your articles leading to the waste of good amount of time.

5) Make money by uploading Files

How about earning money for uploading files and getting some dollars according to the number of downloads your uploaded files make? The idea itself sounds great, isn’t it? There are people who do not have technical skills or even the power of writings so this one is surely one of the best remedies for them. There are many sites that offer reasonable packages to their members, here are a few:

1)Docstoc.com

Payment on uploading: 50/50 revenue generated

2)Deposifiles.com

Payment on uploading: $25 per1000 downloads

3)Uploading.com

Payment on uploading: $1-100 for every 1000 downloads

4)Crocko.com

Payment on uploading: $1 per 500 downloads

5)Shareapic.com

Payment on uploading: $0.22 for every 1000 picture views

What you need to consider here is the choice you make to upload the file. Think about uploading a video of your backyard and a solution manual of a physics book. Ask yourself that will people be interested in downloading your file? If yes, then figure out that why would they do so. A right choice can bring you good dollars while a lame one can actually eat your time without giving back any favors to you.

6)Earn with your iPhone!

It would be difficult to cover all aspects that an online earning medium covers. You can even make money with your iPhone and make a better use of it in spite of using it for casual activities. There are companies that are associated with the development of iPhone applications and need people to test their applications and provide them reviews. These companies offer an online support and no matter wherever you are situated, you can avail this opportunity and make considerable amount of money.

Few sites are:

1) Swagbucks

Potential Earnings/Task: Approx $10

2) Gigwalk

Potential Earnings/Task: $5- $90

3). EasyShift

Potential Earnings/Task: $3- $20

Adding some extra dollars in your pocket is wise, especially when you enjoy using your iPhone.

7)Enjoy Profit with Forex Trading

Forex is a Currency market where currency trading takes place, facilitating the exchange of currencies (similar to the currency exchangers where you buy or sell the currencies). These days when the online transactions have become the basic necessity of every single business, no matter, big or small, Forex provides a good way to make money utilizing the opportunity that is open for all equally, if they know a little about Forex and Forex Trading Principles.

Once done with signup, step 1 is done, now you are required to add money to your Forex account that you have planned to start trading with. If you have a PayPal Account, well enough, if not, good news is, you can transfer your amount with wire transfer and many other online money transfer options.

This is important to mention here that although the profits are great in forex trading; even the loss is unbearable at times. It is better to invest your “Extra Money” here only.

8) Facebook fan pages

People take Facebook as a Social Networking site only, however, it can turn into a business with profits that are beyond your imaginations. Simple Question that might be clicking all of you is-how? Isn’t it? With Facebook Fan Pages, you can make as much as you want, if you are innovative enough to target a huge audience.

Social media is enjoying huge audience and getting started with a controversial/worth-following/happening fan page is a good option. What actually happens is, according to the reach and reputation of your fanpage, there are advisors who approach you for advertising their products/services on your page. All in all, it’s a great way to make money.

9) Make money By Online translation!

When you have nothing to cash, you at least have a language to use. Online medium covers this talent as well. There are sites that need online translators to make their products and services available in all languages.

Few sites are:

1. TranslatorsTown

2. TranslatorsBase

3. TRADUguide

4. Proz

5. Trally

You can earn up to $200 a month depending on the package you chose for yourself.

10) Use triod.com

Triond is a different publishing platform, where anyone can sign up and start submitting content. You aren’t limited to just articles here; in fact, you can submit videos, images and what not. It is true that initially the site doesn’t brings huge rewards, but there is something to motivate the beginners.

Therefore, if you are looking forward to start your career online, you must judge you capabilities first and choose a right option for yourself. That brings us to the end of the topic for now, Share your views about the above stated ways and let us know your experiences related to them.

Wishes,

11 Most Popular Female Bloggers of 2013!

Today when the biggest competitor of man out there in industry is woman, even the online earning medium too is equally availed by the powerful ladies who know how to cash their talent. It was once perceived that women lack in technical skills and it was somehow true too when the technical work was all limited to the real world, thanks to the online earning strategies, now the chances to make money online are equally available for both-man and woman.

When it comes to blogging, women are a sound contestant of the race and are generating good revenue with their blogs.

Being a female blogger myself, here are a few inspirational women who are known for their work. All data is latest for 2013 especially.  Have a look!

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

List of Most Popular Female Bloggers

1. Gina Trapani

Blog: www.lifehacker.com

Alexa Rank: 625

Niche: Self-improvement

 

 

The lady who has made it to the top 10 richest bloggers of the world is the owner of Life hacker. The site has always been an inspiration for me where the main focus is given to how actually one can improve his personality. Gina is an active social blogger and the founding editor of her blog. She earns about $110,000 a month with her blogging skills.

Impressive!

2) Rita McGrath

Blog: Harvard Business Review Blog Network

Alexa Rank: 4068

Niche: Marketing

 

  

Rita started her blog in 1994 as a not-for-profit blog with an aim of improving the practice of management and its impact in the changing world. Although initially the blog focused on Hardvard University only, now the blog has turned into an organization where there are 30 employees, having offices in New York City, India and UK.

3) Ree Drummond

Blog:  The Pioneer Woman

Alexa Rank: 7,645

Niche: Food

 

 

When it comes to mixing some ingredients and making the best out of it, the Pioneer woman has no comparisons. Whether you are a housewife or a business woman, your interest in cooking is something most evident. Ree Drummond provides all what you might be looking for in food on her blog which is widely followed across the globe.

4) Heather & Jessica

Blog: Go Fug Yourself

Alexa Rank: 18,000

Niche: Fashion and Style

 

 

Heather & Jessica have been keeping an eagle’s eye on every move taken in the fashion industry to share it all with their readers. A good site to follow.

5) Jenny Lawson

Blog: The Bloggess

Alexa Rank: 28,433

Niche: Humor

 

 

If you are looking for some great fun to laugh on, you must visit Jenny’s blog. The blog contains every aspect of life, giving it a new touch, making it hilarious. The site has a relatively good traffic rank in the cities of Hartford and Washington (DC).

6) Julie, Janet, Francesca, & Sarah

Blog:  Remodelista

Alexa Rank: 31172

Niche: Design

 

 

If you are looking for a platform to learn more about interior designing and wish to give your home a new look; then this site will provide you some decent ideas to follow.

7) Sara K. Smith

Blog: Wonkette

Alexa Rank: 32,975

Niche: Politics

 

 

Women were never behind in the field of politics and Sara Smith has proved it through her work. Wonkette is a popular political site owned by this female blogger. The blog covers all the highlights and latest political affairs

8) Ariel Meadow Stallings

Blog:  Offbeat Bride

Alexa Rank: 50,404

Niche: Fashion

 

 

Offbeat Bride is most popular website for brides who dare to walk off the beaten aisle. The site is all about fashion, advice, photos, and more for couples who think differently about their weddings. The site is viewed by over 170,000 unique visitors a month and has over 1.2 million page views each month.

9) Martina Zavagno

Blog: Adverblog

Alexa Rank: 62,968

Niche: Marketing

 

 

Matrina is working as an insider in an integrated marketing firm and is more than willing to share all her knowledge with her readers through her blog.

10) Danielle LaPorte

Blog: White Hot Truth

Alexa Rank: 73,342

Niche: Branding

 

 

 

She’s positive, slightly spiritual, avant, and fully facing the possibility of every day, which is probably why so many people turn to her for guidance on how they can expand their brands, their campaigns, their work, and their minds!

11) Tamar Weinberg

Blog: Techipedia

Alexa Rank: 87,000

Niche: Social Media

 

 

 

The lady whom we know as a Community & Marketing Manager at Mashable, Tamar has been all up in social interactions for 15 years. Although her personal blog needs more than what she is contributing at mashable, it is likely to expect techpedia one of the biggest rivals of mashable in the coming months.

So you see, women can make it all possible no matter which ever field you pick to compare the capabilities of a man with a woman. One thing that is common in all of these women is their consistency and high spirit.

Hope that you enjoyed reading about the magnificent ladies of the blogging world,

Wishes

Making Money with your New Blog - Monetizing Basics

Most bloggers will start off their venture in the hopes of earning big from their blogs. And not without reason either. Multitudes of people are earning a decent sum online. You can too. Earning money from your blog while sitting at home is like a dream for most, and yet, is a reality for many as well. It isn't difficult, it just needs some dedication, and the right guidance. In this post, well talk about monetizing your blog to make money online.

 

 

 

 

 

 

 

 

 

 

Before you move on, do take a look at some of the basics of blogging that we've covered so far.

Part 1: How to create your first blog - what platform to choose?

Part 2: Replace your blogspot domain with a Dot com domain From Godaddy

Part 3: Choosing best web-hosting for Blogger blogs

Part 4: 5 most practiced Ways of building Active blog Readership

Part 5: Basic SEO Tips for a Newly Launched Blog - Beginners Guide

Part 6: Making Money with your New Blog - Monetizing Basics

Google AdSense

Google AdSense is perhaps the most widely known advertising network, so much so that a lot of people, especially new bloggers don't know of any others except Google AdSense. So quite naturally, it'll be the first thing they apply to. Agreeably, Google AdSense is a good starter for beginners, and every blogger should try it at one point or another. However, for earning real hard cash, you'll need to look into some other networks.

Google AdSense is mostly a CPC network. CPC stands for Cost Per Click, and means that you get a certain amount for every click you get on your ads. You can also employ CPM (Cost Per Impression) as an AdSense publisher. CPM gives you a certain amount on the completion of a set Impressions target (for example $0.1 for every 1000 Impressions or views on your ads).

Here are some articles that will help you get the most out of your Google AdSense ads.

• 6 Advanced AdSense Optimization tips for increased ad revenue
• Complete list of Google AdSense fatures
• Top tips for optimizing Google AdSense ads
• Protecting against bad click activity

BuySellAds

Google AdSense is good in as far as 'getting-the-wheel-turning' is concerned. But these days, almost every other website is getting approved by Google AdSense, which has driven the ad-space and  competition up, and the cost down. That's why you get so little revenue per click.

This is where BuySellAds comes in. BSA does not operate like Google AdSense. Instead, they are Direct Ads. There's a marketplace where you get listed once you pass the BSA criterion of having over 60,000 unique pageviews per month. Advertisers can then pick you from the list, and choose you for hosting their ads based on your niche. This is one of the reasons why you should have a clearly defined niche, because it'll then be easier for sponsors for your niche to find your blog and advertise with it. Once you get picked, you get paid for putting up an ad for a certain period of time. Simple, yet effective. BSA is one of the biggest source of income for many intermediate to professional bloggers out there.

Read these articles to get a better idea about BuySellAds

• How to find sponsors for your blog?
• How to update public stats in BuySellAds
• The Pros and Cons of Direct Ads
• Style BSA empty Ad spots with CSS

Affiliate Ads

Affiliate Ads are yet another form of advertising, and they are based on compensations/commissions. The idea is, you promote a product or a service, get people to actually buy it, and then you get a certain sum as a reward for 'referring' that buyer.

This concept is pretty widely used now. Companies need to grow, and for that, they need customers. They'll do anything to get customers, which is why most online products and services, and even some offline companies too offer rewards for referrals. If you do it right, affiliate marketing can become your single largest source of income.

We here at MBT often share discount coupons from HostGator with our readers. HostGator in this case is acting as the host company, and will reward anyone who can bring in customers for it. If you visit their homepage, you will see how you can even earn $2000+ in one month just from referrals!

Here are some posts that ought to help you out with Affiliate Marketing

• Why is Affiliate marketing better than Google AdSense?
• 7 Important Affiliate marketing tips
• Are affiliate ads better than direct ads?

Got questions? Please feel free to ask in the comments section below. And please, try to keep it relevant. Thank you :)

SEO vs PPC: Which One is Better for Your Business

Generating organic traffic is  not  so easy  now days.

You have to make  your   website  SEO  friendly  so
that it  can rank high in  search  results.  High SERP
(Search Engine Result Position) means high organic
traffic  will  come  to  your  website.  There  are two
major options  for  webmasters  to increase traffic to
their  website:  SEO  (Search Engine  Optimization)
and  PPC (Pay per Click)  advertising  programs.  In
this article we’ll discuss which is better for your
online business.



Let First Discuss About PPC:

PPC, which stands for Pay per Click, is a paid advertising program. The advertisers must need to pay some amount for every single click they receive to the advertising company like Google Adwords, Yahoo Search Marketing and others. When you setup your ads, they will start appearing in sponsored results on search engine result pages based on users search query. In that way you will get traffic to your site in a fast and easy manner.

SEO (Search Engine Optimization)

SEO is a long term process that takes time to get the results. By using proper SEO techniques you can rank your website in top results. You will be able to gain organic traffic which will be really targeted and absolutely free. If you can SEO for your website yourself then this is best way to be success in your online business. But if you are not aware with SEO strategies, then there is no need to worry. You can hire any professional SEO Services provider. Hiring SEO expert is onetime investment and in return you will get targeted organic traffic for long period.

Which One is better for you?

SEO and PPC both have their own importance. SEO can bring free organic traffic for your website where PPC is the best way to get instant result. Suppose if you want to promote any product for short time, then surely you can go with PPC. If you have budget and you are willing to pay to promote your business then no doubt you can go with PPC. But if you not want to invest money for long way then I recommend you to choose SEO for your business success because only SEO can bring decent organic traffic to your website.

Author’s Bio: This amazing article is written by Pradeep Singh, a 23 Yrs old professional Sr. SEO Executive, who is working for Sunrise Web Services in Delhi, a leading Web Services Company in India.

Make Money From Blog

Most of people are trying to earn money from blogs.They always ask what is the
best way to earn money from the blog.so we can try the best and easiest way to
earn money.This article says  how to earn money from you r blog.i wrote it from
simple way.

1. Advertising Programs












Most popular way to make money is adding ads to your blog.there have more advertising
programs.most popular is adsense .you can see adsens ads from many sites.its call
Google ads.This is  based on ads.its easy. you don't have to do  more thing. just want to
put and on our site.and have to increase your traffic.easy way to earn more money.
          i.Adsense
         ii Adbrite
        iii Chitika
        iv Bidvertiser
     

2. Affiliate Programs

This program is working like many ways.you can provide banner and put your site,so visitors can visite it.you can earn when they are sign up for website.the best thing is these program that they are such quality that they sell themselves and I am being emailed from readers who sign up to them thanking me for the recommendation!
             i Click Bank
            ii Commission Junction
           iii Linkshare

3.Sell product on your blog.

you can sell product if you have more traffic.you can sell like related product.like can
sell e books.softwares.down-loadable productand can sell your own product for visitors.



4.Sell advertising space On your blog.





This is 100% guaranteed way to earn money. Its a easy. But you must have good traffic.
you can make banner and mention the price. you can sell it for just 1 month.If you put
more banner can earn more.
   i .BuySellAds.com



5. Put Paypal donation button

you can add paypal donation button to your blogger.i wrote article about that
actually this is depends on your traffic.mean visitors.if ti more useful to them. they will donate you. not highest money.its few dollars.will add to your paypal account.

Curved Glossy Navigation Bar for Blogger

This is a curved glossy navigation bar. Im gonna explain
how  to  add  it  to  blogger. This  menu  work  fine  with
every modern  internet  browsers.You can link with your
main  pages by  using  wire frame   navigation. Im  using 
Css3 and HTML.

Demo

1. Log in to blogger account and Click drop down.

2. Now select "Template" Like Below.

3. Now you can see Live on blog, Click EDIT HTML Button"

4. Find this tag by using Ctrl+F    ]]></b:skin>

5. Paste below code Before ]]></b:skin> tag

/* The CSS Code for the menu starts here cool33bloggertrix.com */
.cbtrix_glossymenu1{
 position: relative;padding: 0 0 0 34px;margin: 0 auto 0 auto;
 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPDst62iK_UziirTq2HO5YPnfOs6d2N4zg9-2N3oZG0oXlnpOMf1UeVO_IO7bDp6iUTGL4iNXrRYIwnOXHjwdMXm_OjRFRThiOhIYLcEsAwvNCcClR8F86DnhhjXVmOk4Y4NbmWOXizS0/s1600/btrix_menupu_bg.gif) repeat-x;
 height: 46px;
 list-style: none;
}
.cbtrix_glossymenu1 li{
 float:left;
}
.cbtrix_glossymenu1 li a{
 float: left;display: block;color:#000;
 text-decoration: none;
 font-family: sans-serif;
 font-size: 13px;
 font-weight: bold;
 padding:0 0 0 16px;
 height: 46px;
 line-height: 46px;
 text-align: center;
 cursor: pointer;
}
.cbtrix_glossymenu1 li a b{
 float: left;display: block;padding: 0 24px 0 8px;
}
.cbtrix_glossymenu1 li.current a, .cbtrix_glossymenu1 li a:hover{
 color: #fff;
 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlKgLhmlaitIVnTF9o3YbmMgVKGaHI_-5rzrxbOKDk-V3FIt7ufXLaVlHW3J66e-fh1l6fnjZ69DX6yQt_ysS61_EQwoVrJLuPcTj1xEKdXvUi8BdSajnesFzK8Q7OUPbdTFS521Db4Nw/s1600/cbtrix_menupu_hover_left.gif) no-repeat;
 background-position: left;
}
.cbtrix_glossymenu1 li.current a b, .cbtrix_glossymenu1 li a:hover b{
 color: #fff;
 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV5icoxJEPy4zN5zDURTp8CWaEuvbBlncjePR-0UznUGYdcZXRfrmnE-WCftgNKjxEhI49FAnlmAJTJf9yHNQk3oYPDT1h0X3AWKQqnHwqbrZX8tKJmRQ4ShFzv1t3CAOk_1IqF8SFx0c/s1600/btrix_menupu_hover_right.gif) no-repeat right top;
}

6. Go to blogger and click Layout

7. Click Add Gadget and select 'HTML/Javascript

8. Paste below code.

<ul class="btrix_glossymenu1">
 <li class="current"><a href="#"><b>Home</b></a></li>
 <li><a href="#"><b>CSS</b></a></li>
 <li><a href="#"><b>Forums</b></a></li>
 <li><a href="#"><b>Webmaster Tools</b></a></li>
 <li><a href="#"><b>JavaScript</b></a></li>
 <li><a href="#"><b>Contact Us</b></a></li>
</ul>

Replace # with your links.

9. Now save your HTML/Javascript'.

    You are done...