Adicionar espaço para comentários.

phaeld · Agosto 6, 2009

Olá.

Estou criando um microblog no Tumblr e dai, ele não possui plataforma de comentários em cada post que escrevemos. eu gostaria de saber como colocar um HTML para que isto seja possível. alguém ai tem alguma idéia?

os códs. html do blog por enquanto estão assim:

<!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" xml:lang="en" lang="en">
<head>
  <!-- DEFAULT COLORS -->
  <meta name="color:Background" content="#fff" />
  <meta name="color:Inline Link" content="#333333" />

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  <link rel="shortcut icon" href="{Favicon}" />
  <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  <style type="text/css">
    body {
      background: {color:Background};
      margin: 0;
      padding: 0;
      font-family: "Futura", Arial, Helvetica, Verdana, sans-serif;
    }

    .clear {
      clear: both;
      height: 1px;
    }

    a img {
      border: none;
    }

    #wrapper {
      width: 845px;
      margin: 0 auto;
    }

      #wrapper #title {
        margin: 15px 0;
        color: #333333;
        font-size: 70px;
        font-family: Futura, Helvetica, Verdana, sans-serif;
        letter-spacing: -1px;
      }

        #wrapper #title a {
          color: #333333;
          text-decoration: none;
        }
         div.post img.permalink {
                    width: 43px;
                    height: 30px;
                    border: none;
                    background-color: transparent;
                    position: absolute;
                    right: 525px;
                    top: 0px;
                    z-index: 10;
                    text-decoration: none;
                }

                    div.post:hover img.permalink {
                        display: inline;
                        text-decoration: none;
                        background-color: #fff;
                        opacity: 0.45;
                    }

              .notecount {
                 background:transparent url(http://static.tumblr.com/xequfu2/pXCkmstpk/notes.png) no-repeat scroll left bottom;
                 color:#ffffff !important;
                 display:block;
                 font-family:Futura,helvetica,Arial,sans-serif;
                 font-size:10px;
                 font-weight:light;
                 height:30px;
                 margin-left:-58px;
                 margin-top:20px;
                 padding-top:5px;
                 padding-left:1px;
                 margin-right:10px;
                 text-align:left;
                 text-decoration:none;
                 }

             .postinfo {
                 display:block;
                 left:10px;
                 position:absolute;
                 padding-top:5px;
                 width:44px;
                 }


      #wrapper #content {
        width: 520px;
        float: left;
      }

      /* Regular Post*/

        #wrapper #content .post {
          font-family: Futura, Helvetica, Verdana, sans-serif;
          background: #E0E0E0;
          padding: 10px;
          position: relative;
          color:#ffffff
        }

         #wrapper #content .post .title {
            color: #333333;
            font-size: 20px;
            font-weight: bold;
            padding: 10px 10px 0 10px;
          }

          #wrapper #content .post .copy {
            color: #4c4c4c;
            padding: 10px;
            font-size: 13px;
            line-height: 15px;
          }

            #wrapper #content .post .copy a {
              color:{color:Inline Link};
              text-decoration: underline;
            }

              /* Photo/Video posts*/

          #wrapper #content .post .media {
            text-align: center;
            margin-bottom: 10px;


          }
          /* Quote post*/

          #wrapper #content .post .quote {
            color: #333333;
            font-weight: bold;
            padding: 10px;
          }

          #wrapper #content .post .quote.short {
            font-size: 33px;
            line-height: 35px;
          }

          #wrapper #content .post .quote.medium {
            font-size: 25px;
            line-height: 28px;
          }

          #wrapper #content .post .quote.long {
            font-size: 18px;
            line-height: 22px;
          }

            #wrapper #content .post .quote_source *:first-child {
              margin-top: 0px;
            }

            #wrapper #content .post .quote_source *:last-child {
              margin-bottom: 0px;
            }

            #wrapper #content .post .quote *:first-child {
              margin-top: 0px;
            }

            #wrapper #content .post .quote *:last-child {
              margin-bottom: 0px;
            }


                  /* Audio post*/

          #wrapper #content .post .audio {
            background: #eaeaea;
            float: left;
            padding: 7px;
          }

            #wrapper #content .post .audio .player {
              float: left;
            }

              #wrapper #content .post .audio .player .audio_player embed {
                border: 1px solid #c8c8c8;
              }

            #wrapper #content .post .audio .meta {
              padding: 8px 13px;
              height: 13px;
              float: left;
              color: #666;
              font-family: Futura, Arial, Helvetica, Verdana, sans-serif;
              font-size: 11px;
            }

              #wrapper #content .post .audio .meta a {
                color:{color:Inline Link};
                text-decoration: none;
              }


                /* Chat post*/

          #wrapper #content .post .chat {
            background-color: #fff;
            border-left: 5px solid #dedddd;
            margin: 10px 10px 0 10px;
            font-size: 14px;
          }

            #wrapper #content .post .chat .lines {
              margin-left: 1px;
            }

              #wrapper #content .post .chat .lines .line {
                background-color: #eaeaea;
                color: #494949;
                margin-bottom: 1px;
                padding: 3px 5px;
              }

              #wrapper #content .post .chat .lines .line.even {
                background-color: #dedddd;
              }

                    /* Link post*/

            #wrapper #content .post .link {
              margin: 0px 0 2px 0;
              font-size: 16px;
              line-height: 25px;
              color:{color:Inline Link};
            }

              #wrapper #content .post .link a {
                background-color: #ffffff;
                color:{color:Inline Link};
                padding: 5px 7px;
                border-bottom:1px solid rgba(0, 0, 0, 0.4);
                border-right:1px solid rgba(0, 0, 0, 0.3);
              }

              #wrapper #content .post .link a:hover {
                color:{color:Inline Link};
                opacity: 0.9;
                filter: alpha(opacity=90);
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
              }

                    /* Footer*/

          #wrapper #content .post .footer {
            background: #ffffff;
            font-family: Futura, Arial, Helvetica, Verdana, sans-serif;
            font-size: 11px;
            color: #333333;
            padding: 5px 10px;
            margin-top: 10px;
            border-bottom:1px solid rgba(0, 0, 0, 0.2);
            border-right:1px solid rgba(0, 0, 0, 0.2);
          }

            #wrapper #content .post .footer:hover {
              opacity: 0.9;
              filter: alpha(opacity=90);
              -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
            }

            #wrapper #content .post .footer .date {
              width: 80%;
              float: left;
            }

            #wrapper #content .post .footer .notes {
              width: 18%;
              float: right;
              text-align: right;
            }

              #wrapper #content .post .footer .tags a {
                color: #4a4a51;
                text-decoration: underline;
              }

                #wrapper #content .post .footer .tags .tag-commas:last-child {
                  display: none;
                }

            #wrapper #content .post a {
              color:{color:Inline Link};
              text-decoration: none;
            }

            #wrapper #content .post .copy blockquote {
    	        margin: 10px 0px 10px 10px;
    	        padding-left: 15px;
    	        border-left: solid 4px #dcdcdc;
      	    }

    	        #wrapper #content .post .copy  blockquote blockquote {
  	            border-left: solid 4px #cccccc;
        	    }

          	    #wrapper #content .post .copy  blockquote blockquote blockquote {
    	            border-left: solid 4px #bcbcbc;
          	    }

        	        #wrapper #content .post .copy  blockquote blockquote blockquote blockquote {
      	            border-left: solid 4px #acacac;
            	    }

              	    #wrapper #content .post .copy  blockquote blockquote blockquote blockquote blockquote {
        	            border-left: solid 4px #9c9c9c;
              	    }

          	        #wrapper #content .post .copy  blockquote blockquote blockquote blockquote blockquote blockquote {
        	            border-left: solid 4px #8c8c8c;
              	    }

            #wrapper #content .bottom {
              background: url(http://static.tumblr.com/xequfu2/uJLkmu9tr/shadow-post.png) top center no-repeat transparent;
              width: 513px;
              height: 40px;
              margin: 0 auto;
            }

            #wrapper #content #nav {
              text-align: right;
              padding-bottom: 35px;
            }

              #wrapper #content #nav a {
                background-color: #e0e0e0;
                color:{color:Inline Link};
                padding: 5px 10px;
                text-decoration: none;
                margin-left: 25px;
                border-bottom:1px solid rgba(0, 0, 0, 0.2);
                border-right:1px solid rgba(0, 0, 0, 0.2);
              }

              #wrapper #content #nav a:hover {
                opacity: 0.9;
                filter: alpha(opacity=90);
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
              }

              #wrapper #content .post .notecontainer {
                background: #eaeaea;
                border-radius: 4px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                font-family: Futura, Arial, Helvetica, Verdana, sans-serif;
                font-size: 11px;
                color: #666;
                margin-top: 10px;
                margin-bottom: -10px;
              }

                  #wrapper #content .post .notecontainer a {
                    color: #666;
                    text-decoration: underline;
                  }

                  #wrapper #content .post .notecontainer ol.notes {
                    padding: 0px 0 10px 0;
                    list-style-type: none;
                    font-size: 11px;
                  }

                    #wrapper #content .post .notecontainer ol.notes li.note {
                      padding: 10px 10px 0 10px;
                    }

                      #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
                        vertical-align: -4px;
                        margin-right: 10px;
                        width: 16px;
                        height: 16px;
                      }

                      #wrapper #content .post .notecontainer ol.notes li.note span.action {
                        font-weight: normal;
                      }

                      #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
                        font-weight: normal;
                      }

                      #wrapper #content .post .notecontainer ol.notes li.note blockquote {
                        border-left: 2px solid #666;
                        padding: 4px 10px;
                        margin: 10px 0px 0px 25px;
                      }

                        #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
                          text-decoration: none;
                        }

        #wrapper #content #searchresults {
          color: #333333;
          margin: 0 0 15px 0;
          text-shadow: #2f2f2f 1px 3px 5px;
          font-family: Futura, Helvetica, Verdana, sans-serif;
          font-size: 20px;
        }

                /* Sidebar*/

      #wrapper #sidebar {
        width: 210px;
        float: right;
        color: #333333;

      }

        #wrapper #sidebar a {
          color: #333333;
        }

      #wrapper #sidebar #title {
        display:block;
        font-family: Futura, Helvetica, Verdana, sans-serif;
        font-size:22px;
        text-align:center;
        color:#333333;
        background:#ffffff;
        margin-right:-18px;
        margin-bottom:15px;
        margin-top:5px;
        border-bottom:1.5px solid rgba(0, 0, 0, 0.2);
        border-right:1.5px solid rgba(0, 0, 0, 0.2);
       }
      #wrapper #sidebar #title a:hover {
         opacity: 0.7;
         filter: alpha(opacity=70);
         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.7)";
         } 

      #wrapper #sidebar #titletweet {
        display:block;
        font-family: Futura, Helvetica, Verdana, sans-serif;
        font-size:22px;
        text-align:center;
        color:#333333;
        background:#ffffff;
        margin-right:-19px;
        margin-bottom:15px;
        margin-top:5px;
        border-bottom:1.5px solid rgba(0, 0, 0, 0.2);
        border-right:1.5px solid rgba(0, 0, 0, 0.2);
       }
      #wrapper #sidebar #titletweet a:hover {
        color:#33ccff;
         } 

      #wrapper #sidebar #fold {
        margin-top:-16px;
        margin-right:-17px;
        visibility: visible;
        background: url(http://static.tumblr.com/xequfu2/y48kmstaj/fold.png)no-repeat scroll right bottom;
        }

        #wrapper #sidebar #top {
          background: #e0e0e0;
          padding: 0 5px;
        }

          #wrapper #sidebar #top #description {
            font-size: 12px;
            position: relative;
            margin-top: -5px;
            margin-bottom: 10px;
          }

            #wrapper #sidebar #top #description a {
              color: #333333;
              text-decoration: underline;
            }

          #wrapper #sidebar #top #search {
            background: #fff;
          }

            #wrapper #sidebar #top #search form {
              margin: 0;
            }

              #wrapper #sidebar #top #search form .query {
                padding: 4px 2px;
                border: none;
                background: transparent;
                outline: none;
                width: 125px;
                float: left;
                color: #333333;
                font-size: 18px;
              }

              #wrapper #sidebar #top #search form .submit {
                background: #333333;
                color: #fff;
                border: none;
                padding: 5px 7px;
                margin: 2px 2px 2px 0;
                float: right;
                cursor: pointer;
              }

              #wrapper #sidebar #top #search form .submit:hover {
                opacity: 0.9;
                filter: alpha(opacity=90);
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
              }

          #wrapper #sidebar #top .content {
            margin-top: 2px;
            padding: 7px 5px;
            background: #e0e0e0;
            color: #666;
            font-size: 11px;
          }

            #wrapper #sidebar #top a {
              text-decoration: none;
            }

            #wrapper #sidebar #top #following-avatars.content {
              padding: 10px;
              margin-top: -10px;
            }

                #wrapper #sidebar #top #following-avatars.content a img {
                  margin: 2px;
                }

            #wrapper #sidebar #top #buttons {
              padding: 10px 0 0 0;
            }

              #wrapper #sidebar #top #buttons .button {
                width: 63px;
                height: 59px;
                float: left;
                background: left center no-repeat transparent;
                padding: 3px 0 0 3px;
              }
              #wrapper #sidebar #top #buttons .button:hover {
                opacity: 0.7;
                filter: alpha(opacity=70);
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
               } 

                #wrapper #sidebar #top #buttons a {
                  color: {color:Background};
                  text-decoration: none;
                }

                #wrapper #sidebar #top #buttons div {
                  padding-bottom: 3px;
                }

              #wrapper #sidebar #top #buttons .button#button-rss {
                background-image: url(http://static.tumblr.com/xequfu2/XYVkmstkm/rss.png);
              }

              #wrapper #sidebar #top #buttons .button#button-facebook {
                background-image: url(http://static.tumblr.com/xequfu2/pymkmstfn/facebook.png);
              }

              #wrapper #sidebar #top #buttons .button#button-vimeo {
                background-image: url(http://static.tumblr.com/xequfu2/lKJkmstl7/vimeo.png);
              }

              #wrapper #sidebar #top #buttons .button#button-last {
                background-image: url(http://static.tumblr.com/xequfu2/6bAkmstie/last.png);
              }

              #wrapper #sidebar #top #buttons .button#button-flickr {
                background-image: url(http://static.tumblr.com/xequfu2/5xskmsthu/flickr.png);
              }

              #wrapper #sidebar #top #buttons .button#button-mail {
                background-image: url(http://static.tumblr.com/xequfu2/yngkmstk5/mail.png);
              }

          #wrapper #sidebar #bottom {
             background: url(http://static.tumblr.com/xequfu2/8BYkmstdo/shadow-post_side.png) top center   no-repeat transparent;
             height: 15px;

          }

          #wrapper #sidebar #copyright {
            text-align: left;
            color: #333333;
            font-size: 12px;

          }

            #wrapper #sidebar #copyright a {
              color:{color:Inline Link};
              margin-left: 4px;
              text-decoration: underline;
            }

  </style>
  <!--[if lt IE 7.]>
    <style type="text/css">
      }

      #wrapper #sidebar #top .heading#followontumblr {
        background-image: none;
        text-indent: 0;
      }

      #wrapper #sidebar #top .heading#twitter {
        background-image: none;
      }

      #wrapper #sidebar #top .heading#following {
        background-image: none;
      }

      #wrapper #content .post .audio .player {
        float: none;
      }

      #wrapper #content .post .audio .meta {
        display: none;
        float: none;
      }
    </style>
  <![endif]-->

  <!--[if lt IE 8.]>
    <style type="text/css">
      #wrapper #content .bottom {
        background: transparent;
      }

      #wrapper #content .post .footer {
        background: transparent;
        color: #000;
      }

      #wrapper #content .post .audio {
        float: none;
        background: transparent;
      }

      #wrapper #content .post .notecontainer .notes {
        padding: 0;
        margin: 0;
      }
    </style>
  <![endif]-->
  <style type="text/css">{CustomCSS}</style>
