How To Start An Online Fashion Store

E-commerce and fashion are two of the most lucrative industries in the world. It makes sense, then, that combining the two would present an excellent opportunity. That said it is not as simple as taking some pictures of clothes and putting them online.

What is the sensible path to take when starting an online fashion store?

Identify a Gap:

A business in any sector will only succeed under one of two circumstances.

• Is the demand for a product or service so great that there are multiple opportunities for new businesses?
• Does a new business offer something beyond what those already in the industry are able to do?

Sometimes, both of those will need to be satisfied to be successful. Where is your ‘in’ when it comes to the market?

Without a reason to go into business, or something new to offer, you will struggle. How many businesses do you know that have been successful in a competitive market, simply by turning up and doing the same as everybody else does?

Try it Out:

Going into e-commerce is difficult, yet there are many benefits and advantages. Sites such as eBay and Amazon give you the opportunity to try out your products before ‘taking the plunge’ and paying for your own site hosting, design, and e-commerce plug-in.

Note that this is essentially a small market research exercise. Success on these sites doesn’t necessarily mean you will rake it in when the time comes to go it alone, while failure should not necessarily discourage you not to go further.

Establish a reputation on these sites, pay for featured listings if you have to, and you will get a good idea of what you can achieve. Often, a successful eBay shop, for example, is a great platform for migration to a standalone site. Some e-commerce businesses even link to Amazon and eBay through their own sites without having a buying platform actually within their design.

Think Beyond Fashion:

21st century consumers are more diverse and demanding than ever. You can have the most desirable clothing designs, be on point and on trend with everything you sell, have a beautiful looking website, a trustworthy payments partner, and a fast checkout process, and still not make as much as you thought you would.

Today’s consumer thinks about more than the price on the ticket. How did your business come about? Why should they buy from you? Essentially, you need to tell consumers the story that helped you identify the gap in the market from earlier.

Large e-commerce businesses are doing this in order to appeal to more people, so as a start-up it is a ‘must do’ step when it comes to building trust.

Invest Online:

Search engine marketing and social media are both excellent ways to push a new online fashion store. Search will take more of a financial investment, while social media will be more time intensive. However, giving both the necessary resources will leave you much better set to capitalise on the market opportunities and become a success.

Author - Aab Collection is an e-commerce retailer selling Islamic clothing, such as hijab, kaftan dresses, predominantly aimed at Muslim women with multiple roles to play in today's society. A kaftan dress is a tasteful and elegant option for a woman to wear to a job interview.
Join Us On: Facebook, Twitter, YouTube

Make Money From GoDaddy Affiliate Program

GoDaddy is best known for domain name registrations, but you can also make some money with GoDaddy. You can earn money with GoDaddy Affiliate Program. It is extremely easy to become a part of their affiliate program. Anyone who has an existing GoDaddy customer account already has access to their affiliate program.

What Is An Affiliate Program?

Affiliate programs pays you for sending your customers to their website. Affiliate marketing programs like GoDaddy don't require any fees and are easy to set up. Your visitors get great deals on products from the world's #1 domain registrar – and you get cash for qualifying purchases they make through your affiliate link!

How It Works?

GoDaddy pays you for sending your visitors or customers to their website. You'll receive 30% commission on nearly all product sales made through your affiliate link. Just place one of GoDaddy banners or links where your visitors, customers and friends will see it and you'll earn cash on every qualifying sale made through your ads.

How To Signup?

Anyone who has an existing GoDaddy customer account already has access to their affiliate program. Click here and select any of the two option between: existing customer or Signup Using CJ.

How And When Will I Be Paid?

Affiliates in the U.S. can opt to receive payment via direct deposit, PayPal, check, or GoodAsGold.
Affiliates outside of the U.S. can receive payment via PayPal, check, or GoodAsGold.

Below is minimum payment threshold:

• Good As Gold — $5 minimum
• Direct Deposit — $10 minimum
• PayPal — $25 minimum
• Check — $100 minimum

My Earning Report:

I joined GoDaddy affiliate program earlier this month. As of writing, here is my earning report:

Facebook Open Graph Meta Tags For Blogger

The Open Graph protocol enables developers to integrate their pages into the social graph. It works the same way as Twitter Card.

After using Open Graph META tags, Facebook show more detail about your posts to give readers a little preview of what they'll see when they click your link. Adding META tags to your blog to allow links to your site to be more informational when shared. You can learn more about Open Graph Protocol at this link.

Open Graph META Tags:

Before starting this tutorial, let me explain about the properties of META tags. The four required properties for every page are:

• og:title - The title of the page.
• og:type - The type of your object, e.g., blog, article, site.
• og:image - An image URL which should represent your object.
• og:url - The canonical URL of your object. Make sure that you have uploaded your images from Blogger Post Editor or is hosted on Picasa Web Album.

The following properties are optional for any object and are generally recommended:

• og:site_name - The title of your blog.
• og:description - A one to two sentence description of your object.

Optional Open Graph META Tags For Facebook:

These two META tags are option. You can add them to administrate your page from Facebook. To apply these META tags, you need either your Facebook account or your Facebook application ID (or both).

• fb:admins - Your Facebook profile ID or Username.
• fb:app_id - The application ID provided by Facebook App.

Adding Open Graph META Tags To Blogger:

Now, I'll show you how to perfectly add these META tags to your blog's template. Don't forget to backup your template.

• Go To Blogger > Template > Edit HTML > Click on "Proceed"

• Once you've opened up your template, find the </head> tag in your template's markup. Enter this markup directly above the </head> tag:

<!-- facebook open graph meta tags starts bwidgets.com -->

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='blog' property='og:type'/>
<b:else/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='Logo URL' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta content='App-ID' property='fb:app_id'/>
<meta content='Facebook-profile-ID' property='fb:admins'/>

