Blogger trick 4 you about the blogger, seo services, adsense, softwares, tips and trick, games, widgets, hosting, make money, how to create a website.

Saturday 28 December 2013

Top 3 Foremost Forex Trading Tips

By on 17:35
Top 3 Foremost Forex Trading Tips

Forex trading is recommended for persons who are involved in the undertakings of trading forex as are against to people who are more involved in making cash. Strong feelings play a significant function in impacting the outcomes. A individual who is desperate to make cash to resolve his/her accounts and payoff his/her mortgage is more likely to trade without any verified signals. You may consider becoming a full time dealer once you have came by the essential skills. When you are just starting out, it is advisable to have another job that caters for your costs. The Foremost Forex Trading Tips in trading forex encompass:


Trade the signals as opposed to the trades
If you have had some successful trades and in the process grown your capital, it is very tempting to seek for more risks. In the process, you may end up taking the wrong signals. This is likely to result in you losing what you had gained from good trades. When handling a single trade it is important to forget previous trades, be they gains or losses. This will help you focus on the most important signals to make an informed decision. Furthermore, avoid making risks more than is necessary simply because you have more money and have been successful over the short past. 

Read: Top 7 Affiliate Programs Easy Ways To Make Money 
 
Being over-confident
Being over confident can have more serious repercussions than not having confidence. When you have no confidence, you end up doing nothing. However, when you are so sure of your actions without having any good signals can cost you a substantial amount of money. Making several good trades is not an indication that you are an advanced or professional trader. Likewise, making several bad trades does not mean you are a bad forex trader. It is important to manage you confidence levels in order to avoid the cycles of failure. Therefore, you need to analyze the market carefully to make the right decisions.

Read: Forex No Deposit Bonus Simple Forex Trading Career 
Avoid competing with other traders
Different traders employ different trading strategies and styles. This explains why the results are often different. Some of the traders may be willing to take a 2% risk for a 5% to 10% profit every month, while other traders may be willing to take more than 20% risk and seek to double their profits every month. It often takes time for a new trader to discover his own style of trading. Once he/she discovers the most effective style he/she should avoid finding out from other traders, how much they make.

Thursday 26 December 2013

All in One Social Sharing Board For Blogger

By on 07:33
This is a very charming and adorable social widget. This is a beautiful All in One Social Sharing Board For Blogger. This is all in one shakable style social sharing and subscribing widget.It contains Facebook like button,Google+ recommend button,Twitter follow button and subscribe by email.com also I have added a add-this social sharing buttons at bottom.This widget can now be used in every blogspot blog just with an extremely easy installation steps.

All in One Social Sharing Board For Blogger

READ ALSO:Add CSS Based Social Bookmarking Widget To Blogger Blogs & Websites
How To Add This Widget On Blogger

  •     Go to your Blogger Dashboard > Design > Page Layout.
  •     Then choose Add A Gadget > HTML/JavaScript.
  •     Paste below code and save it.

/*--------BT4U All in One Social Sharing Board For Blogger------*/
<style> 
/* MMFWU Social Widget  */ 


#MMFWU-mashable-bar { 
border: 0; 
margin-bottom: 10px; 
margin: 0 auto; 
width:300px; 


