Friday 27 September 2013

Dream Up And Maintaining A Powerful Money-Making Blog


Dream Up And Maintaining A Powerful Money-Making Blog

Dream up and sustaining a blog is one of the best ways to market yourself or your business on the internet. Blogging provides a riches of opportunities for both yourself and your readers.

couple of internet marketing strategies pay for you with the flexibility of your own blog. In this article, we'll discover exactly what a blog is, how to conceive one, encourage one, and organise a blog so that it drives traffic to your website and helps encourage your enterprise and make you cash online.

What is a blog?

In truth, a blog or "web log" is not anything more than a very easy website dedicated to a theme or closely associated set of themes. A blog can stand solely as an unaligned URL, such as yourblog.com, or it can be hosted by a blogging website such as Google's blogger.com or you might embed a blog exactly on your own website.

A blog usually consists of a couple of basic components. The major blog name, which recounts what the blog is about and notifies viewers the general topics they'll find there. The blog will also have multiple posts or small items that are dated and characteristic the bi-line of the scribe. Finally, the blog will characteristic a comments section where readers can mail remarks on a blog entry and merges with each other as well. Additionally, most blogs will have communal sharing mechanisms where readers can share the data on their Facebook, Twitter, Google+ and other communal networking accounts.

A blog can be more complex than this, but in essence, what has been described overhead is the core of every online world wide web log you will arrive over. Blogs should be informative and intriguing, as well as optimized for search engine traffic.

How do you conceive a blog?

As asserted overhead, a blog is a website, or a part of a website. If you are a programmer, you can effortlessly compose your own blogging scripts. However, there are usually two kinds of blog creation and upkeep options for the average internet client.

First, you can use blogging or website creation programs to make your blogs. These systems encompass WordPress, Joomla, and other CMS kind schemes. These permit a large deal of flexibility and give you the proficiency to conceive whole websites round your blogs.

The second most common method is to use a pre-existing blogging application like the afore-mentioned Blogger.com. This website will allow you to construct and sustain your own blog with only a very couple of bangs of your mouse. They provide themes, revising tools and communal interaction that is very easy and very productive.

As cited previous, a blog should be focused on a exact topic or category of topics to be effective. For demonstration, our blog is about internet trading, enterprise development and website conceive. Very inter-related topics. It allows users and other entrepreneurs to share their thoughts, ask questions and gives them an ongoing asset.

A blog should not ramble and cover multiple unrelated topics. Stay concentrated on what your blog is about. If you desire to blog about several unrelated topics, conceive more than one blog. You can even network and cross-link them. Just try to hold each blog concentrated on its intended reason. You'll find it is a lot more productive at apprehending and keeping interest.

How do I manage my blog?

Likely the most significant thing about a blog is the way you organise it. Blogging is different all other forms of marketing and content creation due to some components. First, blog readers arrive to expect and will reply to consistent postings. You can't heal your blog as a one time in a while activity.

Second, because of the interactive environment of a blog, you will have to supervise and interact with those of your readers who commentary. You may even get requests for guest bloggers. You must be attentive and responsive.

Compose at smallest once per week, if not more. If and when your blog starts to grow in attractiveness, you'll find that you will have to be on peak of it on a every day basis. There will be a unchanging yearn for new data as well as numerous comments to be addressed. Of course, if you get to a issue where your blog requires more than an hour a day of your vigilance, you will be pleased to do the work.

How to encourage your blog and use it to encourage you

Numerous people marvel how you encourage a blog. How do you get readers? hold in brain what we've currently mentioned. A blog is not anything more than a little website. It's going to be indexed by Google, yahoo and Bing like any other website. Further, it will get indexed by some exceptional blogging seek motors as well. So the first thing to think about with your blog and all the mails you write is SEO.

Second, just like a website, start to build back connections to your blogs. You can do this by actively chasing link swaps as well as composing good value content that other ones will want to syndicate to their own blogs and websites.

Another great way to promote your blog is to comment on other ones' blogs. It's like that vintage saying about writing notes, "You've got to write them to get them." Become a supplier to other people's blogs and they in turn may contribute to yours, thus permitting you all to exchange active links.

eventually, use communal systems. Let persons understand about your new blogs and about mails they may find interesting. inquire them to comment or even compose a visitor post about a theme on which they're knowing. Just hold in mind, you desire to supply this mesh with genuine valuable data, not just a constant stream of self-promotion.

If you do all this, and some other internet marketing schemes too numerous for this item, you will not only glimpse your blog visits and remarks boost, but this will nearly mechanically do the identical for a website you want to encourage via this blog. You can even embed the newest one or two blog mails on your site to hold its content growing and drive tourists back and forward. Provide your blog readers with quality valuable content and they'll not only keep approaching back, connection to you and commentary, they'll notify others about you. So proceed out there and conceive a place for distributing your thoughts and data. And if you want, let us understand about it!

Tablet PCs, iPads, Andriod and Smartphones Liked Make Websites

Tablet PCs, iPads, Andriod and Smartphones Liked Make Websites
 
Tablet PCs, iPads, Andriod and Smartphones have conveyed great change in all fields of life particularly the way we use internet. Their very good features made them the best choices to access internet for distinct purposes. although, the topic is that world wide web pages take more time to get loaded when accessed by smartphones. This hold up reduces the users’ interest and sways the traffic on world wide web pages. Research has disclosed that to maintain users’ flow, the web sheet should be ladeninside less than one second. Different methods are utilised to advance the stacking of pages. Some of them are as pursues:

Assortment of dialect

While making website for wirelessapparatus, first step is to select a suitable dialect. WML, cHTML, and XHTML are most apt options available for this reason. XHTML is the newesttype so it can be advised the best for the latest apparatus and is better than its primary type, which is HTML.

Use of emulator

Use smartphone emulator to discover about the smartphone users know-how on your website. It is better as it provides a broader outlook about a variety of mobile apparatus accessing your site by replicating the scenario. This will help you to manage the amount of facts and figures on your website along with advancing stacking hasten of your location.

World wide web location layout

As mobile apparatus have less personal space for brandishing contents so you should choose a apt layout of your site for its brandish on smartphone. Try to brandish only most useful data to your goal client rather making your location a second copy of your full website. It will sway the stacking time and conspicuously the users’ know-how for sure.

Cipher optimization

Use of complex and inefficient JavaScript ciphers for web sheets takes more time to execute and as a result rises the loading time of the sheet. It the best choice to use effective JS cipher as ATF essence of the world wide web page. It will improve the stackinghasten of the web sheets for smartphones.

