6 de jul. de 2017

Slide


Pra inserir slide, vá em LAYOUT> ADICIONAR UM GADGET> HTML>
E cole isto:
<center><style type="text/css">
.bsrp-gallery {
margin-top:70px;
margin-left: -30px;
width:1120px; ==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 0px 0px 0;
text-decoration:none;
}
.bsrp-gallery .bs-item .ptitle {
background:#Faee6; /*--cor de fundo das miniaturas ao passar o mouse --*/



display: block;
clear: left;
font-size: 25px;
font-family: 'Amatic SC', cursive;
text-transform: uppercase; /*--coloca o texto em capslock --*/
line-height:1.3em;
height:320px;
height: 57.4%; /*--define a altura da legenda --*/
width:100%; /*--define a largura da legenda --*/
position: absolute;
bottom:0%;
text-align: center;
margin:0 0 0px 0px;
padding: 119px 0px 0px 0px;
color:#fff; /*== COR DA FONTE DO TEXTO==*/
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
.bsrp-gallery .bs-item .ptitle:hover {
-webkit-transition:All 1.9s ease-in-out; -moz-transition:All 0.7s ease-in-out; -o-transition:All 0.8s ease-in-out;
filter:alpha(opacity=90);
-moz-opacity:1.9;
-khtml-opacity:1.9;
opacity:1.9;
}
.bsrp-gallery a img {
background: #fff;
float: left;
}
.bsrp-gallery a:hover img {
}
/*FIM CSS FOTOS*/
</style>
<script>
function bsrpGallery(root) {
var entries = root.feed.entry || [];
var html = ['<div class="bsrp-gallery nopin" title="Get this from poderondesign">'];
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/AVvXsEj92KYY0dDNkASSbDrmUEzwxkuzM_QxAp7_4LPAI6dBBXWPk35L5PvgGKcpLMVTEHud0Pq_j5ELotORMpv50f1AEbLJz-g6EMjhaKba_5unRGZ1khSZpw-ks1ysuPBev7YE-nkrKxb6j_f2/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="' + '">' + 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 = 255;



var bsrpg_showTitle = true;


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

Redes Sociais

PRA COLOCAR SUAS REDES SOCIAIS, VÁ EM LAYOUT> LINKS>

<center><a href="LINKDOFACEBOOK"><img src="https://lh3.googleusercontent.com/-2iQ4DGmrlwE/UlAXRN9mHWI/AAAAAAAABpU/KKB1Pv0lg8w/s42/Modelo2Facebook.png" /></a><a href="LINKDOINSTAGRAM"><img src="https://lh5.googleusercontent.com/-Z-9YFZLKEKY/UlAX4pB2DII/AAAAAAAABp4/XlxZy5Sxotw/s42/Modelo2Instagram.png" /></a><a href="LINKDOTWITTER"><img src="https://lh3.googleusercontent.com/-ts2ENxX0_Lw/UlAX5GeqzLI/AAAAAAAABqI/FT4Qpvsvccc/s42/Modelo2Twitter.png" /></a><a href="LINKDOGOOGLEPLUS"><img src="https://lh5.googleusercontent.com/-iaXz_va3JYw/UlAX4jJ-esI/AAAAAAAABpo/rOeB0i1KWds/s42/Modelo2GooglePlus.png" /></a><a href="LINKDOWEHEARTIT"><img src="https://lh5.googleusercontent.com/-Ge0m-76Xc7Q/UlAX5YMrpxI/AAAAAAAABp8/Vl8ysclS_3g/s42/Modelo2WeHeartIt.png" /></a><a href="LINKDOFLICKR"><img src="https://lh4.googleusercontent.com/-Ccgp95MHBW8/UlAX4UUGjMI/AAAAAAAABqA/ImTYm2RSRWU/s42/Modelo2Flickr.png" /></a><a href="LINKDOTUMBLR"><img src="https://lh5.googleusercontent.com/-zG3q-lushS8/UlAX5HpIQFI/AAAAAAAABp0/tJYsVkO4hC8/s42/Modelo2Tumblr.png" /></a></center>

AGORA COLOQUE SEUS LINKS NOS LUGARES CORRESPONDENTES E APAGUE A PALAVRA LINKS.



MENU

VÁ EM TEMA, aperte ctrl f e pesquise a palavra "colocar".

 vai estar assim: então troque pelos links correspondentes, PRA ADIONAR OUTRO LINK É SÓ COPIAR E MUDAR OS LINKS.
<div id='menufiixo'>
<li><a href='Colocar o link aqui'>Home</a></li>
<li><a href='Colocar o link aqui'>Blogroll</a></li>
<li><a href='Colocar o link aqui'>Contato</a></li>



Pra colocar sua foto


 Você DEVE ENTRAR EM LAYOUT> QUEM ESCREVE> VAI ESTAR ASSIM:
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN_HGV5N45noDl-Yr1FwmQEo41PbUEKyzhuhDzEc-iHVMIySSBMBr9afiPGvyKhl0G_PCbC9LOBqiS8i1hx4STOkqb37zsokRUNUTdc8rlEe79FOWMTWWkrzT-JazLeScgxJQ1qORvsfg/s1600/14937349_886813224787507_2706304855326229808_n.png" style="-moz-border-radius: 200px; -webkit-border-radius: 200px; -o-border-radius: 200px; width:240px; heigh:auto;"/>
<br /><br /></center>

"Uma blogueira que ama um café,sonha demais,ama séries, livros e sua estação predileta é o inverno!
Saiba mais sobre mim <a href="http://layoutpremium.blogspot.com.br/2016/07/sobre.html">clicando aqui</a>"

ONDE TIVER EM VERMELHO, TROQUE POR INFORMAÇÕES SOBRE VOCÊ E QUANDO ESTIVER EM AMARELO COLOQUE O LINK QUE VAI PRA SUA FOTO.


CABEÇALHO



É só ir em Layout > Cabeçalho e trocar por um que goste :)

As cores que usei nesse cabeçalho foram #fcd0d0 (rosa claro) e #444444 (cinza claro), a arte foi feita no photoshop CS6, com a fonte Playlist.
© Blog. - 2017. Todos os direitos reservados.
Design by:Thayline Vargas.
Tecnologia do Blogger.