.fb-likebox { 
background: #fff; 
padding: 10px 10px 0 10px; 
border: 1px solid #D8E6EB; 
margin-top: -2px; 
height:65px; 


.googleplus { 
background: #F5FCFE; 
border-top: 1px solid #FFF; 
border-bottom: 1px solid #ebebeb; 
border-right: 1px solid #D8E6EB; 
border-left: 1px solid #D8E6EB; 
border-image: initial; 
font-size: .90em; 
font-family: "Verdana","Helvetica",sans-serif; 
color: #000; 
padding: 9px 15px; 
line-height: 1px;} 
.googleplus span { 
color: #000; 
font-size: 11px; 
position: absolute; 
display:inline-block; 
margin: 9px 70px;} 
.g-plusone {    float: left;} 
.twitter { 
background: #EEF9FD; 
padding: 10px; 
border: 1px solid #C7DBE2; 
border-top: 0;} 
#mashable { 
background: #EBEBEB; 
border: 1px solid #CCC; 
border-top: 1px solid white; 
padding: 2px 8px 2px 3px; 
text-align: right; 
border-image: initial;} 
#mashable .author-credit {} 
#mashable .author-credit a { 
font-size:10px; 
font-weight: bold; 
text-shadow: 1px 1px white; 
color: #1E598E; 
text-decoration:none;} 
#email-news-subscribe .email-box{ 
padding: 5px 10px; 
font-family: "Verdana","Helvetica",sans-serif; 
border-top: 0; 
border-right: 1px solid #C7DBE2; 
border-left: 1px solid #C7DBE2; 
border-image: initial; 
height:35px;} 
#email-news-subscribe .email-box input.email{ 
background:#FFFFFF; 
border: 1px solid #dedede; 
color: #999; 
padding: 7px 10px 8px 10px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
-o-border-radius: 3px; 
-ms-border-radius: 3px; 
-khtml-border-radius: 3px; 
border-radius: 3px; 
border-image: initial; 
font-family: "Verdana","Helvetica",sans-serif;}    
#email-news-subscribe .email-box input.email:focus{color:#333}    
#email-news-subscribe .email-box input.subscribe{ 
background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); 
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00)); 
background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); 
-pie-background: linear-gradient(270deg,#ffca00,#ff9b00); 
font-family: "Verdana","Helvetica",sans-serif; 
border-radius:3px; 
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
border:1px solid #cc7c00; 
color:white; 
text-shadow:#d08d00 1px 1px 0; 
padding:7px 14px; 
margin-left:3px; 
font-weight:bold; 
font-size:12px; 
cursor:pointer; 
border-image: initial;} 
#email-news-subscribe .email-box input.subscribe:hover{ 
background: #ff9b00; 
background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00); 
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00)); 
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
outline:0;-moz-box-shadow:0 0 3px #999; 
-webkit-box-shadow:0 0 3px #999; 
box-shadow:0 0 3px #999 
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00)); 
background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%); 
-pie-background:linear-gradient(270deg,#ffda4d,#ff9b00); 
border-radius:3px; 
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
border:1px solid #cc7c00; 
color:#FFFFFF; 
text-shadow:#d08d00 1px 1px 0}    
#other-social-bar { 
background-color: #D8E6EB; 
box-shadow: 0 1px 1px #FFFFFF inset; 
padding: 5px; 
font-family: "Verdana","Helvetica",sans-serif; 
font-weight:bold; 
overflow: hidden; 
border: 1px solid #B6D0DA; 
height:35px; 

</style>

<!--[if IE]>
<style> 
#email-news-subscribe .email-box input.subscribe{ 
background: #FFCA00; 

</style>
<![endif]-->
<!--begin of social widget--> <div style="margin-bottom:10px;"> <div id="MMFWU-mashable-bar" ><!-- Begin Widget --> <div class="fb-likebox"> <!-- Facebook --><div id="fb-root"></div><script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-href="http://www.facebook.com/
softwareandgame" data-width="280" data-height="88" data-show-faces="false" data-stream="false" data-header="false"></div></div><div class="googleplus"> <!-- Google --><span>Recommend Us!</span><div class="g-plusone" data-size="medium"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> </div> <div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp;align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;lang=en&amp;link_color=&amp;screen_name=AWAIS&amp;show_count=&amp;show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div><div id="email-news-subscribe"> <!-- Email Subscribe --><div class="email-box"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BT4U', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="Your Email Here.." onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" /><input type="hidden" value="BT4U" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="subscribe" name="commit" type="submit" value="Subscribe" /></form></div></div><div id="other-social-bar"><!-- Other Social Bar --><!-- AddThis Button BEGIN --><div class="addthis_toolbox addthis_default_style addthis_32x32_style"><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_preferred_6"></a><a class="addthis_button_compact"></a><a class="addthis_counter addthis_bubble_style"></a></div><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f22ed8a16c66e93"></script><!-- AddThis Button END --></div></div></div><!--Social Media Sharing Widget By BLOGGERTRICK4YOU.BLOGSPOT.COM-->
     
Changes user names

    Now replace blue color softwareandgame with your facebook fanpage username.
    Replace red color Awais  with your twitter username.
    Replace these red color BT4U two usernames with your feedburner username.

10 Tips to Configure Hotmail Email Account on Outlook

By on 07:19

 10 Tips to Configure Hotmail Email Account on Outlook
To day i share with friends how to configure Hotmail Email account on outlook? Here are most and best simple 10 tips. Microsoft has been endorsing imminent updates to their Hotmail service, capable to make it an even better web mail service but Microsoft's revamped Outlook 2010 is already here. Here you can learn how to put together Hotmail with Outlook. Outlook 2010 works with an extensive diversity of email accounts, IMAP, including POP3 and Exchange accounts.

The single problem with POP3 and IMAP accounts is that they only sync email, but not your calendar and contacts like Exchange do. Hotmail, though, lets you sync your email, contacts, and calendar with Outlook with the Hotmail Connector. This lets you keep all of your PIM data easy to get to from everywhere. Let's look at how we can set this up on our account. The best thing is that users can do all of this on their own and without contacting their Microsoft tech support services. The guide will help you configure Microsoft Outlook 2010.
READ ALSO:Create Facebook and Twitter Custom Follower Counters
1. The first step is, you have to open Microsoft Outlook

2. Now just click on the File tab

3. You will find an Add Account Button under the 'Account Information' Section, Click on this "Add Account" button.

4. Now you will see a new window will pop up in which you'll have to submit your name, your Hotmail address and your password in the relevant fields. Now click on next.

5. Here at this point, you may be provoked to install Outlook Hotmail Connector. If it does show up, click 'Install Now'

6. To start the installation, click 'Run'

7. Now select the Software License Terms check box and click 'Continue'

8. When the software gets installed, you need to click "cancel" in the 'Add New Account'.

9. Now close and restart the Outlook

10. Once your account has been added, you can add more accounts by clicking 'Add another account' or you can click on 'Finish' to end the setup process.
READ ALSO:Random 125 X 125 Ad Banners Widget For Blogger
Above mentioned tips are very easy and simple to follow. If you find that it's too difficult, or if you are not comfortable editing the Computer Settings then avoid doing it yourself. You must call up Hotmail technical support. Their technical support experts have great experience in providing Hotmail support and can help you out with an excess of problems related to your account like:
READ ALSO:Twitter Recent Posts Widget, The Rare Widget Ever!
• Help you to configure your account with Outlook
• Support for restoring forgotten passwords.
• Provide help you to integrate your emails with your smart phone.

Tuesday 24 December 2013

Social Bookmarking Widget For Blogger – Bookmark and Share homepages

By on 17:34
Bookmarking-Widget For BloggerWith the release of Add Cute Flying Twitter Bird I also released some useful blogger widgets which includes a Bookmarking Widget For your blog’s homepage. This widget helps readers to bookmark your blog’s homepage on their favourite bookmarking services like Google bookmark, Stumbleupon, Delicious, Digg etc. It contains icons from  our Social Share Widget With Counters. This is how this widget looks like,

Bookmarking Widget
To add this widget to your blogs, follow these steps,
  1. Go To Blogger > Layout
  2. Click Add a Gadget or Add a Page element
  3. Choose HTML/JavaScript
  4. Inside HTML/JavaScript paste the code below,
<center><tr>
<td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody>
<tr>
<td width="28" height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg52P_pP9vqUsVvtu65ejKBPdaOcboLth_SzX9TIonGf7Z93zgBevauKJk8FrLjWDYFuA2H47SBqthSGnNM4XZsyxyqUAdNCmnNDYcjeQCbEZJDiOiknXeaoDfqZqrFZ6mTfKJRS-eLJu0/s400/FACEBOOK.png" height="25"/></td>
<td height="30"><a href="http://www.facebook.com/sharer.php?u=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Facebook</a></td>
</tr>
<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6moZ70FsEeNyWhqTzAbo9aR7ydwsewrHEvCY9gMsTOvT8PTsrYAMpIpJsSJMxNzADtpz8t36DvKfEec0Za6xMtw92nUEZstkhJfhH0rvciDE12itCzMb30yA88bAJEV0wPA4RyiaeY48/s400/TWITTER.png" height="25"/></td>
<td height="24">
<a href="http://twitthis.com/twit?url=http://YOUR-BLOG-NAME.blogspot.com">Share on Twitter</a></td>
</tr>
<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiME9d6Xb-dAJSb1nwLyOK8xxCi63wGcbo1TAlSfBHm447sScIpOGDZPqkw3vZZ4KFSDDy57LSJlWAvkstne4prJuT1bxG-E87crmTtF2aWaLTogZvQfz87leDPQzsX_LWxEZF9Z6-7pOc/s400/STUMBLE-UPON.png" height="25"/></td>
<td height="30"><a href="http://www.stumbleupon.com/submit?url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on StumbleUpon</a></td>
</tr>
<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAfWnMN3A9F2W5QfqIVHSw3CwL3XRNKYQ6PrOh7CnJfDG5pqpaii_CLS9FJ8vI0hNaAOS_T2UO3h7QMumHOAlFobMt6LPw44Gm6BGgmz9KajosXioS2U2Lkype7knI2zKSInzTOBtuVIY/s400/DELICIOUS.png" height="25"/></td>
<td height="30"><a href="http://del.icio.us/post?url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Delicious </a></td>
</tr>
</tbody>
</table>
</td>
<td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody>
<tr>
<td width="28" height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4tkOTvRY1CyMWVrdG4BIRlq2Klb_UarGzDVB4rF80Etnqn6se9SNrFx0YEjy1a5MJGkvQDNyUTNFUB_vV7FvA_UfkdeGCiDhBswU6enQ7_yLXXXusKsSTCCoTqpaoMrIoASIrHRxL4to/s400/DIGG.png" height="25"/></td>
<td height="30"><a href="http://digg.com/submit?phase=2&url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Digg </a></td>
</tr>
<tr>
<td height="30"><img border="0" width="22" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcUzuI7MgCHcJVBmBgGKbQJa-r9pTlHMocugOJRoIhbbTU_dfWMX9MAd_DoOI_IfSngKzjr-qc9F6EmUdvn4sGY65U7vn16q6LbVfOk_-RctnK2ESeSEAyt2oQI36_NinSCv26QjACKSg/s400/Google-icon.jpg" height="22"/></td>
<td height="30"><a href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow" title="Bookmark this blog on Google">Bookmark on Google</a></td>
</tr>
<tr>
<td height="30"><img border="0" alt="Email" width="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIpuinWlVimbW9SPmblJFXOR6DObOR0U-WpsSpB_gFq0WU9IrBGrhYcyrE1TXmcMUdXNDUjJQIlC7AKGbOhMDn-xokCqOb_dzCU9pj3H3QeJwaJschjYdJhDVSMtMzkHGLNKVuZSSAUx4U/s400/Email+Orange_128.png" height="22"/></td>
<td height="30"><a href="http://feedburner.google.com/fb/a/mailverifyuri=tntbystc&amp;loc=en_US" target="_blank" rel="nofollow">Receive Email Updates</a>
</td>
</tr>
</tbody>
</table></td></tr></center>
Remember to replace YOUR-BLOG-NAME  with your Blog’s good name and the Subscription Link i.e http://feedburner.google.com/fb/a/mailverifyuri=tntbystc&amp;loc=en_US with your own Feedburner subscription link. You can find your subscription link by going to the following location in your feedburner account, Publicize > Email Subscription . Just below Email Subscription page you will find a code as shown below,
subscription-link


Finally save your widget and preview your blog to see the new change on your blog!

Add CSS Based Social Bookmarking Widget To Blogger Blogs & Websites

By on 17:25
Social-Bookmarking-Widget-For BloggerNever thought this would turn the best designing period of my life. After a lot of trial and error I managed to create a social bookmarking Icons widget using advanced CSS technique. I had consulted a lot of my friends on how to give an hover effect to social bookmarking icons below blogger posts using simple CSS but all methods that were suggested unfortunately did not help.
This widget uses a total of 20 Icons but believe it or not it is super-fast and loads with in seconds. I merged all 20 Icons into one big image and used CSS Image stripes techniqueto make the icons appear at right positions. Fortunately this saves a lot of load time, because the browser will load all images at once and doesn’t need to contact the image server several times for uploading the images.
This is the big image I used,mbt-bookmarking-widget
Now lets add them below each post in blogger ,
  1. Go To Blogger > Layout > Edit HTML
  2. Search For ]]></b:skin>
  3. And paste the code below just above ]]></b:skin>