<!-- facebook open graph meta tags ends bwidgets.com -->

In above code, make following changed:

• Replace Logo URL with your blog's logo URL.
• Replace App-ID with your the application ID provided by Facebook App.
• Replace Facebook-profile-ID with your Facebook profile id or username.

If you don't want to add option Facebook META tags, then you can remove following lines from above code:

<meta content='App-ID' property='fb:app_id'/>
<meta content='Facebook-profile-ID' property='fb:admins'/>

Test Your Markup:

You can test your blog's Open Graph META tags markup by using Facebook's official parser and debugger.

Styling Tables With CSS

Styling dinner tables in not so easy unlike HTML tables. Using CSS to style a table is easy, and greatly simplifies the markup. Seriously, for the first time it looks a bit hard, but it's just too easy. At times it seems that tables are a little misunderstood in modern web development. A have one suggestion for you, "don't use tables" "don't use tables for layout."

Anyways, Before we dive into the CSS, let’s consider the key structural elements of tables you will need to style clearly:

• Table headings
• Table data cells

Here is our basic HTML mark-up:

<table>
<tbody>

<tr>
<th>Name</th>
<th>Nickname</th>
<th>Finisher</th>
</tr>

<tr>
<td>John Cena</td>
<td>The Champ</td>
<td>Attitude Adjustment</td>
</tr>
<tr>
<td>CM Punk</td>
<td>Best In The World</td>
<td>Go To Sleep</td>
</tr>
<tr>
<td>The Undertaker</td>
<td>Dead Man</td>
<td>Tombstomb Piledriver</td>
</tr>
<tr>
<td>Shawn Michaels</td>
<td>HBK</td>
<td>Sweet Chin Music</td>
</tr>
<tr>
<td>Edge</td>
<td>Rated R Superstar</td>
<td>Spear</td>
</tr>

</tbody>
</table>

Without CSS, it will something like this:

Name	Nickname	Finisher
John Cena	The Champ	Attitude Adjustment
CM Punk	Best In The World	Go To Sleep
The Undertaker	Dead Man	Tombstomb Piledriver
Shawn Michaels	HBK	Sweet Chin Music
Edge	Rated R Superstar	Spear

The first decision is how wide to make the table. The browser default is the same as setting table { width: auto; }, which results in the table extending to the width of the content. Our tables are going to be 500px. Here is first design:

Name	Nickname	Finisher
John Cena	The Champ	Attitude Adjustment
CM Punk	Best In The World	Go To Sleep
The Undertaker	Dead Man	Tombstomb Piledriver
Shawn Michaels	HBK	Sweet Chin Music
Edge	Rated R Superstar	Spear

Above style is very simple and stylish. Our table has black background with 500px width, td has 5px padding, here is full CSS of above table:

table {
    background:black;
    width:500px;
}

td {
    padding:5px;
}

th {
    background:grey;
    color:white;
}

tr {
    background:whitesmoke;
}

It was simple... :) Now it's time for second style:

Name	Nickname	Finisher
John Cena	The Champ	Attitude Adjustment
CM Punk	Best In The World	Go To Sleep
The Undertaker	Dead Man	Tombstomb Piledriver
Shawn Michaels	HBK	Sweet Chin Music
Edge	Rated R Superstar	Spear

The simplest way to accomplish zebra stripes is to add a class to alternate table rows, then use a contextual CSS selector to style the cells in those rows. First, the classes "odd" and "even" are added to the table rows, like so:

  ...

<tr class="odd">

  ...

<tr class="even">

  ...

But wait, Beben Koben shared a great way (in comments) to style even/odd elements without changing our mark-up. We're going to use :nth-child(even) and :nth-child(odd) to style them:

Here is full CSS of this table:

table{
    width:500px;
    border:2px black solid;
}

td {
    padding:5px;
}

th {
    background:grey;
    color:white;
}

table tr:nth-child(even) {
    background-color: whitesmoke;
}

table tr:nth-child(odd) {
    background-color: lightgrey;
}

It's time for our final table, which is not created by me. It's from W3Schools. Here we go:

Name	Nickname	Finisher
John Cena	The Champ	Attitude Adjustment
CM Punk	Best In The World	Go To Sleep
The Undertaker	Dead Man	Tombstomb Piledriver
Shawn Michaels	HBK	Sweet Chin Music
Edge	Rated R Superstar	Spear

It looks awesome, isn't it? W3 Schools chose some great colors to create this table. Here is our CSS:

table{
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(195, 195, 195);
    border-collapse: collapse;
    width: 500px;
}

th {
    background-color: rgb(229, 238, 204);
    border: 1px solid rgb(195, 195, 195);
    padding: 3px;
    vertical-align: top;
    text-align: left;
    font: 14px/20px Arial,Verdana;
}

td {
    border: 1px solid rgb(195, 195, 195);
    padding: 3px;
    vertical-align: top;
}

That's it for this time...hope it was helpful :) And I just realized that thumbnail of this article is not featuring our second table (Fixed IT). Also, just wanted to inform you that I used WWE related names and all in table because I'm a huge fan.

MyLikes: Easy Way To Earn With Twitter

MyLikes is a social advertising platform that allows users to share advertiser content through social media, and earn money on a per-click basis. If you have a large number of fans on social media, then you can easily earn some good amount of money from MyLikes.

Go to MyLikes, and sign-up as a publisher. Find advertising campaigns you like and create sponsored videos, tweets, tumbles or blog posts. Earn money each time you receive a click or view. Get paid weekly with Paypal or Amazon gift cards.

