According to Link Previews (Windows) on MSDN, a website can set an image or thumbnail to represent itself in the Share Charm on Windows 8. This is achieved by including one of four meta elements with an image.
I have tried using this, but cannot see that this information is used for anything. I don't see the thumbnail I set being applied anywhere related to the Share action.
Does anyone know anything about where this information is used?
It depends on where you share it. For example if you email it, it will show the thumbnail image next to the description in the body of the mail.
Related
I have a portfolio site that I used in p5.js, and this ad appears above me. Is there an option to cancel it?
the way is solved this was by hosting the p5 code on my website. This removes the banner completely. However if you want to have more than 1 canvas you should take a look at the link below. To position each canvas where you want use the id selector in css to position it.
https://editor.p5js.org/caminofarol/sketches/r609C2cs
I hope this answers your question.
This is not an "ad", but a banner meant to clearly identify the page as being something hosted on p5js.org. As I mentioned in this answer
A change was recently made to p5js.org that eliminates the banner-less full screen preview of a p5.js sketch created with editor.p5js.org. This change was made because somebody was abusing the site to phish credentials.
For the time being you can still use https://openprocessing.org/ to host sketches such that you can embed them with no banner (however there's no guarantee this won't change in the future). If you want full control of how your sketches look when you embed them on another page I suggest you host the content of your sketch on your own server.
I created a new webpage that has a blog. How can I get an appealing preview of the website as I see when I share links from NY Times and other sites? This is my site www.denisejames.dev This is the current view
I would like to add a picture and a title.
I am told that this is a duplicate answer even though I did not mention facebook at all and the recommended answer is only for facebook. The answer helps to let me know, the preview is different for each app I post a link into. Hopefully this will help others using preview for the first time. I see previews in twitter, what app. I was not aware they are different for each app for the same link.
I assume you are sharing your website on Facebook. When you share a link on Facebook you will get a preview of the image that the website has in the top menu. You have a title on the top part of your website, but The New York Times has a svg instead. Svg is Scalable Vector Graphics, so it's a graphic symbol. Once you replace that text you have (Denise James) with an image, a gif, a svg element or something similar, you'll have the preview too.
I'm wondering how to replace my social media icons with my own custom images. For example instead of using the typical Facebook Like button or Twitter follow button I would replace it with my own image, while keeping the same functionality.
Websites like BuzzFeed and SuperCompressor are good examples that it can be done. Each has replaced the Facebook Like button with a custom image but the functionality remains the same.
I'm having a hard time finding any information one the web. Can anyone guide me in the right direction?
As the place you will find this image may depend on the plugins and themes you use, you have to find out where the actual image comes from.
To do so, I would suggest that you install a browser such as Chrome that allows you to inspect an element on your page (will open the portion of code displaying the selected item). Once you see where the image comes from, you can either replace the actual image with a custom one if it's on your website's server, or search your website files for this image's URL and replace it with a link to the image of your choice.
I think something like
this http://www.inboundnow.com/apps/facebook-like-button-generator/
might work but the google search for
custom facebook like button for website
has a lot of results
EDIT: Well if you already know how to make a custom image you can follow
https://stackoverflow.com/questions/9493988/how-to-trigger-facebook-like-button-from-custom-button
to make your custom image into a facebook like button
`http://jsfiddle.net/masondesu/haxvL/`
This site also has some info
I've been setting up Pinterest for a web site and it all works up to the point when you finish pinning an image. I always get "Whoops Sorry we could not fetch the image"
First I tried to directly assign the pin-it button to one of my images by setting the media parameter, which opened a pop-up with the description I provided. The image in the thumbnail area was displayed correctly as well, but Pin-It would result in the error message mentioned before.
Looking further into this issue I found 2 interesting sources on the Internet: This blog article recommended checking the .htaccess file of the Apache in case Pinterest gets blocked in some way, which isn't the case for me. I'm not blocking anything.
Another article gave some more useful information pointing out that the image has to be visible and exist with an <img> tag on the page (and fulfilling a couple of other criteria). Applying all those suggestions (e.g. image size of 400x500, visible, etc.) still wouldn't work. I went as far as just putting a plain image in the middle of my page and tried to Pin it, which still failed!
Then I tried a pin-it button with just the URL and let Pinterest fetch the images, which worked as flawless as the popup before up to the point when I finally finish the pin-it and it fails to retrieve the image...
Anybody got any suggestions what else I could try? I do run my Apache on port 88 instead of 80, but I couldn't find anything that this is related to the error. Anything else? If further information is required I can provide them.
There is a minimum and maximum size for an image that Pinterest will allow. I also found in the olden days ie a couple years ago there were characters in the image name that Pinterest did not like. I think they fixed that issue, but make sure your image is not tiny and not 5000 pixels wide.
The image does not have to be in an img tag, you can specify which image gets pinned in structured meta data, thus making it possible to display on your website an image in one size and give Pinterest a completely different sized image. You can use the same technique with Facebook, Twitter, Google+ assuming you get your structured meta data correct, you may also have to be "approved" to use Rich Pins/Twitter Cards.
Turns out Pinterest works fine on the production server, where we're using port 80. So the usage of port 88 might indeed have caused the issue.
It is a different environment though, so other factors might play a role as well.
I experienced the exact same problem but found that it was actually due to formatting in of the image's source tag.
Mine referred to ../images/example.jpg, which displayed perfectly, allowing you to get as far as it showing in the Pinterest dialogs, but as soon as I altered the source to simply images/example.jpg, removing the unnecessary ../ it began to work.
I want to reproduce the live camera feed from http://www.falakrotop.meteodrama.gr/webcam.php. I want to display a resized (200x150) image of the live feed camera image on this website. Using iframe caused scrollbars to appear, making hard to see the (huge) image in a small 200x150 box. Is there a way to only take the live image, resize it and display it on my website (and also refreshing live)? I cannot use iframe to only use the image, as it seems to be dynamically generated...
The webcam seems to be offline now, but have you tried this?
<img src="http://www.falakrotop.meteodrama.gr/tincam1.jpg" />
If that doesn't work, you could try scraping it using fsockopen.
You will get the full page then, and after that, use preg_match to get to the image.
I would also highly recommend clearing it with the webmaster / owner of the site. You would be sending a lot of requests to his/hers website.
You can find some good examples on the pages I linked to.
I hope this helps. Good luck!