sábado, 16 de julho de 2011

Como expandir os marcadores?



CRÉDITOS TOTAIS: T e A

Primeiro abra o seu painel do blogger: www.blogger.com> clique em design> editar HTML> marque a opção expandir modelos de widget:


A imagem acima `e do modelo novo do blogger, que você pode conferir através do blog em rascunho=
draft.blogger.com
Procure então por todo o código abaixo: (para facilitar, procure por essa primeira linha destacada em vermelho. Não se esqueça de clicar no botão "F3" em seu teclado)


<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
    <b:if cond='data:display == "list"'>
      <ul>
    <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='"label-size label-size-" + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

Substitua então por todo esse código abaixo, colocando o endereçoo de seu blog no local destacado.:

<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<script type='text/javascript'>
// <![CDATA[
home_page = 'AQUI O ENDEREÇO DE SEU BLOG';
max_rc_posts = 500;
function showentry(json){
var maxp = (max_rc_posts <= json.feed.entry.length) ? max_rc_posts : json.feed.entry.length;
var text = "<ul>";
for (var i = 0; i < maxp; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
text += "<li><img src='http://4.bp.blogspot.com/-8msEy-iCHUk/TiCeUs-yjUI/AAAAAAAAATU/giZmYhwI3eI/s1600/finished-work.png'/><a href='"+posturl+"'>" + posttitle + "</a></li>";
}
text += "</ul>";
document.getElementById("showItemLabel").innerHTML = text;
}
function showPostLabel(sPL_label,e){
var isDOM = (navigator.appName.match("Microsoft Internet Explorer") || navigator.appName.match("MSIE")) ? false : true;
var check = document.getElementById("showItemLabel");
if(check) {
if(!isDOM) { check.removeNode(true); }
else {check.parentNode.removeChild(check);}
}
var elm;
if(e.target) elm = e.target;
else elm = window.event.srcElement;
var div = document.createElement('div');
div.innerHTML = "";
div.id = "showItemLabel";
if(!isDOM) { elm.insertAdjacentElement('afterEnd', div); } else { elm.parentNode.insertBefore(div, this.nextSibling); }
var elm2 = document.getElementById("showItemLabel");
elm2.style.display = "inline";
elm2.innerHTML = "<br/><img src='http://2.bp.blogspot.com/-jPJlj8DLGUw/TiCgCZcmkCI/AAAAAAAAATc/XKvTmuXwdKs/s1600/loading+%25281%2529.gif'/>";
var script = document.createElement('script');
script.src = home_page+"feeds/posts/summary/-/"+sPL_label.replace(/ /g,"%20")+"?start-index=1&max-results="+max_rc_posts+1+"&alt=json-in-script&callback=showentry";
script.type = "text/javascript";
document.getElementsByTagName('head')[0].appendChild(script);
}
// ]]>
</script>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/> <span dir='ltr'/> <a expr:onMouseOver='&quot;showPostLabel(\&quot;&quot; + data:label.name + &quot;\&quot;,event)&quot;' href='javascript:void(0)'>&#9660;</a>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><img src='http://3.bp.blogspot.com/-Mk2b6rNlK5U/TiCeVGpGqMI/AAAAAAAAATY/cC79YopOMlA/s1600/folder.png'/><data:label.name/></a>
<a expr:onMouseOver='&quot;showPostLabel(\&quot;&quot; + data:label.name + &quot;\&quot;,event)&quot;' href='javascript:void(0)'>&#9660;</a>
</b:if>
</li>
</b:loop>
</ul>

</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Agora procure por:

]]></b:skin>

E ANTES dele cole o código abaixo:
/*Label------------------------------------------------------------------------------------------------*/
#Label1 {
border: 2px solid #ccc;
}
#Label1 h2 {
text-shadow: 1px 1px 1px #fff;
background: #ccc;
text-align: center;
font-size: 16px;
padding: 8px 0;
}
#Label1 ul{list-style:none;padding:1px 0px;
}
#Label1 li  {  border-bottom:1px solid #ccc;
}
#Label1 li a:link { color: #808080;
}

2 comentários:

  1. comenta meu post ?? www.modacomvitoria.blogspot.com

    ResponderExcluir
  2. A Leila Bastos não é minha mãe, ela só uma blogueira e ela e a mãe dela tem uma loja.

    www.luuh-mendonca.blogspot.com
    @Luaramendoncaa

    ResponderExcluir

O blog Garota Etc é um blog que produz conteúdos originais de diferentes temas. Espiritualidade, astrologia, viagens e etc.
Aqui você terá acesso a fotos e notícias. Textos sobre a sociedade e o mundo em que vivemos. Criticas sociais e entretenimento.
Acesse o blog e fique por dentro das novidades.
Comente e divirta-se.