MyLikes has a minimum balance of only $2 to send you payment! Once you start earning from clicks, they will send you payment every Friday! If you don't have a Paypal account, you can also receive payments as an Amazon.com gift card. If you do not provide them with a PayPal email address, then they will send your payment as an Amazon.com gift card to the email address associated with your MyLikes account.

MyLikes also has a widget for blog, which is a great way to transform your traffic into some quick money. MyLikes is not a spam or anything. I can assure you that it works. It's already used by millions of Twitter users and they're earning way too much. Even Snooki from Jersey Shore is using MyLikes.

How To Backup Your Tweets

We all have some good tweets stored in our Twitter, which are really important to us. Shawn Michaels has replied to me three times, which is a great honor for a Wrestling fan like me. Twitter will only save your most recent 3,200 tweets. And your tweets are only searchable for roughly a week and a half.

Don't worry, you can backup your valuable tweets for free. Twitter is in process of releasing a new “Export Tweets”. The Export Tweets feature is in the process of being rolled out to all Twitter users. Until then, we'll use another great service call TweetBackup to backup our tweets.

TweetBackup runs over the internet, meaning there's nothing to install and no work required on your part. The only thing we require, is to follow @tweetbackup. As of writing, TweetBackup has 425,862,240 archived tweets!

Email Subscription Slider Widget For Blogger

This widget is inspired from Social Subscription Scrolling Slider Widget. It's feed subscription form, which will slide out after scrolling the page little bit. It's based on jQuery, so don't forget to remove jQuery from our code, if your blog already has it.

I created this widget past Saturday for my blog but then I thought that I should share this with you all. As of writing, this widget will appear on our blog as you scroll down a little bit.

Add This To Blogger:

• Go To Blogger > Layout > Add A Gadget > HTML/JavaScript

• Paste following code and click on Save:

<!-- Email Subscription Slider Widget For Blogger by BWidgets -->
 <script type="text/javascript" src="http://widcraft.googlecode.com/svn/jquery.min.js"></script>
<script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#bwsocialslide").show("slow");else $("#bwsocialslide").hide("slow");});function closebwsocialslide(){$('#bwsocialslide').remove();}</script>

<style>
#bwsocialslide{
  background:#f3f3f3;
  -moz-box-shadow:inset 0 0 1px #333;
  -webkit-box-shadow:inset 0 0 1px #333;
  box-shadow:inset 0 0 1px #333;
  padding:12px 14px 12px 14px;
  width:250px;
  position:fixed;
  bottom:13px;right:0px;
  display:none;
  z-index:3;
  height:65px;
}
.bw-email{
  padding:5px 0 0 5px;
  float:left;
  font-size:1.4em;
  font-weight:bold;
  margin:0 0 10px 0;
  color:#686B6C;
}
.bw-emailsubmit{
  background:#9B9895;
  cursor:pointer;
  color:#fff;
  border:none;
  padding:3px;
  text-shadow:0 -1px 1px rgba(0,0,0,0.25);
  font:12px sans-serif;
}
.bw-emailsubmit:hover{
  background:#E98313;
}
.textarea{
  padding:2px;
  margin:6px 2px 6px 2px;
  background:#f9f9f9;
  border:1px solid #ccc;
  resize:none;
  box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
  font-size:13px;
  width:170px;
  color:#666;
}
</style>

<div style="display: none;" id="bwsocialslide">
<a style="position:absolute;top:14px;right:10px;color:#555;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closebwsocialslide();">(X)</a>

<div class="bw-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=widgetcraft', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="widgetcraft" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="bw-emailsubmit" value="Submit" type="submit" />
</form>
</div>
</div>
<div class='clear'></div>
<!-- Email Subscription Slider Widget For Blogger by BWidgets -->

In above code, replace widgetcraft with your feed id. You are free to share this widget with your fans and friends. Please attribute the credits back to our blog as the only favor in return. Don't forget to leave a comment.

Easiest Way To Make Money From Social Media

There are actually many ways to make money from social media. However, you need a strong fan base to make it work. In this post, we will discuss about some ways, which could help you to earn some money from your social media.

Twitter is a great way for people with same interest to connect and share their ideas and thoughts. You may know some Twitter accounts with some large number of followers. They just tweet funny things and some links. It's hard to accept but they are probably making some big amount of money with their tweets.

Just like them, you can also earn some money with your 140 chars. You may have to tweet, blog, tout, post, upload or pin. Here are some ways to use your social media power:

Social Media Manager:

A social media manager is the person responsible for managing a brand or company’s social media presence. Social media management doesn’t require a lot of education or experience as you may already have the skills to start doing it right now.

A social media manager manages their client's social presence across all the social platforms. As a social media manager, you'll be represent your client across all the social platforms that they intend to use like Facebook, Twitter, Youtube, LinkedIn, Google+, Pinterest…etc.

It's your duty to interact with your brand's audience, reply them, build social media strategies, keep it clean, and more. I bet that you already know how to do most of the things. According to Mashable.com, a social media manager’s salary could go beyond the $100k mark depending on their location and expertise.

Advertising Products:

If you have a strong fan base then you can also use your social media profile to advertise a client's products or websites. Your client will pay you for tweeting or posting his product on your social networking profile. It could be a tweet, blog post or even a YouTube video.

Get started by contacting local dealers and new websites who want to get out into the market. It's just like putting a banner on your blog. Twitter and YouTube are the best way to advertise your client's products.

You can also promote and recommend certain products or services to your followers. You can also use some pay-per-click services that allows you to earn by tweeting their products.

Affiliate Marketing:

Affiliate marketing is a type of performance-based marketing in which a business rewards one or more affiliates for each visitor or customer brought about by the affiliate's own marketing efforts.

