Saturday, May 14, 2016

Get free mobile recharge India, Works with all Networks

Hi12877-Clipart-Picture-Of-A-Wireless-Cellular-Telephone-Mascot-Cartoon-Character-Holding-A-Yellow-Sales-Price-Tag copy friends, here is a great trick to get free mobile recharge in India. This trick works well with all mobile networks in India. We can't stay a happy without a mobile these days. However the mobile should have enough balance to use. Every mobile user wants to have Internet on their mobile. What if you get any kind of recharge for free including your internet balance? Happy!! Right?

So this trick is for everyone who wants free mobile recharge in India.

How to get free mobile recharge in India?

Here is a trick to recharge your mobile balance for free anytime.
  1. Just go through this link click here.
  2. Now register on that site.
  3. Then you will receive an sms to your mobile with a password.
  4. Now just login to the site with your mobile number and password.
  5. You will be credited with some money on your wallet.
  6. You will receive your free balance when your wallet reaches Rs.10 or more.
  7. You can also make more earnings by sending sms to your friends.
Start getting your balance now... To send sms click this link

New on txtWeb. Use your Basic mobile for facebook. New trick you can use your normal mobile to update, read, like, comment and wish your birthday friends. Read here

Saturday, May 30, 2015

How to determine what technology a website or web application is built?

Hello friends, hope you are doing good. In this tutorial I would like to discuss about the trick that helps you find out what technology a website is built with. Quite often I come across websites with good looking or good functionality, and wonder what technology was used to create such websites. You might have also had the same situation sometimes. Let's see what techniques are available to us to figure out the technologies or frameworks that have been used to build a particular website.
When I researched for the tools that helps to figure out the technologies I found few online tools and browser extensions. I gathered all the tools together to make it easier for developers.
Below are some tools for querying site details:


BuiltWith is an online application where you can acquire information about the technology used behind a website. You could also check the competitive analysis about a website with BuiltWith. You should enter website URL in the search box. Then the application responds with backend and front end technology details, along with analytics and business intelligence information for a particular website.


DomainTools is an application that offers a basic whois search, whois histories for domain names, cross-IP lookups, a Name Server Spy, a typo-generator, and dozens of other useful domain tools.
The popular domain tools, the site also offers a variety of DNS tools, such as ping and traceroute. They also offer WhoIs Lookup, WhoIs History, reverse Whois, Hosting History, Reverse IP, Reverse Name Server, Reverse MX. Their powerful search features include domain suggestion search. 
It also provide many of the tools at free of cost. However some tools have usage restrictions that require a subscription. Their subscription system allows you to get more points for the more money yu pay, and in turn the more tools you can use.




Thursday, April 23, 2015

How to show password strength using JQuery

Hello friends, I want to discuss about JQuery code to show password strengths when a user types in a password into password field.

Password security is necessary to keep our accounts safe from hackers. Generally we use common passwords to remember them easily. However we should use secured passwords so that it couldn't be guessed by anyone. Recently I had a client who wants to show the password strength when a user types his password. So I tried the Jquery code which is explained in this tutorial to check the password strengths. This code will use JQuery regular expressions to check the strength of a password typed by the user.

I have also provided the CSS in this tutorial to add style to the message which shows the strengths of password entered.

Please check the below JQuery code:

$('#pwd').keyup(function(e) { var strongPass = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g"); var midPass = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g"); var morePass = new RegExp("(?=.{6,}).*", "g"); if (false == morePass.test($(this).val())) { $('#msg').html('Please enter more characters'); } else if (strongPass.test($(this).val())) { $('#msg').className = 'ok'; $('#msg').html('Great! your password is strong.'); } else if (midPass.test($(this).val())) { $('#msg').className = 'alert'; $('#msg').html('Better, your password strength is medium.'); } else { $('#msg').className = 'error'; $('#msg').html('Sorry, your password is too weak.'); } return true; });

Here I have included the CSS to  add styles to the div when the password strength status changes while typing in the password filed.