/*--------BT4U Bookmarking Widget (CSS#1)------*/
.mbt-bookmarking a {
display:block;
height:42px;
width:48px;
padding:0 9px;
float:left;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCMcwFmb_V0uGDf-cnyNep8yIcesHSEtn3ifLR2GGxm2FM4qEkaqLxRUIZECAkTITeqGGh8-ox80bJU5mqkBqWB1IOsMrcZEHJ5RzcVMuNYQ7OUm-V_ZNVfddLiAZoQ4sKcxgYtKuBF7tz/s1600/flapper.jpg) no-repeat;
}
.mbt-bookmarking a.delicious {
background-position:0px 0px;
}
.mbt-bookmarking a.delicious:hover {
background-position:0px -43px;
}
.mbt-bookmarking a.digg {
background-position:0px -86px;
}
.mbt-bookmarking a.digg:hover {
background-position:0px -129px;
}
.mbt-bookmarking a.stumbleupon {
background-position:0px -344px;
}
.mbt-bookmarking a.stumbleupon:hover {
background-position:0px -387px;
}
.mbt-bookmarking a.technorati {
background-position:0px -430px;
}
.mbt-bookmarking a.technorati:hover {
background-position:0px -473px;
}
.mbt-bookmarking a.twitter {
background-position:0px -516px;
}
.mbt-bookmarking a.twitter:hover {
background-position:0px -559px;
}
.mbt-bookmarking a.facebook {
background-position:0px -172px;
}
.mbt-bookmarking a.facebook:hover {
background-position:0px -215px;
}
.mbt-bookmarking a.reddit {
background-position:0px -258px;
}
.mbt-bookmarking a.reddit:hover {
background-position:0px -301px;
}
.mbt-bookmarking a.yahoo {
background-position:0px -602px;
}
.mbt-bookmarking a.yahoo:hover {
background-position:0px -645px;
}
.mbt-bookmarking a.rss {
background-position:0px -774px;
}
.mbt-bookmarking a.rss:hover {
background-position:0px -817px;
}
     4.     Now Check the box “Expand Widget Templates” at the top-right-cornerexpand-widgets
     5.      Search for this code <data:post.body/> . If you can not find it then search for this one<p><data:post.body/></p>                                     (Tip:- Press Ctrl + F)
     6.      Just below <data:post.body/> OR <p><data:post.body/></p>, paste this code,
