Free Online chat room,pakistani chat room Urdu chat room english chat room....

Free Online chat room,pakistani chat room Urdu chat room english chat room.... http://www.fullchatroom.net/

Learn to Add a Floating Contact Us Widget in Blogger 2015

Previously, we have already showed you away on how to add a contact us widget in blogger. However, you might have noticed that sometimes users find it difficult to locate your contact us page link because it is located somewhere deep down into your footer. What if you are running an eCommerce site on blogger and your customer needs to send a quick query email to the support to find some desire information. Since, your contact us page is located deep down the footer he may not send any email and would move to another better site taking away all the possibilities of making a new sale. A simple solution to this problem is to have a floating contact us widget. Today in this article, we will show you how to add a floating contact us widget in blogger.

The live preview of this widget can be seen on this page.


The very first thing you need to do is to take a backup of your template, so in case you did not followed the bellow instructions properly you can use the backup to restore the template.

Go to Blogger >> Template >> Edit HTML >> Click anywhere in the HTML template editor and press (CTRL+F), this will enable a search box. Now search for skin tag and just above it paste the following CSS style sheet coding.

#mbl-contact .ContactForm {
    margin: 0px!important;
}
#mbl-contact .contact-form-button-submit {
    max-width: none;
    width: 100%;
    height: 35px;
    border: 0;
    background-image: none;
    background-color: #FA411E;
    cursor: pointer;
    font: normal normal 13px Open Sans;
    font-style: normal;
    font-weight: 400;
}
.#mbl-contact .contact-form-button-submit:hover {
    background-color: #222;
    background-image: none;
    border: 0;
}
#mbl-contact #contact {
    position: fixed;
    bottom: 0;
    right: 1%;
    background-color: #EEE;
    color: #555;
    width: 300px;
    z-index: 1.0E+15;
}
#mbl-contact #contact .contact-form-widget {
    padding: 30px;
    display: none;
}
#mbl-contact #contact {
    position: fixed;
    bottom: 0;
    right: 1%;
    background-color: #EEE;
    color: #555;
    width: 300px;
    z-index: 1.0E+15;
}
#mbl-contact #contact h2.title {
    margin: 0px;
    font-weight: 400;
    background-color: #FA411E;
    color: #FFF;
    padding: 8px 15px;
    font-size: 16px;
    cursor: pointer;
    letter-spacing: 3px;
    text-align: center;
}
#mbl-contact #contact h2.title .fa {
    position: absolute;
    left: 10px;
    top: 12px;
}
#mbl-contact #contact .contact-form-widget {
    width: 240px;
    padding: 30px;
    display: none;
}
#mbl-contact #contact * {
    transition: all 0 ease;
    -webkit-transition: all 0 ease;
    -moz-transition: all 0 ease;
    -o-transition: all 0 ease;
}
#mbl-contact #contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message {
    background-color: #DDD;
    color: #111;
    border: 0;
    padding: 10px 5px;
    font: normal normal 13px Open Sans;
}
#mbl-contact .contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-widget {
    max-width: none;
    margin-bottom: 15px;
}

Now with the help of search box, look for the starting <body> tag and just below it paste the following coding which consists of a contact us widget and JavaScript that will make the contact us widget floating across your site.

<div id="mbl-contact">
<b:section class='contact' id='contact' maxwidgets='1' showaddelement='yes'>
    <b:widget id='ContactForm2' locked='true' title='Contact us' type='ContactForm'>
      <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><i class='fa fa-paper-plane'/> <data:title/></h2>
  </b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' expr:placeholder='data:contactFormNameMsg' name='name' size='30' type='text' value=''/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' expr:placeholder='data:contactFormEmailMsg' name='email' size='30' type='text' value=''/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' expr:placeholder='data:contactFormMessageMsg' name='email-message' rows='5'/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>
</b:includable>
    </b:widget>
  </b:section>
</div>
<script type='text/javascript'>
 //<![CDATA[
$( "#contact h2.title" ).click(function() {$( "#contact .contact-form-widget" ).toggle("fast");});
   //]]>
</script>