.error{ background:#BE4C39; color:#fff; }.alert{ background:#fd7c2acolor:#fff; }.ok{background:#3cc16ecolor:#fff; }

Below is the HTML code for the input field and the div that holds the message which shows the password strength.

<input type="password" name="pwd" id="pwd" /><span id="msg"></span>

 I used pwd as name and id in the above input fields and the respective id has been used in the JQuery code and "msg" is the id used for the span which holds the message for the password strength.

I hope this code will help you in your projects. Please don't hesitate to ask your queries in the comment section below. Thank you. Happy coding :)

Sunday, September 28, 2014

How to bounce an object with animated effect in css3

 Hi friends, hope you are doing well. I am busy with my work so I can't post here regularly. Today I will teach you how to make an animated effect to an object, text or an image that bounces from left side of the page. In this tutorial I have used CSS3 styles to make animated effect to an image. In my latest project I came across a requirement where the logo (black and white) of the website must bounce from leftside and it stops at some point. There the image should be turned into it's original color. For this I have used JQuery. But I'm not giving you the whole code for the above requirement. Here I want to discuss only about the animated effect to bounce an object. Since I have used CSS3 it will be more effective than JQuery.


Tricks Town 

 Look at the below code.
CSS3 code for animation effect:
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;


How to use this in HTML?
Look below HTML demo code that shows how to use the CSS classes in HTML.
<a href="" title="Home Page" target="_blank">
                            <img src="" alt="Tricks Town" class="animated bounceInLeft" />
Use  class="animated bounceInLeft" in your HTML where ever you need the animation effect.

Ask your queries if any.


Tricks Town

Saturday, July 5, 2014

CSS3 social sharing buttons with fading effect and tooltip on hover

css3_social_sharing_buttons0I have discussed about making a sticky menu bar at bottom of blogger footer. I have given you how to put social sharing buttons in that menu bar. In today’s tutorial I will show you how to make social sharing widget that will show fading effect with tooltips when mouse over.
These social sharing buttons are very good looking and suits all blogger themes. You can use these buttons for your blogger blog to share your blog posts directly on social sites. Social sharing helps you very much for your SEO. Users can directly share your content links on social sites and it will gain you more readers to your blog.

How these social buttons look like?

Look at the below images for how this widget looks.
Normally when you apply this widget to your blog it looks like the following image.
 css3_social_sharing_buttons After applying this widget when you over the mouse on the widget then it looks like the following image.
Do you like this widget? Then why don’t you add it to your blog? Grab the code below and follow the steps to install this widget on your blog.
  1. Go to blogger >Template
  2. Back up your template before editing (important)
  3. Go to Edit HTML.
 Now search for ]]></b:skin>. Just above ]]></b:skin> paste the below code.

    .trickstownsocial { list-style:none; margin:30px auto; width:464px; }
    .trickstownsocial li { display:inline; float:left; background-repeat:no-repeat; }
    .trickstownsocial li a { display:block; width:48px; height:48px; padding-right:10px; position:relative; text-decoration:none; }
    .trickstownsocial li a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999;
    text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7);
    -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

    li.trickstowndelicious { background-image:url(""); }
    li.trickstowndigg { background-image:url(""); }
    li.trickstownfacebook { background-image:url(""); }
    li.trickstownflickr { background-image:url(""); }
    li.trickstownlinkedin { background-image:url(""); }
    li.trickstownreddit { background-image:url(""); }
    li.trickstownrss { background-image:url(""); }
    li.trickstowntwitter { background-image:url(""); }

    /* SOCIAL ICONS - CSS3 */
    #trickstownshare:hover li { opacity:0.2; }

    #trickstownshare li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;
    -moz-transition-property: opacity; -moz-transition-duration: 500ms; }
    #trickstownshare li a strong { opacity:0;
    -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms;
    -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }

    #trickstownshare li:hover { opacity:1; }
    #trickstownshare li:hover a strong { opacity:1; top:-10px; }