<!--BT4U Bookmarking Widget (HTML)--> <div class='mbt-bookmarking'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/><font color='#289728' face='ms sans serif' size='3'><b>Kindly Bookmark and Share it:</b></font>
<br/><br/>
<!-- Delicious -->
<a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Delicious :&gt;'/>
<!--DIGG-->
<a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank' title='Digg this :&gt;'/>
<!--Stumble-->
<a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Stumble this :&gt;'/>
<!-- Technorati -->
<a class='technorati' expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank' title='Fave this :&gt;'/>
<!-- Twitter -->
<a class='twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :&gt;'/>
<!--Facebook-->
<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook :&gt;'/>
<!-- Reddit -->
<a class='reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Bookmark and tag this :&gt;'/>
<!-- Yahoo -->
<a class='yahoo' expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Bookmark this :&gt;'/>
<a class='rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'/>
</b:if></div>

You can replace the bolded text in green with any statement you like. You can also change the text colour i.e #289728 with any colour you like. Use our Color Chart for this purpose.
   7.     Now Finally save your template and view your blog to see a colorful bookmarking widget just below all your posts :>
That’s All!
If you want larger icons approximately about 64px by 64px in size, then paste the following code just above ]]></b:skin> 
/*--------BT4U Bookmarking Widget (CSS#2)------*/
.mbt-bookmarking a {
display:block;
height:55px;
width:64px;
padding:0 5px;
float:left;
position:relative;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj81GJlUQHtKG9alcSGudVSnxWEItBK6yY6O9GrmjEz7T_3uNDxOG27K_qehAxVj2ZLUEnONVl2yBnS6xQ55hsAhuD6D0GhGRykNJcxbRuznsf-Y6w6qzLcSoJDKQv3Ld-ToA7XR1wiyTfk/s1600-h/flapper2.jpg) no-repeat;
}
.mbt-bookmarking a.delicious {
background-position:0px 0px;
}
.mbt-bookmarking a.delicious:hover {
background-position:0px -57px;
}
.mbt-bookmarking a.digg {
background-position:0px -114px;
}
.mbt-bookmarking a.digg:hover {
background-position:0px -171px;
}
.mbt-bookmarking a.stumbleupon {
background-position:0px -228px;
}
.mbt-bookmarking a.stumbleupon:hover {
background-position:0px -285px;
}
.mbt-bookmarking a.technorati {
background-position:0px -570px;
}
.mbt-bookmarking a.technorati:hover {
background-position:0px -627px;
}
.mbt-bookmarking a.twitter {
background-position:0px -684px;
}
.mbt-bookmarking a.twitter:hover {
background-position:0px -741px;
}
.mbt-bookmarking a.facebook {
background-position:0px -456px;
}
.mbt-bookmarking a.facebook:hover {
background-position:0px -513px;
}
.post-bookmark a.reddit {
background-position:0px -342px;
}
.mbt-bookmarking a.reddit:hover {
background-position:0px -399px;
}
.mbt-bookmarking a.yahoo {
background-position:0px -798px;
}
.mbt-bookmarking a.yahoo:hover {
background-position:0px -855px;
}
.mbt-bookmarking a.rss {
background-position:0px -912px;
}
.mbt-bookmarking a.rss:hover {
background-position:0px -969px;
}

