stretched generated thumbnail in my blog - how to fix it? - thumbnails

I created a blog using blogger.com but am having difficulty:
Whenever I create a post, it creates an automatic thumbnail of the image that I did upload. The problem is: the thumbnails are being generated stretched / distorced (it aren't keeping the aspect ratio).
Is there anything I can do to fix this? My blog url = http://fabianamakeupartist.blogspot.com.br/
(I'm practically lay in programming, I only know a little about html, which allowed me to edit the blog a bit. Sorry if I am asking the question in the wrong place and sorry for my bad english).
Thanks a lot for any help.
Best regards!

you need to go to advanced feature under custom template blogger and add your own css for post thumbnail to fix the problem.

Related

All images are not displayed in facebook share button

I am having one problem in my Facebook share button.
I have 8 images in my current post and all the images are greater than the size of 200x200.
But when i click on the Facebook share button it will only displayed 3 images out of 8 from which we can choose thumbnail.
I have also googled for this problem and according to many suggestion I have also reviewed
https://developers.facebook.com/tools/debug link for the debugging the problem. But there also all the 8 images are displayed properly.
Any help would be appreciable.
Thanks.
This is a great question, but I think the answer can disappoint you.
Short answer: far I know and searched, you can't do that.
Long answer: you can optimize this scenario with some good static images - or if you can be more creative, dinamically images.
The first tip
Add a static image to every share. You can do that adding Open Graph Meta Tags inside your head section of HTML:
<meta property="og:image" content="http://www.myawesomesite.com/logo.jpg"/>
With the code above you'll say to Facebook always show this image as an option in Share button. According to Facebook documentation is recomended use images with at least 1200 x 640 pixels, because this will share a post with a large image. Following is the preview of one post with the recomended dimensions:
And now a post with a small image:
The second tip
In this post I found a possible good solution for your problem. The author used the same principles of the previous tip, but he used another practical way to do that.
He used the following tag:
<link rel="image_src" href="http://myawesomesite.com/logo.png" />
This tag is almost the same the previous one, but I think rel="images_src" can be a interesting thing. The link tag is applied in the head section of the website too (acording to W3C page), but I think you can lie to Facebook, because they're bad guys and don't provide a good API.
I was wondering - and this is just a supposition - why not try apply image_src as ID of your post / website images? I can't test this currently, but for now is the best thing I can think.
Conclusion:
Facebook isn't very good in a lot of different ways, and they don't provide everything we need - like this interesting function. But maybe we can fool the Facebook using some strange techniques.
If you don't want test things like this, the only way you can choose images to share is giving to your page the static OpenGraph Meta Tags of the first tip.
I expect it helped something - sadly I think this is the best answer for your question.

A strange, empty square originated from facebook

I hope I can find an answer to my question on this forum. We run a Joomla site (v1.5.23) and have integrated facebook comments, recommendations etc on the site.
A while ago a strange squared frame turned up on our site. If I check the frames code I can see that it is originated from Facebook (there are for example references to s-static.ak.fbcdn.net).
I can't find out why this is shown like this. I have tried to unpublish the facebook-plugins in Joomla, but it is still there.
Does someone have an idea what this can be and how I can get rid of it?
Here are a live page, search for "Det är förmiddag, lätt nattfrost, ett svagt ljus" - in that paragraph you will see the frame:
http://www.tidningenkulturen.se/artiklar/ess-mainmenu-57/riga-mainmenu-130/11840-mjaellare-aen-aelfvenben
Or here is an image of it: http://my.jetscreenshot.com/5366/20120412-kw0j-300kb
With kind regards,
- Johan.
welcome to stackoverflow!
Add the following to your CSS stylesheet and it will go away. After you do it, just check that it doesn't hide anything that you don't want hidden.
iframe#fb_xdm_frame_http {display:none;}
iframe#fb_xdm_frame_https {display:none;}
If this helped you, please consider supporting http://area51.stackexchange.com/proposals/34294/joomla-answers
Cheers!

Add a signature image to a pdf in iOS for the iPhone/iPad in particular

With the iOS support for Quartz 2D and its support for the PDF format; should adding a signature image to a pdf be a little easier. I have looked all over and saw people are using the PDFKit, UIView or Core Graphic Library. Which is the easiest and the recommended library for the effort? Also, are there simple examples of the recommend library. When I tried to see how Quartz 2D worked, all I could find are narrative explanations about how it worked and specific method you may use but no complete examples. You know the hello world one. Anyway, I am new to iOS development but been writing code for over 20 years so I might be able to pick this OS up as well.
Can some poor soul have pity on me and please point me in the right direction?
I have done this by loading the old pdf file on view and then add signature on that view and then render the view. check the following post
Add a signature image to a pdf without showing the pdf data to user in iOS
But not able create the pdf which contain existing pdf with signature "without showing on view" .
It's too late to answer this question now. But let me just provide some pointers for people who may bump into this question in future.
This one summarizes PDF handling in iOS pretty well. Good for starters.
http://www.ioslearner.com/generate-pdf-programmatically-iphoneipad/#more-242
This one is also similar, but not very exhaustive. http://www.absoluteripple.com/1/post/2012/03/generating-pdf-in-ios.html
The above links do not talk about handling existing PDFs. I found this stackoverflow answer really useful for that.
Add pdf page to an existing pdf objective-c
Just a note, if you want manipulate existing PDFs, Quartz 2d is the way to go.
Also look at reference pages of CGPDFDocument, CGPDFPage, CGPDFContext and CGContext.

Is it possible to get the page number and line number in iPhone

Is it possible to get the page number and line number of particular text from doc/rtf/pdf in iPhone sdk?
Can QLPreviewController or UIDocumentInteractionController be of any help?
EDIT:
I am trying to create something like iAnnotate,Sente. Application where in user will be able to select some text and can add comments for selected text.
I have gone through the fastpdfkit api's which seems the only api which can be of some help.
Can you guys guide me in the right direction.
https://github.com/brow/leaves
Go with this link, it will help you for PDF reader and you can see there how I am doing total page and current page.
If you're looking at doing this with PDF, RTF and DOC it might be best to approach it in a different way as they are all very different formats.
Instead - if you consider attaching comments to an area of the page as opposed to a specific text selection then all you need to know about the document is which page you're looking at. A much easier task. Then you get the user to 'drag out' a comments box for an area of that page. Think of them more like sticky-notes.
This way you can add comments to images as well as text and it allows a much more flexible system for support of other file formats in the future.
I realise this isn't I direct answer to the question, but thought it relevant enough to post.

Adding a custom css file to a Facebook "Activity Feed"

I would like to know if there is a way to add a custom css file to an activity feed (http://developers.facebook.com/docs/reference/plugins/activity).
Ive tried adding a css="url.to.css" property, but it didnt work. Thanks
Use this way:
<fb:tag name='link'>
<fb:tag-attribute name='rel'>stylesheet</fb:tag-attribute>
<fb:tag-attribute name='href'>YOUR_FACEBOOK_CANVAS_PAGE/style.css</fb:tag-attribute>
<fb:tag-attribute name='type'>text/css</fb:tag-attribute>
<fb:tag-attribute name='media'>all</fb:tag-attribute>
</fb:tag>
It will be added to your page. Don't forget to edit URL.
I managed to customise an Activity plugin, after a great deal of effort.
You can see the result here:
http://www.quniverse.co.uk/shopdata/about_us.php
Feel free to post a comment on that site, it exists purely for test purposes so I'm not fussed what goes up there provided its clean. Plus if you like the page it will show up as activity. Please don't feel obliged to though.
I explain how I achieved this in the blog article posted here:
http://facebookanswers.co.uk/?p=302
To summarise briefly:
You cannot insert CSS into the activity plugin.
Rely on the fact it has a transparent background, and supply your own.
Turn off the header and supply your own.
You can specify a light or a dark font, a few fontfaces and a border colour, when you create the plugin.
If you read the blog article you will get a full explanation.