Search for <b:if cond='data:blog.pageType == &quot;item&quot;'> and paste the below code between   <b:if cond='data:blog.pageType == &quot;item&quot;'> and     </b:if>

     <!-- trickstownsocial Media Buttons - CSS3 -->
            <ul class="trickstownsocial" id="trickstownshare">
                <li class="trickstowndelicious">
                    <a href=""><strong>Delicious</strong></a>
                <li class="trickstowndigg">
                    <a href=""><strong>Digg</strong></a>
                <li class="trickstownfacebook">
                    <a href=""><strong>Facebook</strong></a>
                <li class="trickstownflickr">
                    <a href=""><strong>Flickr</strong></a>
                <li class="trickstownlinkedin">
                    <a href=""><strong>LinkedIn</strong></a>
                <li class="trickstownreddit">
                    <a href=""><strong>Reddit</strong></a>
                <li class="trickstownrss">
                    <a href=""><strong>RSS</strong></a>
                <li class="trickstowntwitter">
                    <a href=""><strong>Twitter</strong></a>
            <!-- /trickstownsocial Media Buttons - CSS3 -->

Saturday, June 7, 2014

How to send activation link to email on user registration in PHP (Email verification)

During user registration in order to verify the email address of the user, a confirmation email is sent to the provided email address with activation link and when user clicks the link provided in the mail, his account gets activated. If you are looking for such PHP code. Then read this tutorial carefully.

This is a basic code to implement email verification using PHP and MySQL. In this code I have shown how to get a link to user email. The link actually contains an id which is stored in the database for each user. Here we use PHP mail() function to send an email to the user after registration.
You may also read:

PHP contact form using mail function using JQuery toggle. 

Beautiful contact form in PHP. 

Here is the MySQL query to create users table with five columns id, name, email, password and status. We are using the first column "id" in activation link and status contains whether the user has been activated or not.
Dump the below sql code into your MySql database.
  `id` bigint(20) NOT NULL AUTO_INCREMENT,
  `name` varchar(50) NOT NULL,
  `email` varchar(50) NOT NULL,
  `password` varchar(70) NOT NULL,
  `status` int(11) NOT NULL DEFAULT '0',
   PRIMARY KEY (`id`)

Follow the below given steps.
Step 1. Look How to connect MySql database using PHP and copy the full PHP code from the block and save the file as db.php.

Step 2. Copy the below code and save it as register.php
<form action="" method="post" >
    <input type="text" name="name" >
    <input type="text" name="email">
    <input type="password" name="pwd" id="pwd">
    <input type="submit" name="submit" value="Register">
              $email = $_POST['remail'];
              $check = mysql_query("SELECT email FROM users where email='$email'");
              $num_rows = mysql_num_rows($check);
              if($num_rows > 0)
                  echo "<script>alert('Email Already in Use. Please Choose another Email')</script>";
                  $name = $_POST['name'];
                  $email = $_POST['email'];
                  $pwd = $_POST['pwd'];
                  $insert = mysql_query("INSERT INTO users(name,email,password) VALUES('$name','$email','$pwd')");
                $id = mysql_insert_id($conn);    //gets the last inserted id       
                $message = "<html>
                <p>Hello ".$name.",</p>
                <p>Your content here</p>
                <p><a href=\"http://DOMAIN-NAME/activate.php?actid=".$id."\">http://DOMAIN-NAME/activate.php?actid=".$id."</a></p>
                $from = "your-mail-id"; //Ex:
                $headers ='Reply-To: '. $from . "\r\n" ;
                $headers.='From: '.$from. "\r\n";
                $headers .='X-Mailer: PHP/' . phpversion();
                   $headers .= "MIME-Version: 1.0\r\n";
                $headers .= "Content-type: text/html; charset=iso-8859-1\r\n";
                  mail($email, "Activate your account", $message, $headers);