Your affiliate host will provide you with your personal affiliate link. You can always track your link by using url shortening services, such as bit.ly. So whenever a follower clicks on your link, it is considered as a referral on your behalf, and you will get some percentage of that sale.

For example, if someone is asking your advice on the best domain registrar, you can refer them to your domain registrar via your referral link. The amount varies with different affiliate programs.

That's all for this time folks. Remember, you can earn with all above methods but keep it clean and spam free. In some future posts, we will be focusing on Money Blogging.

Combine Multiple Feeds Into One

Using web feed is a way of providing content to the user's browser or desktop in an efficient and easy way. In this post, we will not talk about creating a feed or anything like that. It's always hard to track every single feed, so we'll combine them into one.

By combining feeds you'll be able to put a variety of content into your website or favorite rss aggregator with a single rss feed by merging RSS feeds.

We don't need to download any crappy software, plugin or extension to combine our feeds. Last night, I searched and used bunch of services to combine/merge/mix feeds into one. Finally, I found three great services to do this, which are following:

RSS Mix: Mix any number of RSS feeds into one unique new feed! To create a new RSS Mix, copy and paste the URLs of the existing source feeds into the RSS Mix and hit Create! No signup required!!!

Feed Killer: The service is extremely simple and it is completely free! Enter the URLs of the feeds you want to merge Specify how many stories/entries from that feed you would like to have in your custom feed. No signup required!!!

Feed Combine: Feed combine can mix your feeds and combine RSS, RDF and Atom feeds into one feed-format! Just register, combine your favorite RSS feeds and subscribe the easy-to-use RSS feed URL.

That was easy....Don't forget to leave your response.

Twitter Followers Box Widget For Blogger

Facebook provides us a Like Box widget, which is great way to get more likes to your Facebook page from your blog/site. While Twitter developers were just too lazy to create something like that, Mark Carey created a Twitter Fan Box, which works just like the popular Facebook Fan Box, with a few small differences.

Twitter Fan Box displays the 10 most recent followers, which encourages people to follow your Twitter account. When someone clicks the "Follow" button, a popup appears for them to login to their Twitter account or authorize Twitter Fan Box.

Add Twitter Fan Box To Blogger:

• Go To Blogger > Layout > Add A Gadget > HTML/JavaScript

• Paste following code and click on Save:

<!-- Twitter Fan Box -->
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox"></div><script type="text/javascript">fanbox_init("HardeepAsrani");</script>
<!-- End Twitter Fan Box -->

Don't forget to replace HardeepAsrani with your Twitter handler. You can test this widget by following me:

Choosing A Perfect Name For Your Blog

Choosing a perfect name for your blog can be one of the most hardest and important thing. You want a name that portrays whatever your blog is about in a clear and concise manner. You can choose two types of names for your blog, relevant or something outside the box. Below are things to consider when choosing a blog name:

Related To Your Niche:  Make sure your blog's name is related to your blog's niche. It should give your visitors an idea about your blog. It's recommended that you focus on the main topic of your blog.

Easy To Remember: It must be easy for your visitors to remember. Be creative with your name but make it short and easy. Don't choose a ten word name for blog, which would look a bit awful. Stick with easy to remember names. Always try to pick a name with two or three words. Bored Panda is an epic name!!

Search For Available Domain Names:  This point is often ignored by people, probably because it's really hard to find a domain name of your choice that has not been registered yet. Always choose .com, .net or .org for your blog. If you're blogging about yourself then .me or .name is also a good choice.

Don't Be A Copycat: Copying a famous website or blog's name is not a great idea. You don't want to copy one of your competitor's blog names, so don't forget to Google a name before choosing it. Picking a famous website's name is also not good for your reputation. People will look your blog as a copy, even if it's not. Make sure it’s a name that will not get confused with other products, or services for that matter.

That's all for this time. These are just some few tips from me. In additional, asking your family and friends is also a great idea.

Rest In Peace ~ William "Paul Bearer" Moody (April 10, 1954 – March 5, 2013) ~ Greatest Pro-Wrestling Manager ~ Reason behind The Undertaker's success.... Miss yea Uncle Paul :'(

Hiding Links Inside Blogger Comments

Good News!!! The percentage on SPAM has not increased since the last year. Great, you know how high was the percentage last year? 100%!!!

Spam everywhere on your blog comments? Well, it's hard to find and delete every single spam comment from your blog. Even in Blogger, spammers will always target your blog's comment form to spread spam. Blogger's inbuilt spam filter will stop almost every possible spam comments but this will not solve the problem.

Last year, I shared a nice way to reduce email spam. Prayag Verma came up with a simple jQuery powered hack that hides any clickable link and just displays its text.

Code:

<script src='https://widcraft.googlecode.com/svn/jquery.js'/>
<script> 

$('.comment-content a[rel$=nofollow]').replaceWith(function(){return ($(this).text());});

</script>

Add it just before the </body> tag in the Edit HTML. If you want to completely remove the links from the comments , then use this code instead:

<script src='https://widcraft.googlecode.com/svn/jquery.js'/>
<script> 

$('.comment-content a[rel$=nofollow]').hide());

</script>

This works for the Threaded Comments in Blogger, incase you want to make it work for the old Comments in Blogger , then the code is as follows:

<script src='https://widcraft.googlecode.com/svn/jquery.js'/>
<script> 

$('.comment-body p a[rel$=nofollow]').replaceWith(function(){return ($(this).text());});

</script>

Hope this will reduce some spam from your comments. Don't forget to leave your comments...

3D Flipping Menu For Blogger

Here is a pure css based menu with 3d flip concept. Menu items will flip on mouse hover. Menu is inspired from bunch of flipping menus, and is created by David Walsh. Seriously, David is one of my favorite web developers.

