Mostrando postagens com marcador Blogger. Mostrar todas as postagens
Mostrando postagens com marcador Blogger. Mostrar todas as postagens

22 de nov. de 2012

Publicidade em todas as postagens

Anônimo
0
1° Vá em Modelo>>Editar Hmtl>>Expandi modelo de widjet aperte CTRL+F e procure por:

<data:post.body/>

Depois vc vai colar o código do banner q vc quer fique em todos post abaixo da tag citada acima
Simples assim galera. até a próxima.

17 de nov. de 2012

Ícones flutuantes para redes sociais

Near
0
Com este gadget você pode incluir botões para as redes sociais que você participa, desta forma estará divulgando aos seus leitores e convidando-os a acompanhar você ou o conteúdo do seu blog nas redes sociais.
Eu já publiquei um tutorial ensinando a instalar um Icone de Feed Flutuante no blog, e agora veremos como instalar vários outros ícones flutuantes para as redes sociais.
Os ícones aparecem fixos no blog, no canto esquerdo.
Vá em layout e escolha o modo "HTML/javascript" e cole o codigo

Data em todas as postagens do mesmo dia

Anônimo
0
Essa é simples galera, então mãos a obra
1° Vá em Modelo>>Editar html>>Expadir Modelo De Widjet e procure por:

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

Depois de encontra-lo substitua por:
<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>

Salve e pronto.

Resumo de postagem automatica com imagem

Anônimo
0
Recomendo fazer o beckup do seu template antes de alterar qualquer coisa entao vamos la...

1° Vá em Modelo>>Editar html aperte CTRL+F e busque por:

]]></b:skin>

2° Cole os seguinte codigo a baixo da tag citada acima

.post-thumbnail{float:left;margin-right:20px} // Para imagem a esquerda

ou

.post-thumbnail{float:right;margin-left:20px} // Para imagem a direita

3° Clique em "Expandir Modelo de Widget" e procure por:

<data:post.body/>

4° Substitua o codigo acima pelo codigo citado a baixo:

Resumo de postagem Automatica com imagem na pagina inicial

Gadget top comentaristas com avatar

Anônimo
0
Bom galera essa é bem facil, então vamos lah

1° Vc vai em Layout adiciona um novo gadget html/javascript e cole o seguinte código:

<style type="text/css">
.top-commenter-line     {margin: 3px 0;}
.top-commenter-avatar   {vertical-align:middle;}
</style>
<script type="text/javascript">
//
// Top Commentators gadget with avatars, by MS-potilas 2012.
// Gets a list of top commentators from all comments, or specified number of days in the past.
// See http://yabtb.blogspot.com/2012/05/top-commenters-gadget-with-avatars.html
//
// CONFIG:
var maxTopCommenters = 5;   // how big a list of top commentators
var minComments = 1;        // how many comments must top commentator have at least
var numDays = 0;            // from how many days (ex. 30), or 0 from "all the time"
var excludeMe = true;       // true: exclude my own comments
var excludeUsers = ["Anonymous", "someotherusertoexclude"];     // exclude these usernames
var maxUserNameLength = 42; // 0: don't cut, >4: cut usernames
//
var txtTopLine = '<b>[#].</b> [image] [user] ([count])';
var txtNoTopCommenters = 'No top commentators at this time.';
var txtAnonymous = '';      // empty, or Anonymous user name localized if you want to localize
//
var sizeAvatar = 16;
var cropAvatar = true;
//
var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7TWPMHu0lst3qPcfRx7ZUjc883z7ijM9F9POyF5gQhhItHc9qA8CdP4Tm5gEfYdxhC4xVtBCW-LAUL7kewYNkNzS8inp71Tv1eVKjsZn_UDNUpirZqsyNhDKhpkneaZsB5PZVDPFgRtE/"+sizeAvatar+"/avatar_blue_m_96.png"; //http://www.blogger.com/img/avatar_blue_m_96.png resizeable
var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s='+ sizeAvatar;
var urlMyProfile = ''; // set if you have no profile gadget on page
var urlMyAvatar = '';  // can be empty (then it is fetched) or url to image
// config end
// for old IEs & IE modes:
if(!Array.indexOf) {
Array.prototype.indexOf=function(obj) {
  for(var i=0;i<this.length;i++) if(this[i]==obj) return i;
  return -1;
}}
function replaceTopCmtVars(text, item, position)
{
  if(!item || !item.author) return text;
  var author = item.author;

  var authorUri = "";
  if(author.uri && author.uri.$t != "")
    authorUri = author.uri.$t;

  var avaimg = urlAnoAvatar;
  var bloggerprofile = "http://www.blogger.com/profile/";
  if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
    avaimg = author.gd$image.src;
  else {
    var parseurl = document.createElement('a');
    if(authorUri != "") {
      parseurl.href = authorUri;
      avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;
    }
  }
  if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")
    avaimg = urlMyAvatar;
  if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")
    avaimg = urlNoAvatar;
  var newsize="s"+sizeAvatar;
  avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");
  if(cropAvatar) newsize+="-c";
  avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");

  var authorName = author.name.$t;
  if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)
    authorName = txtAnonymous;
  var imgcode = '<img class="top-commenter-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';
  if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';

  if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)
    authorName = authorName.substr(0, maxUserNameLength-3) + "...";
  var authorcode = authorName;
  if(authorUri!="") authorcode = '<a class="profile-name-link" href="'+authorUri+'">'+authorcode+'</a>';

  text = text.replace('[user]', authorcode);
  text = text.replace('[image]', imgcode);
  text = text.replace('[#]', position);
  text = text.replace('[count]', item.count);
  return text;
}