Step 3. Copy the below code and save it as activate.php
              $activationid = $_GET['actid'];
              $check = mysql_query("SELECT status FROM users where id='$actid'",$api->db);
              $num_rows = mysql_num_rows($check);
            if($num_rows > 0)
                $row = mysql_fetch_array($check);
                $status = $row['status'];
                $query = mysql_query("UPDATE users SET status = 1 where id = $actid",$api->db) or die(mysql_error());
            else { echo "<script>alert(Activation link is not valid.')</script>"; }
how to implement email verification system using PHP.
How to send activation link to email PHP
Email verification using PHP
Email verification script
User registration email check verify validate with PHP

Monday, May 26, 2014

How facebook fan page can make you money?

Facebook is most popular social site that helps you to keep in touch with your friends. Facebook has 1,110,000,000 monthly active members. There are 50,000,000 pages on facebook. The average time spent by the members is almost 20 minutes per a visit. So now we have to know the ways to make money with the time that you spend on facebook everyday. You may be using your facebook for fun but you don't know the secret that it can give you pocket money. This is the best way to make money online.

Also Read: How to earn with blogging?

In todays tutorial I want to discuss about making money with facebook pages. Well if you are a student with good following on facebook then it can turn you to earn money. But still it's not so easy as I always say that Hard work pays and No pain, no gain. Follow this in your life and it will surely change your career. And this is the best way where you can start your business without investment.

Read about: How to earn with affiliate marketing?

Keep this point in your mind "Don't look at facebook just only for fun." Because it can make you turn into a businessman. You just need your skills to attract people towards your page.

Just think as a businessman, every business needs advertisement to develop their brand. So here also. Get huge number of likes to your facebook page and I bet you the advisors will approach you for advertising their business or products on your page. This is how you can make money from pages. You can charge the advertisers for publishing their ads on your page. It's a great way to make money.

Here are 3 easy ways to earn money online.

Please comment below if you have anything to share or ask your query. Thank you.

Saturday, May 24, 2014

How Can Students Earn More Money.

students earn money

How many of you want to earn money while you study? Isn’t it great to earn money when you study? And it is also hard to earn money.

Everyone looks for short ways to earn money but hard work always pays. You might be heard about many youngsters earning millions a day. Why can’t you be one of them? Think it well, I am sure you will be earning millions if you are dedicated to your work. Nothing is impossible in this world if you try.This might be looking like an ad. It is true, everything lies behind your thoughts. Set your goals to earn money. Don’t waste your time and don’t let your studies go away. Study well and if you have enough time for other activities then just follow this article, you can earn money.

The main problem for students to earn money is “lack of investment”. Read this article on how to earn money without investment in my earlier post. This article is specially for students because students are quick learners and they only have different ideas out of their minds. Students instead of wasting their time on facebook and other sites chatting with friends and doing other activities they need to spend their time in exploring their creativities. You can start earning money through your blogs.

Some people might not having an idea of websites and blogs. They think what the owner of blog can get out of his/her blogs. But bloggers earn money from ads posted on their sites. Adsense is one of the tool used to earn money by bloggers online by placing ads on their sites.

Learn how to earn your blogs, freelancing and some other ways.

Creating apps:

If you have the knowledge of programming then just have a look on creating apps for mobiles. You can make android applications for smart phones for now to earn money from them. Create mobile smart phone apps for android and iOS rather than symbian and blackberry because they have lost their popularity with the evolution of android and iOS. You need to have a good programming knowledge to make apps for mobiles. You can also learn most of the things from the web itself. The only thing that is needed to learn new things is your interest to learn something new. There are some websites that will provide you the information on how to develop apps. You can learn these things from and O'Reilly Media.  You can get everything related to your app development from these websites.

After learning programming you can step into developing an app. The most common thing that comes into mind while starting is what to create. You have to grab an idea to start a project. For this you can search for new ideas on the web or you have think it by yourself. It is better to start with a unique idea. However it is not needed that your idea not should be unique when create a new app for the first time. Because you will experience the working of things. You can think for unique idea once you have created your first app. Don’t think about the popular apps and games that you see. Your app or game doesn’t needed to be a popular one. Because there are several people earning money with simple ideas. And at last I want to say you that your idea might be popular or not but in both cases you will learn something which would be a step towards your successful path.