Efficient use of JS and CSS

Use of JS and CSS in web page development involves the need of downloading an external asset that includes downloading time and furthermore increases the around journeys to the server. All this slows down down down the loading of website. This can be handled by using JS and CSS cipher effectively in the content of world wide world wide websheets. The best way to manage is utilising JavaScript and CSS inline cipher for ATF contents and external impeding in the rest of web contents.

Above the bend content

In this technique, some peak contents burden within less than one second to enlist the users and rest of the sheet continues to burden in background. You may sustain this characteristic by utilising HTML, CSS, and JS in your web sheets. This approach is further more renowned as critical rendering route.

Fast server Response

To burden the website promptly on smartphones, one helpful procedure is make server response faster. Reduction in server answer time less than 200 milliseconds will improve the website loading time. therefore, you can state that the use of much quicker world wide web server for wireless world wide websites will enhance the stacking speed for wireless.

Less HTTP redirects

bypassing HTTP redirects will boost the stacking speed for world wide world wide world wide websheets on smartphones, as each forwardrelishes a new trip to the server for reply and increases the loading time more than 1 second. protecting this waste of time will improve the performance.

Little ATF facts and figures

Mostly utilised protocol for internet is TCP, which takes a slow start for facts and figures transmission when obtains a demand. It primarily drives greatest 10 packets in its latest versions and after getting acknowledgement from users, utilizes the full accessible bandwidth for facts and figures transmission. underneath 14K ATF facts and figures increases the location loading hasten as above the content facts and figures is sent in early packets under TCP protocol and enlists the client.

Thursday 26 September 2013

Best 4 Tips For Beginner Bloggers

Best 4 Tips For Beginner Bloggers

Begin to be a blogger is a nice project on the internet. It is large to get involved in. Some of us become a blogger because excitement and some because of money. If you are beginner and desire to find the way to start blogging, I have some easy and productive tips that beginner blogger will desire to take observe of it for you to get concepts and start your nice blogging know-how become more productive and appealing.

The first thing that beginner blogger should do is, make certain you select and create your own blog niche on internet. Make a single blueprint about niche that you select. These can help you to not lost aim about it. So, for the next step, it will become simpler for you, because you currently list down your idea what to blog. You don't have to keep on conceiving to take your next step.

Blog about what you understand. To all beginner blogger out there ( including me =) ) especially to those who still new, one of the big mistake is make a blog which foreign to them. It is better if you blog certain thing that you know. This is because, it can make certain you give the best data, topics or ideas for your visitor and this will give you a good traffics. For example, you like to play sport, and your niche is sport, for sure it will be easier for you to get concept to mail on your blog and you can share your data, deceive, methods or method to your tourist and this will leverage your tourist to arrive afresh to blog you.

Numerous persons who write blog become let down because they didn't get traffics like they liked. The detail here is it will take you hours, days, weeks or maybe months and your patience is very needs before tourist start visiting your blog. although, you can boost your traffic by Search Engine Optimization (SEO). The rudimentary thing for beginner blogger here is to use 'tags' in blog you. numerous blogs like word press and blog location has this 'tags' function part where you can inject phrase and sayings which are utilised in each blog. These 'tags' will be used by seek engines to help those who seek for your content.

As beginner blogger who is involved to blogging for money, I desire to recall you and myself that we will not become rich after three week of earning money through your blog. It will take at smallest a few months in numerous cases before you can get stable earnings approaching in through blogging.

Top 4 Types Of Affiliate Marketing Models

Top 4 Types Of Affiliate Marketing Models

Presently, affiliate trading programs are becoming more well liked for earning money online. There are some causes for it, the most widespread cause is that this enterprise has a lot of potential to profit from profit fromings with very low-cost and very simple to employed startup. Affiliate trading now plays a crucial role in the world of Internet trading. There are different types of programs from which affiliates can select and start making cash online.

1. Pay Per Click (PPC): - Pay-Per-Click is the most well liked kind of affiliate marketing form for affiliates with small websites, and probably the easiest way for earning money. It is a program in which the affiliate places the links of the goods of the merchant website in his website. when anyone visits the merchant's website by bang the connection in the affiliate website, the affiliate gets some commission. Commission is paid on the cornerstone of number of visitors click through the affiliate websites. Usually this program does not conceive much cash for affiliates, the amount of charge is little.

2. Pay Per Sale (PPS):
- PPS is the most common model in the affiliate marketing scenario today. In this model the advertisers pay the charges on sales of their products. In this type of form the website owners place an publicity on their site, if any visitors bang on the ad and buy a merchandise the website gains commissions for the sale.

3. Pay Per Performance (PPP):
- Pay Per presentation is another well liked affiliate model in this commerce and it is the largest paying model for the affiliates. In this model the merchant only buys the affiliate when his referral converts into the activity i.e. the tourists referred actually buys a merchandise from the merchant website or when the tourist becomes a lead. This means the merchant profits from lots of cash. On the other hand it's most lucrative type for the affiliate, for the charge in Pay Per Performance generally arrives in the 15% - 20% of the actual merchandise sales.

4. Pay Per Lead (PPL): - Pay Per lead affiliate form is often used by finance and insurance businesses who work on leads for business growth. In this form, affiliates are paid when visitors load up out registration types or similar articles or supply any kind of individual data on the merchant website through the efforts of the affiliate.

Affiliate marketing models are furthermore categorized as single-tier, two tier or multi-tier: - In lone - tier program, the affiliate is paid only for the direct traffic or sales to the merchant website. And in the multi - tier affiliate program the affiliate is paid for traffic or sales sent to the merchant location by affiliates that he employed into the programs. With multi - tier affiliate program is alike to two - tier affiliate programs, whereas the marketer relishes charges from a higher number of affiliates in the network.

Live Chat Room In Pakistan

Wednesday 25 September 2013

How to Add Best Related Posts Widget In Blogger Blog


How to Add Best Related Posts Widget In Blogger Blog


Hi friends! To day i share a gaining traffic article easy way of getting free traffic on your blog. Related post widget for blogger with images and thumbnails plays an important role in increasing your traffic of your blog.such widgets helps to get clicks on related posts of your blog.there are lots of posts in your blog that does not get good amount of traffic does not matter they are written good and unique so how to get traffic for those posts which are still unnoticed by readers.then such widgets like related post widget comes to importance.many of your posts with the same labels appear in related post widget above comments and readers are more often clicks them and hence you get more traffic for your blogger blog. Here are best way to add related post widget for blogger.

