This is machine translation of orginal blog.

Adicionando a barra Rank à entrada de MovableType

Recentemente, eu adicionei barras Rank a todas as entradas recentes, como você pode ter observado.

As barras Rank são as barras verdes unidas a cada um dos títulos da entrada. Revela a popularidade da entrada pelo número dos comentários sob essa entrada. Os mais longos, mais os comentários que tem. Quando você move seu rato sobre para a barra, o número dos comentários está mostrado como a ponta da ferramenta. Realmente, cada pixel 10 na largura dos meios do sistema do comentário 1 comentário.

O problema que eu me encontrei com quando eu projetava esta característica sou, isso o número dos comentários não é equilibrado entre as entradas. Embora a maioria de entradas tenham 2 a 5 comentários, algumas entradas têm mais de 100 comentários. Por exemplo, este na categoria do Spam tem 234 comentários já. Se eu usar o pixel 10 por 1 algrithm do comentário, será o pixel 2340 na largura e girará as páginas na massa grande.

Finalmente, eu ponho um outro Tag do <span> com largura do pixel 100 e ajusto o estilo do excesso ao escondido, que significa que toda a parte extra fora da extensão é hide, assim que a largura possível a mais longa é o pixel 100. (Eu posso mudar esta limitação da largura sem update este artigo no futuro).

Está aqui o código para executar esta característica.

o class= " coment-cabeça " do <div >Related entradas: </div>
<ul><MTRelatedEntries>
lastn= " 6 " dos <MTEntries >
largura do style= <span de $></i> " do href= " do <li><a " <MTEntryLink> " ><MTEntryTitle></a> - format= " %b %d de <i><$MTEntryDate, %Y: 100; excesso: escondido; do “alt= " border= " do height= " 4” ><img " do absMiddle do " align= " do” width= " <$MTEntryCommentCount$>0 dos comentários de <$MTEntryCommentCount$> 0 " src= " http://home.wangjianshuo.com/archives/2003/08/20/screen-rank.bar.gif " ></span>
</MTEntries>
</MTRelatedEntries>

Que você pensa desta característica? Como ela? Você pode tentá-la em seu próprio blog (se você para o possuir um blog e powered por MovableType). Colar sua ligação no sistema do comentário deixar-nos saber.

MovableType 4,2 é decepcionante
Assinaturas permitiu a este blog
MovableType Dirify Mudar para UTF-8
MovableType 4,01 e Bluehost CPU excedido erro
Wangjianshuo's Blog Template Archives 2007
FeedBurner é um serviço útil
Promovido ao tipo móvel 4
MovableType 4 finalmente para fora
MovableType 4 está quase para fora
MTSubCategory de MovableType
Adicionado hoje na história
Copyright removido de “Chedong”
Apoio do molde individual do arquivo da entrada
Adicionando a sustentação do Tag a MovableType
Página adicionada do perfil de Commenter a MovableType
Tag adicionado ao molde do arquivo da categoria
Blog de Wangjianshuo

” Tópicos Home” este Tag adicionado de” MovableType” do local ao molde do arquivo da categoria

Tag adicionado ao molde do arquivo da categoria

Etiquetar é importante. MovableType não suporta etiquetar. Há um plugin para ele, mas aplica-se somente a MovableType 3.16 ou mais elevado, não meu MovableType 2.66.

Categoria assim I leveraged como o Tag em MovableType 2.66. Para adicionar bastante categorias que cobre todo o “Tag” mim querem criar. Talvez no futuro, eu necessito someways automatizar criar, traçar e o final “excepto” a ação do sistema etiquetando em MovableType.

Entrementes, eu adicionei muitos característica relacionada Tag a este blog, como a foto do flickr com o mesmo Tag venho também ao local.

Molde novo (após novembro 17, 2005):

