Search Google

Sunday 28 September 2014

toughest interview questions


17 Toughest Interview Questions 2014:

The following are the list of 17 toughest interview questions of 2014 asked by top most innovative MNC companies in the world. These questions are not so easy to answer. These interview questions are very tricky and logical. So don't dare to answer :)

1) Google:

If you were given a box of pencils, list 10 things you could do with them that are not their traditional use.

2) Amazon:

How would you solve problems if you were from Mars?

3) Apple:

What's the most creative way you can break a clock?

4) Pacific Sunwear:

If you were a street sign, what would you be?

5) Microsoft:

A disc is spinning on a spindle, and you don't know which way. You are given a set of pins. Describe how you would use them to determine which way the disc is spinning.

6) Goldman Sachs:

There are infinite black and white dots on a plane. Prove that the distance between one black dot and one white dot is one unit.

7) Facebook:

You have a bag of with "N" number of strings. At random, you pull out a string's end.

You pull out another string end and you tie the two together.

You repeat this until there are no loose ends left to pull out of the bag.

What is the expected number of loops?

8) JP Morgan Chase:

Think of a product or service that no one has ever thought of before, one that you think would be revolutionary for your university. How would you market it?

9) Google:

You want to design a phone for deaf people — how do you do it?

10) Twitter:

Why should we not hire you?

11) Microsoft:

How would you design an elevator?

12) Microsoft:

Name as many Microsoft products as you can.

13) Twitter:

Is this binary tree a mirror of itself?

14) AIG:

How do you cut a circular cake into eight equal pieces?

15) Goldman Sachs:

How much does a Boeing 707 weigh?

16) PepsiCo:
Do you believe in a higher power?

17) MTD Products:

How do you feel about working in extreme weather conditions all year round?


successful management skills

1. Set Goals

Goals give you a vision, focus and destination to work towards. They help you have a clear mind on where you want to go and how best to manage your time and resources to get there. By setting goals, you are able to identify what’s worth spending your time on and what’s a distraction to avoid.
Start by asking yourself where you want to be in six months time. You can go further and look at where you want to be in the next year or even decade from now. Set personal and professional goals that are realistic and achievable. This is a  crucial step toward ensure you manage your time better.

2. Prioritize

Prioritizing cannot be overemphasized when it comes to effective time management. It can be difficult to know what tasks to tackle first, especially when a flood of tasks all seem urgent. It is, however, relatively easy to prioritize activities if you have clear goals already set. Ask yourself three basic questions to know what tasks should take first priority:
  • Why am I doing this task or activity?
  • How does this task help me achieve my goals?
  • To what extent does this task I’m doing help me achieve my goals?
Do the most important things first.

3. Keep a Task List

A task list (or “to-do list”) is a reminder system that tells you when you need to do what. Keeping a to-do list helps you remain organized and on top of things. It helps break things down into small, manageable tasks or steps so that you never forget to do the important stuff. Don’t try to remember everything you need to do in your head. In most cases, trying to remember everything won’t work. Instead, keep a to-do list. A simple daily, weekly or monthly planner on a note pad or diary can do.
Write down the things you need to do, including meetings, appointments and deadlines. Prioritize items on your list by listing items in order of importance from high priority to low priorities items or highlighting urgent or important tasks on your list with an asterisk. Cross out completed tasks as often as you add new tasks on your task list to ensure you keep moving forward.

4. Schedule Tasks

“A schedule defends from chaos and whim,” says author Annie Dillard. If you are a morning person and find you are at your most creative and productive early in the morning, schedule high-value tasks in the morning at your peak creative/productive time. If your creativity and energy picks up when the sun is setting, schedule high priority tasks then. Your “down” time can be scheduled for less important tasks like checking e-mail or returning phone calls.
Understand your rhythm of peak and dead times and schedule tasks appropriately to make the most of peak times. Remember you don’t find time for important things; you make time for important things best by scheduling.

5. Focus on One Task at a Time

You get more done in the least time possible when you toggle between talking on your cell phone, browsing the internet and jotting down notes, right? Wrong! According to a study published by the American Psychological Association, you actually spend between 20 and 40 percent more time when you multitask. Besides costing you time and efficiency, multitasking can also reduce the quality of your work.
Forget multitasking. You don’t get on top of your workload by multitasking. Focus more on completing one task at a time. Completing tasks in sequence one at a time leads to better use of time, says the study researchers. Switching from one task to another does not usually lend itself to good use of time.

6. Minimize Distractions

Whether it’s client e-mail alerts, phone calls from friends or IM chats with prospects while working, distractions are a hindrance to effective use of time. Distractions break your concentration, lower your productivity and often prevent you from completing important tasks on time. They can also cause stress.
Identify what is distracting you from doing core tasks and put a stop to it. Kill that television and turn off your Internet connection and IM chat. Put up a “Do not disturb” or similar sign at the entrance of your dedicated work space to prevent interruptions. Just do whatever it takes to minimize distractions. This ensures you take control of your days and maximizes your productivity.

7. Overcome Procrastination