Below are the step by step procedure to add related post widget for blogger. do not edit the code otherwise it would not work all the customization that are required i will explain it to you.so learn how to add related post widget in blogger or blogspot blog.

  • Go To Blogger.
  • Click on template and then on edit HTML.
  • Type (CTRL+F) and search this piece of code.
  • Type </head> in search box.
  • Now copy and paste the below code before the </head> Tag.

<!--Related Posts widget for blogger Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;http://3.bp.blogspot.com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/s1600/no_image.jpg&quot;;
var maxresults=5;
var splittercolor=&quot;#DDDDDD&quot;;
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='https://makemoneyfreewithus.googlecode.com/files/makemoneyfreewithus.relatedpostwidget.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts widget for blogger End-->

Customizations

If you want to change the default picture in case one of your post does not have any thumbnails then this will appear.so if you want to change the picture then change the URL in bolded color.

If you want display more than 5 posts than change the value 5 from
"var maxresults=5;"
of your own numbers.
If you do not want related post widget to appear in homepage also then delete the code in blue color.so your widget will only appear in posts only.


Now find the following code
<div class='post-footer'>


And just above it, copy and paste the below code:


<!-- Related Posts widget for blogger Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.makemoneyfreewithus.blogspot.com'><img alt='widgets for blogger' src='http://3.bp.blogspot.com/-K65p5zLLKQk/T3ObCINoP7I/AAAAAAAABmI/dF84-alnOu4/s1600/best+blogger+tips.png'/></a>
</b:if></b:if>
<!-- Related Posts widget for blogger End-->


Note:-

If you want to display more than 6 posts then change the number 6 in max-results=6 with the number of posts that you want to display in that widget.

Save your blogger Template and you are done.

Tuesday 24 September 2013

Get Dollars Free with Google AdSense

Get Dollars Free with Google AdSense

Hi there if you want to boost your business profits yet you do not desire to be too forced management a new business that project into a new industry, then endeavoring Google AdSense is a good option for you.

Google AdSense is a assemblage of connections which may be posted on distinct sides of your website. It boasts various goods and services such as online sport, internet goods and more. When somebody visits your location and bangs the advertisement, then you will earn some dollars from it.

You have to take note that before resolving for Google AdSense, your website desires to have a decent sheet grade. expanded traffic will help you in having higher possibilities in this scheme especially if the promotion is appealing to your website's tourists.

Passive income is what most website proprietors like, especially that buying into some dollars will not ever be required. Your Google AdSense will start to skyrocket only if you understand how to do well. Unfortunately, it may not be the answer to your prayers, particularly if you want to become a millionaire through your website. It may be likely to profit from a allotment only if you will drive excessively. So as to make it reasonable and if you desire to be adept to do well on this aspect, then you have to work on diverse internet marketing strategies. Here are some free schemes you might like to look at:

1.Compose items in diverse world wide web 2.0 sites.
2. Use some time doing blog and forum commenting which are on the same niche as yours.
3. Partnered blog. search for a blogger who would be involved in citing your website.
4. Video marketing utilising diverse stages such as social newspapers sites and YouTube.
5. Social media trading. These are free sites and are widely utilised by many individuals. Because of that, it can be used for trading your website. People who are involved of your chosen niche will decisively click your website.

What Should Not Be Done
Google is very strict when it comes to Google AdSense. You have to make sure that you follow these guidelines:
1. You are not allowed to click your own ad.
2. You must not ask people to click the ad. Something like "Hey, could you do me a favor? I need you to click this link: blah... blah... blah... "
3. Be careful in placing your ads. Some website owners place this advertisement in areas where people may click them accidentally. Do not do that.
4. Promote your website well. If you will ask a company, make sure that they will follow Google's guidelines to proper promotion.
5. Make use of Google Analytics.
6. Ads may not be placed on websites which are prohibited by Google such as porn sites.
7. Do not tamper the codes provided by Google.
8. Avoid pop-ups which have no relevance to your niche.
9. Respect Google's trademarks.
10. Be responsive whenever Google needs to contact you, in case your Google AdSense experienced a problem.

Once you have eventually double-checked normal tourists, then more persons will be able to glimpse the Google AdSense you are endeavouring to work on. You do not need to spend lots of dollars in alignment for you to be adept to increase the allowance of traffic your website is obtaining. And basically, if you will only rely on Google AdSense, expending cash for your internet trading schemes should never be an option.

But if it will assist as an added earning apart from your online enterprise, then this should not be set apart. The cash you will be earning from it is still decent sufficient and it requires no buying into. Good luck on your Google AdSense.

Make Money - Add An Amazon Store To Your Blog


Make Money - Add An Amazon Store To Your Blog
Hi friends now for many of us conceiving a blog and to make cash from it is a simple way to get begun online and evolve an online business. There are several ways you can do this and one of the easiest is to add an Amazon store. You blog about certain products or topics associated to those goods, and then you offer your readers the merchandise direct from Amazon.

One of the reasons the Amazon store concept works so well is that everyone understands and trusts Amazon. They're one of the online retailers that conceived trading over the Web as we understand it today. If you've got a connection leading to a setting down page, they'll believe two times; but with Amazon, they'll purchase.

Don't Be Naive About This


But let me clear up a misconception rapidly. You can't compose a reconsider about a $100 Kindle reader and anticipate persons to click and buy it directly from your blog. They'll read the info to get data so that they can believe about it, and they'll go to Amazon later to purchase.

Instead, you need to aim on low-ticket pieces. Try to aim on trading products that are under $10. While you can write reconsiders about what you're selling, I've discovered a distinct tactic that I believe works much better. Teach them how to use the goods you're trading to do certain thing.

For demonstration,compose a blog that's all about how to build your own breeze turbine, and then deal all the stuff they need to build it through your Amazon store.

Supplementing Your Store

To add an Amazon store, you first have to have an Amazon Affiliates account. Scroll down to the base of the major sheet and bang the link that states 'Make cash with us.' You'll load up out a sign-up form and confirm by internet message, and then you're ready to proceed.

On your Amazon Affiliates menu, there's a button labeled 'Add an aStore.' It'll ask you to conceive a exclusive name for following your sales and you can put simultaneously the actual shop by selecting what products you'd like to deal right there.

