Help - Search - Members - Calendar
Full Version: A BIG PROBLEM!!!!
Forums > Resource Center > Support Center > Blogger Support > Blogger Resolved Topics
bakichan
Dec 3 2006, 03:44 PM
Well I'm using this domain www.blogger.ba!
I'm not sure, but I think is a quite different then other blog sites!

This is an example of my CSS:

CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- naziv bloga -->
<title>{NazivBloga}</title>
<!--kraj-->

<!-- izgled bloga u css-u -->
<style type="text/css">
body { font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; background-color:#aba; margin: 0; padding: 0; border:0; text-align:center; }
a, a:visited, a:active { color:#fff; font-weight:bold; background-color: transparent; text-decoration: none; }
a:hover { color: #fff; font-weight:bold; background-color: transparent; text-decoration: underline; }
#kontejner { margin: 20px auto; padding: 0; border: 0; width: 760px; text-align: left; font-size:11px; background: #FF66CC; }
#zaglavlje { color: #fff; height:80px; background: #FF3399; margin: 0; padding: 0 0 15px 0; border: 0; font-size:90%; }
#zaglavlje h1 { font-size: 24px; text-align: left; padding: 15px 20px 0 20px; margin: 0px; }
#zaglavlje p { font-size: 12px; text-align: left; padding: 3px 20px 10px 20px; margin: 0px; line-height:140%; }
#sadrzaj { padding: 0 20px; }
#blog { width: 490px; float: right; font-size:11px; padding-bottom:20px; color:#fff; }
#desna { width: 200px; float: left; background-color:transparent; padding-top:20px; color:#000; }
#blog p, #sidebar p { line-height: 160%; margin-top: 5px; margin-bottom: 3px; }
h5.datum  { margin: 20px 0 0 0; padding: 0; font-weight:normal; }
h4.naslov-posta  { margin: 5px 0 10px 0; padding: 0; color:#fff; font-weight:bold; }
.footer-posta { clear:left; font-size: 11px; }
#footer { clear:both; color: #fff; margin: 0; padding: 0 20px; border: 0; text-align: center; background:#FF3399; }
#footer p { padding: 10px 0; margin:0; }
.tab { font-weight:bold; font-size:10px; background-color: #FF3399; color:#fff; padding:3px; }
.box { font-size:10px; padding:5px; border:0; color:#fff; }
#kalendar td { text-align:center; }
.linked { background-color:#FF3399; }
</style>
<!--kraj cssa-->
</head>
<body>

<!-- glavni div kontejner -->
<div id="kontejner">
<!-- zaglavlje bloga -->
<div id="zaglavlje">
  <h1>{NazivBloga}</h1>
  <p>{OpisBloga}</p>
</div>
<!-- kraj zaglavlja bloga -->
<!-- sadržaj -->
<div id="sadrzaj">
  <!-- pocetak glavne kolone -->
  <div id="blog">  
  {Postovi}
  </div>
  <!-- kraj glavne kolone -->
  
<!-- pocetak desne kolone -->
  <div id="desna">
    <div align="center">{Logo}</div>
    <div class="box" align="center">{Kalendar}</div><br /><br />

    {Box1Naslov}
    {Box1Sadrzaj}
    {Box2Naslov}
    {Box2Sadrzaj}
    {Box3Naslov}
    {Box3Sadrzaj}
    {Box4Naslov}
    {Box4Sadrzaj}
    {Box5Naslov}
    {Box5Sadrzaj}

    <div class="tab">MOJI PRIJATELJI</div>
    <div class="box">{MojiPrijatelji}</div>
    <br />                    
    <div class="tab">BROJAČ POSJETA </div>
    <div class="box">{Counter}</div>
    <br />        
    <a href="http://www.blogger.ba/"><img src="images/blogger.logo1.gif" alt="Powered by Blogger.ba" border="0" /></a>  
    <br />
    <br />  
    </div>
<!-- kraj desne kolone -->
  
</div><!-- kraj sadržaja -->
<!-- mozilla bg fix -->

<div id="footer">
<p>Copyright © 2004 - <a href="http://www.blogger.ba">Blogger.ba</a>. Sva prava pridržana.</p>
</div>

</div>
<!-- kraj glavnog kontejnera -->

</body>
</html>


I want to change it!But when I use any of layouts you got here..It's just not working!All I get is an image of it!

Can someone make code for my blog so it can raly work!?
moorepocket
Dec 3 2006, 08:36 PM
well the layouts here are workable at blogger.com, we're not sure if it will work elsewhere.
bakichan
Dec 4 2006, 07:36 AM
Ok I changed my domain..It's blogger.com now!

And I used this layout

CODE
<!-- start code provided by createblog.com -->
<HTML>
<HEAD>
<TITLE>i am not helpless</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Styles (iamnothelpless.jpg) -->
<STYLE TYPE="text/css">
<!--

#iamnothelpless-01 {
    position:absolute;
    left:0px;
    top:50px;
    width:950px;
    height:150px;
}

#iamnothelpless-02 {
    position:absolute;
    left:0px;
    top:200px;
    width:950px;
    height:150px;
}

#iamnothelpless-03 {
    position:absolute;
    left:0px;
    top:350px;
    width:950px;
    height:149px;
}

#iamnothelpless-04 {
    position:absolute;
    left:0px;
    top:499px;
    width:950px;
    height:150px;
}

#iamnothelpless-05 {
    position:absolute;
    left:0px;
    top:649px;
    width:950px;
    height:114px;
}


A:link
{text-decoration:none; color:"#2398A1"}

A:visited
{text-decoration:none; color:"#2398A1"}

A:active
{text-decoration:none; color:"#2398A1"}

A:hover
{text-decoration: none;
color:"#013A43";
cursor:"se-resize";
border-top: dashed 1 px;
border-color: 2398A1;
}

.contentheader
{font-family: arial;
text-decoration: underline;
font-weight: bold;
font-size: 11pt;
line-height: 11pt;
color: 003940;
text-align: justify;
text-transform: uppercase;
letter-spacing: 2pt;
}

.content
{font-family: arial;
font-size: 9pt;
line-height: 11pt;
color: 003940;
text-align: justify;
overflow: auto;
scrollbar-face-color: B0BBBD;
scrollbar-highlight-color:  B0BBBD;
scrollbar-3dlight-color: B0BBBD;
scrollbar-darkshadow-color: B0BBBD;
scrollbar-shadow-color:B0BBBD;
scrollbar-arrow-color: 003F46;
scrollbar-track-color: B0BBBD;
}

body
{background-color: 003F46;
scrollbar-face-color: 003F46;
scrollbar-highlight-color:  003F46;
scrollbar-3dlight-color: 003F46;
scrollbar-darkshadow-color: 003F46;
scrollbar-shadow-color:003F46;
scrollbar-arrow-color: B0BBBD;
scrollbar-track-color: 003F46;}
-->
</STYLE>
<!-- End ImageReady Styles -->


            <script language='javascript' src='http://127.0.0.1:3004/js.cgi?pca&r=17451'></script>

</HEAD>
<BODY BGCOLOR=#FFFFFF>
<!-- ImageReady Slices (iamnothelpless.jpg) -->
<DIV ID="iamnothelpless-01">
    <IMG SRC="http://images.cbimg3.com/xanga/09/2144.jpg" WIDTH=950 HEIGHT=150></DIV>
<DIV ID="iamnothelpless-02">
    <IMG SRC="http://images.cbimg3.com/xanga/09/2144a.jpg" WIDTH=950 HEIGHT=150></DIV>
<DIV ID="iamnothelpless-03"> <IMG SRC="http://images.cbimg3.com/xanga/09/2144b.jpg" WIDTH=950 HEIGHT=149 border="0" usemap="#Map2">
  <map name="Map2">
    <area shape="rect" coords="913,47,925,162" href="#">
  </map>
</DIV>
<DIV ID="iamnothelpless-04">
    <IMG SRC="http://images.cbimg3.com/xanga/09/2144c.jpg" WIDTH=950 HEIGHT=150></DIV>
<DIV ID="iamnothelpless-05"> <IMG SRC="http://images.cbimg3.com/xanga/09/2144d.jpg" WIDTH=950 HEIGHT=114 border="0" usemap="#Map">
  <map name="Map">
    <area shape="rect" coords="41,-3,132,34" href="#" onClick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML">
    <area shape="rect" coords="107,46,184,74" href="#" onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML">
    <area shape="rect" coords="170,16,262,45" href="#" onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML">
    <area shape="rect" coords="286,5,392,27" href="#" onClick="document.getElementById('main').innerHTML=document.getElementById('archives').innerHTML">
    <area shape="rect" coords="299,38,357,75" href="#" onClick="document.getElementById('main').innerHTML=document.getElementById('etc').innerHTML">
  </map>
</DIV>
<!-- End ImageReady Slices -->

<div class="content" id="main" style="position: absolute; top: 163px; left: 54px; width: 357px; height: 445px; overflow: auto; filter: chroma(color=B0BBBD)">
<p align="center">
Write your welcome message here. Your disclaimer, copyrights, everything!<br>
<p>Don't forget to host these images to your own server! AND NEVER REMOVE OUR LINK!</p>
<p>[Best viewed] [IE] [1024x768]</p>
</p></div>

<div class="content" id="profile" style="display:none;">
Write something like this..<br><br>
I'm a blah yearold blah. I live in blah. I like blah. I hate bla blabla. :P<br><br>
write a short biogrphy here..



</div>

<div class="content" id="links" style="display:none;">
<p align="center">
<a href="urlink">link</a><br><a href="urlink">link</a><br><a href="urlink">link</a><br><a href="urlink">link</a><br><a href="urlink">link</a><br><a href="urlink">link</a><br>
<a href="urlink">link</a><br><a href="urlink">link</a><br><a href="urlink">link</a><br><a href="urlink">link</a><br><a href="urlink">link</a><br><a href="urlink">link</a><br>
<a href="urlink">link</a><br><a href="urlink">link</a><br><a href="urlink">link</a><br><a href="urlink">link</a><br><a href="urlink">link</a><br><a href="urlink">link</a><br>
<br>
Design by <a href="http://photokicho.coolinc.info">Photokicho!</a>
</p>
</div>

<div class="content" id="taggie" style="position: absolute; top: 481px; left: 466px; width: 169px; height: 228px;">
put your taggie here.. :)<br>

We recommend:<br>
<a href="http://www.cbox.co.za">C Box</a><br>
<a href="http://www.shoutmix.com">Shout Mix</a>
</div>


<div class="content" id="archives" style="display:none;">
<BloggerPreviousItems>
        <li><a href="file:///C|/Documents%20and%20Settings/Xandra/My%20Documents/skins/helpless/%3C$BlogItemPermalinkURL$%3E"><$BlogPreviousItemTitle$></a></li>
     </BloggerPreviousItems>
</div>

<div class="content" id="etc" style="display:none;">
photos? adoptions? song lyrics? anything you want here.. :)
</div>

