IN - The Master.: WIDGET

Mostrando postagens com marcador WIDGET. Mostrar todas as postagens

Widget últimas postagens horizontal com imagens para Blogger

Que tal mostrar como Ultimas postagens fazer Seu blogue usando hum widget? Anteriormente publiquei UMA postagen Que se tratava fazer MESMO Widget mas, that exibia como postagens RECENTES de forma vertical, Usuários, mas UMA Dúvida Muito repetida Entre OS do Mundo Informal, FOI se havia algum Widget that exibisse como postagens RECENTES mas horizontalmente. Bom, Fiz UMA boa Pesquisa e encontrei hum Widget that certamente PODE te ajudar! Confira Nesse breve tutorial!

Demonstração:

Viu essas 5 Free Imagens quadradas? Elas Contam com hum vínculo Que levam parágrafo OS MAIS RECENTES 5 posts fazer Seu Blog! E enguias atualizam automáticamente! Localidade: Não Legal ?! Para adicioná-lo AO Seu Blog SIgA ESSES Passos:

1 ° Passo: o Faça login e / ou VÁ parágrafo Seu Painel fazer Blogger.

2 ° Passo: Acesse o layout

3 ° Passo: Adicione Um Novo widget de HTML / JavaScript não deseja exibir in that local como postagens RECENTES com Imagens.

4 ° Passo: Cole Este Código.


<Center>

<Div id = 'bp_recent>

</ Div>

<'Text / javascript' estilo script = src = 'http: //bloggergadgets.googlecode.com/files/recentposts_orig.js'> </ script> <script style = "text / javascript"> numberOfPosts var = 5; var showPostDate = false; var ShowSummary = false; var titlelength = 0; var showCommentCount = false; showThumbs var = true; var showNoImage = true; var imgDim = 125; var imgFloat = 'esquerda'; var myMargin = 5; var mediaThumbsOnly = true; var showReadMore = false; </ Script> <script </ Script> </ center>

5 ° Passo: Agora Vamos personalizar o widget do Pará that exiba corretamente o Desejado:

Por Padrão, o Widget exibe como postagens RECENTES do Mundo Informal. Para exibir como fazer postagens Seu blog, adquirir POR http://inthemaster.blogspot.com.br/ e Altere com uma URL fazer Seu blogue.

Caso queira Change o numéro de postagens exibidas, adquirir POR:

numberOfPosts var = 5 e Altere apenas o Nummer.

6 ° Passo (opcional): TEMOS AINDA algumas alterações Opcionais:

var showPostDate = false; Mude " falsa Pará "" verdadeiro "se voce Quiser exibir um DAS dados postagens.
var ShowSummary = false; Mude " falsa Pará "" verdadeiro "se voce Quiser exibir UMA DESCRIÇÃO da postagem.
var showCommentCount = false; Mude " falsa Pará "" verdadeiro "se voce Quiser exibir UMA Contagem de comentário Pará como postagens.

7 ° Passo: Salve como alterações, e visualizar o Resultado! Deixe seu comentário e DIGA O Que Achou desse widget!

Script Folhas que caem pelo blog!

Hoje trago hum super-roteiro Para Voces Que gostam Desses efeitos de Queda de Objetos. ISSO MESMO, São Folhas that Vao Caindo Pelo Seu APOS de blog instalado. A instalaçao e Bem Simples e Rápida.

INSTALAÇÃO fazer script de "Folhas Caindo"

1 ° Passo: Acesse o Painel do Blogger , Escolha o blogue Que voce deseja Instalar, selecione a Opção "Modelo" e clique em "EDITAR HTML".

2 ° Passo: Agora usando o Ctrl F, adquirir POR: <head>

3 ° Passo: Logo ACIMA da tag encontrada, cole o Código:



<Sc ript>

// <! [CDATA [

// Queda v2.0 Por MaxxBlade - http://www.maxxblade.co.uk/fall

fallObjects var = new Array (); função newObject (url, altura, largura) {fallObjects [fallObjects.length] = new Array (url, altura, largura);}

var numObjs = 15, bafo = 100, fallSpeed = 5, vento = -1;




newObject("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDVS_KQYFNfB4tkcEfkQo6l3MhWdlPY9D7SGTlyHushgQ-9UFfwHE3StnLHlOhyrazqWmTabwFZ81WdM5axSr-QAgLbtSAi-8B3aQrmf0iaeMKRDVsKhw3BFzi8kTQv9sYHI95dd3N334/s100/hoja1.png",29,15);