proceed back to your blog and create a new sheet. You'll exact replicate the cipher for your store from Amazon and location it here on your blog. There are some distinct types of codes that you can use, but the best for WordPress is to use an inline border. The benefit is that rather than of sending them to Amazon like a normal link, it keeps them there on your blog while they shop from Amazon.

One time you get the borders put on your blog, you can mess round with the size and placement of it.

Once you're live, notify your readers in a easy message that you're offering some products. Don't make too big of a deal out of it or you'll appear like you're altering your blog.

Make sure that the goods you offer are relevant and wanted by your readers. It doesn't take long to set up an Amazon store on your blog and you can start trading stuff immediately.

Sunday 22 September 2013

How to Add Facebook Recommendation bar to Blogger

Hi friends! To day i share with you a nothing latest but great post How to Add Facebook Recommendation bar to Blogger. The recommendations bar lets people like content, get recommendations and share what they’re reading with their friends. Facebook is probably the biggest social networking website in the world. This is the reason why most of the corporate companies utilize Facebook for marketing their material and making it go viral on Social media. Facebook provides various ways of making your content go viral through Facebook like box, Facebook comments, Facebook like button. The recommendation bar is not something new, in fact you see it on many websites. It’s that box that appears to the right side of your blog or website with links to articles on your site, offered as ‘recommended for reading’ to your visitors. This is a good approach to adopt if you want to increase your pageviews, but bear in mind that not all visitors would like to be interrupted with such a floating box.

Step 1. Create Facebook Application

Before you can use the Facebook plugin for blogger, go to the Facebook App page and click on the button Create New App.
1. Go to facebook Developer Page.
2. and create app like setting below.


 3. Enter the captcha security code. Click Continue.
Just click Website with Facebook Login tab and inside the box input your blog URL. See the screenshot below. Do not touch remaining options and click Save Changes.


Now you will land of a new page which would provide you your application details like App ID, App Secret and etc. You need to copy “app ID” and enter them later. ( See Screenshot above )

Step 2. Add It To Blogger


1. Go to you blogger Dashboard>>Template>>edit html
2. Search for this code.
<html

3. Replace with below code.
<html xmlns:fb='http://ogp.me/ns/fb#'
  • This will make the recommendation bar compatible in older versions of  browsers also.
4. Paste the Following below code before closing < body /> tag.
<div id='fb-root'/>
<script>
//Facebook Recommendation bar
//<![CDATA[
(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&appId=***************";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><div style='z-index:999999; position:absolute;'>
<fb:recommendations-bar action='like' max_age='0' num_recommendations='3' read_time='5' side='right' site='http://www.makemoneyfreewithus.blogspot.com' trigger='30%'/></div>
</b:if></b:if>

You are almost done. Make these changes:
  • Just replace *************** with your 15 digit App Id that you saved in step1.
  • and replace http://www.myblogger-tricks.com with your blog home page link.
  • and save it.. you are done!!!...

More Editing in code above

The plugin is expanded once the trigger parameter requirements are met, and the person has been on the page for at least the duration specified in the read_time parameter. There are three values for the trigger parameter:
  • onvisible. The plugin is expanded when people scroll past the exact point where the <fb:recommendations-bar /> tag is placed on the page. This is the simplest option and will work best if you place the tag right at the end of your article's main content. This is the default.
  • X%, where X is any positive integer less than or equal to 100. This specifies the percent of the page that must be scrolled before the plugin is expanded. For example: 100% would indicate that people need to scroll all the way to the end of the page before the plugin expands. 50% indicates that people need to scroll to the middle point of the page.
  • manual. Use this option to manually trigger the plugin. When you want to trigger the plugin, callFB.XFBML.RecommendationsBar.markRead(href); in JavaScript. The href parameter is optional and will default to the current page if not set. If provided, it must match the href parameter on the XFBML tag. The manual trigger is useful when you have more a multipage article. For example on a three-page article, you would add trigger="manual" on pages one and two and never call the markRead JavaScript function on those pages.
The read_time parameter tells the plugin to wait a certain amount of time before it expands. It takes an integer representing the number of seconds. By default this will be set to 30 seconds. The minimum is 10 seconds. Note that in order for the plugin to expand, the trigger condition must be true, and the read_time must be met.

The Above Documentation Provided by Facebook Developer Team..
Save your template and see the plugin work correctly. If any thing went wrong just your post query below in comments. I will reply back as soon as time allow. I hope the installation was very simple and easy.

Saturday 21 September 2013

FIFA 14 Code Generator


FIFA 14 Code Generator Last Version Free 

Download 









"FIFA 14 will play the way great football matches are contested with build up through midfield, tension throughout the match as chances are created, and incredible finishing,” said David Rutter, Executive Producer for FIFA 14. “Opportunities in FIFA 14 will be rewarding and great goals will look stunning.”
Finishing has been

Friday 20 September 2013

Beautiful and Awesome Social Networking Buttons Below Posts


Beautiful and Awesome Social Networking Buttons Below Posts




Hi Friends! I hope all is well. To day i share a awesome post with you beautiful and awesome social networking buttons below posts today we have yet another cool design with our chakaas icons in it. These social icons are arranged in symmetrical order and size with image opacity effect added to each by default. Lets know how to add beautiful and awesome social networking buttons below posts step by step.

 

How To Beautiful and awesome Add Social Networking Icons In Blogger?

To add these icons below posts kindly follow these steps,
  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Click the "Expand Widgets Template" box
  4. Search for this,
]]></b:skin>
and just above it paste the Opacity code below,
/*------------ MMWU Image Opacity--------------*/
.Fadein img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.Fadein:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}

     5.    Next search for this code,
