HTML - Blogger Help
K, i have a blogger page and I'm quite familiar with HTML and a bit of CSS. My site is a blog and a bit of tutorials. Now the problem is, the text editor for blogger is also an html editor (you'd have to use blogger to know what i mean). So when I try to put something like:
Code: <body><p>Hello</p></body> It will say the "body" tags are not allowed and since it's an HTML editor too it will write "hello". I need to insert a widget right into the blog or something. know i can use screen captures but they take too long. Please Help. Similar TutorialsI want to add a banner in post's footer, i'm using this template: http://btemplates.com/2009/11/28/mystique/ I read that I had to put html banner code inside: <div class='post-footer-line post-footer-line-3'/> </div> but I don't have that on my html code. Does anyone know how to do it? I have a blogger but is looks bad. You see: http://englishpublishers.blogspot.com Who can tell me how to use it? I want to write a blog. Hi, I have a basic understanding of HTML, and now I have a problem. My blog is on www.wrappedfolds.blogspot.com. I am trying to make my list on my blog navigational rather than just a list. I want all of the designs (the list is after where it says "a list of my designs") to be links to the article that they're posted on. I have read plenty about it, but I can't seem to get it to work. I have a blog at blogger.. I installed a premade template..and tweaked a little to include my own header.. I also changed the color of the site description.. but i cant seem to change the color of the title.. http://tshirtjunkieindian.blogspot.com this is my blog.. I dont know anything about HTML..Please help me.. I'll post code if you instruct me which part to post.. Thanks in advance I'm trying to design a couple blog banners with page tabs such as the one on this site http://hellomaryrebecca.blogspot.com/ but I've googled for hours now and can't figure it out. I can only find info on building simple tabs like this that I have temporarily up now on http://phillipchesterphotography.blogspot.com Please help! I can donate to your blog/website if need be to figure this out. Thanks in advance!! I run an entertainment blog http://tshirtjunkieindian.blogspot.com/..and recently i added an AddThis button for social bookmarking. I changed the image to my own.. and another member of this forum helped me remove the white border around the image.. Now a couple of problems are there.. 1. When i try clicking the button and submitting a story to digg its always submitting the same story..no matter what post i submit..It submits "T-shirt Junkie's Burn After Reading Review" .. 2. The button is supposed to be drop down.. that is not working as well... The code i used is Code: <style type='text/css'>.addthis img {border:0px}</style> <!-- AddThis Button for Post BEGIN --> <div class='addthis'><script type='text/javascript'>addthis_url=data:post.url; addthis_title=data:post.title;</script><script type='text/javascript'>var addthis_pub="manujosephv";</script> <a href='http://www.addthis.com/bookmark.php' onclick='return addthis_sendto()' onmouseout='addthis_close()' onmouseover='return addthis_open(this, '', '[url]', '[TITLE]')'><img alt='' border='0' height='30' src='http://i35.tinypic.com/24gqh05.png' width='289'/></a><script src='http://s7.addthis.com/js/152/addthis_widget.js' type='text/javascript'/></div> <!-- AddThis Button for Post END --> I placed it just after Code: <div class='ebody'> <data:post.body/> ..Now i removed it cause of this problem.. Please help.. And I think my template is screwed up..cause most solutions in google included finding a couple of codes that is not in my template.. and i know no html.. Does anyone use Use.com for their templates? I'm trying to post an image template in my blog but blogger just shows the html and not the actual images. My right column, the skinnier one, is where all of the widgets are going to be. There is a widget that allows me to post HTML/Javascript. What I need is to post several images/ads but in a specific layout, as you can see below... Does anyone know how to align these images like in the example? Or atleast something close. Thanks!... http://pixelpatriot.blogspot.com/ Problem #1 The dimensions of the blog image thumbnails are compressed on the x axis with word wrap set to the right side of the image on the main/index page. When you click on the html link that takes you to the full blog page the image is displayed OK. Do you have a suggestion on how to correct the image size displayed in the thumbnail mode? Problem #2 Video screen on right side bar of main page is cropped so can't see full video. I think it is preventing the viewer from access link to Vimeo site. Problem #3 Reduce left margin to maybe 10 or 15 pixels Problem #4 Can the Gallery delay rate be slowed by approx. 1 sec I tried to embed the code here but it was too long. Can you see the code from the above URL? I have no formal training in HTML CSS but learned it by reading and trying with some help from W3schools, so sometimes don't know the full implications of things I do. One is editing the Blogger template and my favorite is changing maxwidgets='1' showaddelement='No' to maxwidgets='' next to showaddelement='yes' which allows any number of widgets to be added. However, I am worried about possible implications like perhaps it cause more resources to be used, longer download time, etc. Would it be better to change it to maxwidgets='2' showaddelement='yes' or is there no difference. Hello all, Just wondering how I can implement Javascript in my Blog template? 1.) Is it possible with XHTML? 2.) There is a source file as well, will I need to host that, too? 3.) Or is there a way to avoid Javascript for what I am doing: I am making a javascript (Spry Menu Bar) with Adobe Dreamweaver CS3 since I have no experience with JS. Is there a way to make a Spry Menu Bar without JS? (possible HTML or XHTML (that Blogger can support)? EX: Code: Home | Link | Link2 -sub--sub -sub4 --sub -sub5 -sub2 -sub6 -sub3 Thanks in advance, take care all! http://www.blogskins.com/download.php?sid=344260 It's fine when my browser isn't maximised but when i do maximised it, everything aligns to the left. Not sure if this is relevant but screen resolution is 1920x1080. I'm not that great with html so any help would be appreciated. I didn't make the template. I got it off http://www.blogskins.com/ I have a blog http://tshirtjunkieindian.blogspot.com/ .. I recently inserted a social bookmarking widget ... Code: <!-- AddThis Button for Post BEGIN --> <div><script type='text/javascript'>addthis_url=data:post.url; addthis_title=data:post.title;</script><script type='text/javascript'>var addthis_pub="manujosephv";</script> <a href='http://www.addthis.com/bookmark.php' onclick='return addthis_sendto()' onmouseout='addthis_close()' onmouseover='return addthis_open(this, '', '[url]', '[TITLE]')'><img alt='' border='0' height='48' src='http://i36.tinypic.com/j9nic9.png' width='500'/></a><script src='http://s7.addthis.com/js/152/addthis_widget.js' type='text/javascript'/></div> <!-- AddThis Button for Post END --> but a white border comes which ruins it aesthetically.. can anyone help remove it?? It works in my editor, but when I paste it into my blogger account, it says its not complete because of the IMG tag. <A HREF="http://www.trueprotein.com/"><IMG SRC="http://i10.tinypic.com/4tqy6ux.jpg"</A> Thanks I'm in a bit of a fix here regarding editing the html of a blogger page. http://bweissnews.blogspot.com/ The problem is the empty space between the end of the last post and the bottom of the window. The gap is too large and doesn't mesh well with pages with fewer posts. Anything I'm missing anything regarding that? Thanks so much in advance. I am having trouble with a link in a widget on my blogger blog. The widget is titled "NQTC Followers" The words "Follow This Blog" leads to a blank screen. The link is "javascript:_FollowersView._openPopup("http://www.blogger.com/follow-blog.g?blogID=7259025587922523478");" When I click that its just blank, so I jsut want it to link to "http://www.blogger.com/follow-blog.g?blogID=7259025587922523478". I can't seem to figure out how to edit the HTML though to change the link from the first thing to the second thing. Here is what the HTML shows for this widget: Code: <b:widget id='Followers1' locked='false' title='NQTC Followers' type='Followers'> <b:includable id='main'> <b:if cond='data:title != ""'> <b:if cond='data:codeSnippet != ""'> <h2 class='title'><data:title/></h2> <b:else/> <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2> </b:if> </b:if> <div expr:id='data:widget.instanceId + "-wrapper"'> <b:if cond='data:codeSnippet != ""'> <data:codeSnippet/> <b:else/> <b:if cond='data:followingLinkPresent'> <div class='follow-this profile-link item-control following-follow-this'> <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'> <data:followThisMessage/> </a> </div> <div class='follow-this profile-link item-control following-stop-following-this'> <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'> <data:stopFollowingMessage/> </a> </div> </b:if> <div class='followers-grid'> <b:if cond='data:totalFollowerCount == 0'> <div class='profile-link item-control following-follow-this'> <data:emptyFollowersMessage/> </div> </b:if> <!-- Relies on the js written out in navbar.gxp --> <b:loop values='data:followers' var='follower'> <div class='follower'> <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'> <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/> </a> </div> </b:loop> <div class='clear'/> </div> <div class='followers-canvas profile-link'> <data:followersFooterMessage/> <span class='item-control following-not-admin'> <a expr:href='data:followersUri'> <data:viewAllMessage/> </a> </span> <span class='item-control blog-admin'> <a expr:href='data:manageFollowersUri'> <data:manageFollowersMessage/> </a> </span> </div> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> Hello, I would like to add a table behind everything on this blogger template and add a background to it. I'm not so sure of how to do this. I'm new to blogger XML templates. Please excuse me, I'm a little rusty. It's a free template called WhiteMagic and it has CSS in it as well. I could not save this file other than XML. Looks like its way to big to be posted on here. Sorry for any inconvienence but is there any other way that I can show this code? Thanks in advance |