HTML - Adding Html To Facebook
hello:
I am trying to add html to my facebook page. The title comes up but the picture does not. I linked it to my wordpress site. Here is the code for the link; <img src="http://popculturecollector.com/?attachment_id=73"></img> did I do it wrong? Thank you for your help. Similar TutorialsHey every one I've got a simple one. When you copy and paste a link into face book often times a small image shows up to the left of link with the description. So I'm trying to get that to work on a site that I've built. I've read a bit about the open graph meta tags and a few simpler stop gaps but so far no luck. Did a bit of reading here but when push came to shove I'm still stuck: http://stackoverflow.com/questions/1...ost-link-image I'm trying to get the following image to be my FB link Image: http://www.eartheasy.johncliffordtay...s/thumb000.png So far I have plugged in the flowing HTML code in my <head> area of the with no luck: Code: <!-- Opengraph protocol. See http://ogp.me/ --> <meta property="og:title" content="Earth Easy Pest Control" /> <meta property="og:type" content="company" /> <meta property="og:url" content="http://www.eartheasy.johncliffordtaylor.com" /> <meta property="og:image" content="http://www.eartheasy.johncliffordtaylor.com/images/thumb000.png" /> Also I've tried the simpler work around mentioned in the above article with no luck: Code: <link rel="image_src" href="http://www.eartheasy.johncliffordtaylor.com/images/thumb000.png" /> As always thanks for the help in advance ladies and gents! Have a great day! JT I want to add a table on my facebook page.The code I use is: <table style="border:1px solid #cccccc;background-color:#003366;width:240px;height:138px;" border="0" cellspacing="0" cellpadding="0"><tr><td><a href="http://www.homefinance.nl/hypotheek.asp" target="_blank" style="font-family:Arial;font-size:10pt;color:#ffffff;text-decoration:none;font-weight:bold;margin-left:1px;">Laagste actuele hypotheekrente</a></td></tr><tr><td valign="top" colspan="2"><iframe src="http://www.homefinance.nl/extern/rentetabellen.asp?t=1&b=ffffff&f=000000" scrolling=no frameborder=0 marginheight=1 marginwidth=1 width="100%" height="120px" name="HF"></iframe></td></tr></table> When I put it on my webiste it works just fine, but on facebook I only get the titlebox as big as the whole table. I use the app Static FBML. My friend said facebook can't read Iframes but I have no idea what that means, I'm no HTML expert Does someone know what to do? Is there something wrong with the code? Do I need to use another app? Please explain it step by step because, you've probably noticed, english is not my native language Thanks On one of my applications on facebook, we have a problem user who keeps posting on the walls some HTML which is hiding the rest of our posts and other info on the page. Any ideas what i need to post to show it again?? This is really annoying I found his post in the page code, and it just says this : Code: <span>about 3 hours ago</span> </h4> <div> <p></p> </div> </div> </div> </div> </div> </div> <div class="side"> </div> </div> my question is about adding html on top of flash for seo purposes if a flash file is originally used for a banner or navigation or any other purposes, because the text is inside flash and as it cannot be read by search engines, is it possible to add html on top of this flash file so that search engines can still read the content. please advice thanks Greetings, How can I add "Alt Tags" to text. Easy to do to images but can't figure it out on text. As always thanks in advance!!! Jack This is what I got... Quote: <bgsound src="music/nameofsong.mp3" loop="0" id="sound" /> Quote: <script type="text/javascript"> function stop() { document.getElementById("sound").src = ""; } </script> Quote: <input type="button" onclick="stop();" /> It all works... fine, but not up to my standard. The button is so bad What I want to accomplish is this... A person goes on the site, music is playing, at the bottom of the page there is an 'onoff' option. They click 'off', it goes to regular, and the 'on' turns bold. When they click on, viseversa happenes. Is this possible with regular HTML :S Having sucha headache here.. tried a lot This is just a curious question. Is it possible to add a custom profile field to a forum without using anything but HTML? Would it require JS or PHP to do such thing? Thanks Hello all, If someone could assist me with the coding necessary to add a slideshow (photos banners etc) to webpages that would be very much appreciated. I am familiar with quite a lot of html formatting and have created a few functional homepages, but have no experience with this particular aspect. Thanks a lot in advance Lalita hi i would like to know as to how to go about with html if i wanted people to watch a live event on my website i have been doing xhtml css however never explored this live feature event so can someone provide me with links where i can get all the information that is needed for example a camera to record, what technology to use, what i should consider from user point of view, server side point of you, and the html code that needs to be used. please advise. thanks Hi guys I want to add simple paypal button at my ebooks selling website. Price is fixed 50$ and I don't wish many many fields. Just email address and name are fine. Please give me any code that I can paste and change the following to set to my site payment account id successful_url failed_url notification email amount I want that after successful payment buyer move to download page or for failed payment move to error page. Anybody please help me GCS So, still rather new to writing HTML. I'm looking to put either a text field or drop down box onto the page dependent on a previously defined variable. How do I go about doing that? Below is the current code I have. I havent coded in html for 6 years. Can someone either add or show me how to add a submit button that emails the info on that page to my email. I have been asked by a friend to build him a website, and right now I am a total faliure. I also need a reset button on the site that clears the info in the boxes. If someone could either just do it for me, or show me how i'd really apreciate it. Thanks everyone. Mike <html> <head> <title>Player Signup</title> <script> window.windowname= "Add Form Page" orpage= window.windowname function startForm(form) { nname= form.fname.value; nname= ((nname== "") ? nname= "" : nname= " NAME=" + nname); ntarget= form.ftarget.value; ntarget= ((ntarget== "") ? ntarget= "" : ntarget= " TARGET=" + ntarget); nenctype= form.fenctype.value; nenctype= ((nenctype== "") ? nenctype= "" : nenctype= " ENCTYPE=" + nenctype); whtml= form.HTML.value; mymethods= form.chosenmethod.selectedIndex; mymethodsarray= new Array(); mymethodsarray[0] = ""; mymethodsarray[1] = "GET"; mymethodsarray[2] = "POST"; mymethod= mymethodsarray[mymethods]; mymethod= ((mymethod== "") ? mymethod= "" : mymethod= " METHOD=" + mymethod); myaction= form.chosenaction.value; myaction= ((myaction== "") ? myaction= "" : myaction= " METHOD=\"" + myaction + "\""); nhtml= whtml + "\r <FORM" + nname + myaction + mymethod + ntarget + nenctype + ">"; form.HTML.value = nhtml; } function endForm(form) { whtml= form.HTML.value; nhtml= whtml + "\r </FORM>"; form.HTML.value = nhtml; } function newItem(txtarea, form) { addbre= (form.addbr.checked== true) ? addbre=form.addbr.value : addbre= ""; crows= form.chooserows.value; ccols= form.choosecols.value; crows= ((crows== "") ? crows= "" : crows= " ROWS=" + crows); ccols= ((ccols== "") ? ccols= "" : ccols= " COLS=" + ccols); ntoit= form.choosevalue.value; cname= form.choosename.value; cname= ((cname== "") ? cname= "" : cname= " NAME=\"" + cname + "\""); ctype= form.choosetype.selectedIndex; ctypearray= new Array(); ctypearray[0] = "text"; ctypearray[1] = "radio"; ctypearray[2] = "checkbox"; ctypearray[3] = "button"; ctypearray[4] = "hidden"; ctypearray[5] = "reset"; ctypearray[6] = "submit"; ctypearray[7] = "password"; ntoit= ((0 < ctype) ? ntoit= ntoit : ntoit= ""); ntoit= ((ctype > 2) ? ntoit= "" : ntoit= ntoit); check= form.checks.value checktf= form.checks.checked check= ((ctype== 2) | (ctype== 1) ? check= check : check= "") check= (checktf== true) ? check= check : check= ""; cvalue= form.choosevalue.value; cvalue= ((cvalue== "") ? cvalue= "" : cvalue= " VALUE=\"" + cvalue + "\""); csize= form.choosesize.value; csize= ((ctype== 7) | (ctype== 0) ? csize= csize : csize= "") csize= ((csize== "") ? csize= "" : csize= " SIZE=" + csize); clength= form.chooselength.value; clength= ((clength== "") ? clength= "" : clength= " MAXLENGTH=" + clength); clength= ((ctype > 0) ? clength="" : clength= clength); whtml= form.HTML.value; ctype= " TYPE=\"" + ctypearray[ctype] + "\""; nhtml= whtml + "\r <INPUT" + check + cname + ctype + cvalue + csize + clength + ">" + ntoit + addbre; txtdsply= "Default Text" nwhtml= whtml + "\r <TEXTAREA" + cname + crows + ccols + ">" + txtdsply + "</TEXTAREA>" + addbre; nhtml= ((txtarea== 8) ? nhtml= nwhtml : nhtml= nhtml); form.HTML.value = nhtml; } function genNewPage(form) { header= "<HTML>\r<HEAD>\r<TITLE>Generated Form</TITLE>\r</HEAD>\r\r<BODY BGCOLOR=\"white\">"; newhtml= form.HTML.value; footer= "</BODY>\r</HTML>"; newpage= header + "\r\r" + newhtml + "\r\r" + footer; preWin= open("", "Preview", "width=400,height=400,status=no,toolbar=no,menubar=no"); preWin.document.open(); preWin.document.write(newpage); preWin.document.close(); } </script> <base target="leftframe"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css"> <!-- body { background-image: url(backgroundice.jpg); } --> </style></head> <body BGCOLOR="#ffffff" link="#CC0033" vlink="#333399" alink="#FF0000" <!--content start--> <p align="center"><a href="home.html" ><img src="home.jpg" width="182" height="56" /></a><a href="dates.html"><img src="dates.jpg" width="182" height="56" /></a><a href="registration.html"><img src="register.jpg" width="182" height="56" /></a><a href="about.html"><img src="aboutus.jpg" width="182" height="56" /></a><a href="yourprogram.html"/a><img src="camps.jpg" width="182" height="56" /></a></p> <table WIDTH="96%" BORDER="0" CELLSPACING="5" CELLPADDING="5"> <tr> <td WIDTH="100%"><form NAME="addform"> <p>Player Information</p> <p>Name: <input NAME="pname" TYPE="text" size="20"><br> Age: <input TYPE="text" NAME="age" size="20"><br> Last Team: <input TYPE="text" NAME="lteam" size="20"> <br> Level Played At (A1,A2,A3,C): <input TYPE="text" NAME="level" size="20"> <br> Stats: <input type = "text" NAME="stats" size="20"><br> Email: <input TYPE="text" NAME="email" size="20"> <BR> Home Phone: <input TYPE="text" NAME="homephone" size="20"> <BR> Cell Phone: <input TYPE="text" NAME="cellphone" size="20"> <BR> City of residence: <input TYPE="text" NAME="city" size="20"> <BR> Home orginization: <input TYPE="text" NAME="orginization" size="20"> <BR> What are your goals for the Upcoming Hockey Season? <p> <textarea NAME="sgoals" ROWS="10" COLS="45"></textarea> <p>Who Refered you to us? <input TYPE="text" NAME="referl" size="20"> <p>What are you hockey aspirations for the future? <p> <textarea NAME="hgoals" ROWS="10" COLS="45"></textarea> <p>How Will you be paying? (Money order, Check preferred, Paypal also Avalible. Do NOT mail an envelope full of cash!)</p> <p> <input TYPE="text" NAME="paytype" size="20"> </p> <p> </p> <p> </form> </td> </tr> </table> <!--content stop--> </body> </html> Ok so after reading the Myspace thread I jumped on the bandwagon and became totally obsessed with it - now that the Myspace obsession has died down, I've become hooked on Facebook!! I love it! I think it's so much better then Myspace and Hi5 and all those other 10 million sites that exist . . . At first I wasn't too keen but my friend made my profile for me . . . I was told "it's at a 'university' level and doesn't have any bogans or teeny boppers" I guess what she meant was that it's a bit more "mature" then the other sites . . . Ok it's hard to explain! But i'm totally hooked on it now and it's really not helping with all this uni work that I have to get done!! Does anyone else use Facebook?? ==================================== welcome to my website, www.ant-shopping.com . Hi, I am new to website creation and have purchased a template. I have modified it ok and it is running at www.marriagephoto.co.uk however I can't get the facebook connect like button working. Can anyone out there help me. I have gone into FB and copied the code and popped it into dream weaver but it does nothing at all - please help thanks, anna - I have included the URL so you can see how the site is made...I think its Java? Hello everyone, my name is Andrew and I am new to this community I know basic stuf from html and I try to find my way in flash too. Right now I am building a website at the office 365 platform. It is a simple display site that I could handle but the owner asked me to do something that I have no idea how to do it :S He asked me to make the picture function like facebook zoom https://chrome.google.com/webstore/d...oddophfngopipi With this, when you have the mouse pointer on a picture the picture pops up and becomes bigger, and when the mouse go outside the picture, the pop up vanishes. I ve searched all i could and I couldn't find how to do it, I have reached the point that mouseover can open a new window (if the add block in not active) and then the user must manualy close it (this will result a minefield on the web page:S) Can anyone help me with this please, getting desperate :S Thanks in advance Hello all, First of all, I am new to HTML stuff, so any help would be really appreciated. I use a WYSIWYG program called WYSIWYG Web Builder. While using this program (for around 10 months) I learned some stuff about HTML, PHP and CSS. And I managed to make my own website very well. In my website, there are some pages that I would like visitors to comment on the article these pages contain. That program offers a "Blog Extension", all I needed to do is to drag this extension to the page and it automatically creates the PHP code and other stuff (of course after creating the SQL database). This extension shows the comments in an inline frame, but with the help of a guy who uses the same program, we managed to remove the inline frame, so with every comment added, the page height expands. The only downside of this blog extension is that anyone can comment without approving the comment by the admin! Now, I noticed that Facebook has a comment plugin, I tried it on a "white" page and it works well. But, let's have this scenario: I have a page with blue background color, and I want the Facebook comments plugin to be inside a gray frame that expands WITHOUT showing the scrollbar (not for the page, for the comments) when more comments are posted, how can I do that? Thanks a lot Howdy, I wanted to have a fixed bar at the bottom of website just like Facebook. Can anybody know how to do that? Bar should be customizable as per my requirement. Thanks in Advance. Hey everyone...thanks for taking a look at my code. I'm a novice, but can generally figure things out...but this has me stumped. My website is very basic. I do the design in photoshop, then map in some clickable areas in dreamweaver to make it interactive. My main website layer is centered on a tiled background. I want to add a Facebook Recommend Button on top of that layer and I want it aligned to the right side of the layer with a 30px cushion on the right. This is what I have so far...and it's nearly working: --------------------------------------------- <body> <center> <div id="Layer1" style="position:relative; width:1040px; height:850px; z-index:1; left: 0px; top: 0px;"><img src="pic1.jpg" width="1040" height="850" border="0" > <div id="Layer2" style="position:absolute; width:450px; height:30px; z-index:2; left: 590px; top: 120px;"> <iframe src="http://www.facebook.com/plugins/like.php?app_id=242119399131656&href=www.website.com&send=false&layout=standard&widt h=450&show_faces=true&action=recommend&colorscheme=light&font=verdana&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe> </div> </div> </center> </body> --------------------------------------------------- The facebook frame changes length depending on who is logged in and how many friends like my page. I'd like it always to be lined up to the right of it's frame or Layer 2, instead of the Layer 2 lined up to the right of Layer1 and the facebook button lined up to the left of Layer 2 as it is now. It's a small difference. I hope I've made it clear. Any help or feedback would be appreciated. Thanks! Hi I'm a little confused about the bottom "application" bar on facebook. It appears to be static, meaning it does not "reset" whenever you visit a new page (if you have a chat session going on, for example). The only way I can see this is coded, is by placing the bar in a div on top of the content in an iframe. The source code is kindda confusing, so I can't really figure this one out. Anybody know if this is in fact the case? Best regards sorenchr Really simple stuff but im having problems getting my facebook plugin to align all the way to the right of my page. the website is www.beanaffiliatetoday.com. you can view the source code obviously so from there hopefully someone can telll me. im just starting out so im sorry. Thanks! |