Trying to add my bands like box to my website. I have done this for other websites and it has been fine but this page doesnt display any news feed or anything. I have heard that it wont show posts older than 30 days but I have much newer posts.
ANy help would be much appreciated.
page is www.facebook.com/Sidewaystheband
Existing code:
<iframe src="facebook.com/plugins/…; scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:447px;" allowTransparency="true"></iframe>
Cheers
As I can see from your code that, the src attribute missed a closed double quote.
The code should be:
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FSidewaystheband&width=292&height=590&show_faces=true&colorscheme=light&stream=true&border_color&header=true&appId=YOUR_APP_ID" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:590px;" allowTransparency="true"></iframe>
p.s. recommend to use HTML5 approach if possible
Related
I have included facebook like button in my website and i used i frame
and here is my facebook like button code
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&width&layout=box_count&action=like&show_faces=true&share=true&height=65" scrolling="no" frameborder="0" style="border:none;overflow:hidden;height:65px;" allowTransparency="true"></iframe>
This style is good its square and fix in my page in same maner i tried to apply twitter and google+ here i dont get the same style as facebook like
i need to apply same style like facebook
<iframe src="//platform.twitter.com/widgets/follow_button.html?screen_name=twitterapi"
style="width: 300px; height: 20px;"
allowtransparency="true"
frameborder="0"
scrolling="no">
</iframe>
<iframe src="https://plusone.google.com/_/+1/fastbutton?bsv&size=medium&hl=en-US&url=http://test.com/&parent=http://test.com/" allowtransparency="true" frameborder="0" scrolling="no" style="border:none;overflow:hidden;height:65px;" title="+1"></iframe>
Check this source : https://dev.twitter.com/web/overview/css (twitter)
And this one : https://developers.google.com/+/web/+1button/ (google +)
There are some examples and styles generators how to customize this plugins
I have a tumblr with many YouTube video posts. I am wondering how I could use CSS to select the {Video-400} post code and hide the automatic controls that show up on the video.
Here is an example of the automatic controls/visible title I am referring to. They only go away once you play the video: http://jaspingo.tumblr.com/post/105022194129/lol-that-last-one-though.
Also, here are a couple of CSS selectors that might be of use (I don't know the exact differences between them).
#content .video{
}
.video{
}
#content .video iframe{
}
And below is the corresponding HTML.
<div id="content">
<div class="posts">
{block:Posts}
<div class="entry">
{block:Video}
<div class="video">
{Video-400}
</div>
{/block:Video}
</div>
{/block:Posts}
</div>
</div>
Any help would be appreciated. I need to understand the difference between the CSS selectors to fully comprehend the way the code works. And yes, i have tried custom embed code from YouTube, but the same problem exists.
I don't know how Tumblr does their embeds, but you can grab the embed code from YouTube without the controls. A typical embed code looks like:
<iframe width="560" height="315" src="//www.youtube.com/embed/F8Z-ayQkK2A" frameborder="0" allowfullscreen></iframe>
If you want to remove the controls after the fact, you need to add ?controls=0 to the end of the src URL. It becomes:
<iframe width="560" height="315" src="//www.youtube.com/embed/F8Z-ayQkK2A?controls=0" frameborder="0" allowfullscreen></iframe>
To demonstrate, here's the same video using the control parameter outside of an embed code.
The only issue you could run into is with Tumblr using the YouTube API to call the video rather than the embed code. In that case, I'm not sure there's much you can do about it unless you have access to the source and the method for pulling the video into your blog.
I have been using the Facebook Like Box in this template, it's showing good in opera, IE, and Firefox. But its not showing in chrome and safari, just showing a blank space. Bottom right section, under the meet us on title.
Please click this link
Try using https:// protocol to load the iframe
so you will have:
<iframe id="facebook" frameborder="0" scrolling="no" allowtransparency="true" style="border:none; overflow:hidden; width:314px; height:240px;" src="https://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FFacebookDevelopers&width=314&height=290&colorscheme=dark&show_faces=true&header=true&stream=false&show_border=true"></iframe>
So I used this code rather than the XFBHL/HTML5 code
<iframe src="http://www.facebook.com/plugins/comments.phphref=http://9gag.com/gag/5852530&num_posts=2&action=comment&scrolling=yes&"
scrolling="yes" frameborder="0" style="border:none; overflow:hidden;
width:470px; height:400px;" allowTransparency="true"></iframe>
As you can see I already set scrolling to yes but still the comments are limited to its dimension.Another problem is how can I limit the number of posts? the num_post isn't seem to work in this code.
Am not able to remove the background color in an IFrame so please help me.Am running out of my precious time :-(
Though this is not PHP related, I think you are seeking for an answer as follows. If you have access to editing the content of the page that is being directed to with the iFrame, then you can use a simple CSS property to remove the background. Try adding this to the head of the document:
<style type="text/css">
body {
background-color:transparent;
}
</style>
If this page will be accessed at anytime outside of the iFrame, simply set a PHP (if-statement should work if you set a certain variable) to enable/disable this bit of code if it's being accessed by the iFrame page.
In your iframe add this parameter
allowtransparency="true"
So your iframe should look something like this (copied from your page)
<iframe src="http://www.orangerich.info/crm/freetrialform/form.php" height="360" width="320" frameborder="0" scrolling="No" allowtransparency="true"></iframe>
Good luck!
Dennis M.