prosze o pomoc przy edycji szablonu - blogspot

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
suonko
Posty: 1
Rejestracja: ndz paź 12, 2008 12:04 am

prosze o pomoc przy edycji szablonu - blogspot

Post autor: suonko »

Witam.
To chyba najodpowiednijszy dzial zeby poprosic o pomoc, mam nadzieje ze znajdzie sie tu jakis mily mlody czlowiek i poratuje ;)
Mam bloga na blogspocie, i dlugo szukalam szablonu ktory by mi sie spodobal, niby jest ich pelno ale do gustu przypadl mi tylko ten jeden jedyny. zeby go ustawic trzeba bylo wlaczyc 'przywroc szablon klasyczny' a potem wkleic kod ktory wyglada tak

Kod: Zaznacz cały

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    f

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>


    <link rel="shortcut icon" href="" >




    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    <meta name="keywords" content="web log, blog, blogger" />


    <!-- Template by Free Awesome Blogger Designs

    download free at http://freebloggerdesigns.blogspot.com-->


    <title><$BlogTitle$></title>

    <style type="text/css">

    <!--

    .style11 {color: #333333}

    .testpic {

    background-color: #FFFFCC;

    }

    -->

    </style>
    <$BlogMetaData$>



    <style type="text/css">




    /*

    =========================================================

    BLOGGER

    ========================================================= */


    /* ---------------------------------

    GENERIC STYLE

    --------------------------------- */


    body {
       background-position: center;
       background-attachment: fixed;
       font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;
       font-size: 12px;
       text-align: center;
       letter-spacing: normal;
       color: #000000;
       background-image: url();
       background-color: #666666;
    }


    a:link {

    color: #821D34;

    text-decoration: none;

    }


    a:visited {

    color: #663333;

    text-decoration: none;

    }


    a:hover {

    color: #333333;

    text-decoration: none;

    }



    input,textarea {

    background-color: #FFFFFF;

    color: #000000;

    }


    ul {

    margin-top: 5px;

    margin-left: 25px;

    margin-bottom: 5px;

    padding-left: 2px;

    }


    li {

    background: transparent;

    padding: 0px;

    }



    #menu ul{

    margin-top: 5px;

    margin-bottom: 5px;

    margin-left: 15px;

    list-style-type: square;

    }


    #menu li {

    background: transparent;

    padding: 0px;

    font-size: 11px;

    list-style-type: square;

    }


    .titolinilog ul{

    margin-top: 5px;

    margin-bottom: 5px;

    margin-left: 5px;

    list-style-type: square;

    }

    .titolinilog li {

    background: transparent;

    padding: 0px;

    font-size: 11px;

    }



    blockquote {

    background-color: #CC9999;

    border: 1px solid #440000;

    padding: 10px;

    font-style: oblique;

    margin-left: 10%;

    margin-right: 10%;

    color: #000000;

    }


    a img {

    border: 0px;

    }



    /* ---------------------------------

    BLOG STYLE

    --------------------------------- */


    #box {

    color: #000000;

    font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;

    font-size: 11px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 40px;

    width: 850px;

    background-image: url(http://i200.photobucket.com/albums/aa231/free_blogger/bodyBGSP.gif);

    background-repeat: repeat;

    }


    #head {

    background-image: url(http://i200.photobucket.com/albums/aa231/free_blogger/topSP.gif);

    height: 263px;

    border: 0px solid #FFFFFF;

    margin-bottom: 15px;

    text-align: left;

    }


    #menu {

    float: right;

    text-align: left;

    font-size: 11px;

    color: #FFFFFF;

    width: 245px;

    margin-bottom: 10px;

    padding-top: 10px;

    padding-right: 35px;

    }


    #boxblog {

    padding-top: 15px;

    float: left;

    text-align: justify;

    margin-bottom: 10px;

    margin-left: 20px;

    padding-right: 15px;

    padding-bottom: 15px;

    padding-left: 10px;

    }


    #footer {
       height: 10px;
       clear: both;
       font-size: 10px;
       color: #000000;
       text-align: center;
       background-image: url(http://i200.photobucket.com/albums/aa231/free_blogger/voiceBGSP.gif);
    }




    #credits {

    font-size: 10px;

    font-weight: bold;

    color: #000000;

    text-align: center;

    padding-top: 5px;

    }



    #credits a:link, #credits a:visited, #credits a:hover {

    color: #333333;

    text-decoration: none;

    }



    /* ---------------------------------

    HEADER CONTENT STYLE

    --------------------------------- */


    #blogtitle {

    font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;

    font-size: 16px;

    text-align: left;

    text-decoration: none;

    color: #333333;

    padding-top: 20px;

    padding-left: 10px;

    }


    #blogtitle a:link, #blogtitle a:visited {

    color: #000000;

    text-decoration: none;

    }


    #blogtitle a:hover {

    color: #FFFFFF;

    text-decoration: none;

    }



    #blogdescription {

    font-family:Verdana, Arial, Helvetica, sans-serif;

    font-size: 10px;

    text-align: left;

    margin: 5px 0px 0px 5px;

    padding-left: 10px;

    font-weight: lighter;

    color: #000000;

    vertical-align: middle;

    }



    /* ---------------------------------

    MENU STYLE

    --------------------------------- */


    .boxmenu {

    margin-bottom: 25px;

    text-align: left;

    padding: 0px 5px 0px 5px;

    font-size: 11px;

    color: #000000;

    font-family: "font-family: Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Helvetica, sans-serif;;

    }


    .voicemenu {
       color: #660000;
       font-size: 14px;
       padding: 3px 5px 3px 0px;
       margin-bottom: 5px;
       text-align: center;
       font-family: "font-family: Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    ;
       border-bottom: 2px solid #333333;
    }



    /* ---------------------------------

    POST STYLE

    --------------------------------- */



    .divlog {

    padding: 0px 5px;

    background-color: transparent;

    margin-bottom: 40px;

    width: 460px;

    }


    .titlepost {

    text-align: left;

    color: #330000;

    font-size: 16px;

    font-weight: bolder;

    text-transform: capitalize;

    padding: 0px 5px;

    font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;

    }


    .titlepost a:link, .titlepost a:visited {

    color: #330000;

    text-decoration: none;

    font-weight: bolder;

    }


    .titlepost a:hover {

    color: #333333;

    text-decoration: none;

    }


    .datepost {

    color: #FFFFFF;

    font-size: 36px;

    font-weight: lighter;

    text-transform: lowercase;

    text-align: right;

    float: right;

    padding-top: 3px;

    }


    .data {

    color: #000000;

    font-size: 12px;

    text-align: left;

    padding-left: 5px;

    font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;

    }


    .text {

    color: #000000;

    font-size: 12px;

    text-align: justify;

    margin-top: 9px;

    margin-right: 0px;

    margin-bottom: 9px;

    margin-left: 0px;

    padding-right: 0px;

    padding-left: 8px;

    font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;

    }



    /* ---------------------------------

    COMMENTS STYLE

    --------------------------------- */


    #comments {

    text-align: left;

    color: #000000;

    font-size: 12px;

    font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;

    text-transform: capitalize;

    padding: 0px 0px 2px;

    margin: 20px 0px;

    }


    .comment-body{

    color: #000000;

    font-size: 12px;

    text-align: left;

    margin: 5px;

    font-weight: normal;

    padding: 0px;

    width: auto;

    float: none;

    }


    .data-comments {

    text-align: left;

    color: #000000;

    font-size: 12px;

    font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;

    font-weight: bold;

    text-transform: capitalize;

    border-bottom: 0px solid #FFFFFF;

    border-top: 0px solid #FFFFFF;

    padding: 2px 0px;

    margin: 20px 0px;

    }


    .comment-data {

    border-bottom: 1px solid #FFFFFF;

    border-top: 1px solid #FFFFFF;

    color: #000000;

    text-transform: capitalize;

    text-align: left;

    font-size: 12px;

    padding-bottom: 2px;

    padding-left: 3px;

    padding-top: 5px;

    font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;

    }


    .home {

    float: right;

    }

    .style3 {

    color: #000000;

       font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;

    }

    .style5 {

    color: #333333;

    font-weight: bolder;

    font-size: 12px;

    font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;

    }

    .style9 {color: #CC0033}

    .style6 { font-weight: bold;

    }

    body,td,th {
       color: #000000;
    }
    .footermeta {   color: #fff;
       font-size: 11px;
       float: right;
       margin: 0 10px 10px 0;
    }
    </style>

    </head>


    <body>



    <!-- START BLOG BODY -->

    <div id="box">



    <!-- START HEADER -->


    <div id="head">

    <div id="blogtitle">

    <h1 align="center"> </h1>

    <h3 align="center"> </h3>

    </div>


    <div id="blogdescription">

    <div align="center"></div>

    </div>


    </div>


    <!-- END HEADER -->




    <!-- START MENU -->


    <div id="menu">

    <div class="topmenu">

    <p align="right" class="style11"> </p>

    </div>



    <span class="style11">

    <!-- START CONTENT MENU -->

    </span>

    <div class="boxmenu">

    <div class="voicemenu">

    About Me </div>

    <div align="left"><strong>
    <p align="center"> <img src="<$BlogOwnerPhotoUrl$>" width="95" height="113" border="1"></p>

    Name:</strong> <$BlogOwnerFullName$><br />

    <span class="style6">Home:</span> <$BlogOwnerLocation$><br />

    <span class="style6">About Me:</span> <$BlogOwnerAboutMe$></p>

    <p align="center"><a href="<$BlogOwnerProfileUrl$>" class="style9">See my profile...</a></p>
    </div>

    </div>


    <!-- Start Bravenet.com Service Code -->
    <script type="text/javascript" src="http://pub17.bravenet.com/counter/code.php?id=402824&usernum=1408886873&cpv=2"></script>
    <!-- End Bravenet.com Service Code -->

    <div class="boxmenu">

    <div class="voicemenu">
    <br>
    </br>
    Live blog traffic</div>

    <ul>

    <script type="text/javascript" src="http://feedjit.com/serve/?bc=CC9998&tc=494949&brd1=400000&lnk=494949&hc=400000&ww=198"></script><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript>
    <br>
    </br>
    <script type="text/javascript" src="http://feedjit.com/map/?bc=CC9998&tc=400000&brd1=400000&lnk=494949&hc=400000&dot=FF0000"></script><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript>
    </ul>

    </div>

    <div class="boxmenu">

    <div class="voicemenu">

    Links</div>

    <ul>

    <li><a href="http://www.linkhere.com">Link-Me</a><a href="http://www.seaandsummit.com/"></a></li>

    <li><a href="http://www.linkhere.com">Link-Me</a><a href="http://www.seaandsummit.com/"></a></li>

    <li><a href="http://www.linkhere.com">Link-Me</a><a href="http://www.seaandsummit.com/"></a></li>

    <li><a href="http://www.linkhere.com">Link-Me</a><a href="http://www.seaandsummit.com/"><br />
     
        </a></li>
    </ul>

    </div>


    <div class="boxmenu">

    <div class="voicemenu">

    Archives

    </div>

    <ul>

    <BloggerArchives>

    <li><a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a></li>

    </BloggerArchives>

    </ul>

    </div>



    <div class="boxmenu">

    <div class="voicemenu">

    Previous entries

    </div>

    <ul>

    <BloggerPreviousItems>

    <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>

    </BloggerPreviousItems>

    </ul>


    </div><br>

    <div class="boxmenu">

    <div class="voicemenu">

    Etc.</div>

    <div align="center"><a href="http://freebloggerdesigns.blogspot.com">Design by: <br />
      <img src=http://i200.photobucket.com/albums/aa231/free_blogger/tancredits.gif border="0"></a>

      <br />
      <br />
      RSS: <a href="<$BlogSiteFeedUrl$>">Site Feed</a><br />
    <br>

    <br />

    <br>

    <br />

    <br />

    <span class="style11"><a href="<$BlogURL$>"><< Home </a></span></div>

    </div>



    <!-- END CONTENT MENU -->

    </div>

    <!-- END MENU -->


    <!-- START CONTENT MAIN -->


    <div id="boxblog">


    <Blogger>



    <!-- START POST -->


    <div class="divlog">


    <div class="titlepost">

    <div align="left"><a href="<$BlogItemPermalinkURL$>" title="permalink"><$BlogItemTitle$></a></div>

    </div>

    <div align="left"><BlogDateHeader><span class="style5"><$BlogDateHeaderDate$></span></BlogDateHeader>

    </div>

    <div class="text"><$BlogItemBody$></div>

    <div class="data">

    <div align="right"><img src=http://i200.photobucket.com/albums/aa231/free_blogger/floweSP.gif align="absmiddle">posted by <$BlogItemAuthorNickname$> at <$BlogItemDateTime$><$BlogItemControl$> | <MainOrArchivePage><BlogItemCommentsEnabled> <a class="comment-link" href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></MainOrArchivePage><strong><MainOrArchivePage><BlogItemCommentsEnabled> </BlogItemCommentsEnabled></MainOrArchivePage>

    <ItemPage> <BlogItemCommentsEnabled>

    </BlogItemCommentsEnabled></ItemPage></strong></div>

    <ItemPage><BlogItemCommentsEnabled><br />


    <div class="style3" id="comments"><$BlogItemCommentCount$> Comments:</div>

    <div class="data-comments">

    <div class="home"><a href="<$BlogURL$>"><< back home</a></div>

    <$BlogItemCreate$></div>

    <br />

    <BlogItemComments>

    <div id="<$BlogCommentNumber$>"><a name="<$BlogCommentNumber$>" id="<$BlogCommentNumber$>"></a>

    At <a href="<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>, <b><$BlogCommentAuthor$> </b>said........

    <div class="comment-body">

    <$BlogCommentBody$><br />

    <$BlogCommentDeleteIcon$><br />

    <br>

    <br>

    </div>

    </div>

    </BlogItemComments>

    </BlogItemCommentsEnabled> </ItemPage> </div>


    </div>

    <!-- END POST -->


    </Blogger>

    </div>


    <!-- END CONTENT MAIN -->



    <!-- START FOOTER -->

    <div id="footer"></div>


    </div>

    <!-- END BLOG BODY -->


    </body>

    </html>

    <!-- Start of StatCounter Code -->
    <script type="text/javascript">
    var sc_project=4042717;
    var sc_invisible=0;
    var sc_partition=47;
    var sc_click_stat=1;
    var sc_security="ddc0c01e";
    </script>

    <script type="text/javascript" src="http://www.statcounter.com/counter/counter_xhtml.js"></script><noscript><div class="statcounter"><a title="hits counter" class="statcounter" href="http://www.statcounter.com/free_hit_counter.html"><img class="statcounter" src="http://c.statcounter.com/4042717/0/ddc0c01e/0/" alt="hits counter" /></a></div></noscript>
    <!-- End of StatCounter Code -->
(opisuje co musialam zrobic bo nie wiem czy to jest zwykly html czy niezwykly czy jeszcze siakis inny - nie znam sie na tym wcale... :? )
problem polega na tym ze bardzo mi zalezy zeby na dole pojawialy sie takie odnosniki i mozna bylo za ich pomoca eksplorowac moja stronke.
Obrazek
moje pytanie: czy da sie cos takiego zrobic ? jesli tak prosze, napiszcie co i w ktorym miejscu kodu mam dokleic ? :)

bede bardzo wdzieczna za pomoc

a to moj blog:
http://www.suonko.blogspot.com/

(wybaczcie bledy w angielskim, wczesniej byl po polsku a tlumaczylam na szybko i jest jeszcze co poprawiac)
ODPOWIEDZ