Edward Young, the English poet best remembered for Night Thoughts, once said procrastination is the thief of time. Don’t put off tasks that you should be focusing on right now and let procrastination steal your time. Remind yourself that the best time to do somethings is usually NOW. Push yourself a little harder to beat procrastination and get what needs to be done DONE.
An effective strategy to beat procrastination is to tell yourself you are only going to embark on a project for a few minutes, say ten minutes. Once you start the project, your creative juices will start flowing. You will then find you want to continue with the task and quite possibly take it to the end. The trick to beat procrastination can be as simple as devoting a small amount of time to start. Just that!

8. Take Breaks

Unless you are Superman, you can’t sustain working long hours on end without burning out and sacrificing on quality. However tempting it may be to work to a deadline for 8-10 hours straight, take breaks in between work. This way you give your brain valuable time to rest and recharge. Taking breaks from work is not time wasting. It is smart time management. You produce top quality work when you are well rested.
Squeeze short breaks in between work for down-time. Ideally, take a five minute break every hour or two to rest and think creatively. You may set an alarm to remind you when your break is due. Stop working and just sit and meditate at your desk or go out for a cup of coffee or short walk. Don’t forget to give yourself ample time for lunch too. You can’t work optimally on an empty stomach.

9. Say “No”

One skill that many high achievers like President Obama, Bill Gates and Richard Branson have mastered is the gentle art of saying “no” to things that are not a priority. Saying “no” to things that are not a priority allows you to focus on those things that are really important. You only have exactly 24 hours in a day to do the things that matter. If you don’t learn to say “no” to things that are not important, other peoples’ priorities will precede your own and you will be swamped with far too many projects and commitments.
Say “no” amicably to everything that doesn’t support your values or help you achieve your goals. You have the right to say “no” no matter who you are talking to. When you get better at saying “no,” you put you time to good use and defend yourself from rushed work, poor performance and work overload.

10. Delegate Tasks

The old adage by 17th century author John Donne that no one is an island still holds true today. You can’t manage everything on your own. Sometimes it is prudent to let other people help you with tasks, especially when you are swamped. You save time, reduce stress and accomplish a lot more when you assign tasks to the right people.

Thursday 25 September 2014

ajax tutorial for beginners

Send a Request To a Server

To send a request to a server, we use the open() and send() methods of the XMLHttpRequest object:"GET","ajax_info.txt",true);

Method Description
open(method,url,async) Specifies the type of request, the URL, and if the request should be handled asynchronously or not.

method: the type of request: GET or POST
url: the location of the file on the server
async: true (asynchronous) or false (synchronous)
send(string) Sends the request off to the server.

string: Only used for POST requests


GET is simpler and faster than POST, and can be used in most cases.
However, always use POST requests when:
  • A cached file is not an option (update a file or database on the server)
  • Sending a large amount of data to the server (POST has no size limitations)
  • Sending user input (which can contain unknown characters), POST is more robust and secure than GET

Server Response

To get the response from a server, use the responseText or responseXML property of the XMLHttpRequest object.
Property Description
responseText get the response data as a string
responseXML get the response data as XML data

The responseText Property

If the response from the server is not XML, use the responseText property.
The responseText property returns the response as a string, and you can use it accordingly:



Tuesday 23 September 2014

responsive wordpress themes

1. Tracks

A beautiful and stylish theme, perfect for magazine or photography blogs. It offers an outstanding flat design with well picked fonts and a black/white color scheme. Tracks’ creators have done a great job making the theme responsive, as it transforms smoothly and looks great on all screen sizes.

2. Minimable

Minimable is a bootstrap based theme, which despite its name, offers a great amount of features such as the well designed navigation or a stunning slideshow overlay you can use for your photos. Most of the elements are nicely animated, which gives the theme a professional and unified feel.

3. Fukasawa

Fukasawa sports a beautifully minimal layout that displays you posts, images and videos in a Pinterest-style grid. This theme offers clever responsive design and retina friendly icons that allow it to adapt gracefully to any screen resolution. This theme also gives you great customization options with its numerous color schemes and widgets.

4. Perfetta

Sometimes websites don’t need to be over-the-top and packed with features; sometimes simplicity is what you need. Perfetta strips away the fat and offers a blog-style layout in a clean, sophisticated layout and design with smooth reveal animations for the content view. If you want your visitors to focus on your content, then this is for you.

5. Serene

Serene is a simple, modern theme built with the idea to create a blogging experience that is a pleasure to the eyes. It supports 6 different post formats, including: Article, Quote, Video, Audio, Gallery and Link, which all look very cool. It also features color schemes and full browser compatibility.

6. StanleyWP

A cute, flat design theme by GentsThemes, created to showcase your work in a simple way. It has a premium look and doesn’t lack features either: a drag and drop homepage builder, three page templates, a responsive design and others.

7. Arcade

A theme wtih a big and bold header image that will quickly grab the attention of anyone who visits your site. Take advantage of the large call to action area, post block and widgetized footer on your home page to get your important information across in the best looking way possible.

8. Moesia