</head>
<body>
  <div id="wrapper">
    <div id="title"><a href="/">{Title}</a></div>

    <div id="content">

      {block:SearchPage}
        <div id="searchresults" class="searchresultcount">{SearchResultCount} results for <strong>"{SearchQuery}"</strong></div>
      {/block:SearchPage}

      {block:NoSearchResults}
        <style type="text/css">
          .searchresultcount {
            display: none;
          }
        </style>
        <div id="searchresults">No results for <strong>"{SearchQuery}"</strong></div>
      {/block:NoSearchResults}

      {block:Posts}      
        <div class="post">

          {block:Photo}
 <a href="{Permalink}"><img src="http://static.tumblr.com/xequfu2/HF1kmstqd/photo.png"
                    class="permalink" alt="link"/></a><div class="postinfo">
					<a href="{permalink}" class="type"></a>
					{block:IndexPage}{block:NoteCount}<a href="{permalink}#notes" class="notecount"><b>{NoteCount}</b><span><br>NOTES</span></a>{/block:NoteCount}{/block:IndexPage}
				</div><!-- .postinfo -->
            <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
            {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
          {/block:Photo}

          {block:Video}
 <a href="{Permalink}"><img src="http://static.tumblr.com/xequfu2/fmdkmstsu/video.png"
                    class="permalink" alt="link"/></a><div class="postinfo">
					<a href="{permalink}" class="type"></a>
					{block:IndexPage}{block:NoteCount}<a href="{permalink}#notes" class="notecount"><b>{NoteCount}</b><span><br>NOTES</span></a>{/block:NoteCount}{/block:IndexPage}
				</div><!-- .postinfo -->
            <div class="media">{Video-500}</div>
            {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
          {/block:Video}

          {block:Audio}
 <a href="{Permalink}"><img src="http://static.tumblr.com/xequfu2/KKukmstmb/audio.png"
                    class="permalink" alt="link"/></a><div class="postinfo">
					<a href="{permalink}" class="type"></a>
					{block:IndexPage}{block:NoteCount}<a href="{permalink}#notes" class="notecount"><b>{NoteCount}</b><span><br>NOTES</span></a>{/block:NoteCount}{/block:IndexPage}
				</div><!-- .postinfo -->
            <div class="audio">
              <div class="player">{AudioPlayerWhite}</div>
              <div class="meta">{PlayCountWithLabel}{block:ExternalAudio} • <a href="{ExternalAudioURL}">download</a>{/block:ExternalAudio}</div>
              <div class="clear"></div>
            </div>
            <div class="clear"></div>
            {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
          {/block:Audio}

          {block:Quote}
 <a href="{Permalink}"><img src="http://static.tumblr.com/xequfu2/4vbkmstrb/quote.png"
                    class="permalink" alt="link"/></a><div class="postinfo">
					<a href="{permalink}" class="type"></a>
					{block:IndexPage}{block:NoteCount}<a href="{permalink}#notes" class="notecount"><b>{NoteCount}</b><span><br>NOTES</span></a>{/block:NoteCount}{/block:IndexPage}
				</div><!-- .postinfo -->
            <div class="quote {Length}">{Quote}</div>
            <div class="copy">
              <div class="quotebg">“</div>
              {block:Source}
                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tr>
                    <td valign="top" style="width: 20px">—</td>
                    <td valign="top" class="quote_source">
                      {Source}
                    </td>
                  </tr>
                </table>
              {/block:Source}
            </div>
          {/block:Quote}

          {block:Text}
 <a href="{Permalink}"><img src="http://static.tumblr.com/xequfu2/Swvkmstr1/text.png"
                    class="permalink" alt="link"/></a><div class="postinfo">
					<a href="{permalink}" class="type"></a>
					{block:IndexPage}{block:NoteCount}<a href="{permalink}#notes" class="notecount"><b>{NoteCount}</b><span><br>NOTES</span></a>{/block:NoteCount}{/block:IndexPage}
				</div><!-- .postinfo -->
            {block:Title}<div class="title">{Title}</div>{/block:Title}
            <div class="copy">{Body}</div>
          {/block:Text}

          {block:Chat}
 <a href="{Permalink}"><img src="http://static.tumblr.com/xequfu2/0YSkmstne/chat.png"
                    class="permalink" alt="link"/></a><div class="postinfo">
					<a href="{permalink}" class="type"></a>
					{block:IndexPage}{block:NoteCount}<a href="{permalink}#notes" class="notecount"><b>{NoteCount}</b><span><br>NOTES</span></a>{/block:NoteCount}{/block:IndexPage}
				</div><!-- .postinfo -->
            {block:Title}<div class="title">{Title}</div>{/block:Title}
            <div class="chat">
              <div class="lines">
                {block:Lines}
                  <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
                {/block:Lines}
              </div>
            </div>
            <div class="clear"></div>
            <div style="height: 20px"></div>
          {/block:Chat}

          {block:Link}
 <a href="{Permalink}"><img src="http://static.tumblr.com/xequfu2/BF4kmstoq/link.png"
                    class="permalink" alt="link"/></a><div class="postinfo">
					<a href="{permalink}" class="type"></a>
					{block:IndexPage}{block:NoteCount}<a href="{permalink}#notes" class="notecount"><b>{NoteCount}</b><span><br>NOTES</span></a>{/block:NoteCount}{/block:IndexPage}
				</div><!-- .postinfo -->
            <div class="link"><a href="{URL}" {Target}>{Name} »</a></div>
            {block:Description}<div class="copy">{Description}</div>{/block:Description}
          {/block:Link}


          <a href="{Permalink}">
            <div class="footer">
              <div class="date">

                {block:Reblog}Reblogged{/block:Reblog}
                {block:NotReblog}Posted{/block:NotReblog}

                {TimeAgo}

                {block:Reblog}from {ReblogParentName} {block:RebloggedFromReblog}(originally from {ReblogRootName}){block:RebloggedFromReblog}{/block:Reblog}
                {block:FromBookmarklet}from bookmarklet{/block:FromBookmarklet}
                {block:FromMobile}from mobile{/block:FromMobile}

              </div>
              <div class="clear"></div>
            </div>
          </a>

          {block:HasTags}<div class="footer"><div class="tags">Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div></div>{/block:HasTags}

          {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
        </div>
        <div class="bottom"></div>
      {/block:Posts}

             <div id="nav">
                {block:PreviousPage}
                    <a href="{PreviousPage}">« Previous</a>   
                {/block:PreviousPage}

                {block:NextPage}
                    <a href="{NextPage}" font-size="36px">Next »</a>
                {/block:NextPage}
             </div>

    </div>

    <div id="sidebar">

      <div id="top">
       <div id="title">Descrição</div>
        <div id="fold"><img src="http://static.tumblr.com/xequfu2/y48kmstaj/fold.png" style="visibility:hidden;"></div>
                {block:Description}
            <p id="description">{Description}</p>
        {/block:Description}
        <div id="search">
          <form action="/search" method="get" id="search-form">
            <input type="hidden" name="t" value="{Name}" />
            <input type="hidden" name="scope" value="all_of_tumblr" />
            <input type="text" name="q" class="query" value="{SearchQuery}" />
            <input type="submit" value="Search" class="submit" />
            <div class="clear"></div>
          </form>
        </div>

<! socail icons!>
<! Remove comment arrows to use icons !>
<! insert page links where it says "insert your .... page here"!>


<!--      <div id="buttons">
          <div class="row">
            <a href="{RSS}"><div class="button" id="button-rss"></div></a>
            <! Facebook !>
            <a href="YOUR FACEBOOK PAGE HERE"><div class="button" id="button-facebook"></div></a>
            <! Vimeo !>
            <a href="YOUR VIMEO PAGE HERE"><div class="button" id="button-vimeo"></div></a>
            <! Vimeo !>
          </div>
          <div class="clear"></div>
          <div class="row">
            <! Last.fm !>
            <a href="YOUR LAST.FM PAGE HERE"><div class="button" id="button-last"></div></a>
            <! Flickr !>
            <a href="YOUR FLICKR PAGE HERE"><div class="button" id="button-flickr"></div></a>
            <! Email !>
            <a href="mailto:YOUR EMAIL HERE"><div class="button" id="button-mail"></div></a>
          </div>
          <div class="clear"></div>
        </div>
-->        

       <div id="title"><a href="/">Home</a></div>
         <div id="fold"><img src="http://static.tumblr.com/xequfu2/y48kmstaj/fold.png" style="visibility:hidden;"></div>
       <div id="title"><a href="/archive">Arquivos</a></div>
          <div id="fold"><img src="http://static.tumblr.com/xequfu2/y48kmstaj/fold.png" style="visibility:hidden;"></div>
            </div>
      <div id="bottom"></div>
<br>
<div id="top">
        {block:Twitter}
       <div id="titletweet"><a href="http://twitter.com/{TwitterUsername}">TWITTER</a></div>
        <div id="fold"><img src="http://static.tumblr.com/xequfu2/y48kmstaj/fold.png" style="visibility:hidden;"></div>



        <div id="twitterwrapper" style="display: none">
          <a href="http://twitter.com/{TwitterUsername}" style="text-decoration: none"><div class="heading" id="twitter">Latest Tweets</div></a>
          <div id="tweetcontainer"></div>
          &lt;script type="text/javascript">
            function recent_tweets(data) {
              document.getElementById("twitterwrapper").style.display = "block";
              for(i = 0; i < data.length; i++) {
                document.getElementById("tweetcontainer").innerHTML = document.getElementById("tweetcontainer").innerHTML + '<a href="http://twitter.com/{TwitterUsername}/status/' + data[i].id + '"><div class="content">' + data[i].text + '</div></a>';
              }
            }
          </script>
        </div>
        {/block:Twitter}


       <div id="title">Seguindo</div>
         <div id="fold"><img src="http://static.tumblr.com/xequfu2/y48kmstaj/fold.png" style="visibility:hidden;"></div>


        {block:Following}
          <div class="content" id="following-avatars">
            {block:Followed}<a href="{FollowedURL}"><img src="{FollowedPortraitURL-40}" /></a>{/block:Followed}
          </div>
        {/block:Following}


  </div>

      <div id="copyright"><div id="bottom"></div><br>Powered by<a href="http://www.tumblr.com">Tumblr</a><br>Designed by<a href="http://www.doinwork.tumblr.com">DOINWORK</a> ™</div>

    </div>

    <div class="clear"></div>
  {block:Twitter}
    &lt;script type="text/javascript" src="/tweets.js"></script>
  {/block:Twitter}
</body>
</html>

já de antemão, agradeço a quem responder e me ajudar!

Jonathan Queiroz · Agosto 6, 2009

Apenas com HTML não é possível fazer isso.

É necessária linguagem server-side, como PHP.

Entrar

Adicionar espaço para comentários.

Pergunta

phaeld

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Jonathan Queiroz

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades