Olá, meus caramelos ლ(́◉◞౪◟◉‵ლ) Gente, finalmente consegui personalizar um layout do Blogskins, acho que irei até criar um blog pessoal! Até porque no clima de blogs pessoais que estamos passando uma parte dele está me contagiando bastante, hihi. Hoje trouxe alguns modelos para agenda, eu acho que são muito úteis e eu adoro usá-los. Se vocês quiserem podem usar para outras coisas, mas nunca deixem de creditar, tudo bem? >3< No total são quatro modelos e gostei bastante deles por serem bem diferentes e fofinhos em meu mero ponto de vista. Esse pedido foi algo que me pediram bastante então só espero que gostem e creditem! <3
Modelo número 01 - Cinza com gradiente
01. Dê Ctrl+ f e cole o código abaixo em seu html acima da tag
]]></b:skin>
.tm1{
padding: 3px 5px 3px 5px;
background: #f6f6f6;
background: -moz-linear-gradient(top, hsla(0,0%,96%,1) 0%, hsla(0,0%,96%,1) 47%, hsla(0,0%,93%,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0,0%,96%,1)), color-stop(47%,hsla(0,0%,96%,1)), color-stop(100%,hsla(0,0%,93%,1)));
background: -webkit-linear-gradient(top, hsla(0,0%,96%,1) 0%,hsla(0,0%,96%,1) 47%,hsla(0,0%,93%,1) 100%);
background: -o-linear-gradient(top, hsla(0,0%,96%,1) 0%,hsla(0,0%,96%,1) 47%,hsla(0,0%,93%,1) 100%);
background: -ms-linear-gradient(top, hsla(0,0%,96%,1) 0%,hsla(0,0%,96%,1) 47%,hsla(0,0%,93%,1) 100%);
background: linear-gradient(to bottom, hsla(0,0%,96%,1) 0%,hsla(0,0%,96%,1) 47%,hsla(0,0%,93%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ededed',GradientType=0 );
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
border: 1px solid #e1e1e1;
box-shadow: inset 1px 1px 0 #fff;
margin-bottom: 2px;
color: #c7c7c7;
font-family: "Trebuchet MS";
font-size: 11px;
letter-spacing: .1em;
text-shadow: 1px 1px #fff;
}
02. Agora vá em Layout e cole o código abaixo em um gadget de Html/Java Script.
<div class="tm1">00/00 - Texto do seu calendário.</div>
<div class="tm1">00/00 - Texto do seu calendário.</div>
<div class="tm1">00/00 - Texto do seu calendário.</div>
Modelo 02 - Laranja com gradiente
01. Dê Ctrl+ f e cole o código abaixo em seu html acima da tag
]]></b:skin>
.tm2{
padding: 3px 5px 3px 5px;
background: #ffdfd3;
background: -moz-linear-gradient(top, hsla(16,100%,91%,1) 0%, hsla(18,100%,93%,1) 18%, hsla(17,100%,89%,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(16,100%,91%,1)), color-stop(18%,hsla(18,100%,93%,1)), color-stop(100%,hsla(17,100%,89%,1)));
background: -webkit-linear-gradient(top, hsla(16,100%,91%,1) 0%,hsla(18,100%,93%,1) 18%,hsla(17,100%,89%,1) 100%);
background: -o-linear-gradient(top, hsla(16,100%,91%,1) 0%,hsla(18,100%,93%,1) 18%,hsla(17,100%,89%,1) 100%);
background: -ms-linear-gradient(top, hsla(16,100%,91%,1) 0%,hsla(18,100%,93%,1) 18%,hsla(17,100%,89%,1) 100%);
background: linear-gradient(to bottom, hsla(16,100%,91%,1) 0%,hsla(18,100%,93%,1) 18%,hsla(17,100%,89%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdfd3', endColorstr='#ffd6c6',GradientType=0 );
border: 1px solid #ffc0a5;
box-shadow: inset 0 1px 0 #fff2ec;
margin-bottom: 2px;
color: #fff;
font-family: "Trebuchet MS";
font-size: 11px;
letter-spacing: .1em;
text-shadow: 1px 1px #ffc0a5;
}
02. Agora vá em Layout e cole o código abaixo em um gadget de Html/Java Script.
<div class="tm2">00/00 - Texto do seu calendário.</div>
<div class="tm2">00/00 - Texto do seu calendário.</div>
<div class="tm2">00/00 - Texto do seu calendário.</div>
Modelo 03 - Rosa com gradiente
01. Dê Ctrl+ f e cole o código abaixo em seu html acima da tag
]]></b:skin>
.tm3{
padding: 3px 5px 3px 5px;
background: #ffd8e0;
background: -moz-linear-gradient(top, hsla(348,100%,93%,1) 31%, hsla(350,100%,95%,1) 57%, hsla(348,100%,94%,1) 58%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,hsla(348,100%,93%,1)), color-stop(57%,hsla(350,100%,95%,1)), color-stop(58%,hsla(348,100%,94%,1)));
background: -webkit-linear-gradient(top, hsla(348,100%,93%,1) 31%,hsla(350,100%,95%,1) 57%,hsla(348,100%,94%,1) 58%);
background: -o-linear-gradient(top, hsla(348,100%,93%,1) 31%,hsla(350,100%,95%,1) 57%,hsla(348,100%,94%,1) 58%);
background: -ms-linear-gradient(top, hsla(348,100%,93%,1) 31%,hsla(350,100%,95%,1) 57%,hsla(348,100%,94%,1) 58%);
background: linear-gradient(to bottom, hsla(348,100%,93%,1) 31%,hsla(350,100%,95%,1) 57%,hsla(348,100%,94%,1) 58%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd8e0', endColorstr='#ffe0e6',GradientType=0 );
border: 1px solid #ffcad5;
outline: solid 1px #ffeef1;
outline-offset: -2px;
margin-bottom: 2px;
color: #fff;
font-family: "Trebuchet MS";
font-size: 11px;
letter-spacing: .1em;
text-shadow: 1px 1px #ffcad5;
}
02. Agora vá em Layout e cole o código abaixo em um gadget de Html/Java Script.
<div class="tm3">00/00 - Texto do seu calendário.</div>
<div class="tm3">00/00 - Texto do seu calendário.</div>
<div class="tm3">00/00 - Texto do seu calendário.</div>
Modelo 04 - Simples com hover
01. Dê Ctrl+ f e cole o código abaixo em seu html acima da tag
]]></b:skin>
.tm4{
padding: 3px 5px 3px 5px;
background-color: #f4f4f4;
margin-bottom: 2px;
color: #cdcdcd;
font-family: "Arial";
font-size: 10px;
letter-spacing: .1em;
text-transform: lowercase;
-webkit-transition-duration: .90s;
}
.tm4:hover{
background-color: #676767;
letter-spacing: .2em;
color: #a5a5a5;
-webkit-transition-duration: .90s;
}
02. Agora vá em Layout e cole o código abaixo em um gadget de Html/Java Script.
<div class="tm4">00/00 - Texto do seu calendário.</div>
<div class="tm4">00/00 - Texto do seu calendário.</div>
<div class="tm4">00/00 - Texto do seu calendário.</div>
A idéia do blog pessoal é ótima :) Amei os modelos, super fofinhos. www.m-yrtille.blogspot.com.br
ResponderExcluirBeijos, Myrtille
Obrigada, Hye! ^u^
ExcluirBlog pessoal é realmente bem mais legal que blog variado/goodies, além de ser mais libertador. Amei os modelinhos, o meu preferido foi o rosinha *33*
ResponderExcluirNothing to declare
Burucheri
Obrigada, Mari >3<
ExcluirSério um blog pessoal mesmo ?!!
ResponderExcluirTo ansiosa pra ver seu blog e ver o layout, imagina a divossidade~ auhsus disso.
Amei os modelinhos, principalmente os dois rosinhas.
Beijos <3
p-perfectsthings.blogspot.com.br
Obrigaada, Estefani ♥
ExcluirEu acho legal a ideia de blogs pessoais, até porque estão surgindo bastantes por aí não é? Amei os modelos de agenda, pena que não uso :T Mas eles são muito fofos ♥
ResponderExcluir♥ beijos, e-arlywinter
Obrigada mesmo assim, Bruna ♥
ExcluirEu também ando pensando em criar um blog pessoal, é bem contagiante mesmo o clima que ultimamente está tendo na blogosfera >3<
ResponderExcluirAwwnt, que modelos maravilhosos e fofos, pena que eu acabei de atualizar o meu layout, mas vou favoritar pra usar em um próximo.
Beijos, Cherry Pump. Visita? (♥)
Concordo >3< Obrigada, Hazel!
ExcluirSeria ótimo um blog pessoal, porque é bem livre. Amei os modelos, o primeiro é o meu preferido ♡
ResponderExcluirI Have a Dream ♥
Obrigada, Sammy! (*⌒∇⌒*)☆
ExcluirGostei dos modelos 1 e 4 *w*
ResponderExcluirAbraço, www.princedreamer.com
Obrigada, James! (=^-ω-^=)☆
Excluirque lindos <3
ResponderExcluirObrigada, Sara! ♥
ExcluirUm blog pessoal seria muito legal! ~~rimou~~
ResponderExcluirOs modelos ficaram lindos >3<
Até logo, www.road-between.blogspot.com.br
SIAUHSIAHSAS' Rimas (⌒▽⌒)☆ Obrigada, Luiz!
ExcluirQue legal, eu tenho que aprender a mexer com os layouts de lá ainda, acho meio complicado e me da preguicinha ahhaahah
ResponderExcluir1 e 4 são os mais bonitos, Mack! Adorei <3
Jana
www.sokawaii.com.br
Pois é, são bem complicadinhos mesmo, hehe ♥ Wee! Obrigada, Jana.
ExcluirAdorei o Rosa com gradiente ^-^
ResponderExcluir~Abraços || sevendays-official.blogspot.com
Fico feliz que tenha gostado, Babi! ♥
ExcluirQue modelos lindos s2, meu fav é o primeiro, já deixei aqui no fav p meu proximo lay c: xoxo, luce
ResponderExcluirignore-d.blogspot.com
Obrigada, Luce! ♥
ExcluirQue lindos os modelos, Mack >3<
ResponderExcluirGostei bastante do primeiro, do segundo e do último *W*
Kissus ♥
Mellifluous ~ s-alad.blogspot.com.br
Fico contente que tenha gostado, Ali! ♥
ExcluirAcho a ideia de um blog pessoal bem legal, já que uma parte dos que existem na blogosfera estão meio desativados. Com certeza eu leria ^^
ResponderExcluirFicaram lindas *-* Gostei mais da última, talvez use no novo layout :D
Beijos ^^~
guardian-luv
Awe (⌒▽⌒)☆ Obrigada, mesmo! :D
ExcluirEspero que crie o blog mesmo Mack! No tempo que você tinha aquele antigo, adorava as postagens *u* Os modelos estão bem fofos, principalmente o último, e o laranja <3
ResponderExcluirwww.lembranças-apagadas.pt | ♥ dá uma uma visitinha por lá?
Awe ♥ Sério? (⌒▽⌒)☆ Obrigada, Jay!
ExcluirQue lindos gente, eu usaria mas o layout já está nivelado e ficará tudo bugado, shaushau'... Não é tão difícil personalizar um layout do blogksins, pra mim ele até é mas fácil do que usamos aqui agora.
ResponderExcluir♥ Abraços | www.h-oneypie.com
Obrigada, Bea! ♥ Pois é, mas eu não estou acostumada com os códigos então demora um pouco para personalizá-lo e ajeitar certas coisas OuO
ExcluirBlogs pessoais OuO, crie sim unnie, eu tenho certeza que irei acompanhar, assim como várias outras pessoas <33 E que lindos esses modelos de agenda >.<
ResponderExcluirChu ~ || @MyPinkOcean
Awn ♥ Obrigada, Amy!
ExcluirServiu muito no proximo lay que eu usar eu colocarei *u*
ResponderExcluirhttp://bunnydark.blogspot.com.br/
Wee ♥ Que bom que gostou, Patricia!
ExcluirSe você criar um blog pessoal não vai se arrepender , o meu é pessoal ! Eu tinha um blog de moda mais não dava sucesso , ai eu criei um blog pessoal eu não criei eu continuei no meu blog mais fiz dele um blog pessoal e apareceu muito mais comentários mais seguidores as visualizações aumentaram bastante , sei l acho que as pessoas gostam de conhecer a vida de uma blogueira . o meu caso meu blog não é famoso . So que por favor diva não exclui esse blog se você criar outro , eu preciso do seu blog para viver (rs) . Adorei o Tutorial , as agendinhas são divas
ResponderExcluirBjs.......
Aceita afiliação ?
http://seaofdreamspink.blogspot.com.br
Awn, seria uma boa ideia! ヾ(@^▽^@)ノ Poxa, não irei não. Obrigada, Marcella!
Excluir*-* ameiiiiiii vou usar no meu blog!
ResponderExcluirE cria sim seu blog pessoal, é super gostoso de postar!
Beijos!
http://oclubdoscupcake.blogspot.com.br/
Obrigada, Mary! ヾ(@^▽^@)ノ
ExcluirObrigada, Kyoto! ♥
ResponderExcluirAmor estou usando o modelinho cinza ok ?
ResponderExcluirbjs , PP
Oieee!! Sabe se pode usar em postagens? Obrigada!
ResponderExcluirPode sim, mas você teria que fazer algumas alterações :) É só procurar por "h3.post-title {" e colar o código do modelo que você quer (tirando o nome do código do modelo e a "}", claro). Se tiver mais dúvidas é só perguntar!
Excluir