Once everything is done, press the “Save Template” button located at the very top of the HTML template editor. Congratulations, you have successfully added a floating contact us widget in blogger. Now go to your site and you will notice a floating contact us widget on the bottom right of your screen.

We hope this tutorial we have helped you to learn how to add floating contact us widget in blogger. If you like this widget then, do share it with your blogger friends on Facebook, Google+ or tweet about us on Twitter.

Learn to Put your Blogger Site on Maintenance Mode

You might have seen sites which show a message that “Our site is in Maintenance mode, please try accessing later”. Many popular site uses maintenance mode when they are going through a monthly maintenance check or improvising site experience because nobody likes to land on a page that is either broken or no longer reachable.  in other sense, new websites often use it as coming soon page allowing users to sign up to be notified when site is ready for launch. In this article, we will show you how to put your blogger site on maintenance mode.


First thing you need to do is to download Soonex – Maintenance mode template. Since, you are putting your site on Maintenance mode so be sure to take a backup of your existing template. Now upload the template to your blogger site.  After uploading the, you need to go to Blogger >> Layout >> to configure the template.

This template setting is divided into three different sections i.e. tabs, first one is home, second is about and third is contact.

Adding Welcome Note:

Soonex allows you to create beautiful pages to provide improved user experience. The first option is of “Welcome Note” that you’ll find in the Layout area on blogger dashboard.  To customize press the “Edit” link and input the description which you want to display on your site, weather your site is on maintenance mode or you are about to launch a new site.
Once you’re done writing it, press “Save” button to store the changes you made to the template.

Adding Email Subscription:


Soonex also allows you to add a subscription widget from which users can subscribe to your feeds and can also receive notification when your site goes live again. To customize,  go to “Email Subscription” and press the “Edit” link. Now input the username of your feed (Example feeds.feedburner.com/myblogtools, here myblogtools is the username).
 Once you are done with adding the username, press “Save button.

Adding Countdown:

If you are creating a coming soon page, or you would like to display a accurate time to your users when your site will be up, then scroll down to "Countdown Settings" and press “Edit” link. Now enter the time and date of the countdown in this format 2014/10/15 12:00:00.
However, If you don’t want to display the countdown widget then simply leave the text area blank or input “empty” in the text area and press “Save” button to store the changes.

Adding About us:

You can also add information about your site. Go to “About The Company” and  press “Edit” link. Now in the text, insert the information you would like to display on about tab. Once you’re done press “Save” to store the changes.

We hope this article would help you in creating a powerful under maintenance or coming soon page for your blogger site.  Have you ever used a maintenance page on your site, if yes feel free to share your knowledge in the comments below.  If you like this article then, share it on Twitter, Facebook and Google+.

Learn To Create a Social Content Locker in Blogger BlogSpot 2015

ATTENTION: The Tutorial is Update, Please Update Your Scripts or it will not work!
How many people are using Social networking websites to boost their Website’s Traffic? There are tons of professional Bloggers who entirely depends on the Social Traffic. However, it is extremely difficult to get social exposure quickly. Though, there are some widgets which help to increase social followers, but it is not enough. If we want to dominate the social web, then we have to make use of each and every opportunity that we have. For that reason, we have come up with one of the much anticipated Social Widget of all time, Social Content Locker. 


Do you use multiple social sharing widgets on each and every page of your site? However, still your social exposure is on the lower side. Actually, the problem is that, people love your content. Therefore, they don’t click the social buttons and instead Read and leave your website because they don’t care about your traffic or your website. Asking people to like, +1 or tweet to get access to your content is indeed an ideal way of forcing users to share it on the social web. 

Social Locker consists of three social buttons and a locker displaying horizontally. The Social buttons consist of Facebook, Twitter and Google plus. Whenever, a person would either press Like, Tweet or Plus one button it would display the hidden content. This allows a person to get more real social followers. Feel Free to enjoy the Following Real time Demo. 


How To Install Social Content Locker in Blogger?