You can download or check a demo of this menu at this link. The HTML structure consists of a list with links. The animation centers around transitions and transforms.  The actual A element wont move -- the parent SPAN element will.

Adding This Menu To Blogger:

Finally, it's time for me to begin the tutorial, which is not much tricky. We're going to add this menu to blogger in two steps. Time for the first one:

• Go To Blogger > Template > Edit HTML > Click on "Proceed"

• Search for ]]></b:skin>

• Post following css just above ]]></b:skin>:

        /* 3d flipping menu by BWidgets.com */
        .block-menu {
            display: block;
            background: #000;
        }

        .block-menu li {
            display: inline-block;
        }

        .block-menu li a {
            color: #fff;
            display: block;
            text-decoration: none;
            font-family: 'Passion One',Arial,sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-font-smoothing: antialiased;
            font-smoothing: antialiased;
            text-transform: uppercase;
            overflow: visible;
            line-height: 20px;
            font-size: 24px;
            padding: 15px 10px;
        }

        /* animation domination */
        .three-d {
            -webkit-perspective: 200px;
            -moz-perspective: 200px;
            perspective: 200px;
            -webkit-transition: all .07s linear;
            -moz-transition: all .07s linear;
            transition: all .07s linear;
            position: relative;
        }

            .three-d:not(.active):hover {
                cursor: pointer;
            }

            .three-d:not(.active):hover .three-d-box,
            .three-d:not(.active):focus .three-d-box {
                -moz-transform: translateZ(-25px) rotateX(90deg);
                -webkit-transform: translateZ(-25px) rotateX(90deg);
                -o-transform: translateZ(-25px) rotateX(90deg);
                transform: translateZ(-25px) rotateX(90deg);
            }

        .three-d-box {
            -webkit-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            -ms-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
            -webkit-transform: translatez(-25px);
            -moz-transform: translatez(-25px);
            -o-transform: translatez(-25px);
            transform: translatez(-25px);
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            transform-style: preserve-3d;
            pointer-events: none;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%;
        }

        .front {
            -webkit-transform: rotatex(0deg) translatez(25px);
            -moz-transform: rotatex(0deg) translatez(25px);
            -o-transform: rotatex(0deg) translatez(25px);
            transform: rotatex(0deg) translatez(25px);
        }

        .back {
            -webkit-transform: rotatex(-90deg) translatez(25px);
            -moz-transform: rotatex(-90deg) translatez(25px);
            -o-transform: rotatex(-90deg) translatez(25px);
            transform: rotatex(-90deg) translatez(25px);
            color: #FFE7C4;
        }

        .front, .back {
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: black;
            padding: 15px 10px;
            color: white;
            pointer-events: none;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

• Save your template.

All done with first step....Now it's time for part - adding our html mark-up.

• Go To Blogger > Layout > Add A Gadget > HTML/JavaScript

• Paste following mark-up:

<ul class="block-menu">
<li><a href="#" class="three-d">
Home
<span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span>
</a></li>
<li><a href="#" class="three-d">
Demos
<span class="three-d-box"><span class="front">Demos</span><span class="back">Demos</span></span>
</a></li>
<li><a href="#" class="three-d">
Deals
<span class="three-d-box"><span class="front">Deals</span><span class="back">Deals</span></span>
</a></li>
<li><a href="#" class="three-d">
About
<span class="three-d-box"><span class="front">About</span><span class="back">About</span></span>
</a></li>
</ul>

• Save widget....All done!!!!

Customization:

Replace all # with your custom links. You can add another option on menu by adding following code above </ul> tag:

<span class="three-d-box"><span class="front">Title</span><span class="back">Title</span></span>

Having troubles? Don't forget to leave a comment....

Top 5 Ways To Promote Your Blog

As of 16 February 2011, there were 156,000,000 blogs on the internet. One new blog is created every second and millions of active. Until 2009 blogs were usually the work of a single individual, occasionally of a small group, and often covered a single subject.

It's 2013 - blogs are now widely used by huge groups and companies to promote their work. As the blogosphere grows, it gets much harder for bloggers to grow their readership. Below are five easy and free tips to promote your blog:

1.Use Social Media: Take advantage of social media sites, i.e. Facebook, Twitter, Google +, and more, to promote your blog. If you're short on time, you can also automatic publish blog feeds to social media using dlvr.it. As of February, Facebook has 1.06 billion monthly active users and 680 million mobile users.

Share your blog on social networking sites such as Facebook and Twitter. Also, don't forget to create your blog's brand page on social networking sites.

2.Promote With Videos And Images: You could create a mini video or some images for your new blog post. Just let people know about your blog and content. Then take your media and upload it to image or video sharing sites, such as YouTube, Flickr, Facebook or Twitter. Don't forget to leave a link to your content in description.

3.Use Social Sharing Widgets: Make use of social media sharing widgets on your blog, which will allow your visitor to share your content on their favorite social media sites. It takes less than one second for your visitor to share your blog with sharing widgets.

Social sharing grows your site's referral traffic by enabling users to share content and activities with their friends or group on social media sites. If your website visitors like your content and want to share it, why don't we help them?

4.Guest Posting: Guest posting is the most effective and safe link building method available today, which helps you to boost your ranking and helps in building relationships with the clients.

Write guest posts for other blogs to promote your blog. You'll also get a backlink to your blog in your guest post. Also, if you're interested then you can write a guest posts for BWidgets by clicking here.

5.Submit Your Blog To Blog Directories And Bookmarking Services: Promote your blog is by submitting your blog to blog directories, RSS directories, bookmarking sites and more. Create a Pinterest board around your blog’s niche and pin an image from your posts.

You can get maximum views from bookmaking sites, such as Digg, StumbleUpon, or Reddit. Also, submit your blog's sitemap to Google and other search engines.

That's all for this time. Now it's time for your to work on all five tips. Happy Blogging...

10 Stylish CSS Blockquotes For Blogger

Blockquote element defines "a section [within a document] that is quoted from another source". Earlier today, I spent several hours to find and create these 10 stylish blockquotes. Some are created by me and rest are from bunch of sites. Demo and download of this project is available at this link.

How To Add Blockquote Styling On Your Blog:

Before I post styling, you should know how to replace these stylish blockquotes with your template's default one.

Go To Blogger > Template > Edit HTML > Search for following code:

.post blockquote

 or

.post-body blockquote

Now replace whole CSS with our custom styles, you can find them in next heading. Here is an example of your template's default blockquote:

.post blockquote {
 Some CSS HERE
}

10 Stylish Blockquotes:

Below are our 10 CSS blockquotes examples and their code, which is quoted in it:

.post blockquote {
font: 14px/22px normal helvetica, sans-serif;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 50px;
padding-left: 15px;
border-left: 3px solid lightblue;
}

---

.post blockquote {
margin: 0 20px;
padding: 10px 20px 25px 20px;
border-left: 5px solid #fce27c;
background-color: #f6ebc1;
}

---

.post blockquote {
margin: 0 20px;
padding: 10px 20px 25px 20px;
border-left: 10px dotted white;
background-color: #f6ebc1;
}

---

.post blockquote {
background-color: transparent;
border-top: 3px double #DC143C;
border-bottom: 3px double #DC143C;
padding: 5px;
font-style: oblique;
font-size: 1em;
margin-left: 5%;
margin-right: 5%;
}

---

.post blockquote {
border: 2px solid rgb(255, 204, 0);
padding: 8px 10px;
font-size: 120%;
color: black;
font-weight: bold;
background-color: rgb(255, 255, 153);
border-radius:20px 20px 0 20px;
}

---

.post blockquote {
margin : 0 20px;
padding: 10px 20px 25px 20px;
background : #9FCFFF;
color : #484848;
border: 5px dotted #fff;
}

---

.post blockquote {
background-color: white; color: #845424;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_jnDnBoyZDiWmuYBXmkI2_KKm57rxsFD7H1NRVivHFhIw30uuj9gkzvht_ZJIzKNcX1CXw5RrrcqrE8YzePhkLKswF6UnhP9aJKjBgqFjyIHi-1A90LAHlpbWAsP4kQNqwbFLKMQo-do/s1600/Orange.gif);
background-position: 0% 10px;
background-repeat: no-repeat repeat;
border-width: 2px;
margin: 0px 20px;
min-height: 30px;
padding: 20px 20px 10px 45px;
vertical-align: baseline;
}

---

.post blockquote {
background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI_W6dLh-v_qgQPO2Xx_hhesEVf6mSv8FvTKJMEOWZEwTYjtddxuDlljJWzdoQmZAnNeYKpOx-WYMhLH8_UujrTdXldh8lnX9S4SzAmYCcYyX3fnldQhG3jKxk5xPkNFjRWBZfZf1Bfzg/s1600/green-black-side.gif) ;
background-repeat:repeat-y;
margin: 0 20px;
padding: 20px 20px 20px 50px;
color:#C7CACF;
font: normal 0.9em Helvetica, verdana, serif, Georgia, "Times New Roman";
}