newObject("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHSAxkKVlZV2xHr6MnVc6voF0Fbu0VU-W3pI8GYgwR0QyEJmD-5sba57NXaUgaAMJ0iGE8BXazdC6IQOWCQqbWVM1umhMXT8f8cR7xr5joWpCAC9p3v4Iw2so-e4pmBcKTz9uogRbgnYc/s100/hoja2.png",27,23);

newObject("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXu_9oRd0aL-ipSQ0NfndfOGiMpoLhIWA3tALJIcuUclcG7JkyiHTAUy6SmMY8L5baGdzccCnJeoJpqo8zIuOavDSG_ICbkRyeuoFr4-wmmHxb5jI8667lx6VZSchfxsbeGrJu29VxNXs/s100/hoja3.png",46,15);

newObject("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2pLL2GBLQM8wTenSvqZHg2IEnKvaPj2S2jTRXO1KvFRunyWKMLlBxnFDpoNphSB1Mfe5d_OXnmur3xeRFChzG_o5w7-rJ2QTSdaSO58_7rH2CmZSiUyX4Kf3xuXvJDkzJ1Px3t71tQ0Q/s100/hoja4.png",36,33);

função winSize(){winWidth=(moz)?window.innerWidth:document.body.clientWidth;winHeight=(moz)?window.innerHeight:document.body.clientHeight;}

função fallObject (num, vari, nu) {

objetos [num] = new Array(parseInt(Math.random()*(winWidth-waft)),-30,(parseInt(Math.random()*waft))*((Math.random()>0.5)?1:-1),0.02+Math.random()/20,0,1+parseInt(Math.random()*fallSpeed),vari,fallObjects[vari][1],fallObjects[vari][2]);

if (nu == 1) {document.write ('<img id = "fo' + i +" "style =" position: absolute; z-index: 9; background: none; border: 0; padding: 0; box -Shadow: none; "src =" "+ fallObjects [vari] [0] + '">'); }

}

função de queda () {

for (i = 0; i <numObjs; i ++) {

var fallingObject = document.getElementById ('fo' + i);

if((objects[i][1]>(winHeight-(objects[i][5]+objects[i][7])))||(objects[i][0]>(winWidth-(objects[i][2]+objects[i][8])))){fallObject(i,objects[i][6],0);}

objetos [i] [0] + = vento; objetos [i] [1] + = objetos [i] [5]; objetos [i] [4] + = objetos [i] [3];

com (fallingObject.style) {top = objetos [i] [1] + winOffset + "px"; esquerda = objetos [i] [0] + (objetos [i] [2] * Math.cos (objetos [i] [ 4])) + "px";}

}

setTimeout ("queda ()", 31);

}

objetos var = new Array(),winOffset=0,winHeight,winWidth,togvis,moz=(document.getElementById&&!document.all)?1:0;winSize();

for (i = 0; i <numObjs; i ++) {fallObject (i, parselnt (Math () * fallObjects.length), 1);}

window.onresize = winSize; queda ();

//]]>






</ Script>

Pronto! JA ESTA instalado. E, para SALVAR e conferir o Resultado!

Widget - Redes sociais estilo Metro Windows 8

Dúvidas SEM, o Windows 8 FOI UM dos Sistemas Operacionais MAIS esperados dos Últimos tempos, TALVEZ POR tamanha Qualidade e aceitação dos Usuários de Seu antecessor, o Windows 7 A Microsoft inovou e conseguiu agradar UMA grande Parte de SEUS Usuários. E a Maior das Inovações E o ESTILO COM OS botoes metro quadrados de SUA Tela inicial.

O Widget que IREI compartilhar Hoje, FOI CRIADO Pelo blogueiro Bishal Biswas e TEM ESSE Estilo com quadrados de algumas das principais Redes Sociais do Momento. Sendo ASSIM, Vamos AO Código.

1 ° Passo: Acesse o Painel do Blogger , escolha o blogue de que voce deseja Instalar, selecione a Opção "Layout" e clique los 'adicionar hum Gadget ".

2 ° Passo: Agora copie o Código abaixo SEM Widget Seu:


<Style>

.seconds {

text-align: right;

color: # 000;

font-size: 10px;

}

.supportive um: {posição ativa: relative; top: 1px}

 .widget-item-Controlar a {display: none;}

    .widget-item-Controlar a {display: none;}

    #supportive {width: 300px;

    float: left; margin-top: 10px;}

    li #supportive {position: relative; cursor: pointer; padding: 0 suma importância;}

    #supportive .facebook, .googleplus, .rss, .twitter {

    position: relative;

    -moz-Transição: all 0.4s ease-in-out;

    webkit-transition: all 0.4s ease-in-out;

    -o-Transição: all 0.4s ease-in-out;

    Transição: all 0.4s ease-in-out;

    z-index: 5;

    display: block;

    float: left;

    margin: 1px;}

    .Icon #supportive {}

    #supportive .facebook {width: 147px;

    height: 150px;

    background: rgba (59,89,152,1) no-repeat center;}

    #supportive .twitter {width: 148px;

    height: 74px;

    background: rgba (59,89,152,1) url ("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGBBIjjOgz4IBX7IM-rt_BkExmQeQ6ykDo2bJMJY-m_-HeZQTiiUo5S4GslTKqZpdC-oVtQgb_uuxzAmPVqjvzE3vBzCcFXp-Mgl81TYeYWWRqIwW3FuP4VYJBBRLpRh8yG-aRPKLsGJxE/s1600/Twitter.png") no-repeat center;}

    #supportive .googleplus {width: 148px;

    height: 74px;

    background: rgba (59,89,152,1) no-repeat center;}

    #supportive .rss {width: 299px;

    height: 74px;

    background: rgba (59,89,152,1) url ("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPyaARUZVoJcYBoizvN4bzaJIh4X0ZE_ok9RxOB5IF94raHOJjxQIg0TXWYXuvdpE6GG4BvsiJbTnDES64zYibSbRf_kHF8is7jgU-26f6KQ5LkwOPLg5wnvJazOfyUa6VUi7kEBb6xmiV/s1600/rss.png") no-repeat center;}

    li #supportive: hover {color background-.facebook: # 3468B6; -moz-Transição: all 0.1s ease-in-out;

webkit-transform: rotate (-10deg);

     -moz-transform: rotate (-10deg);

       -o-transform: rotate (-10deg);

      -ms-transform: rotate (-10deg);

          transform: rotate (-10deg);

    webkit-transition: all out facilidade em-0.1s;}

    li #supportive: hover {background: .twitter centro rgba (64,153,255,1) no-repeat; -moz-Transição: all 0.1s ease-in-out;

    webkit-transition: all out facilidade em-0.1s;}

    li #supportive: hover {background .googleplus: rgba (228,69,36,1) Centro de no-repeat; -moz-Transição: all 0.1s ease-in-out;

    webkit-transition: all out facilidade em-0.1s;}

    li #supportive: hover {background: rgba .rss (255,102,0,1) Centro de no-repeat; -moz-Transição: all 0.1s ease-in-out;

    webkit-transition: all out facilidade em-0.1s;}

</ Style>

<Ul id = 'Apoio'>

<Li> <a class='icon facebook' href='https://www.facebook.com/pages/Mundo-In4mal/152646818114428'/> </a> </ li>

<Li> <a class='icon twitter' href='http://twitter.com/Mundo_Informal'/> </a> </ li>

<Li> <a class='icon googleplus' href='https://plus.google.com/100562857635513562536/'/> </a> </ li>

<Li> <a class='icon rss' href='http://feeds.feedburner.com/in4mal'/> </a> </ li>

<div class = "segundos">

Compartilhando-widget.html"> <a href="http://www.mundoinformal.com/2013/02/add-metro-estilo-sociais Instale o Seu </a>

</ Div>

</ Ul>

4 ° Passo: Agora o Como o Faça seguintes alterações no Código com o ENDEREÇO de SUAS Redes Sociais:
(Use o Comando Ctrl + F Paragrafo facilitar ESSA Tarefa)

Para Alterar o ENDEREÇO that PERFIL SEM Facebook , Altere:
https://www.facebook.com/pages/Mundo-In4mal/152646818114428

Para Alterar o ENDEREÇO that PERFIL SEM Twitter , Altere:
http://twitter.com/Mundo_Informal

Para Alterar o ENDEREÇO that PERFIL None Google Plus , Altere:
https://plus.google.com/100562857635513562536

Para Alterar o ENDEREÇO that PERFIL Localidade: Não Feedburner , Altere:
http://feeds.feedburner.com/in4mal

IN - The Master.

Páginas

Widget últimas postagens horizontal com imagens para Blogger

Script Folhas que caem pelo blog!

INSTALAÇÃO fazer script de "Folhas Caindo"

Widget - Redes sociais estilo Metro Windows 8

Restaurar um blog excluido