Monday 23 December 2013

Show Off Follower Counts For RSS, Twitter and Facebook Followers

By on 15:30
Follower Counter for facebook, twitter and  feedburnerYou have seen many mind blowing widgets on wordpress blogs but its now time to make Blogger a better place! Presenting to you just another beautiful and yet useful widget that displays the current number of your blog subscribers, twitter and facebook followers. This widget is based solely on pure CSS and HTML with no JavaScript involved therefore you just need to update the counts manually. At present I am learning programming too so as soon as I develop some good command in programming, I will automate all BT4U widgets but at present bear with me as a designer only



Read Also:How The Facebook Help You To Get Traffic

Follow the Steps Below To Add The Follower Counter To Your Blogger Blogs

  1. Go To Blogger > Layout
  2. Choose Add a Gadget or Add a Page element
  3. Select HTML/JavaScript widget
  4. Paste the code below inside it,
<style>
.rss-mbt {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5CcGbJ34ggtGQjZrKXUou5jE5wUeTVMstOu-8OCD0xPvhN0AbHvyp25JKGeo_f_8JeuSu7-6r9xJ0z9HfAF4SZWZ_8pFFwXAZ5sReYnDlJhpMCfBdoMCU3ofZ0Rq0wfn2Bd4c_4x9UVw/s800/RSS1.png) no-repeat;
    height: 64px;
    padding: 0px 20px 0px 80px;
    margin-top: 20px;
}
.twitter-mbt {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6wypqYs6t0uZqUIcGVWcFAuhG5NQ8AcSlxQH_shSuXHDmfnov4k-4uGFDwGeGh0DLG5h28MSqQRoZdt7HnKEcAKG0WCZJ0oC20mHPCua5zEl0fhXTVCd1hNPJXKlm3ZvhumXcWyqzNN4/s800/TWITTER1.png) no-repeat;
    height: 64px;
    padding: 0px 20px 0px 80px;
    margin-top: 20px;
}
.facebook-mbt {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilWm_HgQXmH-lRL0JjqU91YKMnxCVKws0idvCu92cOP9-WcJw5tTrOeKw6XEtgQrKHb44ok9nfxMLoZ_3EFgHnHC7GLUaS20cP3nQVDP_KjFwYTjZzmT4hdRjT0YLfAJT4bqWhVAX6FAs/s800/FACEBOOK1.png) no-repeat;
    height: 64px;
    padding: 0px 20px 0px 80px;
    margin-top: 20px;
}
.follower-rss, .follower-twitter, .follower-facebook {
    font-family: Georgia,  sans-serif, Times;
    font-size: 1.1em;
        font-style:italic;
        color:#289728;
}
.follower-rss span {
    font-size: 1.9em;
    font-weight: bold;
        font-style:italic;
        color:#FFB93C;  
}
.follower-twitter span {
    font-size: 1.9em;
    font-weight: bold;
        font-style:italic;
        color:#6DB6E6;  
}
.follower-facebook span {
    font-size: 1.9em;
    font-weight: bold;
        font-style:italic;
        color:#3889BA;  
}
</style>
<div class="rss-mbt">
<div class="follower-rss"> <span>515</span> loyal readers
</div>
<a href="ADD-RSS-FEED-URL-HERE" rel="nofollow">RSS feed</a>
| <a href="ADD-RSS-EMAIL-FEED-URL-HERE" target="_blank" rel="nofollow">E-mail</a>
</div>
<div class="twitter-mbt"><div class="follower-twitter"><span>1058</span> followers</div>                         
<a href="ADD-YOUR-TWITTER-URL-HERE" target="_blank" rel="nofollow" title="I definitely follow you back">Follow us on Twitter!</a>
</div>                       
<div class="facebook-mbt">                     
<div class="follower-facebook"><span>260</span> followers                            </div>                         
<a href="ADD-YOUR-FACEBOOK-URL-HERE" target="_blank" rel="nofollow">Join us on Facebook!</a>
</div>

