• Home
  • About
  • Contact
    • Category
    • Category
    • Category
  • Shop
  • Advertise

Popular Posts

  • Tag: Blogueira Iniciante!
    Foto: Fonte Olá meus amores ! Tudo bem com vocês? Espero muitooo que sim! Faz um bom tempo que não respondo nenhuma tag, então hoje ...
  • Penteados lindos em simples passos!
    Foto: Fonte Olá amores ! Tudo bem com vocês? Eu espero muito que sim!  Ah, e feliz natal (meio atrasado) para todos vocês! Esper...
  • Especial do Dia das Mães - 3 dicas para quem está sem dinheiro!
    Foto: Fonte Olá amores ! Tudo bem com vocês? Eu espero muito que sim!  Já estamos pertinho do dia das mães e se você assim como eu,...

Pages

  • Página inicial

Like us on Facebook

facebook twitter instagram pinterest bloglovin Email

Blog da Káh

office, work, workspace, business, desk, table, gadgets, macbook, computer, laptop, silver, potted, plants, poster, magazines, frames, mesh, still, bokeh
Foto: Fonte

Olá amores! Tudo bem com vocês? Eu espero muito que sim, pois estou ótima! Hoje eu trouxe um tutorial que eu vi no blog O Melhor de mim, é um tutorial para blogueiras da plataforma blogger de como colocar postagens recentes em destaque no blogger. Espero que gostem, eu já tinha visto várias outras formas mais não tão simples assim!
O Resultado é esse:
Foto: Fonte


Vamos aprender como faz? É muito simples, vamos lá:

1- Vá em Layout >> Adicionar um Gadget >> HTML/JavaScript:



2- Cole o código abaixo dentro da caixa de Html/JavaScript:

<center><style type="text/css">
/*INICIO CSS FOTOS*/
.bsrp-gallery {
margin-left: 40px;
width:1200px; ==LARGURA DO SLIDE==
float:center; ==POSIÇÃO DO SLIDE==
clear:both;
}
.bsrp-gallery:after {
display: table;
clear: both;
}
.bsrp-gallery .bs-item a {
position: relative;
float:left;
margin: 0 10px 10px 0;
text-decoration:none;
border-radius:200px;
-moz-border-radius:200px;
-webkit-border-radius:200px;
}
.bsrp-gallery .bs-item .ptitle {
background:#; /*==COR DA ÁREA DE TITULO==*/
display: block;
clear: left;
font-family: 'Open Sans Condensed', cursive; ==FONTE DO SLIDE==
font-weight:200;
text-transform:uppercase; /*== LETRAS MAIÚSCULAS==*/
font-size:16px; /*==TAMANHO DO TITULO==*/
line-height:1.3em;
height:50px;
position: absolute;
bottom:-25%;
text-align: center; /*==POSIÇÃO DO TITULO==*/
color:#000; /*== COR DO TITULO==*/
width:95%;
padding:6px;
word-wrap: break-word;
overflow:hidden;
border-radius:200px;
-moz-border-radius:200px;
-webkit-border-radius:200px;
}
.bsrp-gallery a img {
background: #;
float: left;
border-radius:200px;
-moz-border-radius:200px;
-webkit-border-radius:200px;
}
.bsrp-gallery a:hover img {
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7;
border-radius:200px;
-moz-border-radius:200px;
-webkit-border-radius:200px;}
/*FIM CSS FOTOS*/
</style>
<script>
function bsrpGallery(root) {
var entries = root.feed.entry || [];
var html = ['<div class="bsrp-gallery nopin" title="">'];
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 : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT79qdmAskd4L2NreRxECAXofjXpONgN4cUjh9W0kDRVahK9Q3aGrO0XaSb-Se3ZuJ8sfGI5Rme2RSdN423QPsFX2JT3KPVfE2xTAI5JJWz4beXNqwEAfEIRA6NERFuPePTS0WBR_wsIHL/s72-c/default+image.png';
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
var bsrpg_thumbSize = 250;
var bsrpg_showTitle = true;

document.write("<script src=\"http://www.omelhordemim.com/feeds/posts/default?start-index="+numposts+"&max-results=3&orderby=published&alt=json-in-script&callback=bsrpGallery\"><\/script>");</script></center>


Modificações:
  •  Em vermelho está o tamanho das miniaturas.
  • Em verde está o link do seu blog.
  •  Em azul está o número de miniaturas a serem exibidas.

OBSERVAÇÃO: Para esse tutorial funcionar o seu blog precisa estar em Público e com o Feed ativo.
Os créditos ao tutorial vai ao blog O melhor de mim e as imagens do tutorial também.
Espero que tenham gostado, e logo teremos muito mais tutoriais de personalização de layouts pois estou fazendo um curso de Web Designer, mas em um próximo post conto mais para vocês! Beijos, e até mais!


Share
Tweet
Pin
Share
14 comentários
woman, girl, lady, people, body, bust, torso, limbs, hands, hold, watermelon, sliced, fashion, style
Foto: Fonte

Olá amores! Tudo bem com vocês? Eu espero muito que sim! Ah, e feliz natal (meio atrasado) para todos vocês! Espero que o natal de vocês tenha sido bom! Me contem nos comentários como foi, viu? Bom, mas vamos ao assunto de hoje, né? Eu trouxe para vocês 10 penteados lindos em simples passos, para vocês arrasarem nessa virada de ano novo, até porque é sempre bom começar o ano linda! Eu achei esses penteados passo a passo no pinterest e melhorei a qualidade delas editando um pouquinho, espero que gostem! <3 Vamos as imagens com o passo a passo:
Share
Tweet
Pin
Share
31 comentários
Older Posts

About me

About Me

Aenean sollicitudin, lorem quis bibendum auctor, nisi elit conseat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amei.

Follow Us

  • facebook
  • twitter
  • instagram
  • Google+
  • pinterest
  • youtube

Categories

recent posts

Sponsor

Facebook

Blog Archive

  • agosto 2016 (2)
  • julho 2016 (1)
  • maio 2016 (2)
  • abril 2016 (4)
  • março 2016 (1)
  • fevereiro 2016 (1)
  • janeiro 2016 (3)
  • dezembro 2015 (7)
  • novembro 2015 (1)

Pinterest

Follow

Created with by ThemeXpose