Mind blowing SEO improving and Google rank increasing Signature Rotator SEO Tool.
SEO forum, Webmaster forum, Create a website - LetsForum SEO Forum › Money Making / Business Marketing › Search Engine Optimization v
navigation Load Facebook like button on mouseover

Load Facebook like button on mouseover

Tags: Load, Facebook, like, button, mouseover
Post ThreadNew Thread 
Post ReplyAdvanced Reply 
Ads
make money online
ivan
*
6
ivan Offline referral

Posts: 717
Joined: Jul 2013
Reputation: 6

#1
08-24-2013 -
Senior Member
Hi I have just noticed letsforum.com added this Facebook like button that loads on mouseover. How can I add something similar to my website, of-course if you don't mind to tell me that.
Find
Reply
marcus_avrelius
*
109
marcus_avrelius Offline referral

Posts: 2,507
Joined: May 2013
Reputation: 109

#2
08-24-2013 -
Support Team
No problem! To add Facebook like button like I have added do this:

Add this code to where you want your like button to show
Code:
<div id="fblikediv"><img src="images/fb-like-button.png" id="fblikeimg" onMouseOver="return renderFbLike();"></div>

Make sure to point to you like image! Mine is in "images/fb-like-button.png"

Now add this JavaScript code, ideally after <body> tag
Code:
<script type="text/javascript">
    
    function renderFbLike() {
        var parent = document.getElementById('fblikediv');
        var child = document.getElementById('fblikeimg');
        parent.removeChild(child);
        
        var html2 = "Add your Facebook like button iFrame code here";
            document.getElementById('fblikediv').innerHTML = html2;
    }
</script>

Replace "Add your Facebook like button iFrame code here" with your iFrame code

This is it very easy and helps to increase your site's load time 001_thumbup
Find
Reply
chod
*
85
chod Offline referral

Posts: 860
Joined: Jul 2013
Reputation: 85

#3
08-25-2013 -
Posting Freak
I get that adding in the iframe, may increase load time, but it should not be set in stone by any means. And you really should not see any difference in your site load speeds.

Where you trying to say decrease the load time? Cause increasing is bad Tongue

But regardless I do not see how adding the iframe will decrease your load time, actually I would bet a bunch of money it has nothing to do with the iframe from FB
Find
Reply
maya
*
34
maya Offline referral

Posts: 1,057
Joined: May 2013
Reputation: 34

#4
08-25-2013 -
Posting Freak
Chod with iFrame or without you will still lose somewhere between 0.5 and 1 second in load time. The more social media buttons you add the longer your site will load!
Find
Reply
marcus_avrelius
*
109
marcus_avrelius Offline referral

Posts: 2,507
Joined: May 2013
Reputation: 109

#5
03-13-2014 -
Support Team
If you are wondering how can I make Facebook like buttons faster then refer to this link!
https://www.facebook.com/notes/facebook-...2164543920

You have to use Asynchronous JavaScript that doesn't interfere with your site code it load on the background thus decreasing site load time!
Find
Reply
No Avatar
*
0
Ametuniversity Offline referral

Posts: 408
Joined: Feb 2019
Reputation: 0

#6
03-16-2019 -
Senior Member
Hide the facebook like iframe initially: .facebook-like{ display:none; }
Find
Reply
Post ThreadNew Thread 
Post ReplyAdvanced Reply 



Similar Topics:
Google this topic


User(s) browsing this thread: 1 Guest(s)