Isn’t it a good idea to create an app for mobile phones?

Freelance projects:

If you don’t have programming knowledge then look for the projects that best suits for you. There are many freelancing websites you can get them on web. They hire many freelancers to work for them. Freelancing is a best job to find. You can pick up freelance projects to make pocketful of money. Freelancing websites provide all types of works. The only thing that is needed to get a job as a freelancer is show up your skills and confidence in your work. This is the only qualification to work as a freelancer. And now, finding freelance work is hard sometimes, when you don’t have skills to show up on your profile. But you can even try as a freelancer on some websites like Fiverr, Elance etc. You can show your skills and your talents to the world with these sites and get good opportunities in freelancing to start your career.

Learn web development:

With the rapid growth in the Information Technology it is better to learn web development. With the existence of websites and due to the changes in the technology now and upcoming future it is predicted to be growing in the usage of web products. Computers will stay forever in coming future due to the demands of Information Technology industries. So I recommend you to get in touch with web development.

As I discussed in the first point(Creating apps) you can learn web development from online resources. You can use and O'Reilly Media to learn web development or you can search for the things on google. After learning web development you can utilize your skills for thousands of ways in building a great career.

First we need to know how web development helps us in building our career. Just search google how facebook was started. You know how famous facebook is. You also need to know how it was started. Facebook was created by Mark Zuckerberg. He has started this website when he was a student. You can know more about him on searching google. But here you need know how his simple site turned his luck. Today there is no person without an account on facebook who have enough knowledge of internet.

This is only a simple example on how to earn money with web development. Just try it and I am sure that you will earn much. Even Larry Page started a website from scratch and now it is a major and popular search engine called google. Remember that once google was not a perfect search engine and now it earns a lot.

Write Articles on blogs:

I have already discussed on a topic called introduction to blogging. You can get a free blog on blogger or wordpress. If you can afford some amount of money then you can choose premium blogs by hosting your blog on paid hosting sites. As a student you cannot spend money on hosting so I’d recommend you to use free blogging sites.

  1. If you are good at writing, then you should go for writing articles on blogs. You can write your articles on your own blog by creating a blog. To earn from your blog you have to setup ads on your site and they will earn you money. But this will take a longer time to earn. Because you have to gain many viewers to earn more. Getting too many visits to your blog takes much time. So you should take certain steps to get more visits to your site.
  2. If you can’t do the above thing then you can also write your articles to either big article directories, such as EzineArticles, or for blogs that will pay for writing contents. You can search for different blogs which will pay for writing content.

Can Blogging make money/Can I earn from blog?

how_to_earn_money_from_blogs As I was busy with my college life after long back I came back to you with a new post that will explain you about How to make money off your blogs.

We know that today many people are blogging for the sake of enjoyment and some to earn money. Because blogging has opened the doors to earn money by writing content. They earn money by placing ads on their sites. However it’s not so easy to earn through blogs and also not impossible if you have the will to do.

Why it’s so hard to earn from blogs and How can you make it possible to earn easily?

Yes! It’s hard to earn money from blogs when you expect overnight results. You have to stick to blogging if you want to earn from them. No one gets money in a single day/night. Some people might think that we can grow our income very soon through blogging but it’s not so easy. But not so hard if you are a hard worker. Here I have few points to discuss why earning is hard through blogging? Later in the bottom section I will discuss about the possibilities of earning from blogs.

High Competition:

There is a very high competition on web to sustain. If you want to be one of the high earners on blogging, you need to be more effective in your writing skills. You can see there are many bloggers on the web which creates a competition among them. So you need to have the skills that can beat up your competitor. But here you have to remember that you some times you may need the help of your competitor. I will explain this in my future posts.

Work Hard:

Working hard always helps you achieve greater in all aspects, so blogs. Hard working in blogging means you have to stick to your blog. To achieve greatest heights in blogging field you need to ensure that you update your blog frequently with quality content. The readers will increase only when you have the quality content. Quality in your content not only increase your readership but also it helps in achieving SEO. Your blog needs to have the good keywords to increase your page rank for SEO. However, SEO is different from what we are discussing here as this point sticks only to Hard Work that is spending your time and energy on blogging. Don’t expect more when you can’t do more. Because blogging takes hours of work before you see your success. The more work you do, the more money you can expect.

Make your niche to be perfect and clear and don’t divert from that. To get stick with your content blog about the content that you are passionate about.

Gain Followers:

Once you start your blog then start thinking about gaining readers. Gaining more readers or followers is also linked to the last point. Because you can have more chances to get more readership when your work hard to write the best content for your blog.

One more point that you have to remember is be positive. To get more followers you must get involved in blogging communities. Find blogs that are similar to yours and read them regularly. Send and receive emails with other bloggers and your readers. Readers will be happy if you respond to their queries. So keep responding to your readers. Leave comments on other blogs and say thanks to the authors. Participate in blogging communities and be active on all social networks.

Apply for ADSENSE:

After getting huge followers you can apply for google adsense. Google adsense is one of the most powerful ads that yield you high earning rates. But it has many trems and conditions. You need to be approved by the google to get started earning money with adsense.

Friday, May 23, 2014

Top 5 Affiliate Networks to Earn Money

Earn_money_with_affiliate_networks One of the best way to earn money online is affiliate marketing. It helps you in adding some extra money to earn. It also helps you in getting some quality traffic to your blogs when you add content that is related to your product or service that you are selling.
Here are few sites to earn from affiliates:


1. E-Junkie

E-junkie is an affiliate network that gives you the ability to buy, sell and automate the process of buying and selling items over the internet. It will provide the technical support and various features like shopping carts and buy options. E-Junkie uses paypal as its payment gateway. So this would be the best option for you if you like to start affiliate business online to start earning money.

2. Commission Junction

The other important affiliate network is the Commission Junction. Commission Junction is one of the leading affiliate networks in the world. This network has been running since 10 years. You can find best and quality products to sale on this network, so this is the best place to start your affiliate business career.

3. Clickbank

Clickbank is one more affiliate network to start your career online. The main goal of clickbank is to sell the digital products like e books, audio and video courses, softwares and much more. You can find more than 20000 products which have been categorized into different types of brands.You will have a good chance to earn up to 40-75% commission through this network.

4. Amazon

Many of them knows about amazon. You can promote and sell almost everything sold by the company. This site is best for those who have e-commerce websites. You can sell products by placing ads on your sites. They will place links or ads on your site just as google adsense. You can also choose those products which you would like to sell.

5. ShareASale

ShareASale is another popular affiliate network. This network allows you to choose more than 2600 affiliates. The products that are mainly sold by these affiliates are mostly related to fashion, sports, web development and IT services. The network is associated with many popular brands such as Keen Footwear, etc. It has been ranked as no.1 affiliate network in the US.
Please comment below and share if you like this article and support this blog.

Saturday, May 3, 2014

Get free likes for your social pages (Facebook Twitter Youtube Google+ Pinterest etc)

 Today every business is using social websites like facebook, twitter, google plus, youtube and many more other sites to promote their businesses. Online business marketing has became one of the most easiest ways to grow. Today we also use social networks to improve traffic to our websites. This is because most of the people are now using facebook, twitter and other websites to connect with their friends. Though twitter is mostly used by celebrities, there is also high demand for twitter by normal people too. Because today people are following these celebs to get latest updates directly from them.

Todays tutorial is about increasing page likes and followers to social networks. Many businesses are paying money to facebook to increase likes by putting ads. Facebook marketing is one of the most preferred marketing strategies today. Here is a website that is providing free likes and followers without paying them anything. Yes, AdLikers provides free likes for your social pages. You don't even have to pay a single penny. You just need to sign up with and you will get points for that. These points will be further used to increase your followers/likes.

