i m trying below code for displaying my twitter follow button on wordpress site and in firefox browser not displaying that button while in all other browsers its working perfect...
Follow #mytwitter
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}
(document,"script","twitter-wjs");
</script>
my site dont have SSL so because of that is that getting problem to load properly in firefox...?? and google+ also not displaying properly...
this problem only in Firefox Browser..
ANY HELP WOULD BE APPRECIATE !!
The easier way for generating your Twitter social media button is to first
'Log In' to your Twitter account. Then go to the following link to generate your button: [link] https://about.twitter.com/resources/buttons#tweet.
Otherwise, if you have not logged in, copy the code where you want your social media button to appear and add your unique Twitter name inside the code
data-via="YourTwitterName"
Related
So I have this website I am trying to build and two crucial forrms has been giving me issues.
The search form on the homepage works on desktop but does not work or pop up on when clicked on mobile. Here is a link to the page: Click Here. Whether Ios or Android, Chrome or Safari, it doesnt work.
The booking form on "apartment booking page" works quite well on Android. While on mobile Apple devices, when I click on the form to open the calender, it does not opene at all. Here is a link Click Here
This is really baffling. I have tried all there is to my knowledge, which is little. I inspected the element and couldnt find the problem.
The website is a booking/rental platform.
When I embed a link from my site into facebook or twitter, the preview looks fine. The image shows, the text shows, everything looks great.
However, I went to boost a page and was not allowed because the image was not proper. I went to the open graph tester for Facebook (meta) and the image preview there does not work.
My site requires https, so I tried altering the image meta tag to ...
og:image:secure_url
However, this did not fix the problem. The image preview fails in the twitter validator as well.
How can I figure out why this isn't working? The URL shown for the image in the validators is proper and works if I navigate there in a browser.
I am facing the issue regarding sharing on Facebook in this link : http://www.voiceamerica.com/channel/247/voiceamerica-business here if i am sharing through like button then og:image is working fine but if i try to share same link with Bookmarks or direct link on Facebook then it is not fetching correct image from og:image tag. its picking random image.
VoiceaMerica
Debug your URL with https://developers.facebook.com/tools/debug/ this will show you if there is something wrong with your tags.
I'm building a contact form for a mobile website in HTML5 and CSS. It is the same form I use on all mobile website and after not working for 5 hours I pulled the code straight from a working site I built and it still doesn't work properly.
The issue is when you go to the contact page it shows the contact form, but with the labels centered and the submit button image isn't showing up. I must refresh for it to bring up the correct CSS file to align the text left and show the submit button. Initially I thought it was from a CSS/JS conflict with my menu at the top so I pulled that and it still causes the same problem. I have cleared the cashe on my phone and web browsers and they all work the same.
Here is the link: www.lpokc.org/mobi/contact.php after going to this page hit refresh and you will see the difference.
My question is, is this a caching issue, is it server side issue, or is it a conflict in my coding. I'm not good with posting the code on this site but if you go to the mobile site from your web browser you can just right click and view source to see my code. I have a boiler plate html core file with boiler plate CSS and custom CSS.
Is there some sort of script I could use to make this page auto refresh one time on page load then not again after the reload? I don't want to use an improper fix like this but I have been working on this issue for a day.
The left side is before refresh. I have pulled the code from the site now but I think it was a js conflict because it was auto loading the css from the menu when the link for any page was clicked.
I'm seeing it fine on my end. Seems to work flawlessly, but if you are still having a problem, you could either use cookie or session variables. If the variable does not exist, you can use the php function header( 'Location: http://www.lpokc.org/mobi/contact.php' ) ; to "refresh" the page. It's actually just a redirect command, but if you are sending them back to the page they are on, it is pretty much the same thing as a refresh.
It was a conflicting issue with my menu JS/CSS. I pulled it and now everything works fine.
I am using FB like button in Joomla. This is the address of my website http://www.kaefiggefluester.de.
For fb-like button, I am using custom html module with fb social plugin code and then loading it in user4 position which i defined in the template myself.
Now there are three different problems that I am facing.
In IE 9, before the fb-like button loads, it displays a white line. It disappears after the button is loaded. I am not facing this problem in Firefox.
Also, when loading the page in IE, it sometimes distorts the page. I know that one posts said that I should look for any script that distorts tag, however i face this problem only if I have facebook plugin enabled. IF I remove the fb-like code from Custom Joomla module, it works fine.
I have a component from Videoflow. I dont know exactly how it works but fb-like button doesnt work on the sampe page as this component. However it is working in IE but with wrong language. That is, my defined language for the button is DE (German) and so in rest of the pages it displays "Gefaellt mir." However, In KG TV it shows "Like." ... So this suggest that there is something wrong with loading of the script. However, this is happening in IE only. In firefox it is not loading at all.
If you think i should share some code, please let me know because there are so many files and I dont know which to share.
Regards
I suggest installing firebug for Firefox or using the Chrome equivalent to help you during the development of your website. You can then use the console to view if there are any problems. For example currently your website has these problems which might be the reason you are having the issues you mentioned: