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
Related
This is perhaps a more general question as I'm looking for ideas on how to approach a problem working with PDFView/PDFKit. I have a small sample application that allows you to display a page, select a range of text and then associate a comment with that text. Once the comment is saved the comment is displayed on the PDFView page in the margin via an overridden draw() function for PDFView.
Problem is that with very small margins the comments can be very squished. I've been looking for a straight-forward solution and would very much appreciate ideas on how to address it.
The obvious (ie, easy) solution is to change the actual "page size" in the PDFView and have wider margins, but of course PDFKit has no support for that (I don't think). Another thought was to go to a custom PDFView library but the only ones I found when I last looked were iOS (not Cocoa) based.
Last idea was to instead of drawing directly on the page have some sort of pop-up window (like a sticky-note) contain the note but then it would need to be moved dynamically with the scrolling of the page. And of course one other was to recreate the PDF dynamically for viewing and make all the pages larger... but I've not dug into how much of a performance hit / effort that would entail.
Maybe there's a simple/obvious solution that I've missed?
I created a simple sample app in gitHub which shows the basic functionality for people to play with if that's of help. https://github.com/jcnolan/PDFMarginTextView
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".
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.
I would like to have the effect like Facebook Theatre Mode on my website. But where to find the sample? I need one, the effect is when we click on the photo from the photo album then another pop-out layer on the top of the website. It is something like this:
http://www.youtube.com/watch?v=31FG9yONqVo
https://chrome.google.com/webstore/detail/elioihkkcdgakfbahdoddophfngopipi
But I only get the code to disable it and not full code.![A white pop-up layer display above the web page. Anyone has any idea how to do this or any example for me to follow? Truly need help and appreciate much for helping!][1]
You can take help from the below scripts or adapt as per your need...
http://www.intenseblog.com/design/8-amazing-javascript-image-zoom-scripts.html
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.