12/27/2014

Modelos De Agendinhas Para Seu Blog.

                          ~Yo meus bolinhos de baunilha tudo bom??Hoje to trazendo um tutorial muito legal e super fácil,vocês perceberam que aqui no blog tem uma agendinha com o nome de alguns próximos posts?Tipo pros leitores saberem qual é os próximos posts então hoje to trazendo vários modelos de agendinha para seu blog ficar organizado e personalizado!!Créditos ao blog que amo muito Empire Kawaii.
                                                        
Yo bolinhos de baunilha como vocês estão??Eu estou ótima e feliz consegui fazer um dowload de layout e olha como o blog ficou,super personalizado né??E também mudei o nome antes era ''Bobagens Da Vitória'' agora é ''Café Com Baunilha'',eu quis renovar o blog inteiro,nome,layout,cores etc.Então fiz um dowload completo de um layout e aqui está o novo blog!!Espero que gostem desse novo modelo,mas o conteúdo do blog será o mesmo viu *-* .
Como eu to enrolando hein  Então vamos logo aos modelos de Agendinhas super fofas para seu blog??
------->Veja os Modelos <-----
Vá em modelo>>Editar Html>.Aperte Ctrl+F e vai abrir uma caixa de pesquisa então procure por:
]]></b:skin
e acima disso,cole o código do modelo que você quer no teu blog:
Modelo 1:
 #agenda { font-family: 'Arial'; text-align: center; font-size: 10px; color: #fff; text-shadow: 1px 1px 0 #fbc5f0; border: solid 1px #fbc5f0; box-shadow: inset 2px 2px 0 #fffcff, inciso 0px 0px 5px #f9ccf0; background: #fbd1f3; border-radius: 4px 4px 4px 4px; background-repeat: no-repeat; background-image: url("https://i.imgur.com/g30KoM1.gif"); float: right; padding: 3px; padding-left: 4px; padding-right: 0px; margin: 1px; width: 74%; } #data { text-align: center; font-family: 'Arial'; font-size: 10px; color: #c6d9f7; text-shadow: 1px 1px 0 #fff; border: solid 1px #c6d9f7; box-shadow: inset 2px 2px 0 #fffcff, inciso 0px 0px 5px #c8dbf8; background: #d3e2fa; border-radius: 8px 2px 2px 8px; float: left; padding: 3px; text- align: center; margin: 1px; width: 16%; -webkit-transition-duration: .80s; }
Modelo 2:
 #agenda2 { font-family: 'Arial'; text-align: center; font-size: 10px; color: #fff; text-shadow: 1px 1px 0 #c6d9f7; border: solid 1px #c6d9f7; box-shadow: inset 2px 2px 0 #fffcff, inciso 0px 0px 5px #f9ccf0; background: #d3e2fa; border-radius: 4px 4px 4px 4px; background-repeat: no-repeat; background-image: url("https://i.imgur.com/pSfChva.gif"); float: right; padding: 3px; padding-left: 4px; padding-right: 0px; margin: 1px; width: 74%; } #data2 { text-align: center; font-family: 'Arial'; font-size: 10px; color: #f4b3ed; text-shadow: 1px 1px 0 #fff; border: solid 1px #f4b3ed; box-shadow: inset 2px 2px 0 #fffcff, inciso 0px 0px 5px #f3c8f8; background: #fbd1f3; border-radius: 8px 2px 2px 8px; float: left; padding: 3px; text- align: center; margin: 1px; width: 16%; -webkit-transition-duration: .80s; }
Modelo 3:
 #agenda3 { font-family: 'Arial'; text-align: center; font-size: 10px; color: #fff; text-shadow: 1px 1px 0 #d2e990; border: solid 1px #d5f0a1; box-shadow: inset 2px 2px 0 #fffcff, inciso 0px 0px 5px #dceea7; background: #e3fab7; border-radius: 4px 4px 4px 4px; background-repeat: no-repeat; background-image: url("https://i.imgur.com/pSfChva.gif"); float: right; padding: 3px; padding-left: 4px; padding-right: 0px; margin: 1px; width: 74%; } #data3 { text-align: center; font-family: 'Arial'; font-size: 10px; color: #e2b1fc; text-shadow: 1px 1px 0 #fff; border: solid 1px #deb9f7; box-shadow: inset 2px 2px 0 #fffcff, inciso 0px 0px 5px #e2b1fc; background: #e9d3fa; border-radius: 8px 2px 2px 8px; float: left; padding: 3px; text- align: center; margin: 1px; width: 16%; -webkit-transition-duration: .80s; }
Modelo 4:
 Modelo 4 #agenda4 { font-family: 'Arial'; text-align: center; font-size: 10px; color: #fff; text-shadow: 1px 1px 0 #dea7ee; border: solid 1px #deb9f7; box-shadow: inset 2px 2px 0 #fffcff, inciso 0px 0px 5px #dceea7; background: #e9d3fa; border-radius: 4px 4px 4px 4px; background-repeat: no-repeat; background-image: url("https://i.imgur.com/g30KoM1.gif"); float: right; padding: 3px; padding-left: 4px; padding-right: 0px; margin: 1px; width: 74%; } #data4 { text-align: center; font-family: 'Arial'; font-size: 10px; color: #d2e990; text-shadow: 1px 1px 0 #fff; border: solid 1px #daeea2; box-shadow: inset 2px 2px 0 #fffcff, inciso 0px 0px 5px #dceea7; background: #e3fab7; border-radius: 8px 2px 2px 8px; float: left; padding: 3px; text- align: center; margin: 1px; width: 16%; -webkit-transition-duration: .80s; }
Depois clique em ''salvar modelo'' e pronto,agora vá no seu layout e clique em adicionar gadget,e adicione a gadget ''HTML/JavaScript'' e cole isso dentro:
<div id="data">00/00</div><div id="agenda">Modelo 1</div>
Troque onde está escrito ''data'' e ''agenda'' pela data e o nome correto viu?
Aperte em salvar e pronto,vá no seu blog e viu se deu certo,e prontinho é isso meus bolinhos,espero que tenha dado super certo no seu bloguito :)

Nenhum comentário :

Postar um comentário