<br /> <html><br /> <head> <br /> <br /> <title><>: <></title><br /> <link rel="stylesheet" href="/jianshuowangstyle.css" type="text/css" /><br /> <link rel="alternate" type="application/rss+xml" title="RSS" href="<$MTBlogURL$>index.rdf" /><br /> <style><br /> .Headlines { border:1px solid #336699; <br /> padding:5; <br /> background-color: #EAEFF4 }<br /> .Headings { border-bottom:4px solid #336699; <br /> text-transform:uppercase;<br /> font-weight:800;}<br /> </style><br /> </head><br /> <body> <br /> <><br /> <div class="blog"></p> <p><br /> <p class="Headlines"><mtcategories><br /> <><br /> </mtcategories></p></p> <p><script language="vbscript"><br /> On Error Resume Next<br /> For Each e in document.all<br /> If e.tagName = "A" AND e.className <> "" Then<br /> n = CInt(e.className)</p> <p> e.style.fontSize = "90%"<br /> If n > 2 Then e.style.fontSize = "95%"<br /> If n > 4 Then e.style.fontSize = "100%"<br /> If n > 8 Then e.style.fontSize = "110%"<br /> If n > 16 Then e.style.fontSize = "120%"<br /> If n > 64 Then e.style.fontSize = "130%"<br /> If n > 128 Then e.style.fontSize = "140%"<br /> If n > 256 Then e.style.fontSize = "150%"<br /> End If<br /> Next<br /> </script><br /> </p> <p class="Headings"><></p> <div class="lw"> <p><mtentries lastn="5"><br /> <div class="l" style="padding:5px"><br /> <a name="<$MTEntryID pad=" 1="">“></a><br /> <><br /> <p><></p><br /> <small>Afixado perto</small> <> <small>em</small> <><br /> <mtentryifallowcomments><br /> <small>| <a href="<$MTEntryPermalink$>#comments">comentários (</a></small><><small><a href="<$MTEntryPermalink$>#comments">)</a></small></mtentryifallowcomments><br /> </div><br><br /> </mtentries></p> <p><mtentries lastn="1000" offset="5"></p> <div class="l" style="padding:5px"> <a name="<$MTEntryID pad=" 1="">“></a> <> <br><small>Afixado perto</small> <> <small>em</small><><mtentryifallowcomments> <small>| <a href="<$MTEntryPermalink$>#comments">comentários (</a></small><><small><a href="<$MTEntryPermalink$>#comments">)</a></small></mtentryifallowcomments> </div><br> <p></mtentries></p> <p><br /> </div><br /> <div class="lm"><font color="white">a</font></div><br /> <div class="le"><br /> <center><br /> <script type="text/javascript"></script><br /> <script type="text/javascript"> src="http://pagead2.googlesyndication.com/pagead/show_ads.js"><br /> </script></center></p> </div> <center><></cetner> <script type="text/javascript">  </script> </body> </html> <p>

Molde velho (antes de Dec 17, 2005):

<html><br /> <head> <br /> </p> <p><title><>: <> Arquivos</a></li><li><a href="http://home.wangjianshuo.com/pt/20040514_movabletype_30_released.htm">MovableType 3.0 liberado</a></li><li><a href="http://home.wangjianshuo.com/pt/20040210_individual_entry_archive_template.htm">Molde individual do arquivo da entrada</a></li><li><a href="http://home.wangjianshuo.com/pt/20031109_movabletype_suggestions.htm">Sugestões de MovableType</a></li><li><a href="http://home.wangjianshuo.com/pt/20031027_invalid_login_on_my_movabletype.htm">Início de uma sessão inválido em meu MovableType</a></li><li><a href="http://home.wangjianshuo.com/pt/20030823_adding_rank_bar_to_movabletype_entry.htm">Adicionando a barra Rank à entrada de MovableType</a></li><li><a href="http://home.wangjianshuo.com/pt/20030131_db_file_error_when_installing_movabletype.htm">Erro de DB_File ao instalar MovableType</a></li><li><a href="http://home.wangjianshuo.com/pt/20021028_add_unsubscribe_function_to_movabletype.htm">Adicionar a função de Unsubscribe a MovableType</a></li><li><a href="http://home.wangjianshuo.com/pt/20020911_movabletype_successfully_installed_on_windows_xp.htm">MovableType instalado com sucesso em Windows XP</a></li></ul><br> <center><b>Adicionando a barra Rank à entrada de MovableType</b> and other articles in this blog:<br> © Jian Shuo Wang 2001-2008. </center> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-52458-1"; urchinTracker(); </script> </body> </html>

Adicionando a barra Rank à entrada de MovableType

Tag adicionado ao molde do arquivo da categoria