NOTE:- Make sure to replace the bolded text with the required details (links of your Feedburner, twitter and facebook accounts) and replace the bolded numbers with your current follower counts. For example replace 515  with your current number of Subscribers, replace  1058 with the number of your twitter followers and replace 260 with the number of your facebook followers
     5.    Save and you are done! Now view your blog to see a stunning widget hanging on your sidebar 

Social Share Widget With Counters For Blogger

By on 15:21

social-share-widget
The Social networking sites growing traffic is indirectly to webmasters themselves. the more they receive traffic the more visitors we receive when people share you content with friends and colleagues. The widget today consists of Facebook, Twitter, StumbleUpon box counters along with Addthis Counter which makes it a complete package of social media sharing buttons. To Add this widget to your blogspot blogs kindly follow the steps mentioned below.

Add Social Share Widget To Blogger

  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Check the "Expand Widgets Templates" Box
  4. Search for <data:post.body>
  5. Just above it paste the code below,
    Read Also:Twitter Recent Posts Widget, The Rare Widget Ever

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align='right'><table border='0' cellpadding='2' cellspacing='0' width='150'><tbody>
    <tr>
      <td valign='top'>    <script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/>
</td>
      <td valign='top'>   <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'/></td>
    </tr>
    <tr>
      <td valign='top'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> </td>
      <td valign='top'>
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4de39fde7c998f6e' type='text/javascript'/>
<!-- AddThis Button END -->
</td>
    </tr>
  </tbody></table></div></b:if>

If you wish to align the widget to left then replace  right with left
6.Save and you are done!
Read More:Create a Floating Feedback and Back-To-Top Button For Your Blogs
Let me know if you needed any help.