i have a facebook page and i cannot insert the button facebook like. i tried to put an iframe code and it works in a simple site. but in the facebook page dosn't work....why????
<iframe src="http://www.facebook.com/widgets/like.php?href=http://example.com"
scrolling="no" frameborder="0"
style="border:none; width:450px; height:80px"></iframe>
Use THIS LINK for generating the "Like" button you need. This is the official button generator supplied by Facebook.
Now, you can try the like box:
https://developers.facebook.com/docs/reference/plugins/like-box/
You can not insert iframe on landing page that is the one you have specified in application settings from developer section. You can only insert iframe in inner pages.
For example, I have created this fan page and it was not allowed to use iframe on landing page, so we made a splash screen and used the iframes all around in inner pages.
Related
I've just created my own website with my own domain with IONOS.
On the side, I had created a webpage which was hosted using XAMP, so currently to view my webpage I have to use the URL http://localhost/project1/index.html#
However, I'd like to integrate it into my website if possible?
For example have a section on my webpage where I show a thumbnail of the webpage and when clicked it takes me to www.mywebsite.co.uk/project1
I'm not sure how to go about this though?
You can use Iframe.
See Html Standard and w3schools for more detail about it.
like:
<iframe src="https://www.w3schools.com" title="W3Schools Free Online Web Tutorials"></iframe>
The <iframe> tag specifies an inline frame. An inline frame is used to embed another document within the current HTML document.
<iframe src="www.mywebsite.co.uk/project1" title="My HTML Page"></iframe>
I have a blogger blog and I have already successfully had the domain set to a subdomain of my website e.g http://blog.jthink.net
But how do I actually embed the blog onto my website so that it has same header and footer as my main website ( http://www.jthink.net ) so it's more like the way they have done it here
Is it even possible with blogger?
Just use an iFrame for this purpose. To embed a webpage in an iFrame in your own blog of a website is equivalent to copying that webpage into your own website or blog.
Adjust the width and height to your own values that you would like to use.
<iframe src ="URL of the website you want to embed" width="100%" height="500"> </iframe>
You could also add
<p>Your browser does not support iFrames.</p>
To notify if a user uses a browser that does not support iFrame.
So the complete code will be
<iframe src ="URL of the website you want to embed" width="100%" height="500">
<p>Your browser does not support iFrames.</p>
</iframe>
Whilst iFrames is literally speaking the way to embed the blog on your webpage it means you cant give people links to a particular post within the blog, so it doesnt treally work very well.
In the end I found you could simply the customize the blogger template to make your blog look like your other pages, I found this worked better than using iframes.
I'm a bit late to the party but If you want an alternative to straight out embedding your blog you could use the the Blogger api?
To my mind that would be the best solution.
Either you can used an iFrame or you can used an Individual div for the Particular site.
Then you can embedded it within the site.
Be assure that you can adjust the Width and height of the frame or div through the CSS.
here is a simple code which help to embedded the blogger site within your existing site.
<iframe src ="www.xyz.com" width="100%" height="100%"> </iframe>
If for any reason the browser doesn't support iFrame you can notify the user for it. By Using the Paragraph or any other tag.
I'm surprised nobody suggested RSS feed subscriptions.
If it's a blogger site then you can just subscribe to the standard site feed in your current CMS (content management system). See this link for more information: support.google.com/blogger/answer/97933?hl=en
In fact, I think this is exactly how the blog you linked to achieved their effect. All the navigation baggage of the original blogger site is left behind and only the content of each post is automatically reposted via RSS content subscription -> blog.beatunes.com/atom.xml
Tools to achieve this:
-Wordpress: wordpress.org/plugins/wp-rss-aggregator
-Joomla!: extensions.joomla.org/extension/simple-rss-feed-reader
-Drupal: drupal.org/node/326575
-SharePoint: lol *highfive*
You can use iframe to embed your blog onto the website.
for example, http://jsfiddle.net/pablofiumara/mCfAe/
References: https://developer.mozilla.org/ko/docs/Web/HTML/Element/iframe
iframes are best for this. Most browsers support them.
Maybe you could use adobe business catalyst page templates?
I created an iframe to embed an external website, the problem is that, for example, if the user clicks on the Twitter button of the embed website, this action will take the user out of my page, loading Twitter's page, I want to avoid that, I want to load that content on the same iframe, how can I do that? I tried naming the iframe, the parent target, but that didn't work.
Here an example of my code:
<iframe src="http://superluchas.com/" width="100%" height="1000" frameborder="0" scrolling="no"></iframe>
If the third party page targets a specific frame (including _top and _blank) then there is nothing you can do to override that.
Security restrictions prevent you getting access to the DOM.
The twitter button probably has '_blank' as target in <a> tag. You will need to change it to '_self'. More info on target attribute can be found - W3Schools
Also here is an example in which if you click the links inside of IFrame target you will see the page loads into the frame itself, not outside. JSFiddle
I am trying to embed facebook and twitter user's public profile page on my webpage.but nothing showing.
For example
<iframe src="https://www.facebook.com/SamsungMobile?ref=br_tf"></iframe>
<object type="text/html" data="https://www.facebook.com/SamsungMobile?ref=br_tf"
style="width:100%; height:100%; margin:1%;">
</object>
AND
<iframe src="https://twitter.com/samsungmobile"></iframe>
<object type="text/html" data="https://www.facebook.com/SamsungMobile?ref=br_tf"
style="width:100%; height:100%; margin:1%;">
</object>
What I want to achieve is user will put their social pages link on their setting page.And I want to show those pages on their profile so when a guest user go on their profile he can see their social pages.
Because I want to automate the process that's why could not use social widgets/plugins.
As twitter has a different id for each feed plugin.
Can you please help how I can achieve this?
I'd suggest you use something like Html2Canvas to render an image of the Twitter or Facebook page, as neither allow their pages to be iframed.
I am trying to develop a page in which I can show more than 3 website at a time,
as below:
<ul>
<li>
<iframe src="http://www.facebook.com/" /><p> iframe is not supported</p>
</li>
<li>
<iframe src="http://www.yahoo.com/"></iframe>
</li>
<li>
<iframe src="http://www.google.co.in"></iframe>
</li>
</ul>
The problem is that it shows yahoo.com and google.co.in, but does not display Facebook in the iframe.
You have to check for HTTP response header X-Frame-Option of those sites. if its value is "DENY or SAMEORIGIN", then you can not load those website in the iframes.
DENY = No one can load the website in iframe. Even the same domain page wont be able to load.
SAMEORIGIN = only a page which is in same domain can load this website in iframe.
Since some websites have decided to disable embedding them in iframes theres nothing you can do with pure html solutions. You could create a serverside script (in PHP) that pulls the target site via your webserver and then use the html etc.
The only way I can think of that would enable you to check wether the site has loaded is to search the iframe for a specific element that exists on the target website (for example a div with a specific id or class on the Facebook's front page). The reason would be that different websites can handle being embedded into iframes differently and while some might display some content, some may display nothing etc and the only way to be sure is to check for real elements.
facebook does not want you to load their main site in frames
<iframe src="http://m.facebook.com/" width="200" height="300" scrolling="auto" frameborder=0></iframe>
width="200" height="300" can be adjusted accordingly.*
What this does is load the mobile version of facebook in the frame instead of the main site.
Reference
You can use the object tag:
<object data = "https://facebook.com"></object>
You will not able to do that, you can only iframe like button... someother not whole site.