<data:post.body/>
and just below it paste the following code,

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center><span style='color: #7AA1C3; font-size: 12px; font-family: Verdana;'><b>Thanks a lot For made This Possible! Kindly Bookmark and Share it.</b></span><br/><br/>
<a class='Fadein' expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' height='64px' src='http://4.bp.blogspot.com/_7wsQzULWIwo/SqGGYWGbF8I/AAAAAAAABxU/o5IHL_Ciwss/s400/TECHNORATI1.png ' width='64px'/></a>
<!--DIGG-->
<a class='Fadein' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank'><img alt='Digg This' height='80px' src='http://3.bp.blogspot.com/_7wsQzULWIwo/SqGGHk_dvrI/AAAAAAAABwk/kmAe1jCxrGA/s400/DIGG1.png ' width='80px'/></a>
<!--Stumble-->
<a class='Fadein' 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'><img alt='Stumble' height='100px' src='http://4.bp.blogspot.com/_7wsQzULWIwo/Ssnw2ChIPXI/AAAAAAAAB5U/bgiT3bu2_xo/s400/stumble1.png' width='100px'/></a>
<!--Reddit-->
<a class='Fadein' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='100px' src='http://1.bp.blogspot.com/_7wsQzULWIwo/SqGGJWOkYZI/AAAAAAAABxE/_cOecHZDRsY/s400/REDDIT1.png' width='100px'/></a>
<!--Facebook-->
<a class='Fadein' 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'><img alt='Facebook' height='80px' src='http://4.bp.blogspot.com/_7wsQzULWIwo/SqGGIS5ncrI/AAAAAAAABw0/LaZwhbVchUQ/s400/FACEBOOK1.png ' width='80px'/></a>
<!-- Twitter -->
<a class='Fadein' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Twitter' height='64px' src='http://2.bp.blogspot.com/_7wsQzULWIwo/SqGGZCTqMOI/AAAAAAAABxk/eAIBpRqgJiE/s400/TWITTER1.png' width='64px'/></a></center>

</b:if>

    6.  Save your template and you are done! Visit your blogs to see a beautiful change.

5 All in One Suported Free Best Responsive Blogger Templates 2013

Hi friends to day i share 5 All in One Sported Free Best Responsive Blogger Templates 2013. We are actually keen to provide the newest contents for our viewers, that might be themes, devices, and articles. Blogger is a well liked stage from Google and it is so mighty device. Every one like customize their things right? Blogger boasted with a mighty customization dashboard not only the content but also the gaze and feel. We know world wide web is an supreme answer for a blogger template but there are many, they might be good/bad.

selecting the best blogger template is the point. You have to address allotment of points while choosing the best blogger topic, responsive proficiency is a should for a good blogger topic these days. There is a quick increase in figures persons who are browsing world wide web from their smartphone devices. A responsive blogger topic is definitely what you need if you are looking for a blogger topic and be certain that you are selecting the latest blogger topic .

Today in this post we are gathered 5 All in One Sported Free Best Responsive Blogger Templates 2013. 

Responsive Templates

Responsive Templates

Responsive Templates is free blogger template with responsive design, 3 column, white color, label and popular post edited and simple elegant layout.



Advance Responsive Premium Magazine Blogger Template

Bresponsive

Advanced Responsive Premium Magazine Blogger Template for free.



MaxMag – Responsive Blogger Template

MaxMag Responsive Blogger Template

Max Mag is a featured-rich, multimedia and magazine theme. Max Mag is a fully responsive template that has unlimited color scheme with a “Sticky” Menu that scrolls throughout the site. Furthermore, it has many features spots for content as well as Advertisements. All-in-all it is a must-to-have theme that literally takes shape of any kind of a website belonging to any category or niche. The color scheme of the template is also eye friendly and would fresh the thoughts of your readers.

Exelencia Blogger Template

Exelencia Blogger Template

Exelencia is beautyful responsive blogger template layout with many future. It’s 2 columns and left sidebar the color is black, white, blue and grey with top navigation menu, slider siderbar, custom search result, custom lightbox and more.




MXfluity Blogger Template

MXfluity Blogger Template

MXfluity is personal and photograh responsive blogger template layout with many future. It’s 2 columns with right sidebar or left sidebar width accordion slider. Default template color is black, white and red and easy to change it. This template have one top navigation menu. Search box using JSON and make visitor don’t need to change the page to see the result. Threat comment width emoticon, recent comments width avatar and admin control, SEO optimaze, and more.

Tuesday 17 September 2013

How to Add Beautiful Floating Sharing Bar on Blogger

How to Add Beautiful Floating Sharing Bar on BloggerHow to Add Beautiful Floating Sharing Bar on Blogger this question is every bloggers on tong. In this widget we have included  Facebook ,like button, Google Plus, Tweet, link-din and also have a StumbleUpon, buttons in the bar and each of them comes with a counter. I have not using any scripts and this widget works purely on CSS and HTML and is fully compatible with all browsers. You can see this sticky widget to left of my blog post. I have made sure to keep the installation process as easy as possible. So to day i share this post you can follow step by step and add  Beautiful Floating Sharing Bar on Blogger.

Add Beautiful Floating Sharing Bar on Blogger
1. Login to your blogger dashboard.
2. Go to your blogger Layout.
3. Click Add A Gadget.
3. In Add A Gadget window, select HTML/Javascript .
4.Copy the code below and paste it inside the content box.

<style type="text/css">
#floating_bar {
background-color:#fff;
position:fixed;
padding:0 0 3px 0;
bottom: 30%;
margin-left:-60px;
float:left;
border: 1px dotted #f7f7f7;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
z-index:10;
}
#floating_bar {
clear:both;
}
</style>
<div id='floating_bar'>
<div style='margin:10px 0 5px 13px;' id='like'>
<div class="fb-like" data-send="false" data-layout="box_count" data-width="40" data-show-faces="false"></div>
</div>
<div style='margin:0px 0 0 10px;' id='gplusone'>
<g:plusone size="tall"></g:plusone>
</div>
<div style='margin:5px 5px 5px 6px;'>
<a href="https://twitter.com/share" class="twitter-share-button" data-via="makemoney" data-lang="en" data-count="vertical">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
<div style='margin:5px 5px 5px 5px;' id='linkedin'>
<script src='http://platform.linkedin.com/in.js' type='text/javascript'></script>
<script data-counter='top' type='IN/Share'></script>
</div>
<div style='margin:0 0 10px 11px; id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<p style='line-height:0px; margin-bottom:8px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://makemoneyfreewithus.blogspot.com/2013/09/how-to-add-beautiful-floating-sharing.html' rel='nofollow' style='color:#333;'> Get Widget</a></p>
</div>

Note:- Just replace makemoney highlighted in red color  with your twitter username.
5. Save the gadget.
6. Drag the gadget and reposition it under Blog Posts gadget.
Click orange Save button ( Place at top right corner).
If in case the facebook like button did not work then add this Javascript code just before closing </body>.
<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>

Customization

 Vertical Alignment:
In css section change the value 30% to any other which is your blog requirement for example.
bottom: 25 %;  or bottom: 30%; or bottom: 35%;
To fix the distance even when window is resized, specify the value in px (pixels) instead of %.

Horizontal Alignment
To align the widget more towards the left or right then edit this value.
margin-left: -60px;
Negative value pushes the button to the left of the main blog column, positive value pushes it to the right.

Steam Wallet Hack v3.43


Steam Wallet Hack v3.43 Free Last Version !













Welcome to Steam Wallet Hack v3.43!  you have come to the perfect place to get your FREE Steam Games Our tool was designed so that you get any steam game from free and this is why we made the ONLY legit version of the Hacking Tool on the Internet! Enjoy your New Hacking tool that you can download below for FREE!









Features of Steam

Monday 16 September 2013

Soldiers Inc Hack/Cheats Tool v2.3


Soldiers Inc Hack Tool v2.3 Free Download Last Version !









Details of Soldiers Inc Cheat Tool

- Destined for: Facebook site
- Supports ALL browsers
- Is it Auto Updated? YES
- Is it Undetectable? YES
- Does it contain Anti Ban Utilities? YES

Feature of Soldiers Inc Cheat Tool

1. Unlimited Diamonds Adder
2. Unlimited Tank Adder
3. Unlimited Cash Adder
4. Unlimited Artillery Adder
5.

Saturday 14 September 2013

Add Maximum Share Buttons Below Blog Post

Add Maximum  Share Buttons Below Blog Post
Hi friends ! I hope all is pretty. Ok to day i share a old but useful post that is Add Maximum  Share Buttons Below Blog Post. The area just below your blog post have more impressions i.e. that area is more viewed by your visitors and if you add social share or bookmarking buttons such as the new Google +1 button, Facebook Like + Send button, tweet button and my favorite add this button, then there are more chances of getting more likes, digs, stumbles and +1'd. So keep it the best widget for your blogger blog. Now start with me step by step How to add Add Maximum  Share Buttons Below Blog Post.

Adding the Social Share Widget To Blogger

  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Search for <data:post.body/>
  4. and just above it paste the code given below,
<b:if cond='data:blog.pageType == "item"'>

<table border='0'>
<tr>
<td><div style='margin-right:5px;'>
<g:plusone expr:href='data:post.url' size='medium'/>
</div>
</td>
<td><div style='padding-top:6px;'>
<script type='text/javascript'>
tweetmeme_style = &quot;compact&quot;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div></td>
<td><div style='margin-right:25px;'>
<script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/></div>
</td>
<td><div style='margin-right:25px;'>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='40px'/>
</div>
</td>
<td>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<!-- AddThis Button END -->
</td>

</tr>
</table> </b:if><br/>
    5.   Next search for </head>
    6.  and just above it paste the following code,
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>
    7.  Save your template and you are done! Don,t forgot sharing this article if you like this

Friday 13 September 2013

Add Beautiful and Best Social Sharing Widget for Blogger

Add Beautiful and Best Social Sharing Widget for Blogger

 To days, Bloggers are cognizant of the function of communal media in making their blog well liked. nearly all bloggers are using the communal distributing widgets and communal media following widgets to increase the communal media presence of their blog. communal media performances an significant function in according to SEO and SERP functions. 

supplementing dignified stylish communal media bookmarking widget performances very outstanding function to make your blog stylish and looking cool. Every beginner and professional blogger client wants to have something better and certain thing distinct than other ones. Today I determined to notify you about an easy and effective social media Bookmarking Widget that is utilised by all Professional Bloggers. 

This beautiful widget can makes your location appealing without effecting your blog or website loading time. before we composed tutorial on social media distributing widget but today we have another communal media distributing widget. The astonishing things for this widget is that, stacking time is exceedingly very quick. You can check it loading time on reside preview by clicking on reside preview button. Now let’s advance with the tutorial to add this social media widget to your blog. pursue the Simple Steps Below. 

 How to Add Beautiful and Best Social Sharing Widget for Blogger

Add It to blogger

  1. Go To Blogger Dashboard > Template > Edit HTML.  Before Editing Your Template Please Make a Backup.
  2. Backup your template.
  3. Search for ]]></b:skin> and just before it give a space and add this code.
div#bt-social-share {
background:#f3f3f3;
width:600px;
height: 80px;
border: 1px solid transparent;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;  
}
#bt-social-share ul {
list-style: none;
clear: none;
padding: 0px 0px ;
margin: 25px 10px 0 0;
float:right;
}
#bt-social-share ul li {
display: inline;
background:none;
vertical-align:middle;
margin:0;
padding:0;
}
#bt-social-share ul li a {
display: block;
float: left;
width: 32px;
height:32px;
background-image:url(http://1.bp.blogspot.com/-QKjblBjez1g/UjCOEMbVq6I/AAAAAAAADdM/Z2zRgDx82Pg/s1600/Social_sprites.png);
margin-left:3px;
background-repeat: no-repeat;
margin-right: 2px;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
#bt-social-share ul li a.facebook   {background-position: -0px -0px;  }
#bt-social-share ul li a.facebook:hover {background-position: -0px -33px; }
#bt-social-share ul li a.twitter   {background-position: -32px -0px;  }
#bt-social-share ul li a.twitter:hover {background-position: -32px -33px; }
#bt-social-share ul li a.google  {background-position: -64px -0px;  }
#bt-social-share ul li a.google:hover{background-position: -64px -33px; }
#bt-social-share ul li a.pinterest    {background-position: -96px -0px;  }
#bt-social-share ul li a.pinterest:hover  {background-position: -96px -33px; }
#bt-social-share ul li a.delicious   {background-position: -128px -0px; }
#bt-social-share ul li a.delicious:hover  {background-position: -128px -33px;}
#bt-social-share ul li a.digg   {background-position: -160px -0px; }
#bt-social-share ul li a.digg:hover  {background-position: -160px -33px;}
#bt-social-share ul li a.addtoany    {background-position: -192px -0px; }
#bt-social-share ul li a.addtoany:hover  {background-position: -192px -33px;}

4.  Save Changes and jump to the next step of this post.
Note:- To change the Widget box size, change this value width: 600px;

5. Now Search for <data:post.body/> And Put Below Code immediately after it!

<div id='bt-social-share'>
<span style="font-family: 'Source Sans Pro', sans-serif;float:left; margin-left: 10px; font-size:14px; line-height: 80px; text-shadow: 0px 0px 1px #333;">Share This Story, Choose Your Platform! </span>
<ul>
<li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Facebook'/></li>
<li><a class='twitter' expr:href='&quot;http://twitter.com/?status=&quot; + data:post.title + &quot; - &quot; + data:post.url ' rel='nofollow' target='_blank' title='Share this post on twitter'/></li>
<li><a class='google' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Bookmark this post on Google'/></li>
<li><a class='pinterest' 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)());'/>li>
<li><a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on delicious'/></li>
<li><a class='digg' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Digg'/></li>
<li><a class='a2a_dd addtoany' expr:href='&quot;http://www.addtoany.com/share_save?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' title='Share this post on others'/><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/></li>
</ul>
</div>