---

.post blockquote {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxZ0tc4O01L8FHeBD7XO5CSG1-FIUgh9SCrszkweGWKCCkKy0B4ZIGsZysn0N9UhoU1A-Nl02_kWS6hS2zHntob85sPFBuBW-WOyGNpv8qPjEGCIbg8kyLhkeDzCZ6xLZxXLhGJYP8eR4/s1600/blockquote.png) no-repeat scroll 0px 0px transparent;
border: medium none;
margin: 5px 5px 50px;
padding: 25px 30px 5px 70px;
color: rgb(153, 153, 153);
font-style: italic;
}

---

.post blockquote {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3eAY10jiNGHiJ542LdD3eCpfZQdyVCWYyDcfKBNyhSWj5LxaHcOB0F3H4qP7mk785JV97m7Io0gwlKgWL_P0QdrvUYaYzAXYqdrboRYzZwkEhLYLdTXijb5x1AzBuTUQX5OFO3MxGI74/s1600/note.png) repeat-y scroll 0 0 transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF;
-moz-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF;
-ms-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF;
-o-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF;
box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF;
margin: 10px 13px;
padding: 21px 45px 14px;
line-height: 1.65em;
font-famliy:georgia,sarif;
font-size:13px;
}

New Floating Social Sharing Widget For Blogger

Earlier this year, I shared an awesome jQuery floating social sharing widget for Blogger. Now, it's time to share another one, which is from Making Different. It'll really approach your visitors to like, tweet and +1 your blog posts.

Also, it'll appear when your reader will reach your blog post's footer, which will allow him to share this post after reading it.

As of writing, I'am also using this widget on BWidgets. Hopefully, I'll also add this widget to my other blogs, which will help me to gain more social media attention.

Adding This Widget:

Adding this widget is so simple but a bit lengthy. We'll add this widget on our blog in four simple steps. First one is below:

• Go To Blogger > Template > Edit HTML > Click on "Proceed" > Mark the "Expand Template Widgets" option:

Adding jQuery Script:

If your blog already have a jQuery script, then you can skip this step. Now, after following first step, we have to add jQuery script on our template:

• Search and add below snippet code before </head> tag:

<script type="text/javascript" src="https://widcraft.googlecode.com/svn/jquery.js"></script>

Adding Trigger:

This step will work as our widget trigger. Make sure you that "Expand Template Widgets" option is marked:

• Search following code in your template:

<data:post.body/>

