Postagens Recentes

31 de jul de 2010

Slide com as postagens automaticamente no Blogger

17 comentários:


Pizco ensinou e eu trouxe de la esta dica. Um slide que instalado de forma muito fácil já envia automaticamente as postagens.


Basta copiar o código, colar no HTML/Javascript, colocar o endereço de seu blog e no local indicado e pronto





<div class="widget-content">
<style>
#slideshow {
width: 960px; /*aqui o comprimento do slide*/
margin: 5px;
padding:0;
background:#fff;
height:270px;
overflow:hidden;
border:1px dashed #3A3B4C;
box-shadow: 0px 0px 1em #3A3B4C;
-webkit-box-shadow: 0px 0px 1em #3A3B4C;
-moz-box-shadow: 0px 0px 1em #3A3B4C;
margin: 6px 8px 6px 8px;
padding: 1px 2px 1px 2px;
}
#slideshow ul {
background:transparent;
margin: 0;
padding: 0;
list-style-type: none;
}
#slideshow .slides {
width:565px;
overflow: hidden;
float:left;
color: #000;
text-shadow: #fff 1px 1px 1px, #000 -1px -1px 1px;
}
#slideshow .slides ul {
float:left;
overflow: hidden;
width:565px;
height:270px;
}
#slideshow .slides li {
display:none;
left:-99999em;
width:565px;
height:270px;
display:block;
overflow: hidden;
background:#fff;
position:relative;
z-index:1;
}
.js #slideshow .slides li {
margin: 0;
padding: 0;
list-style-type: none;
width:565px;
height:270px;
display:block;
overflow: hidden;
background:#fff;
position:relative;
z-index:1;
}
.js #slideshow .slides li .entry {
width:565px;
height: 50px;/*area inscrição*/
padding: 5px;
overflow: hidden;
position:absolute;
bottom:0;
left:0;
background:#585976;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
#slideshow .slides li .entry p {
margin: 0;
}
#slideshow .slides li .entry h2 ,
#slideshow .slides li .entry h2 a,
#slideshow .slides li .entry h2 a:link,
#slideshow .slides li .entry h2 a:visited,
#slideshow .slides li .entry h2 a:hover,
#slideshow .slides li .entry h2 a:active  {
font-size: 20px;
line-height: 1.1em;
margin:0;
color: #000;
text-shadow: #000 1px 1px 1px, #ccc -1px -1px 1px; !important;
margin: 0;
letter-spacing:0;
border:none !important;
}
#slideshow  ul.slides-nav {
height:270px;
width:395px;
margin:0;
padding: 0;
float:right;
overflow:hidden;
}
#slideshow .slides-nav li {
display:block;
margin:0;
padding:0;
list-style-type:none;
display:block;
border-bottom: 1px dashed #3A3B4C;
border-left: 1px dashed #3A3B4C;
}
#slideshow .slides-nav li a {/*area slide menor*/
width:375px;
font-family:arial,helvetica,sans-serif;
display:block;
margin:0;
padding:7px;
list-style-type:none;
display:block;
height:12px;
color: #000;
text-shadow: #fff 1px 1px 1px, #ccc -1px -1px 1px;
font-size:10pt;
overflow:hidden;
background: #fff;
line-height:1.35em;
}
slides.ul li {
background-attachment:scroll;
background-color:transparent;
background-position:center top;
background-repeat:no-repeat;
display:block;
height:270px;
left:0;
opacity:1;
position:absolute;
top:0;
width:540px;
z-index:6;
}
.js #slideshow .slides-nav li.on a {
background: #585976;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
text-shadow: #000 1px 1px 1px, #ccc -1px -1px 1px;
}
.js #slideshow .slides-nav li a:hover,
.js #slideshow .slides-nav li a:active {
color:#000;
}
#slideshow .slides-nav li a img.post-thum,
#slideshow .slides-nav li a img.thumbnail {
float:left;
margin: -2px 10px 0 0;
padding:2px;
border: 1px solid #aaa;
width:70px;
height:18px;
}
.js #slideshow .slides-nav li.on a img.post-thum,
.js #slideshow .slides-nav li.on a img.thumbnail {
background:#fff !important;
}
</style>

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://3.bp.blogspot.com/_BaCxSD9NFn8/TFImJ3xTRpI/AAAAAAAABpQ/CM1uyut9_R0/s320/templatesww.png";
showRandomImg = true;
aBold = true;
summaryPost = 300; //
summaryTitle = 250; //
numposts = 10; //
home_page = "AQUI O ENDEREÇO DO SEU BLOG";
function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<ul class="slides-nav">');
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
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;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
posttitle = (aBold) ? ""+posttitle+"" : posttitle;
var trtd = ' <li id="post-'+i+'" class="clearfix"> <a href="#main-post-'+i+'" class=""><img height="150px" width="150px" class="post_thumbnail thumbnail thumbnail post_thumbnail" alt="" src="'+img[i]+'"/>'+posttitle+'</a> </li> ';
document.write(trtd);
j++;
}
document.write('</ul>');
}
function showrecentposts1(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<ul class="clearfix" style="position: relative;">');
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
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;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
posttitle = (aBold) ? ""+posttitle+"" : posttitle;
var trtd = '<li style="background: transparent url('+img[i]+')" id="main-post-'+i+'"><div class="entry"><h2 class="post-title"><a href="'+posturl+'">'+posttitle+'</a></h2> <p>'+removeHtmlTag(postcontent,summaryPost)+'</p></div></li> ';
document.write(trtd);
j++;
}
document.write('</ul>');
}
</script>
<script src="http://sites.google.com/site/menuhorizontal2/slidefeed/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$slideshow = {
context: false,
tabs: false,
timeout: 7000,
slideSpeed: 1000,
tabSpeed: 1000,
fx: 'toss',
init: function() {
this.context = $('#slideshow');
this.tabs = $('ul.slides-nav li', this.context);
this.prepareSlideshow();
},
prepareSlideshow: function() {
$('div.slides > ul', $slideshow.context).cycle({
fx: $slideshow.fx,
timeout: $slideshow.timeout,
speed: $slideshow.slideSpeed,
fastOnEvent: $slideshow.tabSpeed,
pager: $('ul.slides-nav', $slideshow.context),
pagerAnchorBuilder: $slideshow.prepareTabs,
before: $slideshow.activateTab,
pauseOnPagerHover: true,
pause: true
});
},
prepareTabs: function(i, slide) {
return $slideshow.tabs.eq(i);
},
activateTab: function(currentSlide, nextSlide) {
var activeTab = $('a[href="#' + nextSlide.id + '"]', $slideshow.context);
if(activeTab.length) {
$slideshow.tabs.removeClass('on');
activeTab.parent().addClass('on');
}
}
};
$(function() {
$('body').addClass('js');
$slideshow.init();
});
</script>