They provide free services for the following.

  • Facebook Likes
  • Google +1
  • Linkedin
  • Pinterest
  • Retweet
  • Soundcloud Followers
  • Stumbleupon
  • Traffic Exchange
  • Twitter Followers
  • Youtube Likes
  • Youtube Views
  • Youtube Subscribers
Go through this link click here and sign up

  coins, click, earn, facebook, like, google, +1, plus, one, exchange, clicks, twitter, google +1, like exchange, follow exchange, facebook fans, facebook likes, twitter followers, followers, follow, follow me, facebook like, google+1, google +1, google plus one, google plus 1, youtube video views, youtube video hits, youtube views, youtubeviews, more youtube views, youtube videos, website traffic, free website traffic, free followers, free twitter followers, free facebook fans, free facebook likes, free facebook page likes, free likes, free followers, free, website hits, website views, website visits, free website visits, free website views, free website hits, site hits, free site hits, site views, free site views, site visits, free site visits, followers exchange, like exchange, like for a like, like 4 like, follow for a follow, follow 4 follow Get FREE Facebook Page Likes for your Fan Page, YouTube Views, Twitter Followers, Retweets, Website Traffic, more. Increase your Social Presence with LikeVisits

Friday, May 2, 2014

Google maps API to show map after button click using text input value javascript with hide and show

Hi friends, in this tutorial I am going to discuss about Google maps API using javascript. I worked with a project in which a user will add his address and that address needs to be shown in a map. This looks like a complex task but is a very simple task. Google Maps provides an API code to display maps and we are going to use that code here.

How it works?

Google maps API gives the developers to add maps to their projects using the API code that is provided by Google Maps.

In present tutorial I have the code that shows a map after button click. Here we have a input textbox in which we need to give the address of our wish and click the button below the textbox. Then a map of the particular address is displayed at the bottom.

Here the button text changes after the button is clicked. First the button contains "show".
After click the text will be changed as "hide".
That means I have added show/hide to the map area to show/hid the map when the button click event changes.
You can look at the demo below.

Code to show/hide:

    var obj = document.getElementById(unique + "map_area");
    var subm = document.getElementById("subm");
    if ("none"){'block';
      subm.value = 'Hide';
    } else if("block"){'none';
      subm.value = 'Show';

Google maps API Code:

var map = null;
    var geocoder = null;
    function showAddress(address, unique) {
          if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById(unique + "map_area"));
        geocoder = new GClientGeocoder();
      if (geocoder) {
          function(point) {
            if (!point) {
              alert(address + " not found");
            } else {
              map.setCenter(point, 15);
              var marker = new GMarker(point, {draggable: true});
              GEvent.addListener(marker, "dragend", function() {
              GEvent.addListener(marker, "click", function() {
          GEvent.trigger(marker, "click");
Here is the entire code below. Just copy the below code and save it with any name in .html extension.
Full Code for google map with text box and button having show/hide funtionality.
    <title>Google map TricksTown</title>
    <script src=";v=3" type="text/javascript"></script>
    <script type="text/javascript">
    var map = null;
    var geocoder = null;
    function showAddress(address, unique) {
          if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById(unique + "map_area"));
        geocoder = new GClientGeocoder();
      if (geocoder) {
          function(point) {
            if (!point) {
              alert(address + " not found");
            } else {
              map.setCenter(point, 15);
              var marker = new GMarker(point, {draggable: true});
              GEvent.addListener(marker, "dragend", function() {
              GEvent.addListener(marker, "click", function() {
          GEvent.trigger(marker, "click");
    var obj = document.getElementById(unique + "map_area");
    var subm = document.getElementById("subm");
    if ("none"){'block';
      subm.value = 'Hide';
    } else if("block"){'none';
      subm.value = 'Show';

    <form action="" onsubmit="showAddress(this.address.value, this.unique.value); return false">
     <input type="hidden" name="unique" value="" />
     <input type="text" name="address" value="balajinagar" />
     <div class="view-map" title="View map"><input type="submit" id="subm" value="Show" /></div>
    <div id="map_area" style="display:none; width: 615px; height: 200px"></div>