HTML - Html Help: Right Sidebar (blog)
I started up a blog recently and used an already made up template. I've altered it a bit to my tastes (still kept all previous credit obviously) but i'm having a hard time putting in a right sidebar in the HTML code.
There's already a left sidebar and the main content body but i'm wanting to add a right sidebar to this to balance out the layout. I've tried copying the same html code of the left and altering it to make it right but it doesn't seem to work. If theres anyone that can help me with this it would be greatly appreciated. If anyone wants to see the blog layout and/or html code as present then please do ask. thanks in advance! Similar TutorialsI have my sidebar to the bottom center. I want it to the left of my content. l-------------l ----------------------------------------------------------------- l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l------------ l l----------------------------------------------------------------l That's what I want it to look like. Here's my code right now; <center><TR height=*> <TD bgcolor=2f2f2f valign="left"><font color=eaeaae> <CENTER> <BR><BR> <TABLE border=0> <TR width=25%><TD bgcolor=green><CENTER><FONT SIZE="+3"><A HREF="index.html">Home</A></FONT></CENTER></TD></TR> <TR><TD bgcolor=darkgreen><CENTER><FONT SIZE="+3"><A HREF="characters.html">Characters.</A></FONT></CENTER></TD></TR> <TR><TD bgcolor=green><CENTER><FONT SIZE="+3"><A HREF="mguide.html">Mission Guide</A></FONT></CENTER></TD></TR> <TR><TD bgcolor=darkgreen><CENTER><FONT SIZE="+3"><A HREF="contact.html">Contact</A></FONT></CENTER></TD></TR></center> </CENTER> </font></TD> <TD valign="left"> I am running into a wall trying to add a sidebar to my tumblr blog. muttonpizza.com I could play with the html code enough to tweak my blog (mostly through trial and error and picking things up on w3schools.com). But I want to add a top left sidebar with the "About this Blog" box I now have at the bottom of my page. And maybe a right sidebar with links. I've done a lot of Googling for help and trying different codes I've found to get this but I just don't have the code right and I cannot figure out where to place it in the code page. I do not have a sidebar at present. I know this should be easy (everything is easy when you know how:-) But I just can't get it to work. First, please tell me how to post my code here. (Could not find it in FAQ) Hi The sidebar appears on the bottom of the website I'm editing when I try to add it.I'm not the original webmaster,he abandoned it and I'm helping my friend redo it.We're both inept at html. InstanceBeginEditable name="EditRegionRightSide" --> <!-- InstanceEndEditable --> <h1>MySpace Page</h1> <p><a href="http://www.myspace.com/kellimaroney" target="myspace"><img src="graphics/myspace.gif" alt="Click Here to visit my MySpace page" border="0"></a></p> <p>Don't forget to visit me at <a href="http://www.myspace.com/kellimaroney" target="myspace">myspace.com/kellimaroney</a></p> <div align="center"><br> Check out the <a href="http://movies.groups.yahoo.com/group/kellimaroneyfans/?yguid=188954506" target="_blank">Kelli Maroney Fan Club @ Yahoo! Groups</a><br> </div> <div> <h1 align="center">Follow me on...</h1> <ul class="hnav" style="margin-left: 30px;"> <li><a href="http://twitter.com/Kellimaroney" title="Twitter"><img src="images/twitter.gif" alt="Twitter" width="32" border="0" height="32"></a></li> <li><a href="http://www.facebook.com/kellimaroney?ref=profile" title="Facebook"><img src="images/facebook.gif" alt="Kelli's Facebook Page" width="32" border="0" height="32"></a></li> <li><a href="http://www.youtube.com/user/lovesnerds" title="YouTube"><img src="images/youtube.gif" alt="Kelli's YouTube Channel" width="32" border="0" height="32"></a></li> </ul> </div> <br style="clear: both;"> <br> <div align="center"> <script type="text/javascript"><!-- amazon_ad_tag="kellsonl-20"; amazon_ad_width="120"; amazon_ad_height="600"; amazon_color_border="206BA2"; amazon_color_logo="FFFFFF"; amazon_color_link="206BA2"; amazon_ad_logo="hide"; amazon_ad_title="The Official Kelli Maroney Amazon.Com Store"; //--></script> <script type="text/javascript" src="http://www.assoc-amazon.com/s/asw.js"></script> </div> <script type="text/javascript" src="http://www.assoc-amazon.com/s/link-enhancer?tag=wwwkellimaron-20"> </script> <noscript> <img src="http://www.assoc-amazon.com/s/noscript?tag=wwwkellimaron-20" alt="" /> </noscript> </div></td> </tr> </tbody></table> <p> </p> <table width="798" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td><img src="graphics/t_photo.gif" width="798" height="8"></td> </tr> I'm Not Sure if ;m Putting This in the Wrong Forum Area, But here Goes. How to I Go About Adding a Menu In Blogspot? my blog is at www.artballvideos.com How Would I go About Adding a menu of past Blogposts. I am Aware I asked a mouthfull. But Please be Patient with me, I;m Semi beginner . Thanks I was getting help (in this thread http://www.htmlforums.com/html-xhtml...e2-137472.html ) but I guess he got busy and I really need this done by tomorrow morning... Can someone please just tell me how to publish the html to my blog?? Thanks so much. Hi, EDIT: Problem fiixed. I was posting in a forum on another site, the person helping me got swamped with work and I need this done tonight.. He helped me put links on different parts of my banner, and then he sent me the attachment (that I attached below). I opened it in Adobe Contribute CS4 but I can't figure out how to publish it to get the changes he made onto my blog.. I tried just copying the html and putting it into my blog myself but I'm a nub and that's not working either. Please help! I'm willing to pay, donate to your site/blog, whatever to get this done today! Thanks so much in advance!! I'm using a BlogSpot template and have made some alterations to it, but I can't figure out how to change the main background. It's currently black. I'm thinking a nice chocolate brown color would better contrast my post background. What should look for in the html codes? Thanks in advance for any ideas. Hello, I recently joined a company, having used HTML before, and the previous employee who created and updated the site left, I have been given the responsibility. I want to integrate a blog onto the website on it's own page which will be able to archive the blogs monthly, and allow people to make comments on the blog posts. Is there coding out there to do this? or what is the easiest way to do it. Any advice would be great. the website is. [url="http://www.hyspeedbroadband.com"] Thank you for your responses in advance Hi people, I do not have a clue about HTML or anything about it, im a poker player and have a poker blog in process of being created and would like to ask if given the user name and password of the google account for blogspot would someone from the fourms quicly do it for me ive gave 2 examples the 1st example is the 3 tier blog of a friend of mine: http://amatay.blogspot.com/ That is a 3 tier blog, all you have to do is simply log into my google account and edit the HTML to 3 tier. This is my page http://mrcea.blogspot.com/ Which is currently set to 2 tier, the only way to change it is using HTML id appriciate someones help very much, if you could email me on hairybellly@live.co.uk or message me back on this id gladly send my login details. This will take only a few minute im told to do its just changing the alienment or something if someone could please help!! Regards Mr Cea Hey i recently opened a blogged and wanted to begin customizing it with shoutboxs , games, etc Blog is runned by Mac OSx , it allows u to post html as well, but 98% of the html codes i put in there doesnt work...the ones that do work , well they seem to have <table> inserted in them...and strangly one of my posting options is to insert a table, so when i click on that *insert table* i paste my html code(shoutbox) and click insert (for table) and all the codes seem to work fine and shoutbox looks great, until i cllick the <>(htmlm mod) everything seems to go back to where it was before i started testing with table (which is that it doesnt work), this is only if switch from normal to html and back after i insert html codes through table...but if i just paste the Html codes for the shoutbox into *HTML* section, it shows up as the link that i use to gernate these codes...this happens with every one of my html codes including the ones that do work for the blog and dont work for the blog....So im stuck with HTML codes that only show up when the *insert table dialog box pops up and i insert html from there to blog.(which cancels html codes in the end)..From the table with the successful HTML, if i click Save,HTML mode, or Preview, it just makes the codes void..I think that when iclick any of those commands, the blog messes with codes Does anyone know any great codes to bypass w/e the blog is doing to my codes or simulating the table forever with the codes? TY Friend said that blog has ScriptTags, and by using table i can bypass that...Unfortunatly ive tried inserting <table> and </table> around it...nothing works.. heres an example of one of the few that does work for the blog(had table tags when i copied it from generator): <div class="wiki_entry"> <div> <div> <div><br /></div> <table><tbody> <tr> <td><a href="http://www.website-hit-counters.com"><img src="http://www.website-hit-counters.com/cgi-bin/image.pl?URL=109386-8813" alt="www.website-hit-counters.com" /></a></td> </tr> <tr> <td><a href="http://www.website-hit-counters.com/search-engine-optimization.html" title="search engine optimization firm">This many People saw this</a></td> </tr></tbody> </table></div><br /></div></div> HEre is one that doesnt(after i placed tables around it myself) <div class="wiki_entry"> <div> <div> <div><br /></div> <table><tbody> <tr> <!-- Begin ShoutMix - http://www.shoutmix.com --> <iframe title="jimbaler" src="http://www.shoutmix.com/?jimbaler" width="100" height="130" frameborder="0" scrolling="auto"> <a href="http://www.shoutmix.com/?jimbaler">View shoutbox</a> </iframe> <br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /> <!-- End ShoutMix --> </tr> </tbody> </table></div><br /></div></div> How do you make html show up on the front page of a blog but not on any others? I have an advertiser who wants his text ad to show on the front page of my blog, but not on any others. I've never had that request before and don't know how to do it. Can anyone help me? Lisa Hello (I am new to these forums, hope this post will be satisfactory), I have a question and would appreciate any help, here it is: I am building a website that has a blog (from google's blogger service) within one HTML frame. I'm looking for a way to program the site so that the blog-frame only displays a certain number of words / characters despite the amount of characters in the blog post, before it then interevenes with a "READ MORE" link which will then take the user to the full blog post. Does anybody know if this is possible and do they have any suggestions as to how I could go about this? Thanks, much appreciated. Hello all. I am still new to HTML coding. I come from the dark side (flash) and am seeing the light anyway I am building a "flash alt" site and I am building it around the Cargocollective.com platform. and I DESPERATELY need a HTML or JAVA or some other iphone / ipad friendly music player for the site. I have been searching for weeks but all I keep finding are the same flash plugs that make the whole concept redundant. any help, guidance, or advice on this matter would be greatly appreciated.... thanks Hello! I would like to intregrate my wordpress blog (http://heartless-ink.com/fwoosh/) into this page (http://heartless-ink.com/v2/news.html) How can I do this? I only want the entries and images to show, not the wordpress theme. Any tips? Thanks! Hi I am new to this site, I am having problem in my non blog site. I was trying to integrate wordpress blog in my non blog site. I am nearly done only few issues. Here is the site http://www.zipanatomy.com/blog/ 1. the post titles are coming some other way, without linking and some coding. 2. down to the footer, I have called a footer.php file which is from the non blog site and is in the root directory, the problem here is, they are linking to the wordpress log folder. 3. And one more issue is when I click the categories and do any search from the sidebar, that are opening on the extreme right of the page instead of in center. please, advices from the pros where I am getting wrong. thanks in advance, chander Hi I've built a website for my karaoke show, and would like to add a blog page to the site. Rather than 3rd party, I'd prefer to have my own blog on my own domain to increase traffic for the SE crawlers. I was wondering... - what some good options are ie what blog software to use - if I can have a blog that somehow incorporates Facebook and Twitter (i've seen Facebook connect, but I'd like something that posts my blog messages to my Facebook and Twitter pages) I currently have a Typepad blog on there, but as I said, I'd prefer to have my own blog code, not third party. The site is www.billygoatkaraoke.com.au , and I'd really like the blog to stay on the site - I'm thinking that I'll have a blog page open up over the goat when someone clicks on the BLOG link. Cheers Shaun http://tinypic.com/r/1t4igj/5 How can I make a floating social media sidebar like this one? |