<div id="slideshow" class="clearfix">
<div class="slides">
<script language="JavaScript">
document.write("<script src=\""+home_page+"feeds/posts/default/?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script></div>
<div class="slides-nav">
<script language="JavaScript">
document.write("<script src=\""+home_page+"feeds/posts/default/?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>

</div>
</div>
</div>

<script src='http://sites.google.com/site/menuhorizontal2/slidefeed/jquery.cycle.js' type='text/javascript'/></script>

29 de jul de 2010

Menu vertical com imagens fixas na lateral do blog

4 comentários:
Nem sei se já havia dado essa dica, mas aí está. O menu vertical com imagens. Copie e cole no HTML/Javascript em seu blog, faça as modificações e pronto.

ATENÇÃO O  código na cor vermelha deverá ser trocado pelo número de seu código para a página de favoritos que você deverá fazer em Add This Social Bookmaker Note que o número deverá ser os últimos que constam na barra de endereços.Para conseguir clique AQUI e entre no site. Proceda da seguinte forma:



Clique no ícone com o lado direito do mouse, ao abrir a página clique em "Abrir em nova janela"



Ao abrir, copie o código e cole na parte que está na cor vermelha do código abaixo.















<a class="icomenu" href="ENDEREÇO DO GOOGLE BUZZ" style="position: fixed; left: 2px; top: 80px;" target="_blank">
<img border="0" heigth="48" src="http://1.bp.blogspot.com/_BaCxSD9NFn8/S9eJMKJmi6I/AAAAAAAABYo/pcJ_tNYngiM/s1600/icontexto-webdev-google-buzz.png" title="Google Buzz" width="48" /></a>

<a class="icomenu" href="ENDEREÇO DO TECHNORATY" style="position: fixed; left: 2px; top: 130px;" target="_blank">
<img border="0" heigth="48" src="http://3.bp.blogspot.com/_BaCxSD9NFn8/S9eHdJ_K2AI/AAAAAAAABYQ/njOahHFl0qE/s1600/icontexto-webdev-social-bookmark-06-048x048.png" title="Technoraty" width="48" /></a>

<a class="icomenu" href="ENDEREÇO DO BLOGBLOGS" style="position: fixed; left: 2px; top: 180px;" target="_blank">
<img border="0" heigth="48" src="http://4.bp.blogspot.com/_BaCxSD9NFn8/S9eJNbECgOI/AAAAAAAABYs/I49Kpks7Kt8/s1600/icontexto-webdev-social-bookmark-blogblogs.png" title="BlogBlogs" width="48" /></a>

<a class="icomenu" href="http://twitter.com/elkedibarros" style="position: fixed; left: 2px; top: 230px;" target="_blank">
<img border="0" heigth="48" src="http://1.bp.blogspot.com/_BaCxSD9NFn8/S9eMs7Q8f4I/AAAAAAAABY0/ytSdlxuvIZA/s1600/icontexto-twitter-54x54.png" title="Siga-me" width="48" /></a>

<a class="icomenu" href="ENDEREÇO DO FEED" style="position: fixed; left: 2px; top: 280px;" target="_blank">
<img border="0" heigth="48" src="http://3.bp.blogspot.com/_BaCxSD9NFn8/S9eD6Q_vCOI/AAAAAAAABYI/qYlD7PtUCYk/s1600/icontexto-webdev-rss-feed-048x048.png" title="Feed" width="48" /></a>

<div class="icomenu"><a class="icomenu" href="http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4be07cd1551d2068" style="position: fixed; left: 2px; top: 330px;" target="_blank">
<img src="http://2.bp.blogspot.com/_BaCxSD9NFn8/S9eIjvJDe2I/AAAAAAAABYY/ve7nn8q5EB8/s1600/icontexto-webdev-favorites-048x048.png" />
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4be07cd1551d2068"></script></a></div>

<a class="icomenu" href="mailto:SEUEMAIL@gmail.com" style="position: fixed; left: 2px; top: 380px;" target="_blank">
<img border="0" heigth="48" src="http://1.bp.blogspot.com/_BaCxSD9NFn8/S9eE5Ptw--I/AAAAAAAABYM/XAJRWNdYkG8/s1600/icontexto-webdev-contact-048x048.png" title="Email" width="48" /></a>

28 de jul de 2010

Hospedar scripts no Google Sites

8 comentários:
Para quem precisa colocar scripts no blog o mais fácil é hospeda-los no Google Sites. Sei que existem sites que fazem isso como o DropBox e o e outros tantos mas sabem, eles sempre nos deixam na mão. Pode até ser que o Google faça a mesma coisa, vai saber...

Você deverá primeiro salvar o script. Para fazer isso clique sobre o link do sript que deverá estar como no modelo abaixo.

jquery-1.3.2.js



Preste atenção onde você está salvando o script, em instantes você precisará dele.



Bom, agora vamos passar a segunda etapa, a parte em que você irá subir o script e hospeda-lo na net. A primeira coisa a fazer é entrar em sua conta do Google. Faça o login e vá até a página onde  tem sua conta.




Clique em "Sites"

Deixe selecionado a opção "Modelo em branco" 
Dê um nome para sua página, repita o código e depois clique em "Criar site"




Clique no botão em cima a esquerda para criar a página



Agora clique em "Arquivos", escreva novamente o nome e clique em "Criar página"



Agora você irá subir o código que salvou em seu computador. Clique em "Adicionar arquivo"



Ao abrir essa janela clique em "Selecionar arquivo"



Abrirá uma janela do browser de seu computador, procure aí o script e depois clique sobre ele.




Veja que o nome do script aparecerá ao lado do botão "Escolher arquivo" Clique então em "Fazer upload"




Agora aguarde alguns instantes...

Note que apareceu o script na página. Você deverá então copir o endereço, para isso, clique sobre a palavra "Download" com o botão direito do mouse. Abrirá uma janela, clique então em "Copiar endereço do link"


O código fornecido será mais ou menos assim:

http://sites.google.com/site/tampa233/lavatrat233-1/jquery-1.3.2.js?attredirects=0&d=1


Copie o que estiver antes do ponto de interrogação, o endereço é este. Ficará assim:


http://sites.google.com/site/tampa233/lavatrat233-1/jquery-1.3.2.js
Agora você poderá instalar o código JQuery ou Javacript sem problemas, mas coloque entre o seguinte código:

<script src='AQUI O ENDEREÇO DE SEU SCRIPT'/></script>




27 de jul de 2010

Voltando das férias

Nenhum comentário:
Vista da chácara

Voltando de férias. Tirei 20 dias para viajar, sair, jantar fora, ouvir música e tomar cerveja que adooooooooooro ! Foi excelente, me sinto renovada, revigorada... Resolvi fazer um post pessoal de minha experiência que foi uma viagem ao passado e a lembranças de família que traduzo assim, de forma musical.






Quando eu era criança  eu adorava essa música. Me lembro que o selo do disco da Donna Summer era um espiral eu ficava quase tonta escutando essa música e vendo o tal do espiral "rodar" na radiola. Achava essa música o máaaaaaaaaaximo...Imaginem, era eu uma bezerra criada em uma família de comunista mas que flertava com as delícias que o capitalismo proporcionava (acho que me entendi um pouco agora escrevendo esse mini texto). Quando não tocava a Donna Summer que minha tia mais velha adorava, tocava o Chico que minha mãe venerava quase como uma religião, fechava os olhos a sentir a música num delírio contagiante. Dizia ela que o Buarque de Holanda, havia escrito Tatuagem  especialmente pra ela, e assim repetia o mesmo discurso para todas as canções. Ah, que ciúmes materno sentia eu do Chico, como amaldiçoei o compositor antes de sucumbir a sua genialidade pelas horas que minha mãe passava em sua companhia negligenciando a filha que queria atenção única e exclusiva.

Sérgio Reis  e seu Menino da Porteira é como fechar os olhos e ver meu avô sentado na cadeira rústica na varanda da casa de fazenda, muito magro com as pernas cruzadas e o chapéu sobre o joelho, balançando o pé e admirando a botina gastas pela lida com o gadinho, enquanto dichavava uma lasca do fumo de rolo e ouvia a moda de viola num radinho a pilha velho e empoeirado .  Pixinguinha, era coisa de minha avó que passou parte da infância e começo da adolescencia na cidade de São Paulo, trouxe de lá um gosto pela música boêmia, pelos versos refinados do compositor e cantor carioca. Ela sentava na cadeira de balanço e repousava-me  em suas pernas  aconchegando minha cabeça em seu colo farto cantando para mim Carinhoso, e Rosa  do Cartola gostava ela de Peito Vazio, Preciso me Encontrar e a Vida é um Moinho além de outras canções e fados portugueses que a época de minha meninice faziam sucesso. Ela cantava, balançava a cadeira e mostrava-me as estrelas de um céu que se enxergava. o caminho esbranquiça Pink Floyd era coisa de minhas tias mais novas com a psicodélica Dark Side of the Moom, as faixas The Run e The Great Gig in the Sky que me parecia mágica e Beethoven era coisa de um tio que foi estudar na extinta União Soviética, a  5ª Sinfonia que é grandiosa e lindíssima, amo até hoje. Família grande e eclética  apesar dos tropeços e brigas é a referência para toda uma vida, é o que nos forma é o faz ser quem somos.



Hahhaha, acharam que ia faltar a parte que mais gosto ? Não !!!!! Vejam como me acabei...



Esse é o tradicional e legítimo Empadão Goiano, SEM milho (que não aguento comer por aí com milho). Feito na forma de barro era assim feita por minha bizavó e tias-avós, é uma receita de mais de 180 anos da família repassada a exaustão. Leva linguiça, pão, carne, lombo, frango, azeitona,  pimenta de cheiro,  ovos cozidos, queijo, batata e molho de tomate. Vocês não tem idéia da delícia que é além de ser muito light...













13 de jul de 2010

Blogtoc em forma de menu acordion

3 comentários:
O que era bom ficou melhor. Abu Farhan que tem um excelente blog de tutoriais e já havia nos presenteado com o blogtoc agora refez a dica e nos presenteou com  um blogtoc em forma de menu acordeon que você pode conferiri AQUI. Para instalar em seu blog clique em "Postagens"  "editar páginas" e depois em "Nova página"




Agora dê um titulo a sua página. e cole o código abaixo inserindo o endereço de seu blog no local na cor vermelha. Publique e pronto
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.












<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link> <script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script> <script src="AQUI O ENDEREÇO DE SEU BLOG/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script> <script type="text/javascript"> var accToc=true; </script> <script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

12 de jul de 2010

Estatítica no blog. Novo recurso do Blogger in Draft

Nenhum comentário:
Agora o Blogger disponibiliza também um recurso que lhe mostra a estatística de visitas a seu blog. Mostra inclusive de onde vem suas visitas, quantas são por dia, por mês. Para ver o recurso entre no blog pelo Blogger in Draft.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube