Tecnologia do Blogger.

Template Free Flowers



Olá pessoal, hoje resolvi postar aqui o meu primeiro template free... Ele é básico, mais é fofo demais... Bem para você editar ele, você tem que saber mexer um pouquinho em editor de imagem, tudo bem?

No topo do blog a Imagem é a que está abaixo com o nome MK no meio da Logo. Para esse nome ser mudado você tem que editar ou no Photophop, Photofiltre, até no Paint dá pessoal, é só ter paciência. (A imagem sem Mk estará no arquivo Downloads)



Menu


Esse menu do blog é o Menu fixo, acho que todos já devem ter ouvido falar dele, para editar e facil o codigo é o seguinte:

Vá em " Layout", Adicionar um Gadget HTML/JavaScript E cole esse Código:

<div id="mymenuda">

<div id="mymenu">

<li><a href=" Link ">Título</a></li>

<li><a href="Link ">Título</a></li>

<li><a href=" Link ">Título</a></li>

<li><a href=" Link ">Título</a></li>
<li><a href=" Link ">Título</a></li></div>
<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" type="text" value="" />
<input class="searchbut" type="submit" value="" />
</form>
<div id='mymenuright'>
</div></div>


Editando o código:

<li><a href=" Link do Menu ">Título do menu</a></li>

No Link do menu você coloca o link da pagina, Url explicando melhor e no Título é o nome Home, Quem sou, você escolhe.




Postagem do blog:

Para deixar a postagem certinha como essa olhem na imagem acima, ela tem que estar com as seguintes formas: 

Você vai em Layouts, Postagem no blog e editar. A Data tem que ficar no formato da imagem: ( é o penúltimo formato de data)



Agora nesse mesmo lugar você vai desmarcar os seguintes quadradinhos: POSTADO POR, LINK PARA ESSA POSTAGEM, REAÇÕES, MOSTRAR EDIÇÃO RÁPIDA, MOSTRAR LINKS PARA ENVIAR ESSA POSTAGEM,MOSTRAR BOTÕES DE COMPARTILHAMENTOS, LOCAL, MOSTRAR PERFIL ABAIXO DA POSTAGEM E EXIBIR ANUNCIOS ENTRE AS POSTAGENS. 

Deve ficar assim abaixo: 


O que vai ficar marcado é a DATA, MARCADORES E COMENTÁRIOS.

Essa parte está prontinha, agora vamos para o rodapé do blog:

Para Editar o rodapé você vai ter que ir no codigo HTML do blog, calma não se preocupe, não é nada dificil isso não:

Colocou em MODELO, clica em EDITAR HTML, e depois corre a barra lateral do quadradinho até o final, lá terá um link que é o que você vai Mudar, mais por favor não retire os créditos.

3 QUADRADINHOS COM AS ULTIMAS POSTAGENS.


Esse Gagets, tem que ficar acima do Postagem no blog, pois senão o blog ficará desconfigurado. Vá em Layouts, adicionar um Gadgets, HTML/JAVASCRIPT. Creio que o adicinar Gadgets estará na lateral, ai você tem que puxar acima da postagem, não se esqueça.

Deve ficar assim:


CODIGO

function bsrpGallery(root) {<script>
var entries = root.feed.entry || [];
var html = ['<div class="bsrp-gallery nopin">'];
for (var i = 0; i < entries.length; ++i) {
var post = entries[i];
var postTitle = post.title.$t;
var orgImgUrl = post.media$thumbnail ? post.media$thumbnail.url : 'http://2.bp.blogspot.com/-OSlo4lj_H4w/VRMrRXuZWyI/AAAAAAABCNA/RQsmcuaWiEE/s1600/sem.gif';
var newImgUrl = orgImgUrl.replace('s72-c', 's' + bsrpg_thumbSize + '-c');
var links = post.link || [];
for (var j = 0; j < links.length; ++j) {
if (links[j].rel == 'alternate') break;
}
var postUrl = links[j].href;
var imgTag = '<img src="' + newImgUrl + '" width="' + bsrpg_thumbSize + '" height="' + bsrpg_thumbSize + '"/>';
var pTitle = bsrpg_showTitle ? '<span class="ptitle">' + postTitle + '</span>' : '';
var item = '<a href="' + postUrl + '" title="' + postTitle + '">' + imgTag + pTitle + '</a>';
html.push('<div class="bs-item">', item, '</div>');
}
html.push('</div>');
document.write(html.join(""));
}
hoje = new Date()
numposts = 1;  /*--define em qual post começa a exibição --*/
var bsrpg_thumbSize = 197;  /*--define o tamanho das miniaturas --*/
var bsrpg_showTitle = true;
document.write("<script src=\"/feeds/posts/default?start-index="+numposts+"&max-results=3&orderby=published&alt=json-in-script&callback=bsrpGallery\"><\/script>");</script>


Agora vamos ao código:

 Gente estou disposta a colocar vários Templates free aqui para vocês, mais para isso preciso que não retirem os créditos. O que eu peço.

- Usou faça um post divulgando, se poder não é obrigatório. 
- Comente e deixe o link do seu blog, quero ver como ficou o template e divulgar na minha pagina.

É só isso gente, espero que gostem, fiz com carinho.

 Clique e Baixe aqui


2 comentários