The Steps are extremely straightforward that even a small kid can follow it. There is no need of learning any Html coding because all we have to do is to copy paste the coding. Just follow the following instructions. 
  • Go To Blogger.com >> Template >> Edit HTML >> Proceed.
  • Search for </head> just and above it paste the following CSS Coding.

<link href='https://dl.dropboxusercontent.com/u/137869302/lockercss.css' rel='stylesheet' type='text/css'/>


  • After pasting the coding save the template and proceed to next step.

How To Add Social Content Locker in Blogger:

Now whenever a person wants to add a Social content locker in his specific article, then he can follow the following instructions. (Remember: The same steps can also be used on Gadget Area and even in a template).  

  • Go To Blogger.com >> New Post.
  • Select the HTML Tab from the blogger post editor and paste the following coding.
<article id="default-usage">
<div class="to-lock" style="display: none;">
        
<!--Hidden Content Starts (You can Use HTML BELOW)-->


<div style="text-align: center; margin-bottom: 20px;">
<img src="Add_Hidden_Image_Here" alt="" style="margin: auto;" />
</div>

<div style="text-align: justify">
Add Your Hidden Text Here
</div>

<!--Hidden Content Ends (You can Use HTML ABOVE)-->

</article> 
</div><div id="mblunlocker"> </div>
<script type="text/javascript" src="https://dl.dropboxusercontent.com/u/137869302/lockers.js"></script>

<script>
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({

text: {
header: "Share it To Unlock This Content",
message: "Yes, this is Social Locker. Just try it, click on one of buttons."
},

style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},

// twitter options
twitter: {
url: "http://www.myblogtools.com",
text: "Upgrade your social buttons to get more social traffic!"
},

// facebook options
facebook: {
url: "http://www.facebook.com/xossipchat",
appId: "418044881593120"
},

google: {
url: "http://www.myblogtools.com"
}
});
});;;;
        
</script>


Customization:

  • For Facebook: Replace http://www.facebook.com/mybloggerlab with your Facebook Page.
  • For Twitter: Replace http://www.mybloggerlab.com with your Website's URL or etc. 
  • For Google+: Replace http://www.mybloggerlab.com with the URL of your website or post.
  • Replace Add_Hidden_Image_Here with the Image that you want to Hide.
  • Replace "Add Your Hidden Text Here" With the text that you want to hide from users.
Remember: Don't forgot to Add Facebook App ID otherwise the Facebook Like button will not appear properly. i.e. Replace 418044881593120 from above coding. 

All Done: That's All, we hope this widget would help everyone to magnetize more social followers on your website. Feel free to leave your comment.

From The Editor's Desk:

We are sure this widget would act as an icing on the top. However, using source code a user can easily get access to the hidden content but he should be smart enough to do that. Mostly visitors are not that smart so don't worry about it. What are your thoughts about this widget? Suggest would be welcomed  Take a lot care of yourself till then, Peace, Blessing and Happy socializing. 

Original Resource

  1. http://codecanyon.net/item/social-locker-for-wordpress/3667715
  2. http://codecanyon.net/item/social-locker-for-jquery/3408941



3 Website Ranking that most important

Website Ranking is used by Google and all other search engines to display it's search results for each search query. We know rank is the only way to sort out huge amount of data depends upon some priority.
So, Each and every search engines are used some own algorithms, ranking factors and formulas to order the search result. This metrics will determine the Website Ranking of each web page.

Purpose of Website Ranking

Now a day, there are millions of Web Pages available in the internet for every search query. Search engine purpose is sort out the perfect matched pages for user typed search query. For this reason, Every Search Engine having it's own rank metrics and Algorithms to sort the search result.
But, huge amount of search results will needed more complex algorithm to find out best matched web pages. So, every search engine hardly working to improving their web Ranking metrics but, Google is the only search engine got success for very long time period in the search field.

How Website Rankings are measured?

Each site Web Rank will defer by vendor like (Google and more) each vendor having different factors, measurements and website data. So, the ranking should vary depends upon the rank providers.
Without site owner permission it's hard to get the accurate data about site traffic details. Traffic also plays an important role to measuring the rank of the website. Traffic details are the most important factor that makes more variation in this measurement.
Here is the List of factors that matters most to calculate this rank,
  • Page Quality
  • Page Quantity
  • Other Quality and relative website Links to the Page
  • Proper SEO
  • How long the Page available
  • User experience about the Page
The above list is the most common SEO factors that are used by all vendors to rank the website. Also there are lots of hidden factors that are unknowable.

Top Most important ranks we must need to know

We know there are several website ranking tools and sites are available. Each of them is using several things to calculate the rank.
We need to find what matters most important to get on the first page of Google search because that is the rank we need to improve. So, here is the list of Website Ranking you must need to know just click the start button to explore more about this article.

Buy Backlinks is that good for SEO 2015

Buy Quality Backlinks for a cheap rate or affordable price this is the word we can saw often around the SEO blogs and marketing websites. So Buying Backlinks is that safe and good for SEO Best Practices? The answer for this Question is "Big NO".
Now a days guest posting blogs are not ready to put more links of the other websites because Google tighter their security about this Unnatural link building techniques buying, selling links.

Google eye about Buying Backlink

Due to more Cheap Link Sale websites Google reduced the weight of the Backlink from their search engine ranking factor. Google clearly states that buying backlinks to improve your rankings breaches their guidelines.
Also they are added a list of websites that are selling links that links are considered as spam and get penalized by the Google Panda and Penguin Updates.

Who are penalized for buying and selling Backlinks by Google?

Buy Backlinks is that good for SEO
Google have some quality guidelines that need to follow by every webmaster to maintain the quality of the Web and better user experience in the search. Here is the link you can read about the guidelines that explain about Link Schemes.
Buying and Selling Backlinks will penalize both of them. The website selling links get penalized by Google also the Website getting the link from it.
Once your website got penalised you will loss every keywords ranking in the search engine and that can't able to recover until 6 months or even it's takes more time to recover your previous search traffic.
If you penalised for buying links then you got the permanent black mark from google eye. So think before you click the advertisement that selling Cheap Backlinks.

Matcutts words about Purchased Link and Advertisement

Matcutts Explanation Advertisement,
Advertisements are not manipulating search engine. It's used for only delivering the traffic for your website with following Google guidelines like adding nofollow attributes that is not passing the Pagerank of the webpage.
And about Paid Links,
Paying Links are manipulating the search engines by not following the quality guidelines it's giving not relevant and wreckful information that manipulating search engines. And that makes worst user experience for the internet searchers.
Here is the Video you can know about the difference,

How Google caught your links are paid link or spammy

This are the following ways you may caught as a buyer of the spammy links
  • Paid Links always builder so faster manner this faster manner links are considered as paid link.
  • From not relevant spammy sites and pages that not related to your targeted content
  • Links from google known buying websites.
So if you have the plan to buy backlinks then just check the above checklist before you go ahead.
Lots of quality ways to get on the first page of google rather than this black hat seo technique so follow them to get more search traffic. Buying links is not the safest way to get Quality links so be careful before buy backlinks.

8 Google SEO tools help to optimize your website

This list is about only Top 8 Free Google SEO Tools that helps to improve the Website rank in SERP and makes the Website to traffic flow machine from the Organic Search. Google have great deal with the Search Engine also providing some Search Engine Optimization Tools that help to optimize your website.

Why Google Tools?

Busy Common World no human having the time to spent more anywhere so, making Search Engine Optimization as much as simple and fast. So SEO Tools are really that is making this process simple, fast, efficiently and necessary to improve web Page Optimization to get more organic Search Visits but, why we need to prefer Google SEO tools?
The answer for the above Question is the world number one Search Engine provides tools means then that are the best of best compare with other Tools also that are coming without spending money that is absolutely free of cost.
Optimizing the Web Page can provide great Quality Content to the Visitors of the Website. And makes more engagement to the site. Analyzing the Web Page we can improve the mistakes that are affecting the rank and reducing the website worth in the Search Engine.
Social Promotion makes Viral Visibility to the Quality Content. These all are the Crucial Part of SEO Strategy. You can read more briefly about all this Google SEO Tools that help to improve SEO of your Website by clicking the below Start from no 8 link.