• Immediately below it, add the following snippet.

<b:if cond='data:blog.pageType == "item"'>
<div id='md-active-share-comment-marker'></div>
</b:if>

All Done....Final part time...

Adding Social Sharing Widget:

Finally, it's time for our final step. After this, you can check your blog to see this awesome widget.

• Find and add the below snippet code before </body> tag:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='https://widcraft.googlecode.com/svn/FloatingSocialSharingWidget.js' type='text/javascript'/>
<div id='md-share-window' style='width: 100%; display: block; position: fixed; top: -450px; left: 0px; background-color: rgba(235, 88, 60, 0.8); z-index: 100; padding: 0 0 10px 0;'>
<div style='width: 800px; margin: 20px auto;'>
<span id='twitter' style='float:left; margin: 0 5px; padding: 3px 0 0 0;'>
<a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></span>
<span id='md-plusone' style='float:left; padding-top: 4px; margin: 0 5px;'>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone size='tall'/></span>
<span id='md-fblike' style='float: left; margin: 0 5px; padding: 4px 0 0; width: 50px; overflow: hidden;'>
<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' width='50'>
</fb:like>
</span>          
<div style='display:block; margin: 0 5px; padding: 5px 0px 0px; color: #FFFFFF'>
Are you Awesome? Legend has it that Awesome people can and will share this post!<br/>
<span style='color: #FFFFFF; font-size: 18px;'><data:blog.pageName/></span>
</div>
</div>
</div>
</b:if>

Save your template....It's done :)

Still Not Working?

Widget still not working?? Then just blame it on BIEBER!!! Just kidding,

So, if your template has more than one <data:post.body/> tag then try the last one. Don't forget to leave a comment.....

Customizing Facebook Like Box Widget

The Like Box is a social plugin that enables Facebook Page owners to attract and gain Likes from their own website. Almost every blogger is using bunch of Facebook plugins on their blog, which is the easiest way to attract new fans to your Facebook page.

Don't you just hate that default Facebook like box design, which really sucks with that header and footer. Do you want to remove it? Yupp, Digital Inspiration (Oppa Labnol Style! ) has found an amazing way to customize your simple like boxes with some CSS touch.

So, I found two amazing customized Facebook like boxes from Digital Inspiration, which are really great. Below is an image of default Facebook like box, which is so common.

Default Facebook Like Box:

Now, as you can see in above image, which is an image of default Facebook like box, it really sucks. I guess, it's only for blue and plain sites. However, you can generate your page's like box widget at this link. You'll find millions of like boxes around the internet.

Custom Facebook Like Box Style #1:

Finally, we got rid of that ugly header and footer. Also, you can check a pic of mine in above widget, which is located at first block. Me and Eminem (Photoshop Rocks!!!). Anyways, copy the code below and paste it anywhere inside your blog or website:

<style type="text/css">
 .facebookOuter {
    background-color:#F4F4F4;
    width:250px;
    padding:10px 0 10px 10px;
    height:250px;
    border:1px solid #CCCCCC;
  }
 .facebookInner {
    height:250px;
    overflow:hidden;
  }
</style>

<div class="facebookOuter">
 <div class="facebookInner">
  <div class="fb-like-box"
      data-width="245" data-height="290"
      data-href="http://www.facebook.com/bwidgetz"
      data-border-color="#F4F4F4" data-show-faces="true"
      data-stream="false" data-header="false">
  </div>         
 </div>
</div>
          
<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>

 Replace bwidgetz with your Facebook page's username.

Custom Facebook Like Box Style #2:

This one is even more better. As you can see in above image, this widget is customized very well with some beautiful CSS. Also, you can again see an image of mine with Eminem :p

Finally, it's time to share code of this beautiful like box. Copy the code below and paste it anywhere inside your blog or website:

<style>
.facebookOuter {
width: 280px;
height: 150px;
border-radius: 3px;
position: relative;
background-color:#f4f4f4;
padding:5px 10px 15px 0;
}
.facebookOuter, .facebookOuter:before, .facebookOuter:after {
background: #f4f4f4;
border: 1px solid #ccc;
}
.facebookOuter:before, .facebookOuter:after {
content: "";
position: absolute;
bottom: -3px;
left: 2px;
right: 2px;
height: 1px;
border-top: none;
}
.facebookOuter:after {
left: 4px;
right: 4px;
bottom: -5px;
box-shadow: 0 0 2px #ccc;
}
.facebookInner {
height:155px;
overflow:hidden;
}
</style>

<div class="facebookOuter" style="float:left;">
<div class="facebookInner">
  <div class="fb-like-box"
      data-width="300" data-height="179"
      data-href="http://www.facebook.com/bwidgetz"
      data-border-color="#F4F4F4" data-show-faces="true"
      data-stream="false" data-header="false">
  </div>
 </div>
</div>
<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>

Replace bwidgetz with your Facebook page's username.

More Customization:

The default background color of both Facebook Like boxes is #F4F4F4 but you can use any other web color. Also, if you want to have a more wider or taller Like box for your website, you can need to change the width and height values. All credits on this amazing work goes to Digital Inspiration.

Also, I used Purple Purse fonts on images for this article. Don't forget to leave your comments...

3D Subscription Box Widget For Blogger

I created this subscription widget using CSS Facebook login form, which is available to preview or download here. It look's great and sleek. You can also use this widget on your wordpress blog or on a static HTML page.

It's coded with pure CSS, no images were harmed during creation process. Don't remove credits, and you're free to use or share this widget.

Add This Widget To Blogger:

• Go To Blogger > Layout > Add A Gadget > HTML/JavaScript