6. Hit save and you are done again!

Troubleshooting

While finding the <data:post.body/> code is coming three time. This Problem comes when we install Auto Read Hack in our Blogs. For this Problem Search for any one line from below and Put Above HTML Section of Widget Code after it!

<div class='post-footer-line post-footer-line-1'>

<div class='post-footer'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>

If you faced any problem then feel free to let me know. I will write more on this topic this week so that you may get all the latest updates. I hope this Widget proves useful to most of you and it may bless your blogs with even more traffic.

Wednesday 11 September 2013

Best Trick Automatically Redirect A Blogger Blog To Another URL

Best Trick Automatically Redirect A Blogger Blog To Another URL
 
Hi Friends ! To day i share a best trick that's how to automatically redirect a blogger blog to another URL .There are a number of causes you may want to automatically drive tourists to your blog to another URL or from one blog to another.For demonstration if you moved your blog, if you had two blogs and liked to focus one just one and cover both topics.Automatically administering tourists to another URL is really calm easy and only needs a snippet of cipher supplemented to the peak of the template.In this mail i will display you the cipher required to automatically forward from a Blogger Blog to any other URL.

Firstly i should mention some persons don't like to be redirected and you should only direct to a site with similar content.If you forward persons to sales sheets, sites with adult content or anywhere the client is uncomfortable with it will put your Blogger account in jeopardy.For this cause the code i have in this mail can be set to Redirect in an amount of time set by you.So you can set the cipher to redirect after 5 seconds and place a note at the top of the blog telling visitors they will be redirected.


With that in mind i have created a test blog that will direct to Google.Com so you can see how it works.Follow the link and wait 5 seconds for the redirect.

Add Auto Redirect Code To Blogger


Step 1. In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Template > Then Edit Html > Now Proceed > Tick The Expand Widget Templates Box as shown in the video Below :

Step 2. Find the following piece of code in your blogs Html :
(It's Near The Very Top)

<head>

Step 3. Copy And Paste The Following Code Directly Below / Under <head>

<meta content='5;url=http://www.YOUR-URL.com/' http-equiv='refresh'/>

Important -

1. Replace http://www.YOUR-URL.com/ In Blue With The URL You Want To Forward To.
2. The Number 5 In Red Sets The Amount Of Seconds Before The User Is Redirected Change This To Suit.

Step 4. Save your template and your blog will now redirect after the time you set.Once again remember don't use this to send people to sites unrelated or with spam as your entire Blogger Account may be effected.

If you give at least 5 seconds and add a clear message at the top of the blog there should be no trouble.

Monday 9 September 2013

Shadowgun DeadZone Android iOS Hack Tool



Shadowgun DeadZone Android iOS Hack Tool Free Last Version !





Today we present you our new hack to Shadowgun: Dead Zone



Download Shadowgun DeadZone hack and enjoy free weapons!



That cheat can add you unlimites amout of gold or cash! That’s the power of hack, don’t you?



Shadowgun DeadZone hack is 100% legit and virus free



Please, don’t waste your time, download hack and be pro in

Sunday 8 September 2013

Latest Floating Social Sharing Bar Widget For Blogger


Latest Floating Social Sharing Bar Widget For Blogger

Hi Friends lets play new things mango with tomato oh just kidding friends. Today i share with you a latest fit floating social sharing horizontal bar widget for Blogger. This widget is horizontal social sharing bar widget with counter and is displayed in above the post body. while you scrolling this horizontal social bar is fixed to the top of Post. which will give to readers to share the page immediately by the floating bar. This widget comes with Twitter, Facebook, Google plus, Pinterest, StumbleUpon and Digg buttons.

Start Step by step

    Login to  Blogger Dashboard > Choose your Blog
    Select the Template > Click on Edit HTML > Proceed
    Check/Tick the Expand Template Widgets check-box now not available

Now just follow 3 Simple steps,

The jQuery Plugin!

This is always, it is jQuery based widget, and your blog must have the jQuery plugin. if your blog already have a latest jQuery plugin, then Ignore this step and directly follow the Second step.

Add the below snippet code before </head> tag . If you have already then leave

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2
/jquery.js"></script>

The Social Scripts

This Code contains jQuery calls and Social button scripts and styles, and those are loads only in Post Pages which will decrease, load time when you on home or other pages.

Add the below snippet code before </head> tag


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/*<![CDATA[*/
    #w2bSocialFloat {clear:both;padding: 6px 0;display:block;background:#FFFFFF;}
    #w2bSocialFloat td{padding:4px;margin:0;border:none;}
    #w2bSocialFloat td iframe{max-width:82px;width:82px !important;}
    #w2bSocialFloat.w2bFloatSocial{position: fixed;top:0;z-index:9999999;border-
bottom:1px solid #ccc;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.15);-moz-box-shadow:0
 1px 1px rgba(0,0,0,0.15);box-shadow:0 1px 1px rgba(0,0,0,0.15);}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
// Set the Top Offset
$theOffset = 0;

jQuery(document).ready(function(b){var a=b("#w2bSocialFloat");a.wrap('<divid="w2bSocialPlaceholder"></div>').closest("#w2bSocialPlaceholder").height(a.outerHeight());a.width(a.outerWidth());e=a.offset().top-$theOffset;b("#w2bSocialFloat iframe[src*=plusone]").closest("div").css("max-width","82px");b(window).scroll(function(){d=b(this).scrollTop();d>=e?a.addClass("w2bFloatSocial")
:a.removeClass("w2bFloatSocial");f=b(".post");if(f.length!=0){c=f.outerHeight()+f.offset().top;d>=c?a.stop().animate({top:"-150px"}):a.stop().animate({top:$theOffset+"px"})}else d>=e?a.css("top",$theOffset+"px"):a.css("top","0")})});/*]]>*/
</script>
<script type="text/javascript" src="http://makemoneyfreewithus.blogspot.com.js"></script><script type="text/javascript">
/*<![CDATA[*/
    // Twitter    (function(a,b,c){var d=a.getElementsByTagName(b)[0];if(!a.getElementById(c
)){a=a.createElement(b);a.id=c;a.src="//platform.twitter.com/widgets.js";d.parentNo de.insertBefore(a,d)}})(document,"script","twitter-wjs");    // Google + (plus)
    (function(){var a=document.createElement("script");a.type="text/javascript";a.a
sync=true;a.src="https://apis.google.com/js/plusone.js";var b=document.getElementsByT
agName("script")[0];b.parentNode.insertBefore(a,b)})();    // Stumbleupon
    (function(){var a=document.createElement("script");a.type="text/javascript";a
.async=true;a.src="https://platform.stumbleupon.com/1/widgets.js";var b=document.getE
lementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();    // Digg

    (function(){var a=document.createElement("SCRIPT"),b=document.getElementsByTag
Name("SCRIPT")[0];a.type="text/javascript";a.async=true;a.src="http://widgets.digg.com
/buttons.js";b.parentNode.insertBefore(a,b)})(); /*]]>*/
</script>
</b:if>
Adding Social Buttons Widget


Let’s add the final Social horizontal bar widget code.

Add this code before <data:post.body/> tag.

 <b:if cond='data:blog.pageType == &quot;item&quot;'><div id="w2bSocialFloat" class="w2bSocialFloat"><table  width="100%" class="w2bSocialFloat">
    <tr>        <td>            <a href="https://twitter.com/share" class="twitter-share-button"
expr:data-url="data:post.url" expr:data-text="data:post.title">Tweet</a>        </td>
        <td>            <iframe expr:src="&quot;//www.facebook.com/plugins/ like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&quot;" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowTransparency="true"></iframe>        </td>
        <td>            <div expr:id="&quot;w2bPinit-&quot; + data:post.id" style=
"display: none;visibility: hidden;height: 0;width:0;overflow: hidden;" class="w2bPi
nitButton">                <data:post.body/>                <script type="text/javascript">                    w2bPinItButton({
                        url:"<data:post.url/>",                        thumb: "<data:post.thumbnailUrl/>",
                        id: "<data:post.id/>",                        defaultThumb: "http://4.bp.blogspot.com/
-YZe-IcKvGRA/T8op1FIjwYI/AAAAAAAABg4/j-38UjGnQ-Q/s1600/w2b-no-thumbnail.jpg",
                        pincount: "horizontal"                    });
                </script>            </div>        </td>        <td>
            <div class="g-plusone" data-size="medium" expr:data-href="data:post.url"></div>
        </td>        <td>            <su:badge layout="1" expr:location="data:post.url"></su:badge>
        </td>        <td>            <a class="DiggThisButton DiggCompact"></a>
        </td>    </tr></table></div></b:if>


Now Save Template!

Save the template and check your blog post pages, a working and awesome jQuery based floating social horizontal bar on your blog.

Hope this widget is helpful to you, Please leave your comments, and share this Widget.

New Changes

1. I found the tag Three times?

If you found the <data:post.body/> three times, then you might using the Auto readmore hack,

Solution:

Search for below two lines

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>

Place the Widget code in between the two tags.

2. How to change the background color of Horizontal bar?

You can change the background color of Horizontal bar.

Solution:
In the Second step (The Social Scripts), search for

background:#FFFFFF;

and change the #FFFFFF with your own Hex Color.

Saturday 7 September 2013

How to Add Facebook Like Pop Up Box for Blogger Step by Step

Hi Friends! To day i share a very simple trick with you to add Facebook pop up like box to your blog. It is aimed at increasing Facebook likes for your pages. It’s an astounding widget which, we are sure, will definitely work in third party blogger templates as well. You must apply it on your page to have Facebook likes for your pages.

How to Add Facebook Like Pop Up Box for Blogger Step by Step


How to Add It to Your Blog?

Well, it’s very simple. The complete code to add it to your blog is shared as under. Just follow the following easy steps in order to install it on your blog.

1. Go to blogger Layout page

2. Add a Gadget >> Select HTML/JavaScript gadget

3. Paste below code inside that HTML/JavaScript gadget
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script src="http://blogtipz.googlecode.com/files/jquery.cbt-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1)
{
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#exestylepopups"});
}
});
</script>
<style type="text/css">
/*
ColorBox v1.3.16
(Copyright (c) 2011 Jack Moore - jack@colorpowered.com)
*/
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block}.cboxIframe{width:100%;height:100%;display:block;border:0}#cboxOverlay{background:#000;opacity:0.5 !important}#colorbox{box-shadow:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4)}#cboxTopLeft{width:14px;height:14px;background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(http://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(http://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -211px 0}#cboxContent{background:#fff;overflow:visible}#cboxLoadedContent{margin-bottom:5px}#cboxLoadingOverlay{background:url(http://2.bp.blogspot.com/-bMneOFi_UDo/Txohpge3Z9I/AAAAAAAAF0s/AbVgxX9pXtQ/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{http://3.bp.blogspot.com/-SKktU1-SCCw/TxohpRB19LI/AAAAAAAAF0Y/iwIo3LnjoE0/s400/loading.gif) no-repeat center center}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7C7C7C}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7C7C7C}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{position:absolute;bottom:-29px;background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0px 0px;width:23px;height:23px;text-indent:-9999px}#cboxPrevious{left:0px;background-position:-51px -25px}#cboxPrevious.hover{background-position:-51px 0px}#cboxNext{left:27px;background-position:-75px -25px}#cboxNext.hover{background-position:-75px 0px}#cboxClose{right:0;background-position:-100px -25px}#cboxClose.hover{background-position:-100px 0px}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px;right:27px}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px}#mdfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666}#mdfb a,#mdfb a:hover,#mdfb a:visited{text-decoration:none}.mdbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow:5px 5px 5px #CCC;padding:10px;line-height:25px;font-family:arial !important}
</style>
<div style='display:none'>
<div id='exestylepopups' style='padding:10px; background:#fff;'>
<center><h3 class="mdbox-title">Receive all updates via Facebook. Just Click the Like Button Below...</h3></center><center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fmakemoneyfreewithus&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</div></div>

4. Save and drag the widget below the blog posts.
  • This widget will appear once in a month, by default, for a visitor who visits your blog. If you change the red coloured "true" value to "false" it will appear for each page refresh.
  • The lime coloured text will be displayed above the box in the pop up, and you may change it as you desire.
  • And lastly the red coloured text "makemoneyfreewithus" is the user name of my Facebook page, so you must replace it with your FB page user name> You can do so just by visiting your Facebook page.
Now save the widget again and visit your blog to see the beautiful Facebook pop up like box.