var topcommenters = {};
var ndxbase = 1;
function showTopCommenters(json) {
  var one_day=1000*60*60*24;
  var today = new Date();

  if(urlMyProfile == "") {
    var elements = document.getElementsByTagName("*");
    var expr = /(^| )profile-link( |$)/;
    for(var i=0 ; i<elements.length ; i++)
      if(expr.test(elements[i].className)) {
        urlMyProfile = elements[i].href;
        break;
      }
  }

  for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
    var entry = json.feed.entry[i];
    if(numDays > 0) {
      var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601
      var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);

      //Calculate difference btw the two dates, and convert to days
      var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));
      if(days > numDays) break;
    }
    var authorUri = "";
    if(entry.author[0].uri && entry.author[0].uri.$t != "")
      authorUri = entry.author[0].uri.$t;

    if(excludeMe && authorUri != "" && authorUri == urlMyProfile)
      continue;
    var authorName = entry.author[0].name.$t;
    if(excludeUsers.indexOf(authorName) != -1)
      continue;

    var hash=entry.author[0].name.$t + "-" + authorUri;
    if(topcommenters[hash])
      topcommenters[hash].count++;
    else {
      var commenter = new Object();
      commenter.author = entry.author[0];
      commenter.count = 1;
      topcommenters[hash] = commenter;
    }
  }
  if(json.feed.entry.length == 200) {
    ndxbase += 200;
    document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');
    return;
  }

  // convert object to array of tuples
  var tuplear = [];
  for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);

  tuplear.sort(function(a, b) {
    if(b[1].count-a[1].count)
        return b[1].count-a[1].count;
    return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;
  });

  // list top topcommenters:
  var realcount = 0;
  for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {
    var item = tuplear[i][1];
    if(item.count < minComments)
        break;
    document.write('<di'+'v class="top-commenter-line">');
    document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));
    document.write('</d'+'iv>');
    realcount++;
  }
  if(!realcount)
    document.write(txtNoTopCommenters);
}
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');
</script>

Feito isso é so salvar e pronto ;)

16 de nov. de 2012

Colocando formulário em seu blog/site.

Near
0
Olá galera, ai trago um código que muitos precisam, ou gostam. Hoje em dia os formulários são muito usados em sites e blogs, para isso trago a vocês o código do formulário.
Adicionando o codigo
Você pode colocar esse código aonde quiser (Postagens, Gadgets Html/ JavaScript) e muito mais!
<form name="formulario" action="http://scripts.redehost.com.br/formmail.aspx" method="post"><input type=hidden name="destino" value="SEU EMAIL"><br /> <input type=hidden name="enviado" value="http://www.seudominio.xxx.yy/enviado.htm"><br /> <p><b>Nome:</b><br><br /> <input type=text name="nome" size="45"></p><br><br /> <p><b>Email:</b><br><br /> <input type=text name="email" size="45"></p><br><br /> <p><b>Assunto:</b><br><br /> <input type=text name="assunto" size="45"></p><br><br /> <p><b>Mensagem:</b><br><br /> <textarea name="Mensagem" rows="10" cols="60" wrap="virtual">

Pronto salve e vê como fico...

15 de nov. de 2012

Como colocar headlines automáico

Near
0
Galera um tutorial fácil e simples, primeiramente é como colocar HEADLINES automático, muito bom e além disso não precisa ficar atualizando o seu gadget headlines, pois simplesmente atualiza sozinho!!

Vá em layout adicionar um gadget "Html/JavaScript" adicionar o código abaixo:
<div id="mtrpwb"><script src="https://sites.google.com/site/projectdigitaltomato/blogger/js/rpost-english2.js"> </script><br /> <script> var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true; </script><br /> <script src="O URL do Seu Site/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"> </script><br /> </div>


Agora e so você editar essa duas partes:

[ var numposts = 5 ] O numero 5 e o numero de post que ira aparecer.
[ O URL do seu site ] Você irar coloca o seu Link de esseço ao seu blog.

Pronto !

Efeito LightBox em Fotos

Near
0
Essa dica permite exibir imagens em miniatura, abrir em zoom dentro da pagina, com um efeito super profissional, essa dica tanto serve para o blogger e Wordpress.org.
Atenção antes de colocar este efeito e bom saber que da conflito com o gadget de seguidores do blogger, portanto e bom não colocar os Seguidores no blog
Para colocar o efeito no seu blog siga as instrunções a seguir:

1° Adicionar no Wordpress.org ou abra o menu depois abra o modelo "Cabeçalho (header.php)
3° Se for no Blogger (Blogspot), vá ao menu "Layout", "Editar HTML"
2° E procure pela tag

</head>