Moesia is a striking business theme you can use to build an effective online presence. Choose from eleven predefined blocks and build the homepage that best suits your company. Each of the homepage blocks can have a parallax background image and its own set of colors. Moesia also features a selection of Google Fonts, two types of layouts for the blog page, cool animations and much more.

9. OneEngine

A multi-purpose one page WordPress theme with a layout builder included, easy-to-use backend options, plus a glorious design with 60+ animation effects, unlimited color schemes and Google Fonts Support.

10. InstantWP

InstantWP is a minimal Bootstrap based theme packed with some great features. The theme is perfect for those looking to display portfolio items and also manage a nice WordPress blog.

You could have noticed that recently we changed the theme of this site. And this is not a theme available already on the wordpress theme store. I just designed the theme for my own needs. And blue is my favorite color and so I made it completely blue. Responsivity is the most common design trends these days. So I just made the theme atleast partially responsive. It looks good even on your mobile device as well as your iPad.
And I also made this theme available for download so you could just use it on your site if you  are impressed with the design. The following is how the theme looks on different devices.

On a PC

Blue Fury on PC 

facebook login app

 Running Facebook application on localhost

You can also edit 'hosts' file and create local variation of your domain.
If your real facebook application address is "" you can create "" (accessible only from your pc) domain in your "hosts" file pointing to "localhost" and run your local website under this domain. You can trick Facebook this way.

Monday 22 September 2014

free IT(information technology) technology

Google BigQuery Analytics is the perfect guide for business and data analysts who want the latest tips on running complex queries and writing code to communicate with the BigQuery API. The book uses real-world examples to demonstrate current best practices and techniques, and also explains and demonstrates streaming ingestion, transformation via Hadoop in Google Compute engine, AppEngine datastore integration, and using GViz with Tableau to generate charts of query results. In addition to the mechanics of BigQuery, the book also covers the architecture of the underlying Dremel query engine, providing a thorough understanding that leads to better query results.


 Its potential for lowering IT costs makes cloud computing a major force for both IT vendors and users; it is expected to gain momentum rapidly with the launch of Office Web Apps later this year. Because cloud computing involves various technologies, protocols, platforms, and infrastructure elements, this comprehensive reference is just what you need if you ll be using or implementing cloud computing.

Anyone involved with planning, implementing, using, or maintaining a cloud computing project will rely on the information in Cloud Computing Bible.

Saturday 20 September 2014

MATH Inches to Feet and Inches Conversion Table

Inches to Feet and Inches Conversion Table
12 inches =   1'13 inches =   1' 1"
14 inches =   1' 2"15 inches =   1' 3"
16 inches =   1' 4"17 inches =   1' 5"
18 inches =   1' 6"19 inches =   1' 7"
20 inches =   1' 8"21 inches =   1' 9"
22 inches =   1' 10"23 inches =   1' 11"
24 inches =   2'25 inches =   2' 1"
26 inches =   2' 2"27 inches =   2' 3"
28 inches =   2' 4"29 inches =   2' 5"
30 inches =   2' 6"31 inches =   2' 7"
32 inches =   2' 8"33 inches =   2' 9"
34 inches =   2' 10"35 inches =   2' 11"
36 inches =   3'37 inches =   3' 1"
38 inches =   3' 2"39 inches =   3' 3"
40 inches =   3' 4"41 inches =   3' 5"
42 inches =   3' 6"43 inches =   3' 7"
44 inches =   3' 8"45 inches =   3' 9"
46 inches =   3' 10"47 inches =   3' 11"
48 inches =   4'49 inches =   4' 1"
50 inches =   4' 2"51 inches =   4' 3"
52 inches =   4' 4"53 inches =   4' 5"
54 inches =   4' 6"55 inches =   4' 7"
56 inches =   4' 8"57 inches =   4' 9"
58 inches =   4' 10"59 inches =   4' 11"
60 inches =   5'61 inches =   5' 1"
62 inches =   5' 2"63 inches =   5' 3"
64 inches =   5' 4"65 inches =   5' 5"
66 inches =   5' 6"67 inches =   5' 7"
68 inches =   5' 8"69 inches =   5' 9"
70 inches =   5' 10"71 inches =   5' 11"
72 inches =   6'73 inches =   6' 1"
74 inches =   6' 2"75 inches =   6' 3"
76 inches =   6' 4"77 inches =   6' 5"
78 inches =   6' 6"79 inches =   6' 7"
80 inches =   6' 8"81 inches =   6' 9"
82 inches =   6' 10"83 inches =   6' 11"
84 inches =   7'85 inches =   7' 1"
86 inches =   7' 2"87 inches =   7' 3"
88 inches =   7' 4"89 inches =   7' 5"
90 inches =   7' 6"91 inches =   7' 7"
92 inches =   7' 8"93 inches =   7' 9"
94 inches =   7' 10"95 inches =   7' 11"
96 inches =   8'97 inches =   8' 1"
98 inches =   8' 2"99 inches =   8' 3"
100 inches =   8' 4"101 inches =   8' 5"

Discussion © 2014  Terms of Use

Friday 19 September 2014

how to make an android app like facebook,whatsapp

Sending Messages 

Once you have added friends to your friend’s list you can invite them to chat by tapping on them:

The chat setup is performed in ChatListFragment.NewChatTask: and basically adds the involved parties to a KiiGroup and creates a KiiTopic to channel the invitations to chat:
protected KiiGroup doInBackground(Void... params) {
  try {
    String chatRoomName = ChatRoom.getChatRoomName(KiiUser.getCurrentUser(), this.chatFriend);
    String uniqueKey = ChatRoom.getUniqueKey(KiiUser.getCurrentUser(), this.chatFriend);
    for (int i = 0; i < getListView().getCount(); i++) {
      KiiGroup kiiGroup = (KiiGroup)getListView().getItemAtPosition(i);
      if (TextUtils.equals(uniqueKey, ChatRoom.getUniqueKey(kiiGroup))) {
        return kiiGroup;
    KiiGroup kiiGroup =;
    KiiUser target = KiiUser.createByUri(Uri.parse(this.chatFriend.getUri()));
    KiiBucket chatBucket = ChatRoom.getBucket(kiiGroup);
    KiiTopic topic = target.topicOfThisUser(ApplicationConst.TOPIC_INVITE_NOTIFICATION);
    Data data = new Data();
    data.put(ChatRoom.CHAT_GROUP_URI, kiiGroup.toUri().toString());
    KiiPushMessage message = KiiPushMessage.buildWith(data).build();
    Logger.i("sent notification to " + target.toUri().toString());
    return kiiGroup;
  } catch (Exception e) {
    Logger.e("failed to start chat", e);
    return null;
In the above code you can see that a ChatRoom is matched to a KiiGroup. Then the target user (the one that will be contacted) is added to the group. A group scope bucket is used here to hold the messages sent by the users and the current user is subscribed to receive push notifications from it (all subscribed users to the group bucket will receive a notification when a new message is posted). Finally a message is built with the chat group URI to notify the target user of the invitation.
In the code above we don’t see any low level configuration of push notifications. However this is done as soon as a user registers or signs in. In the “User Registration and Login” section we described how a user was coupled to ChatUser during an initialization process performed in ChatUserInitializeTask.initializeChatUser(). That method also initializes the push notification system so users can send/receive messages. Let’s take a closer look at the code:
KiiUser kiiUser = KiiUser.getCurrentUser();
ChatUser user = ChatUser.findByUri(kiiUser.toUri());
if (user == null) {
  user = new ChatUser(kiiUser.toUri().toString(), username, email);
KiiTopic topic = KiiUser.topic(ApplicationConst.TOPIC_INVITE_NOTIFICATION);
try {;
} catch (ConflictException e) {
KiiACL acl = topic.acl();
acl.putACLEntry(new KiiACLEntry(KiiAnyAuthenticatedUser.create(), TopicAction.SEND_MESSAGE_TO_TOPIC, true));
try {;
} catch (ACLOperationException e) {
  Throwable t = e.getCause();
  if (!(t instanceof ConflictException)){
    throw e;
KiiPushSubscription subscription = kiiUser.pushSubscription();
try {
} catch (ConflictException e) {
kiiUser.set(INITIALIZED_USER_KEY, true);
As you can see above push notifications are initialized for the current user, a KiiTopic is created to receive invite notifications and its permissions are changed to allow any registered user to send an invitation. Finally the current user is subscribed to the topic so it can receive invitations.
This set the stage for the interchange of user messages. The class ChatActivity encapsulates all the chat interaction itself. Let’s take a look at the code called when the “Send” message button is clicked:
this.btnSend.setOnClickListener(new OnClickListener() {
  public void onClick(View v) {
    final ChatMessage message = new ChatMessage(kiiGroup);
    new SendMessageTask(message).execute();
In the code above a ChatMessage is initialized on a the current user group, the message text is grabbed from the UI text box and the sender is set to the current user. Let’s take a look at the SendMessageTask main background method:
  protected Boolean doInBackground(Void... params) {
    try {
      return true;
    } catch (Exception e) {
      Logger.e("failed to send messsage", e);
      return false;
Here the message is saved in the backend triggering a modification in the user group associated with it. All group members will get a push notification when this happens. Note that an analytics event is also sent (for detail see ChatStamp.sendUsageEvent()). Kii Cloud can aggregate this type of events (and also any stored data) to later offer you the chance to create metrics and slice and dice the information (with advanced visualization) from a convenient web console.
To wrap-up this section let’s review some of the details of how to receive this message notifications. In order to detect incoming push notification an Android BroadcastReceiver is set up:
private final BroadcastReceiver handleMessageReceiver = new BroadcastReceiver() {
  public void onReceive(Context context, Intent intent) {

private void updateMessage(boolean showProgress) {
  new GetMessageTask(showProgress).execute();
And GetMessageTask‘s main background process refreshes the list of messages (including the incoming one) using a ChatRoom that is associated to the relevant group:
protected List<ChatMessage> doInBackground(Void... params) {
  try {
    ChatRoom chatRoom = new ChatRoom(kiiGroup);
    List<ChatMessage> messages = null;
    if (lastGotTime == null) {
      messages = chatRoom.getMessageList();
    } else {
      messages = chatRoom.getMessageList(lastGotTime);
    if (messages.size() > 0) {
      lastGotTime = messages.get(messages.size() - 1).getKiiObject().getCreatedTime();
    return messages;
  } catch (Exception e) {
    Logger.e("failed to get message", e);
    return null;

Sending Photos (Stamps)

With Kii Cloud it’s very easy to attach a files to objects that you save in the backend (you just upload/download them as object bodies). Here’s a screenshot of two friends sharing images:

Thursday 18 September 2014

How To Create Subscription Form For Blogger ?

1. Go to Blogger > Layout
2. Then click on Add Gadget and choose Html/Javascript
3. Now copy/paste following in it.

background:url( no-repeat 0px 20px;
padding:10px 0 0 55px;
margin:0 0 10px 0;
margin:6px 2px 6px 2px;
border:1px solid #e3e3e3;
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);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
<div class="mbw-email">
Subscribe Via Email
<form action="" id="feedform" method="post" target="popupwindow" onsubmit="'', '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 here" type="text" />
<input type="hidden" value="THENEWCREATOR" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbw-emailsubmit" value="Submit" type="submit" />
4. Now many following changes to the above code.
  • Replace with your feedburner url (You can get that by visiting your feedburner account then navigating to Publicize > Email Subscriptions.)
  • Replace coolhackingtrick with your feed title. You can get that from end of your feed link. 
5. All done now you will have cute email subscription on your blog.


Tuesday 16 September 2014

best of best portfolio free themes


Theme Description:

Stylish Portfolio is a one page Bootstrap portfolio theme with off canvas navigation and smooth scrolling through content sections.

Theme Features:

  • New! Updated design featuring two custom button styles
  • Off canvas navigation with custom toggle button
  • 100% height header section with full page background image and vertically centered content
  • Smooth page scrolling using jQuery
  • Call to action sections
  • Services section with Font Awesome icons
  • Portfolio image grid
  • Google Maps integrated footer
  • Footer with social icons

Similar Themes & Templates:

Free One Page Freelancer Bootstrap 3 Theme
Free One Page Theme for Bootstrap 3
Free Bootstrap 3 Landing Page Theme


    1. Jewelry Shop
    Live Demo
  1. Responsive Portfolio Theme Responsive Portfolio Theme
    Live Demo
  2. Creative Creative
    Live Demo
  3. InstantWP InstantWP
    Live Demo
  4. Semicolon Semicolon
    Live Demo
  5. Radcliffe Radcliffe
    Live Demo
  6. Baskerville Baskerville
    Live Demo
  7. Tracks Tracks
    Live Demo
Hemlock – A Responsive WordPress Blog Theme by SoloPine. The clean aesthetic design of this theme adds to its overall appeal. This sleek one-column theme is perfect for creative bloggers of any field.
Ink – A WordPress Blogging theme To Tell Stories by Codestag. Ink is a clean, simple and elegant WordPress theme that adapts to any screen resolution.This theme was created specifically with the idea of making online story telling effortless.
Semantic – Responsive & Clean WordPress Blog Theme by vervethemes. This theme features 3 home page variations and 3 color schemes to choose from. The unique typography style also adds to its charm.
Spartan – News, Blog, Magazine WordPress Theme by WPExplorer. This vivid and bright theme would be a great choice for bloggers and online creatives looking to start their blogging career. The homepage includes an attractive slider with a carousel effect to make your images pop.
Zeyn – Multipurpose WordPress Theme by deTheme. Zeyn is a multipurpose theme for blogging, travelling, wedding, real estate, hotel and any other kind of business. It’s compatible with various browsers and was recently upated.
BuzzBlog – Clean & Personal WordPress Blog Theme by Hercules Design. The name of this theme speaks for itself. BuzzBlog is a clean theme for any kind of blog. For those keen to customize, there are plenty of options available.
Pluto Clean Personal WordPress Masonry Blog Theme by Osetin. You can create a cooking site, household blog, or fashion magazine using this theme as the base. The content area is separated into different sections using blocks to keep things neat.

Monday 15 September 2014

Make your own recharge website like paytm

Recharge API
Its now almost every webmaster dream to make a recharge website like paytm, mobikwik which provide mobile, dth and datacard recharge service. Since its a very profitable business so the recharge service provider are giving such services at very high cost. For example if you search in google “mobile recharge api“, “dth recharge api” or “data card recharge api” then you will find some website which offer you recharge api service. But when you ask them pricing for the recharge api then you will shock to hear the cost as some website will tell Rs.50,000 one time setup fee, Rs.25,000 one time setup and some might say as low as Rs.5,000 one time setup fee. Really all these companies are looting to Indian people. But now i will tell you a new website which offering their mobile recharge api, dth recharge api and datacard recharge api cheap at just Rs.1,000 only. Yes! you hear right..its just Rs.1,000 only that have to paid in advance per year.
Now some of people might not known about the word “RECHARGE API“. I will explain you the meaning of this word in simple way.
A recharge api is just a simple http url like but in this case its lenght is little longer. When you buy recharge api from some website then they will give you a HTTP LINK which looks like:
Now you have to integrate such recharge api in your website or application. Its not a difficult task to integrate. You can also hire some webmaster to do the same on behalf of you. These recharge api can also be directly enter in web browser if you want to test the recharge api just like you visit a website normally.
Now coming to the point, in order to make your own recharge website like paytm, mobikwik, etc. you need to buy a recharge api. I would suggest you to start with low budget recharge api providers like
They will give you mobile,dth,datacard recharge api at just Rs.1,000 annual basis. Their commission rates are also good to be get started.
Second thing you need to make a website like paytm, mobikwik is the payment gateway. This is the part where most of the people dream ends here because most of the payment gateway provider in India offering their credit card, debit card and netbanking service at very high cost and hence high volume of investment is required to buy a payment gateway. But in todays date, CCAVENUE is giving its payment gateway free of cost. you can check the pricing here:
Overall, i would suggest buy any payment gateway which offers lowest transaction rate regardless of all the features you got. For example, use only debit card payment gateway from ccavenue as they charge only 1.25% per transaction. So in this way you can start a website like paytm, mobikwik, etc.
Good Luck for your recharge website..

Sunday 14 September 2014

sell your themes

1. ThemeForest: My good old friend. I have been a member since 2009 and have published 4 of my themes on this marketplace. The community is fantastic, the sheer volume of traffic the marketplace brings to my site is something that would take months to build if I was to do it on my own.

2. Mojo Themes: Though not as big of a player as ThemeForest, I do have my Patagonia responsive landing page template listed and it has made a few sales to date as well (at the time of writing this article).

3. WooThemes: Based in Cape Town these guys specialize in all things WordPress. The quality of these are superb, beautiful, elegant and clean. Definitely up there if you’re looking to buy a high-quality WordPress themed.

4. Elegant Themes:

5. Creative Market: I only came across CM recently. What I find very interesting about this marketplace is the fact that as an author you can set your own prices on your product.


web design bootstrap video player


Step 1. HTML

Before you start experimenting with BootStrap framework, let’s prepare a basic html model:


01<!DOCTYPE html>
02<html lang="en">
04    <meta charset="utf-8" />
05    <meta name="author" content="Script Tutorials" />
06    <meta name="description" content="Responsive Websites Using BootStrap - demo page">
07    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
08    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
09    <title>Responsive Websites Using BootStrap | Script Tutorials</title>
11    <!-- css stylesheets -->
12    <link href="css/bootstrap.min.css" rel="stylesheet">
13    <link href="css/style.css" rel="stylesheet">
17    <!-- BODY PAGE CONTENT -->
19    <!-- add javascripts -->
20    <script src=""></script>
21    <script src="js/bootstrap.min.js"></script>
This is the minimal layout which enables the responsive nature of Twitter Bootstrap. In the header we included all the important meta tags and two CSS files, before the closing body, we added both: jQuery and the minimized bootstrap core. This speeds up the loading of the page. Now we can begin with every element of the page.

Top navigation menu

This menu is in the very top: this is fixed navigation bar. Here is the markup:
01<!-- fixed navigation bar -->
02<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
03  <div class="container">
04    <div class="navbar-header">
05      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#b-menu-1">
06        <span class="sr-only">Toggle navigation</span>
07        <span class="icon-bar"></span>
08        <span class="icon-bar"></span>
09        <span class="icon-bar"></span>
10      </button>
11      <a class="navbar-brand" href="#">Bootstrap website</a>
12    </div>
13    <div class="collapse navbar-collapse" id="b-menu-1">
14      <ul class="nav navbar-nav navbar-right">
15        <li class="active"><a href="#">Menu 1</a></li>
16        <li><a href="#">Menu 2</a></li>
17        <li><a href="#">Menu 3</a></li>
18        <li class="dropdown">
19          <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span><b class="caret"></b></a>
20          <ul class="dropdown-menu">
21            <li><a href="#">Option 1</a></li>
22            <li><a href="#">Option 2</a></li>
23            <li><a href="#">Option 3</a></li>
24          </ul>
25        </li>
26      </ul>
27    </div> <!-- /.nav-collapse -->
28  </div> <!-- /.container -->
29</div> <!-- /.navbar -->
Generally, it consists of three parts: the hidden button (for mobile device to open the menu), navbar-brand (brand/title) element, and UL-LI-based drop-down menu.


Right after the top menu, there is the slider: the carousel which turns its items. Its layout is quite familiar:
01<!-- slider -->
02<div id="slider" class="carousel slide" data-ride="carousel">
03  <!-- controls -->
04  <ol class="carousel-indicators">
05    <li data-target="#slider" data-slide-to="0" class="active"></li>
06    <li data-target="#slider" data-slide-to="1"></li>
07    <li data-target="#slider" data-slide-to="2"></li>
08  </ol>
09  <div class="carousel-inner">
10    <!-- slides -->
11    <div class="item active">
12      <div class="container">
13        <div class="carousel-caption">
14          <h1>Lorem ipsum - 1</h1>
15          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet tempus massa. Nam quis purus sit amet augue iaculis dapibus non in nisi.<br />Sed sed volutpat neque. Nulla posuere.</p>
16          <p><a class="btn btn-lg btn-default" href="#" role="button">Button 1</a></p>
17        </div>
18      </div>
19    </div>
20    <div class="item">
21      <div class="container">
22        <div class="carousel-caption">
23          <h1>Lorem ipsum - 2</h1>
24          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet tempus massa. Nam quis purus sit amet augue iaculis dapibus non in nisi.<br />Sed sed volutpat neque. Nulla posuere.</p>
25          <p><a class="btn btn-lg btn-primary" href="#" role="button">Button 2</a></p>
26        </div>
27      </div>
28    </div>
29    <div class="item">
30      <div class="container">
31        <div class="carousel-caption">
32          <h1>Lorem ipsum - 3</h1>
33          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet tempus massa. Nam quis purus sit amet augue iaculis dapibus non in nisi.<br />Sed sed volutpat neque. Nulla posuere.</p>
34          <p><a class="btn btn-lg btn-warning" href="#" role="button">Button 3</a></p>
35        </div>
36      </div>
37    </div>
38  </div>
39  <!-- left-right controls -->
40  <a class="left carousel-control" href="#slider" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
41  <a class="right carousel-control" href="#slider" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
42</div><!-- /.carousel -->
The familiar – this is because it contains quite usual elements: the ability to switch slides (indicators), the buttons back and forth, and the slides themselves.

Modal box

Modal boxes are quite an important part of the user interface, so we’ll create one modal box:
01<!-- modal box -->
02<div class="modal fade" id="my-modal-box" tabindex="-1" role="dialog" aria-labelledby="my-modal-box-l" aria-hidden="true">
03  <div class="modal-dialog">
04    <div class="modal-content">
05      <div class="modal-header">
06        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
07        <div class="modal-title" id="my-modal-box-l">
08          <h3>Share it</h3>
09        </div>
10      </div><!-- /.modal-header -->
11      <div class="modal-body">
12        <p>Share it box content</p>
13        <!-- You may add AddThis code here -->
14      </div><!-- /.modal-body -->
15    </div><!-- /.modal-content -->
16  </div><!-- /.modal-dialog -->
17</div><!-- /.modal -->

Second navigation menu

Finally we come to the main point – the main container which consists of the second navigation menu, footer and additional content blocks. The second menu is not fixed, this is a similar UL-LI-based menu, but the most right element calls the pre-made modal box:
01<!-- second menu bar -->
02<nav class="navbar navbar-default navbar-static">
03  <div class="navbar-header">
04      <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#b-menu-2">
05          <span class="sr-only">Toggle navigation</span>
06          <span class="icon-bar"></span>
07          <span class="icon-bar"></span>
08          <span class="icon-bar"></span>
09      </button>
10      <a class="navbar-brand" href="">Bootstrap website</a>
11  </div>
13  <!-- submenu elements for #b-menu-2 -->
14  <div class="collapse navbar-collapse" id="b-menu-2">
15    <ul class="nav navbar-nav">
16      <li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span> Home</a></li>
17      <li><a href="#"><span class="glyphicon glyphicon-question-sign"></span> Help</a></li>
18      <li><a href="#"><span class="glyphicon glyphicon-exclamation-sign"></span> About</a></li>
19      <li class="dropdown">
20        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-list"></span> Other <b class="caret"></b></a>
21        <ul class="dropdown-menu">
22          <li><a href="#">Submenu 1</a></li>
23          <li><a href="#">Submenu 2</a></li>
24          <li><a href="#">Submenu 3</a></li>
25          <li><a href="#">Submenu 4</a></li>
26          <li class="divider"></li>
27          <li><a href="#">Submenu 5</a></li>
28          <li><a href="#">Submenu 6</a></li>
29          <li class="divider"></li>
30          <li><a href="#">Submenu 7</a></li>
31        </ul>
32      </li>
33    </ul>
35    <ul class="nav navbar-nav navbar-right">
36      <li data-toggle="modal" data-target="#my-modal-box"><a href="#"><span class="glyphicon glyphicon-share"></span> Share popup</a></li>
37    </ul>
38  </div><!-- /.nav-collapse -->

Two column layout with blocks

This section is quite huge, but it is rather simple: blocks are repeated. Just pay attention to my comments:
001<!-- 2-column layout -->
002<div class="row row-offcanvas row-offcanvas-right">
003  <div class="col-xs-12 col-sm-9">
005    <!-- jumbotron -->
006    <div class="jumbotron">
007      <h1>Lorem ipsum</h1>
008      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet tempus massa. Nam quis purus sit amet augue iaculis dapibus non in nisi. Sed sed volutpat neque. Nulla posuere.</p>
009      <p><a role="button" href="#" class="btn btn-lg btn-success">Sign up today</a></p>
010    </div>
012    <div class="row">
014      <!-- column 1 -->
015      <div class="col-sm-6">
017        <!-- box 1 -->
018        <div class="panel panel-default">
019          <div class="panel-heading">
020            <h3 class="panel-title">Panel 1 title</h3>
021          </div>
022          <div class="panel-body">
023            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet tempus massa. Nam quis purus sit amet augue iaculis dapibus non in nisi. Sed sed volutpat neque. Nulla posuere.</p>
024            <p><a class="btn btn-default right" href="#" role="button">Continue &raquo;</a></p>
025          </div>
026        </div>
028        <!-- box 2 -->
029        <div class="panel panel-primary">
030          <div class="panel-heading">
031            <h3 class="panel-title">Panel 2 title</h3>
032          </div>
033          <div class="panel-body">
034            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet tempus massa. Nam quis purus sit amet augue iaculis dapibus non in nisi. Sed sed volutpat neque. Nulla posuere.</p>
035            <p><a class="btn btn-default right" href="#" role="button">Continue &raquo;</a></p>
036          </div>
037        </div>
038      </div> <!-- /column 1 -->
040      <!-- column 2 -->
041      <div class="col-sm-6">
043        <!-- box 3 -->
044        <div class="panel panel-success">
045          <div class="panel-heading">
046            <h3 class="panel-title">Panel 3 title</h3>
047          </div>
048          <div class="panel-body">
049            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet tempus massa. Nam quis purus sit amet augue iaculis dapibus non in nisi. Sed sed volutpat neque. Nulla posuere.</p>
050            <p><a class="btn btn-default right" href="#" role="button">Continue &raquo;</a></p>
051          </div>
052        </div>
054        <!-- box 4 -->
055        <div class="panel panel-warning">
056          <div class="panel-heading">
057            <h3 class="panel-title">Panel 4 title</h3>
058          </div>
059          <div class="panel-body">
060            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet tempus massa. Nam quis purus sit amet augue iaculis dapibus non in nisi. Sed sed volutpat neque. Nulla posuere.</p>
061            <p><a class="btn btn-default right" href="#" role="button">Continue &raquo;</a></p>
062          </div>
063        </div>
064      </div> <!-- /column 2 -->
066    </div><!--/row-->
067  </div><!--/span-->
069  <!-- column 3 (sidebar) -->
070  <div class="col-sm-3 sidebar-offcanvas" id="sidebar">
071    <div class="list-group" role="navigation">
072      <a href="#" class="list-group-item">Link</a>
073      <a href="#" class="list-group-item">Link</a>
074      <a href="#" class="list-group-item active">Link</a>
075      <a href="#" class="list-group-item">Link</a>
076      <a href="#" class="list-group-item">Link</a>
077    </div>
079    <!-- box 5 -->
080    <div class="panel panel-danger">
081      <div class="panel-heading">
082        <h3 class="panel-title">Form elements</h3>
083      </div>
084      <div class="panel-body">
085        <form role="form">
086          <div class="form-group">
087            <label for="emailField">Email address</label>
088            <input type="email" class="form-control" id="emailField" placeholder="Enter email">
089          </div>
090          <div class="form-group">
091            <label for="selectField">Type</label>
092            <select class="form-control" id="selectField">
093              <option>1</option>
094              <option>2</option>
095              <option>3</option>
096              <option>4</option>
097              <option>5</option>
098            </select>
099          </div>
100          <div class="progress progress-striped active">
101            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:30%">
102              <span class="sr-only">30% Complete</span></div>
103          </div>
104          <button type="submit" class="btn btn-default">Submit</button>
105        </form>
106      </div>
107    </div>
109    <!-- box 6 -->
110    <div class="panel panel-info">
111      <div class="panel-heading">
112        <h3 class="panel-title">Panel 6 title</h3>
113      </div>
114      <div class="panel-body">
115        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet tempus massa. Nam quis purus sit amet augue iaculis dapibus non in nisi. Sed sed volutpat neque. Nulla posuere.</p>
116        <p><a class="btn btn-default right" href="#" role="button">Continue &raquo;</a></p>
117      </div>
118    </div>
120  </div><!-- /column 3 (sidebar) -->

<video width="640" height="267" poster="media/cars.png">
    <source src="media/cars.mp4" type="video/mp4">
Now we just need to add the following code to load the video controls and to set some settings. The settings that we will add are:
  • alwaysShowControls – true to always show the video controls and false to hide on mouse out.
  • videoVolume – to make the volume slider be horizontal.
  • features: ['playpause','progress','volume','fullscreen'] – here we’ll set what controls we want to add on the video.
For more settings take a look at “MediaElement.js” Documentation.
<script type="text/javascript">// <![CDATA[
$(document).ready(function() {
        alwaysShowControls: true,
        videoVolume: 'horizontal',
        features: ['playpause','progress','volume','fullscreen']
// ]]></script>

Step 3 – Video Basic Styles

Let’s start by adding some reset styles to the elements that we will use.
.mejs-inner div,
.mejs-inner a,
.mejs-inner span,
.mejs-inner button,
.mejs-inner img {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;