Featured
loading...

How To Repair Asynchronous Javascript Loading for Social Media Like Button

In this post, I'll completely teach you, how to repair asynchronous javascript loading for social media like button. Example: facebook, twitter and google+

This tutorial is only for repair and replaced the imperfection method for Asynchronous Javascript Loading Like Button Twitter, Facebook and Google+ I wrote this before and frankly the code does not work out as I expected. When I tried checking using PageSpeed ​​Tool from Google and it turns out that tool remains to report that this blog is still using the Sync and of course to avoid blocking of the page and unfortunately have to remodel and change their old methods with methods Asynchronous Javascript Loading really works as it should be. Maybe you are also experiencing the same thing and are already using a script before and it is good to replace it with a script that worked fine as below. If you have previously been put like buttons for Facebook, Twitter, Pinterest and Google+ please find code like below and delete them: 
http  : //connect.facebook.net/en_US/all.js 
http  : //platform.twitter.com/widgets.js 
http  : //assets.pinterest.com/js/pinit.js 
https : //apis.google.com/js/plusone.js

Then change the script below and place the following code above the tag </ body>
<! - Asynchronous Javascript Loading for Facebook, Twitter, G+ by www.genieyard.blogspot.com -> 
<div  id = "fb-root '  /> 
<script  type = 'text / javascript " > 
/ / Async 
 


Async 
 
 
Async 
 

Async 
 

<- End Asynchronously Javascript ->

For non-Blogger user script above platforms you can install without any problems and for the Blogger platform there is a slight problem, especially calling the script on Google+ (https://apis.google.com/js/plusone.js) frankly Asynchronous Javascript using the above method will not work because the script calls already include coding directly in Blogger, I had previously tried to delete it and the effort futile. Then you can install wherever button Like Button Facebook, Twitter, Pinterest and Google+ with the code below (replace http://www.genieyard.blogspot.com below with your blog address):
<! - Start -> Google+ 
    
Twitter 
    
Facebook 
 
Pinterest <- End ->

To install the Like Button Facebook, Twitter, Pinterest and Google+ pages post please use the code below:

<! - Google+ -> 
<div  class = "g-plusone '  of data-count = 'true'  the data-size = 'medium'  expr: href = 'the data: post.url' /> 
<! ​​- Twitter 
    
Facebook 
 
      
Pinterest 
   + Data: post.url ' > <img  src = '/ / assets.pinterest.com / images / pidgets / pin_it_button.png' /> </ a>

For a real example of the use of Asynchronous Javascript Loading you can see my current blog directly Blogger Tutorials or here Blogger Templates. Okay, hopefully after trying this tutorial loading buddy pages can all be faster.

loading...
loading...
author

Author Name

Author Description!

Get Free Email Updates to your Inbox!

Post a Comment

www.CodeNirvana.in

new

Total Pageviews

Copyright © Tips, Tools, Tutorials and Inspiration - Genie Yard | Designed By Code Nirvana