• Paste following code:

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=YOURFEEDID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="login">
 <h1>Subscribe To Us</h1>
 <input type="hidden" value="YOURFEEDID" name="uri" />
 <input type="email" name="email" class="login-input" placeholder="Email Address" autofocus>
 <input type="hidden" name="loc" value="en_US" />
 <input type="submit" value="Subscribe" class="login-submit">
 <p class="login-help"><a href="http://www.bwidgets.com?src=fbform" rel="nofollow">Powered By: BWidgets</a></p>
</form>

<style>
::-moz-focus-inner {
  padding: 0;
  border: 0;
}

:-moz-placeholder {
  color: #bcc0c8 !important;
}

::-webkit-input-placeholder {
  color: #bcc0c8;
}

:-ms-input-placeholder {
  color: #bcc0c8 !important;
}

.input {
  font: 12px/20px "Lucida Grande", Verdana, sans-serif;
  color: #404040;
  background: #ebc9a2;
}

.input {
  font-family: inherit;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.login {
  padding: 18px 20px;
  width: 200px;
  background: #3f65b7;
  background-clip: padding-box;
  border: 1px solid #172b4e;
  border-bottom-color: #142647;
  border-radius: 5px;
  background-image: -webkit-radial-gradient(cover, #437dd6, #3960a6);
  background-image: -moz-radial-gradient(cover, #437dd6, #3960a6);
  background-image: -o-radial-gradient(cover, #437dd6, #3960a6);
  background-image: radial-gradient(cover, #437dd6, #3960a6);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
}
.login > h1 {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}

.login-input {
  display: block;
  width: 90%;
  height: 37px;
  margin-bottom: 20px;
  padding: 0 9px;
  color: white;
  text-shadow: 0 1px black;
  background: #2b3e5d;
  border: 1px solid #15243b;
  border-top-color: #0d1827;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
}
.login-input:focus {
  outline: 0;
  background-color: #32486d;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);
}
.lt-ie9 .login-input {
  line-height: 35px;
}

.login-submit {
  display: block;
  width: 100%;
  height: 37px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
  color: #294779;
  text-align: center;
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
  background: #adcbfa;
  background-clip: padding-box;
  border: 1px solid #284473;
  border-bottom-color: #223b66;
  border-radius: 4px;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #d0e1fe, #96b8ed);
  background-image: -moz-linear-gradient(top, #d0e1fe, #96b8ed);
  background-image: -o-linear-gradient(top, #d0e1fe, #96b8ed);
  background-image: linear-gradient(to bottom, #d0e1fe, #96b8ed);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
}
.login-submit:active {
  background: #a4c2f3;
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);
}

.login-help {
  text-align: center;
}
.login-help > a {
  font-size: 11px;
  color: #d4deef;
  text-decoration: none;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.login-help > a:hover {
  text-decoration: underline;
}
</style>

Customizations:

In above code replace YOURFEEDID with your FeedBurner feed id. Also, you can change width of this widget by changing width: 200px; with your preferred width.

Don't forget to leave your comments.....

GoDaddy Promo Codes : .COM Domain For 2.95$ (Rs. 158.60)

GoDaddy is back with a superb discount on .COM domains. Get a .COM for just $2.95 (Rs 158.60) w/InstantPage Website. So don't waste your time and score a .COM. You can get a .COM For Rs 158.60 by clicking here.

Why Choose GoDaddy? :

Go Daddy offers everything you need to make a name for yourself on the Web, from domain names and website builders to complete eCommerce solutions. GoDaddy earned their place as the world's #1 ICANN-accredited domain registrar by delivering world-class products at competitive prices and supporting them with industry-best service, delivered 24/7/365. GoDaddy is proud to serve our customers from locations around the world, including Arizona, Iowa, California, Colorado, Washington, D.C., India, Singapore, and The Netherlands.

So go and get a .COM for $2.95 only by clicking here.

Earn More With InfoLinks Affiliate Program

In the past, I posted an article on "Monetizing Your Blog With InfoLinks." Today, we are going to discuss about InfoLinks Affiliate Program, which is a good way to earn more revenue with your blog.

InfoLinks has been running an affiliate program from long, but they never promoted that on their site. Many publishers don't know that there is a InfoLinks affiliate program on InfoLinks’s website.

How To Join InfoLinks Affiliate Program?

To become an InfoLinks affiliate, you have to be an active publisher and have their ad code running on your website. Then you can join their affiliate program by contacting them. They will reply you with information about the program and your affiliate link.

For each publisher who joins the InfoLinks network by clicking your personal referral link, you will be entitled to a one-time referral fee of up to $1,000 per new publisher, as follows

• Small Publisher: $25 (up to 10,000 average net InfoLinks page impressions per day)
• Medium Publisher: $100 (up to 100,000 average net InfoLinks page impressions per day)
• Large Publisher: $1,000 (over 100,000 average net InfoLinks page impressions per day)

InfoLinks Affiliate Program Rules:

These 3 rules are needed to be followed by any publisher:

Publisher’s traffic must have at least 30% from the US. If the publisher has less than 30% of traffic from the US then affiliation fee will be 30% of the sums described above.

The new publisher must be actually new (and not in previous contact with Infolinks or related to any of the Infolinks publishers).

The referral member should remain as a fully active Infolinks publisher with an average of at least 300 daily net impressions for a minimal consecutive period of three months.

How To Track InfoLinks Affiliate Earning:

Good question, I wrote an email to InfoLinks about this, here is their response:

Unfortunately, there is currently no option to view affiliate statistics. However, the earnings made from the affiliate program are added to your total earnings at the end of each month which you can view in the "Payment History" section under the Account tab, in your InfoLinks account.

Join InfoLinks:

Not an InfoLinks publisher? Join InfoLinks with my affiliate link by clicking here. Don't forget to leave your comments...