<div class="content" id="entries" style="display:none;">

<Blogger>
<BlogDateHeader>
<font class="contentheader"><u><$BlogDateHeaderDate$></u></font>
<br>
</BlogDateHeader>
<$BlogItemBody$><br>  
<small>posted @ <$BlogItemDateTime$></small><br>
<BlogDateFooter>
<br><br>
</BlogDateFooter>
</Blogger>    


</div>

</BODY>
</HTML>
<script language='javascript'>postamble();</script>
<!-- end code provided by createblog.com -->


But this is a message I get after putting this code:

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The reference to entity "r" must end with the ';' delimiter
moorepocket
Dec 4 2006, 12:39 PM
try taking this out;
QUOTE
<script language='javascript'>postamble();</script>
and
QUOTE
<script language='javascript' src='http://127.0.0.1:3004/js.cgi?pca&r=17451'></script>
bakichan
Dec 4 2006, 02:15 PM
CODE
XML error message: The content of elements must consist of well-formed character data or markup.


I get this error now!!!! cry.gif
moorepocket
Dec 4 2006, 04:39 PM
i don't get it.

It works for me.
http://moorepocket.blogspot.com
westcoast929406
Dec 7 2006, 03:30 AM
I am having the same exact problem with the CB Stats tracker code. Have just upgraded to the latest version of Blogger with the new layouts section.
Have placed the code at the bottom of the new template as instructed. Had no problem with the old Classic style template with the code placed in same position.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.