Saturday 30 March 2013

Blogger Label Specify Feeds


Past June, I shared a tutorial about showing recent posts from a label, which was a helpful post. Earlier today, I was thinking if we could subscribe to specific label from our blog to get what we really want, and I read that article again and found a way to do this.

We don't need any other service, code or script to do this. It's just to easy and common thing. Also, email subscriptions of these feeds is not possible. It's a great idea to five your reader's an option to subscribe to their favorite content.

Now time to begin this tutorial. So, first below is our magic code :p

http://yourblog.blogspot.com/feeds/posts/default/-/LABEL

  • First, in above code replace yourblog with your blog's url.
  • Now replace LABEL with the name of the label you want. If your label is made up of more than one word it can get confusing as the space between the words will be filled automatically as shown below :

http://yourblog.blogspot.com/feeds/posts/default/-/Blogger%20Widgets

That's easy! Now subscribe to it with your favorite reader. It's sad that Google Reader is shutting down.

Rest In Peace ~ Reid Flair (February 26, 1988 – March 29, 2013) ~ Son of the legendary Ric Flair ~ We lost a young talent.

Thursday 28 March 2013

How To Customize YouTube Embedded Player


Most of bloggers/webmasters choose to host their videos on YouTube instead of their own website, which is a great way to get some extra views. Because if you're hosting it on YouTube, your video will also be visible to more than 800 million unique users every month. Also, by adding a backlink to your website, you can get some visitors from YouTube as well.

If you are going to use YouTube to host videos for your site, at the least, you should know some ways in which you can customize YouTube's embedded player.

YouTube Player Parameters:

To customize our YouTube player, first we need to learn about YouTube player parameters. So, I made a list of YouTube player parameters, which is available at this link. All of the parameters are optional. Note that these parameters are only officially supported by the embedded player.

For example, we're going to use "Autohide Video Controls After A Video Begins Playing," "Video Details" and "Video Player Theme" parameters from the list.

Customizing Old YouTube Player:

If you're still using old YouTube player, which is not a much smart choice but still, you can customize it with parameters. Below is the sample code of a non-customized YouTube player:

<object width="600" height="338"><param name="movie" value="http://www.youtube.com/v/6UWDdxJ_gZQ?hl=en_US&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/6UWDdxJ_gZQ?hl=en_US&version=3&autohide=0&showinfo=0&theme=light" type="application/x-shockwave-flash" width="600" height="338" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Now to customize this player, we will add autohide=0 (to hide video controls after video begins playing), showinfo=0 (to hide video info) and theme=light (to add light theme to player.). Here is the customized old YouTube player:

<object width="600" height="338"><param name="movie" value="http://www.youtube.com/v/6UWDdxJ_gZQ?hl=en_US&version=3&autohide=0&showinfo=0&theme=light"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/6UWDdxJ_gZQ?hl=en_US&version=3&autohide=0&showinfo=0&theme=light" type="application/x-shockwave-flash" width="600" height="338" allowscriptaccess="always" allowfullscreen="true"></embed></object>

We'll add each parameter with "&" tag.

Customizing YouTube Player:

Now it's time for those who are up-to-date, and are using new YouTube player aka iFrame player. Customizing new player is same as old player. Below is the sample code for non-customized new YouTube player:

<iframe width="600" height="338" src="http://www.youtube.com/embed/6UWDdxJ_gZQ" frameborder="0" allowfullscreen></iframe>

First, we'll add "&" tag after video url. After "&" we'll add our first parameter, such as autohide=0. Then we'll add rest of parameters following "?" tag. Below is the code of customized new YouTube player:

<iframe width="600" height="338" src="http://www.youtube.com/embed/6UWDdxJ_gZQ?autohide=0&showinfo=0&theme=light" frameborder="0" allowfullscreen></iframe>

That was easy! Hope it'll help you in future posting. Finally, below are both, non-customized (in left) and customized (in right) YouTube players:

List Of YouTube Embedded Player Parameters


Below is a list of YouTube Embedded Player Parameters (How To Use):

Autohide Video Controls After A Video Begins Playing
Type Parameter Supported Players
Default autohide=2 AS3, AS2, HTML5
Enable autohide=1 AS3, AS2, HTML5
Disable autohide=0 AS3, AS2, HTML5
Only Progress Bar autohide=2 AS3, AS2, HTML5


Autoplay Video
Type Parameter Supported Players
Default autoplay=0 AS3, AS2, HTML5
Enable autoplay=1 AS3, AS2, HTML5
Disable autoplay=0 AS3, AS2, HTML5


Closed Captions
Type Parameter Supported Players
Default Based on user preference AS3, AS2
Enable cc_load_policy=1 AS3, AS2
Disable cc_load_policy=0 AS3, AS2


Color Of Highlighted Progress Bar
Type Parameter Supported Players
Default color=red AS3, HTML5
Red color=red AS3, HTML5
White color=white AS3, HTML5


Video Player Controls
Type Parameter Supported Players
Default controls=1 AS3, HTML5
Enable controls=1/controls=2 AS3, HTML5
Disable controls=0 AS3, HTML5


Keyboard Controls
Type Parameter Supported Players
Default disablekb=0 AS3, AS2
Enable disablekb=0 AS3, AS2
Disable disablekb=1 AS3, AS2


Javascript API
Type Parameter Supported Players
Default enablejsapi=0 AS3, AS2, HTML5
Enable enablejsapi=1 AS3, AS2, HTML5
Disable enablejsapi=0 AS3, AS2, HTML5


Video Start And End Time
Type Parameter Supported Players
Start start=(seconds from the start) AS3, AS2, HTML5
End end=(seconds from the start) AS3


Fullscreen Button
Type Parameter Supported Players
Default fs=1 AS3
Default fs=0 AS2
Enable fs=1 AS3, AS2
Disable fs=0 AS3, AS2


Video Annotations
Type Parameter Supported Players
Default iv_load_policy=1 AS3, AS2, HTML5
Enable iv_load_policy=1 AS3, AS2, HTML5
Disable iv_load_policy=3 AS3, AS2, HTML5


Displaying User, Search Or Playlist
Type Parameter Supported Players
Playlist listType=playlist&list=(Playist ID) AS3
User listType=user_uploads&list=(Username) AS3
Search listType=search&list=(Search Term) AS3


Auto Repeat/Loop
Type Parameter Supported Players
Default loop=0 AS3, HTML5
Enable loop=1 AS3, HTML5
Disable loop=0 AS3, HTML5


YouTube Logo
Type Parameter Supported Players
Default modestbranding=0 AS3, HTML5
Enable modestbranding=0 AS3, HTML5
Disable modestbranding=1 AS3, HTML5


Related Videos At End
Type Parameter Supported Players
Default rel=1 AS3, AS2, HTML5
Enable rel=1 AS3, AS2, HTML5
Disable rel=0 AS3, AS2, HTML5


Video Details
Type Parameter Supported Players
Default showinfo=1 AS3, AS2, HTML5
Enable showinfo=1 AS3, AS2, HTML5
Disable showinfo=0 AS3, AS2, HTML5


Video Player Theme
Type Parameter Supported Players
Default theme=dark AS3, AS2, HTML5
Dark theme=dark AS3, AS2, HTML5
Light theme=light AS3, AS2, HTML5

Wednesday 27 March 2013

Enable Reply To Comments Option On Facebook Pages


Facebook have released a new replies to comments feature on Facebook Pages, which is also known as threaded comments.

Tagging other people on comments really sucks (which doesn’t work if you are not "friends" with that person). So, with this feature, you can now reply specifically to their comment, and they will get a notification of it. Almost every Blogger is using this feature on their blog's comment system.

It's a great feature, and I just tested it. As of writing, this feature is only available for brand pages, and you can't use this on your groups or profile, which totally sucks.

How To Enable This Feature:

Pages with over 10,000 "likes" or "Followers" will have this new threaded comments feature automatically enabled. For Pages under 10,000, you need to manually enable it.

To turn on replies for your Page:

  • At the top of your Page, click Edit Page
  • Go to Manage Permissions
  • Select Turn On Replies

People who visit your Page will have the option to reply on posts that were created after you turned on replies.You can learn more about this feature, click here.

Tuesday 26 March 2013

GoDaddy Promo Codes : .COM Domain For 1.69$ (Rs. 91.35)


GoDaddy is back with a superb discount on .COM domains. Get a .COM for just $1.69 (Rs 91.35) w/InstantPage Website. So don't waste your time and score a .COM. You can get a .COM For Rs 91.35 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 $1.69 only by clicking here.

Wednesday 20 March 2013

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 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

Tuesday 19 March 2013

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:

Sunday 17 March 2013

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.

Wednesday 13 March 2013

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.

Popular Posts

 
Powered by Blogger.