I have read many similar posts here and tried the following but no luck:
Replaced og:image with larger image banner (larger than Facebook's required standard)
Commented out the <img> tag of that pencil icon image, yet Facebook debugger still showing that small tiny little icon. When I view source from browser, confirmed that pencil icon has been commented. (NOTE: I've put back the pencil icon image for editing convenience.)
Renamed large image file and update og:image.
Specified og:url of the current page.
All the above not working at all. Can somebody please help? Here is my URL: http://tringo-medical.blogspot.my/. Thanks in advance!
Ok guys, sorry for the impatience -- we just have to wait for Facebook to clear the cache. For my case, I had been waited for almost a week for them to get it cleared, which wasn't in 24 hours as what others claimed. But Facebook shouldn't defeat their own rules either by choosing tiny icon image as the post image. So the solution is to "wait".
Related
I have created a website using Adobe Muse and have uploaded the site to the ftp server . The website is live and is as designed when looked via a desktop. But when the same site is being viewed from a mobile, the entire page is getting left aligned and there is a gap to the right side. I even made a phone layout and uploaded the same to the ftp server and the problem still persists. Ive googled a lot and inserted html code into the metadata to make the site centered but in vain. Nothing works . I have a tight deadline and would really be grateful for any quick help.
maybe your images are placed in pixels... If I am right
try using a rectangular tool... fill it with image then make the width 100%
to view the sample image click here
The size of mobile layout in muse is fix... I think the mobile you are using have different size... so just start using % on placing the images like the background etc.
There's a setting that was causing my content to be left-aligned in the phone layout.
Click Page > Page Properties
There's an un-marked button to the far right of Padding - click this and set it to centered. By default it is left-aligned.
When I paste https://testing.grabble.co.uk/user/index/user/ben.mu into Facebook, for some reason it's picking the banner image from the top of the page instead of the image indicated in the og:image meta tag.
However, https://developers.facebook.com/tools/debug/og/object?q=https%3A%2F%2Ftesting.grabble.co.uk%2Fuser%2Findex%2Fuser%2Fben.mu indicates that everything is being pulled through correctly. Anyone got any ideas why this might be? The image is 200x200, which as I understand it should be large enough for Facebook to not ignore it.
Additionally, Pinterest seems to ignore all our og:image tags as well, even when the images being set are 450x450 or larger. I suspect this is related.
Apparently Facebook will take a larger, more detailed image over the one you've indicated in the og:image property if the og:image URL doesn't appear in the page as an actual <img/> element. Solution to this was to switch the banner image from being an <img/> tag to a background-image:url() CSS property. Everything now works as expected, including on Pinterest.
I a working on a client's website and decided to add a "Facebook Like Box" (example). I was working in the Facebook Developers page. I am a Joomla developer (2.5x platform) I am trying to figure out how to delete the white space from the title of the like box WAY down to where my pictures are... Any suggestions on how to do this or where I need to go into Facebook to correct this??
I tried to re-size the height, BUT once I did that to make it smaller, it cut off my pictures.
Your help in this matter would be greatly appreciated.
EDIT: ok, stack overflow does not understand the URLs so you'll have to copy and paste or use the short link.
That's a frame, short link: http://on.fb.me/152cjgH
http://www.facebook.com/plugins/likebox.php?api_key=&locale=en_US&sdk=joey&channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D18%23cb%3Df108e873a75ab52%26origin%3Dhttp%253A%252F%252Fwww.ordwaybuildingsupply.com%252Ff211d31607a9c7e%26domain%3Dwww.ordwaybuildingsupply.com%26relation%3Dparent.parent&height=558&header=false&show_faces=true&stream=true&width=200&href=http%3A%2F%2Fwww.facebook.com%2Fhome.php%3Fclk_loc%3D5%23!%2FOBS75%3Ffref%3Dts&colorscheme=light
The big white space is the stream so change the values you're requesting, namely
remove &stream=true
and change &height=558 to &height=300 or something
http://on.fb.me/152co4e >
http://www.facebook.com/plugins/likebox.php?api_key=&locale=en_US&sdk=joey&channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D18%23cb%3Df108e873a75ab52%26origin%3Dhttp%253A%252F%252Fwww.ordwaybuildingsupply.com%252Ff211d31607a9c7e%26domain%3Dwww.ordwaybuildingsupply.com%26relation%3Dparent.parent&height=300&header=false&show_faces=true&width=200&href=http%3A%2F%2Fwww.facebook.com%2Fhome.php%3Fclk_loc%3D5%23!%2FOBS75%3Ffref%3Dts&colorscheme=light
I've got a Facebook App that I've created. I want it to be 760 px. wide however it seems to be stuck at 520 px. When I view the source generated by Facebook I see this.
<-- <iframe name="app_runner_fb_https4fa04becb1d045950954937" id="app_runner_fb_https4fa04becb1d045950954937" style="width:520px;height:800px;" frameborder="0" src="https://s-static.ak.facebook.com/platform/page_proxy.php?v=4#app_runner_fb_https4fa04becb1d045950954937"></iframe> -->
That seems to indicate that it is using 520. Yet, the settings seem correct in the Advanced Developer panel.
Using Google I see a bunch of reported problems from years ago with 760 px; however, the option is still in the settings. Does this option work? Recently Facebook moved pages to timeline which freed up the left nav-bar. My app looks stupid without that space taken. It sits in the center of the page with 100+ white pixels on each side.
That screenshot is a setting for the width of your canvas app (apps.facebook.com/something), and the options are fixed to 760 or fluid width (which is dependent on your own CSS too, of course)
However in your post you mentioned Timeline and Pages, which implies your app is a page tab app accessed as a tab on a Facebook page.
If that's the case, the width setting which applies isn't there, it's under Page Tab on the front page of App settings and can be set to either 520px or 810px
I just installed the Facebook Like button XFBML plugin on my blog site, which uses K2 and Joomla (I copied the code directly from facebook developers.) The problem is that the plugin is too wide - it's the default 450px wide. Even when I enter 400px, and redo it, it stays 450 px wide. I can't seem to get it to resize for some reason. This is a big problem, because the right side of the comment box is hidden (I have a column on the ride hand side that covers it.) So, you can't push the "post" button. I've searched google and your database, but I can't find any posts about a similar problem. And I'm not sure where to go for help. Here is a link to an article on my site so you can see what I mean:
http://www.artdotlife.com/art/studio-blog/entertaining-baby/item/148-if-snow-white-and-the-seven-dwarfs-were-released-today-it-would-incite-mobs-of-angry-mothers-little-people-and-screenwriters-here%E2%80%99s-why
Thanks!
Ok, your using Joomla, no problem. When I look at the code all I see is . Using Firebug I can see that the comments plugin is runnin at 550px.
When you edit this module do you turn the editor off? I would try that and make sure you add the width variable to the comments tag as it's not showing up.
Comments also requires an href tag to work properly if I'm not mistaken. Not the issue with the width but just a heads up.