• Home
  • About
  • Contact
facebook twitter instagram pinterest bloglovin Email
Minhas frases melancólicas de ilustração...
    Minha gente querida, tudo bem com vocês? Eu realmente espero que sim! Pessoas do céu, que ano mal diagramado está sendo esse, hein? Nossa! O jeito está sendo e vai ser começar a se esforçar mais e mais! No entanto, reconheço que poderia estar pior, mas pensar assim ainda não me conforma! Ah, e como está indo este começo de ano de vocês? Realmente, pra mim, as energias de 2016 ainda estão fortes, realmente vamos ver o que março aguarda!
    Então, pessoal; a postagem de hoje é bem simples, trouxe dois modelos de blockquote (citação) para vocês! Reconheço que busquei fazer eles bem diferenciados, pra sairmos da mesmice, sabe? Já postei aqui no blog outros modelos, que vocês podem encontrar aqui (❤), e também tem uma postagem ensinando a personalizar, aqui (❤). Vamos ver esses modelos de hoje?

Share
Tweet
Pin
Share
19 Comentários

   Olá amados e amadas, tudo bem com vocês queridos? Gente do céu, o que é isso hein? Vocês não tem ideia das perguntas anonimas que tem lá na minha ask, fico até com raiva de responder, respondi uma e parai, não irei responder, só estarei perdendo tempo, e quem pergunta também!
   Mas então fofuras, me pediram para trazer esse "Player" que eu uso aqui no blog, mas a parte de personalizar o vídeo iria requerer um tutorial separado, por ser bem complicadinho, então eu criei outro modelo, achei uma fofurinha, e bem simples de usar, e o melhor de tudo: ficou diferente!
Live Preview ✿
Espero que vocês olhem no live preview, por que na imagem não dá para ver a transição em hover. Para utilizar eu tentei deixar o mais simples possível, e ficou bem fácil mesmo.

  • Adicione um novo gadget/HTML e cole o código abaixo:

<style type="text/css">
#music-player-rounded {
  position:fixed;
  left:10px;
  top:7px;
  width:20px;
  height:20px;
padding:2px;
padding-left:4px;
  background: #fee;
-webkit-box-shadow: inset 0px 0px 10px #ffbed2;
-moz-box-shadow: inset 0px 0px 10px #ffbed2;
-o-box-shadow: inset 0px 0px 10px #ffbed2;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
  -moz-border-radius:100px;
  -webkit-border-radius:100px;
  border-radius:100px;
  border:3px double #fee;
  opacity:1;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#music-player-rounded:hover {
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -o-transform: rotate(360deg);
  left:50px;
  top:30px;
}
.music-player {
  margin-top:-7px;
  margin-left:-55px;
  width:250px;
  height:25px;
  padding-left:10px;
  padding-top:10px;
  color:#fff;
  opacity:0;
  overflow:hidden;
  font:12px Arial, Calibri, Cambria, sans-serif;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  }
#music-player-rounded:hover .music-player {
  opacity:1;
}
.music-player-embed {
  margin-left:-115px;
  margin-top:3px;
}
</style>
<div id="music-player-rounded"><center>
<img src="http://lh5.ggpht.com/_NZJzdRm10Y0/TUbcwrYURII/AAAAAAAAAeA/N_CGXqzkOWM/marcadores59.gif" />
<br />
<div class="music-player">
<div class="music-player-embed">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://dc239.4shared.com/img/755357078/38653788/dlink__2Fdownload_2FEWqJKH4n_3Ftsid_3D20140705-211730-32d7aba5_26lgfp_3D1000_26dsid_3D6bjmtb.00a3723442bd0683fe24ec81e674ff6b_26sbsr_3D25e142160891151e00f0ce5d71d5defb43410b0afc22975a/preview.mp3&t0=Yes, Prisioner&total=1" quality="high" wmode="transparent" width="370" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></embed>
</div></div></center></div>


  • Pronto seu Music Player já estará, novinho lindo e cheiroso, mas estará com a música que eu coloquei, troque pela sua da seguinte forma: 


 Apague o código de " <embed src= até </embed> ", apague esse código todo. Depois nesse local coloque o código da sua música, recomendo que use o mesmo site que usei, o Billy.
  Então, esse é o que todo mundo usa hoje em dia, eu ainda prefiro usar o YouTube para "fazer meu Player", mas acho que ninguém lembraria de como se usa. 

Enfim, espero que tenham gostado chuchus, beijos >3<.
Share
Tweet
Pin
Share
6 Comentários
   Bom-dia gente, tudo bem com vocês cheirosos? Acho que não, né! As férias estão acabando, as minhas aulas já voltaram hoje, mas só irei para escola segunda-feira que vem, por que eu não gosto da escola O.o, estou com saudades de algumas pessoas, mas ficar em casa é bem melhor.
   Gente, me pediram uns modelinhos de "leia mais" na ask, sabe, aqueles que ficam na largura total da postagem, particularmente, eu adoro desse jeito, pena que não combine em todo layout, acho que já usei em uns três layouts aqui, mas enfim, vamos ver os modelos. Espero que gostem!

- Para visualizar melhor, abra as imagens em uma nova guia. 
  • Os códigos devem ser colados em seu Html, cole-o antes de  ]]></b:skin> .

- Modelo 1 -

.jump-link {
text-align: center;
background-color: #fff;
border: 3px double #ebebeb;
}
.jump-link a{
color: #705587;
}

- Modelo 2 - 




@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
.jump-link {
color:#fff;
padding: 3px;
margin: 2px;
text-align: center;
font-size: 8px;
background: #fcd6db;-webkit-box-shadow: inset 0px 0px 6px #fbbbc3, inset 1px 0px 0px #fff, inset 0px 1px 0px #fff;-moz-box-shadow: inset 0px 0px 6px #fbbbc3, inset 1px 0px 0px #fff, inset 0px 1px 0px #fff;-o-box-shadow: inset 0px 0px 6px #fbbbc3, inset 1px 0px 0px #fff, inset 0px 1px 0px #fff;border: 1px solid #fcd6db;-webkit-border-radius: 200px;-moz-border-radius: 200px;-o-border-radius: 200px;}
.jump-link a {
color:#fff;font-size: 8px;font-family: "silkscreen";word-spacing: -2px;}


- Modelo 3 -

.jump-link {
text-align: center;
margin-top: 3px;
padding:2px;}
.jump-link a {
padding:2px;
font-size:14px;
text-transform:uppercase;
display:block;
padding:2px;
margin:1px;
color:#bbb;
background:#eee; border:1px solid #f5f5f5;}


- Modelo 4 -


.jump-link {
text-align: center;
margin-top: 3px;
padding:2px;}
.jump-link a {
text-transform:uppercase;
display:block;
padding:2px;
margin:1px;
background: #dcf8f1;
border: 1px solid #b7ece4;box-shadow: inset 1px 1px 0 #fef8f9;
color: #fff;
font-size: 11px;}

Share
Tweet
Pin
Share
21 Comentários

Olá docinhos \(^ω^)メ(^ω^)ノ, como vão? Bom, eu sou a nova postadora do BA, fui convidada pela Gaby porquê ela tá cheia de pedidos lá na ask e a unnie já tá ficando doida ali kkkk, então vou dar uma ajudinha a ela, obrigada pelo convite fada <3. Quem não me conhece, sou dona dos blogs Cherry Pump - blog de html - (x) e do Porto do Amor - blog pessoal - (x), quem puder fazer uma visita ficarei agradecida. Enfim, eu ainda não conversei com a Gaby em relação a como atender direitinho os pedidos e quais é para eu atender ç.ç então é isso, espero que gostem das minhas postagens aqui, fui lá na ask dela e vi que tinha esse de cara, então resolvi atendê-lo.

Esse tutorial foi apenas testado no modelo Travel, então não me responsabilizo por erros em outros modelos.
Vá em Modelo > Editar HTML. Tecle Ctrl+F, escreva body { e dê enter. Você irá encontrar isso:
Agora, apague desde "font: $ (body.font) ;" até "color: $ (body.text.color) ;" e cole no lugar:
font: normal normal 12px 'Trebuchet MS', Trebuchet, sans-serif;
color: #cordafonte;


Ali na fonte está a fonte padrão, que eu acho que é usada aqui, mas é praticamente usada em todo blog (com exceções, claro.) mas pode mudar. No color, obviamente como está ali você colocará a cor da fonte. Eu recomendo colocar #aaa; que é um cinza, ou #000; que é o preto, para ficar legível.

Espero que tenham gostado do tutorial, eu expliquei bem direitinho para que entendam. Beijos!


Share
Tweet
Pin
Share
14 Comentários

   Olá cheirosos, tudo bem com vocês? Aí gente, eu cancelei o game por alguns motivos que nem citarei, mas lembram que eu disse que quem passa-se de 1000 pontos eu faria uma postagem sobre seu blog, ok. Cotudo, quado eu cancelei só uma pessoa tinha respondido, então eu farei.
    Gente, o tutorial que trago hoje me pediram na ask já umas três vezes, eu enrrolei até hoje, por que é algo realmente chato de se fazer, mas como estou de bobeira hoje, resolvi trazer. Gente, é meio complicado esse tutorial, que for usar recomendo que preste muita atenção em cada código.
Ficará assim ^---^
   

Configurar o Gadget Arquivo em Layout:

1. Vá em Layout
» Se você já tiver o gadget Arquivo no seu blog encontre-o layout e clique em Editar:
» Se ainda não tiver o gadget Arquivo coloque-o clicando em adicionar um Gadget no local onde quiser.2.

2.Na tela Configurar arquivo do blog
Selecione em: Estilo→ Lista simples | Frequencia de arquivamento→ Mensal | Formato da data – Mês→Janeiro(Nome inteiro)
Clique em Salvar

Configurar o Código do Gadget Arquivo no HTML do blog:

1. Vá em Modelo clique em Editar HTML

2. Encontre a widget BlogArchive1
-Utilize as teclas Ctrl+F para ativar o Search do Editor de HTML-

3. Encontre esta linha: 
<b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'>...</b:widget>
Selecione o código da widget BlogArchive1 e substitua por este código:
<b:widget id='BlogArchive1' locked='false' title='Arquivo do Blog' type='BlogArchive'><b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <div id='ArchiveList'> <div expr:id='data:widget.instanceId + "_ArchiveList"'> <b:if cond='data:style == "HIERARCHY"'> <b:include data='data' name='interval'/> </b:if> <b:if cond='data:style == "FLAT"'> <b:include data='data' name='flat'/> </b:if> <b:if cond='data:style == "MENU"'> <b:include data='data' name='menu'/> </b:if> </div> </div> <b:include name='quickedit'/> </div></b:includable><b:includable id='toggle' var='interval'> <!-- Toggle not needed for Calendar --></b:includable><b:includable id='flat' var='data'><div id='bloggerCalendarList'> <ul> <b:loop values='data:data' var='i'> <li class='archivedate'> <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>) </li> </b:loop> </ul></div><div id='blogger_calendar' style='display:none'><table id='bcalendar'><caption id='bcaption'></caption><!-- Table Header --><thead id='bcHead'></thead><!-- Table Footer --><!-- Table Body --><tbody><tr><td id='cell1'> </td><td id='cell2'> </td><td id='cell3'> </td><td id='cell4'> </td><td id='cell5'> </td><td id='cell6'> </td><td id='cell7'> </td></tr><tr><td id='cell8'> </td><td id='cell9'> </td><td id='cell10'> </td><td id='cell11'> </td><td id='cell12'> </td><td id='cell13'> </td><td id='cell14'> </td></tr><tr><td id='cell15'> </td><td id='cell16'> </td><td id='cell17'> </td><td id='cell18'> </td><td id='cell19'> </td><td id='cell20'> </td><td id='cell21'> </td></tr><tr><td id='cell22'> </td><td id='cell23'> </td><td id='cell24'> </td><td id='cell25'> </td><td id='cell26'> </td><td id='cell27'> </td><td id='cell28'> </td></tr><tr><td id='cell29'> </td><td id='cell30'> </td><td id='cell31'> </td><td id='cell32'> </td><td id='cell33'> </td><td id='cell34'> </td><td id='cell35'> </td></tr><tr id='lastRow'><td id='cell36'> </td><td id='cell37'> </td></tr></tbody></table><table id='bcNavigation'><tr><td id='bcFootPrev'></td><td id='bcFootAll'></td><td id='bcFootNext'></td></tr></table>
<div id='calLoadingStatus' style='display:none; text-align:center;'><script type='text/javascript'>bcLoadStatus();</script></div><div id='calendarDisplay'/></div><script type='text/javascript'> initCal();</script></b:includable><b:includable id='posts' var='posts'><!-- posts not needed for Calendar --></b:includable><b:includable id='menu' var='data'> Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format</b:includable><b:includable id='interval' var='intervalData'> Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format</b:includable></b:widget>


4. Agora procure a tag </head> e acima dela cole o código javascript:


<!--Script Archive Calendar-->
<script type='text/javascript'>
//<![CDATA[
// <!--- Blogger Archive Widget - Calendar Style - by phydeaux3 http://phydeaux3.blogspot.com/ --->var bcLoadingImage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjboxvu4Q8_YaMugwq2bK66iwkCNScXkn1pw2rbPZ85rDm_5_2MUeA9HLOYjW0PFHYUv8v-v2bEj-iHOCx3KDVRAWI4gJAbqPFtLLfJO3PdzF4cqqzaZzwZGJsMebH_4BqN1EHSt5v-xHM/";
var bcLoadingMessage = " Carregando....";
var bcArchiveNavText = "Veja Todos os Posts do Mês";
var bcArchiveNavPrev = '◄';
var bcArchiveNavNext = '►';
var headDays = ["Domingo","Segunda","Terça","Quarta","Quinta","Sexta","Sábado"];
var headInitial = ["Dom","Seg","Ter","Qua","Qui","Sex","Sab"];
// Nothing to configure past this point ----------------------------------
var timeOffset;
var bcBlogID;
var calMonth;
var calDay = 1;
var calYear;
var startIndex;
var callmth;
var bcNav = new Array ();
var bcList = new Array ();
//Initialize Fill Array
var fill = ["","31","28","31","30","31","30","31","31","30","31","30","31"];
function openStatus(){
document.getElementById('calLoadingStatus').style.display = 'block';
document.getElementById('calendarDisplay').innerHTML = '';
}
function closeStatus(){
document.getElementById('calLoadingStatus').style.display = 'none';
}
function bcLoadStatus(){
cls = document.getElementById('calLoadingStatus');
img = document.createElement('img');
img.src = bcLoadingImage;
img.style.verticalAlign = 'middle';
cls.appendChild(img);
txt = document.createTextNode(bcLoadingMessage);
cls.appendChild(txt);
}
function callArchive(mth,yr,nav){
// Check for Leap Years
if (((yr % 4 == 0) && (yr % 100 != 0)) || (yr % 400 == 0)) {
fill[2] = '29';
}
else {
fill[2] = '28';
}
calMonth = mth;
calYear = yr;
if(mth.charAt(0) == 0){
calMonth = mth.substring(1);
}
callmth = mth;
bcNavAll = document.getElementById('bcFootAll');
bcNavPrev = document.getElementById('bcFootPrev');
bcNavNext = document.getElementById('bcFootNext');
bcSelect = document.getElementById('bcSelection');
a = document.createElement('a');
at = document.createTextNode(bcArchiveNavText);
a.href = bcNav[nav];
a.appendChild(at);
bcNavAll.innerHTML = '';
bcNavAll.appendChild(a);
bcNavPrev.innerHTML = '';
bcNavNext.innerHTML = '';
if(nav < bcNav.length -1){
a = document.createElement('a');
a.innerHTML = bcArchiveNavPrev;
bcp = parseInt(nav,10) + 1;
a.href = bcNav[bcp];
a.title = 'Previous Archive';
prevSplit = bcList[bcp].split(',');
a.onclick = function(){bcSelect.options[bcp].selected = true;openStatus();callArchive(prevSplit[0],prevSplit[1],prevSplit[2]);return false;}; bcNavPrev.appendChild(a);
}
if(nav > 0){
a = document.createElement('a');
a.innerHTML = bcArchiveNavNext;
bcn = parseInt(nav,10) - 1;
a.href = bcNav[bcn];
a.title = 'Next Archive';
nextSplit = bcList[bcn].split(',');
a.onclick = function(){bcSelect.options[bcn].selected = true;openStatus();callArchive(nextSplit[0],nextSplit[1],nextSplit[2]);return false;}; bcNavNext.appendChild(a);
}
script = document.createElement('script');
script.src = 'http://www.blogger.com/feeds/'+bcBlogId+'/posts/summary?published-max='+calYear+'-'+callmth+'-'+fill[calMonth]+'T23%3A59%3A59'+timeOffset+'&published-min='+calYear+'-'+callmth+'-01T00%3A00%3A00'+timeOffset+'&max-results=100&orderby=published&alt=json-in-script&callback=cReadArchive';
document.getElementsByTagName('head')[0].appendChild(script);
}
function cReadArchive(root){
// Check for Leap Years
if (((calYear % 4 == 0) && (calYear % 100 != 0)) || (calYear % 400 == 0)) {
fill[2] = '29';
}
else {
fill[2] = '28';
}
closeStatus();
document.getElementById('lastRow').style.display = 'none';
calDis = document.getElementById('calendarDisplay');
var feed = root.feed;
var total = feed.openSearch$totalResults.$t;
var entries = feed.entry || [];
var fillDate = new Array();
var fillTitles = new Array();
fillTitles.length = 32;
var ul = document.createElement('ul');
ul.id = 'calendarUl';
for (var i = 0; i < feed.entry.length; ++i) {
var entry = feed.entry[i];
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == "alternate") {
var link = entry.link[j].href;
}
}
var title = entry.title.$t;
var author = entry.author[0].name.$t;
var date = entry.published.$t;
var summary = entry.summary.$t;
isPublished = date.split('T')[0].split('-')[2];
if(isPublished.charAt(0) == '0'){
isPublished = isPublished.substring(1);
}
fillDate.push(isPublished);
if (fillTitles[isPublished]){
fillTitles[isPublished] = fillTitles[isPublished] + ' | ' + title;
}
else {
fillTitles[isPublished] = title;
}
li = document.createElement('li');
li.style.listType = 'none';
li.innerHTML = '<a href="'+link+'">'+title+'</a>';
ul.appendChild(li);
}
calDis.appendChild(ul);
var val1 = parseInt(calDay, 10)
var valxx = parseInt(calMonth, 10);
var val2 = valxx - 1;
var val3 = parseInt(calYear, 10);
var firstCalDay = new Date(val3,val2,1);
var val0 = firstCalDay.getDay();
startIndex = val0 + 1;
var dayCount = 1;
for (x =1; x < 38; x++){
var cell = document.getElementById('cell'+x);
if( x < startIndex){
cell.innerHTML = ' ';
cell.className = 'firstCell';
}
if( x >= startIndex){
cell.innerHTML = dayCount;
cell.className = 'filledCell';
for(p = 0; p < fillDate.length; p++){
if(dayCount == fillDate[p]){
if(fillDate[p].length == 1){
fillURL = '0'+fillDate[p];
}
else {
fillURL = fillDate[p];
}
cell.className = 'highlightCell';
cell.innerHTML = '<a href="/search?updated-max='+calYear+'-'+callmth+'-'+fillURL+'T23%3A59%3A59'+timeOffset+'&updated-min='+calYear+'-'+callmth+'-'+fillURL+'T00%3A00%3A00'+timeOffset+'" title="'+fillTitles[fillDate[p]].replace(/"/g,'\'')+'">'+dayCount+'</a>';
}
}
if( dayCount > fill[valxx]){
cell.innerHTML = ' ';
cell.className = 'emptyCell';
}
dayCount++;
}
}
visTotal = parseInt(startIndex) + parseInt(fill[valxx]) -1;
if(visTotal >35){
document.getElementById('lastRow').style.display = '';
}
}
function initCal(){
document.getElementById('blogger_calendar').style.display = 'block';
var bcInit = document.getElementById('bloggerCalendarList').getElementsByTagName('a');
var bcCount = document.getElementById('bloggerCalendarList').getElementsByTagName('li'); document.getElementById('bloggerCalendarList').style.display = 'none';
calHead = document.getElementById('bcHead');
tr = document.createElement('tr');
for(t = 0; t < 7; t++){
th = document.createElement('th');
th.abbr = headDays[t];
scope = 'col';
th.title = headDays[t];
th.innerHTML = headInitial[t];
tr.appendChild(th);
}
calHead.appendChild(tr);
for (x = 0; x <bcInit.length;x++){
var stripYear= bcInit[x].href.split('_')[0].split('/')[3];
var stripMonth = bcInit[x].href.split('_')[1];
bcList.push(stripMonth + ','+ stripYear + ',' + x);
bcNav.push(bcInit[x].href);
}
var sel = document.createElement('select');
sel.id = 'bcSelection';
sel.onchange = function(){var cSend = this.options[this.selectedIndex].value.split(',');openStatus();callArchive(cSend[0],cSend[1],cSend[2]);}; q = 0;
for (r = 0; r <bcList.length; r++){
var selText = bcInit[r].innerHTML;
var selCount = bcCount[r].innerHTML.split('> (')[1];
var selValue = bcList[r];
sel.options[q] = new Option(selText + ' ('+selCount,selValue);
q++
}
document.getElementById('bcaption').appendChild(sel);
var m = bcList[0].split(',')[0];
var y = bcList[0].split(',')[1];
callArchive(m,y,'0');
}
function timezoneSet(root){
var feed = root.feed;
var updated = feed.updated.$t;
var id = feed.id.$t;
bcBlogId = id.split('blog-')[1];
upLength = updated.length;
if(updated.charAt(upLength-1) == "Z"){timeOffset = "+00:00";}
else {timeOffset = updated.substring(upLength-6,upLength);}
timeOffset = encodeURIComponent(timeOffset);
}
//]]>
</script>
<script src='/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=timezoneSet'/>
<!--end Archive Calendar-->


Salve o seu template.

Adicione os Estilos CSS para o seu Arquivo-Calendário
Trouxe apenas o modelo da foto de lá de cima, mas personalize como quiser.
Acima da tag ]]></b:skin> cole o código CSS do modelo de Calendário.

/*---Archive Calendar CSS por Gaby Misaki B.A---*/ #calendarDisplay { display: none } /* div that holds calendar */ #blogger_calendar { margin: 5px 0 0 0; width: 100%; margin-top: -10px; } /* Table Caption - Holds the Archive Select Menu */ #bcaption { border: 1px solid #ebebeb; padding: 2px; margin: 10px 0 0; background: #ebebeb; font: normal normal 13px Cambria font-weight: normal;border: #ffd6de 1px solid; box-shadow: inset 1px 1px 0 #fff5f7; background: #ffe2e8; background: -moz-linear-gradient(top, #ffe2e8 0%, #fff2f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe2e8), color-stop(100%,#fff2f4)); background: -webkit-linear-gradient(top, #ffe2e8 0%,#fff2f4 100%); background: -o-linear-gradient(top, #ffe2e8 0%,#fff2f4 100%); background: -ms-linear-gradient(top, #ffe2e8 0%,#fff2f4 100%); background: linear-gradient(to bottom, #ffe2e8 0%,#fff2f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe2e8', endColorstr='#fff2f4',GradientType=0 ); } /* The Archive Select Menu */ #bcaption select { background: transparent; border: 0 solid #ebebeb; color: #fff; font-family: 'Cambria','Century Gothic', Arial, Georgia; font-size: 11px; font-weight: bold; text-align: center; } /* The Heading Section */ table#bcalendar thead { } /* Head Entries */ table#bcalendar thead tr th { width: 20px; text-align: center; padding: 2px; border: 0px solid #F48A88; /*#ebebeb; _NO__DOTCOMMA__AFTER___NO__DOTCOMMA__AFTER__*/ font: normal normal 13px Cambria; font-weight: normal; background: #fcc; color: #ffffff; border: #ffd6de 1px solid; border: #ded6dd 1px solid; box-shadow: inset 1px 1px 0 #f7f4f6; background: #e8e1e7; background: -moz-linear-gradient(top, #e8e1e7 0%, #f4eff3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e1e7), color-stop(100%,#f4eff3)); background: -webkit-linear-gradient(top, #e8e1e7 0%,#f4eff3 100%); background: -o-linear-gradient(top, #e8e1e7 0%,#f4eff3 100%); background: -ms-linear-gradient(top, #e8e1e7 0%,#f4eff3 100%); background: linear-gradient(to bottom, #e8e1e7 0%,#f4eff3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e1e7', endColorstr='#f4eff3',GradientType=0 ); } /* The calendar Table */ table#bcalendar { border: 1px solid #ebebeb; border-top: 0; margin: 0px 0 0px; width: 100%; background: #ffffff; } /* The Cells in the Calendar */ table#bcalendar tbody tr td { text-align: center; padding: 2px; border: 1px solid #fcc; color: pink; font: normal normal 13px Cambria; font-weight: normal; /*font: normal normal 13px Cambria;*/;; } /* Links in Calendar */ table#bcalendar tbody tr td a:link, table#bcalendar tbody tr td a:visited, table#bcalendar tbody tr td a:active { font-weight: bold; color: #ffffff; } table#bcalendar tbody tr td a:hover { color: #C40D29 } /* First Row Empty Cells */ td.firstCell { visibility: visible } /* Cells that have a day in them */ td.filledCell { } /* Cells that are empty, after the first row */ td.emptyCell { visibility: hidden } /* Cells with a Link Entry in them */ td.highlightCell { background: #7CD1A0; border: 1px solid #ebebeb;border: #ded6dd 1px solid; box-shadow: inset 1px 1px 0 #f7f4f6; background: #e8e1e7; background: -moz-linear-gradient(top, #e8e1e7 0%, #f4eff3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e1e7), color-stop(100%,#f4eff3)); background: -webkit-linear-gradient(top, #e8e1e7 0%,#f4eff3 100%); background: -o-linear-gradient(top, #e8e1e7 0%,#f4eff3 100%); background: -ms-linear-gradient(top, #e8e1e7 0%,#f4eff3 100%); background: linear-gradient(to bottom, #e8e1e7 0%,#f4eff3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e1e7', endColorstr='#f4eff3',GradientType=0 );} /* Table Footer Navigation */ table#bcNavigation { width: 100%; background: #ebebeb; border: 1px solid #ebebeb; border-top: 0; color: #7f7f7f; font: normal normal 13px;border: #ffd6de 1px solid; box-shadow: inset 1px 1px 0 #fff5f7; background: #ffe2e8; background: -moz-linear-gradient(top, #ffe2e8 0%, #fff2f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe2e8), color-stop(100%,#fff2f4)); background: -webkit-linear-gradient(top, #ffe2e8 0%,#fff2f4 100%); background: -o-linear-gradient(top, #ffe2e8 0%,#fff2f4 100%); background: -ms-linear-gradient(top, #ffe2e8 0%,#fff2f4 100%); background: linear-gradient(to bottom, #ffe2e8 0%,#fff2f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe2e8', endColorstr='#fff2f4',GradientType=0 );;} table#bcNavigation a:link { text-decoration: none; color: #7f7f7f; } td#bcFootPrev { width: 10px } td#bcFootAll { text-align: center } td#bcFootNext { width: 10px } ul#calendarUl { margin: 5px auto 0!important; border-bottom: 1px dotted #FDD7D1; } ul#calendarUl li a:link { border-bottom: 1px dotted #FDD7D1 }


Se você retirar a 2ª linha do código CSS: #calendarDisplay { display: none }
→ Irá aparecer abaixo do calendário a lista de posts criados naquele mês em questão.
Se você escreve com uma frequência grande a lista ficará muito grande e pode ficar feio, mas se você escreve com pouca frequência pode ativar este recurso apagando esta linha e, dessa forma estará destacando os posts do mês.

Lembrando que faça os passos com bastante cuidado, por que a primeira parte pode dar erro facilmente!

Para criar esse modelo, usei essa base de códigos, portanto parte dos créditos vão para o site: http://www.templatesparavoce.com/
Share
Tweet
Pin
Share
26 Comentários
   Como estão meus cheirosos e cheirosas? Eu quero e espero que estejam realmente bem! Ai, estou aqui secando a ilustração kkk.  Gente do céu, estou super aflita para o jogo de amanhã Japão e Grécia, eu amo os dois países e torci para os dois, e agora? Como o destino tem a coragem de fazer isso com meu pobre coração. Quem ganhar, independente de quem seja, para mim estará bom, mas eu vou torcer para o Japão, meu querido Japão que coloriu meus dias desde a minha infância. Nihon ganbatte!!!
   Agora vamos ao assunto da postagem, me pediram para fazer um tutorial de como usar uma pele do Blogskins, bem, eu acho que é bem mais complicado usar um layout de lá, apesar de ser simples de instalar, os links dão um problema danado, sem falar nos comentário. Mas vamos lá, primeiro eu vou explicas só com palavras, e abaixo disso, tem um vídeo que gravei mostrando passo á passo de como eu faço para instalar, contudo, não falo no vídeo, recomendo que você leia antes e depois assista o vídeo. Gente, quando forem escolher um layout no Blogskin, procurem nos mais atuais, os antigos, a maioria, está com códigos quebrados.
Parte I
  • Entre no site: http://www.blogskins.com/
  • Escolha o seu template
  • Desça a página e no gadget "Actions", clique em Blogger Main: print
  • Automaticamente irá baixar um documento .txt (bloco de notas) no seu computador.
Parte II
  • No seu blog, vá em Modelo: print
  • Desça a página até o fim e clique em "Reverter para os modelos clássicos": print
  • Lembra do bloco de notas que foi baixado? Abra-o e copie todo o código que estiver ali, e cole na caixinha que irá aparecer.Faça as alterações necessárias e salve.
  Essa parte do tutorial foi encontrada nesse blog: http://justkiszme.blogspot.com.br/, fiz apenas algumas alterações.

Agora, para entender melhor, vamos ao vídeo, além do que está acima, no vídeo mostrei como alteram nome do blog e alterar os Gadgets, entre outros.



Desculpem pelo vídeo titica, e as vocês no vídeo são a mamis e a minha irmã.
Espero que tenha ajudado ~.~
Share
Tweet
Pin
Share
14 Comentários
Older Posts

About me

Chamam-me de Gabriela, escorpiana com 21 primaveras, estudante de Serviço Social na UFPE, leitora compulsiva e otome amante de todas as fofurinhas do mundo.
❤ Contato: E-mail e redes sociais!
gabymisakichan@outlook.com
Instagram - Facebook

@gabyhongki

Seguidores

Postagens populares

  • Tag : EU ♥ INVERNO
  • Imagens para Follow -Seguir o Blog-
  • Wishlist Romwe - Março ♡
  • Menu para status - Diferente e fofo >///< -
  • Layout Free Vanilla salt -100+ Seguidores-

Categories

  • Estilo
  • Layouts free
  • Moda e Maquiagem
  • Mundo Kawaii
  • Resenhas dos Animes
  • Resenhas e Snopse
  • Review
  • Seu Blog
  • Skincare
  • Templates free
  • Tutoriais
  • recebidos
  • utilitários

Facebook

Uma Otome Frágil

Blog Archive

  • ▼  2021 (2)
    • ▼  novembro 2021 (1)
      • About the Customizeone store: The second pink dres...
    • ►  junho 2021 (1)
  • ►  2020 (8)
    • ►  novembro 2020 (2)
    • ►  outubro 2020 (3)
    • ►  abril 2020 (1)
    • ►  janeiro 2020 (2)
  • ►  2019 (4)
    • ►  novembro 2019 (1)
    • ►  agosto 2019 (2)
    • ►  abril 2019 (1)
  • ►  2018 (5)
    • ►  novembro 2018 (1)
    • ►  maio 2018 (1)
    • ►  fevereiro 2018 (3)
  • ►  2017 (17)
    • ►  setembro 2017 (2)
    • ►  julho 2017 (1)
    • ►  junho 2017 (1)
    • ►  abril 2017 (2)
    • ►  março 2017 (2)
    • ►  fevereiro 2017 (3)
    • ►  janeiro 2017 (6)
  • ►  2016 (2)
    • ►  maio 2016 (1)
    • ►  abril 2016 (1)
  • ►  2015 (4)
    • ►  agosto 2015 (1)
    • ►  janeiro 2015 (3)
  • ►  2014 (97)
    • ►  agosto 2014 (1)
    • ►  julho 2014 (15)
    • ►  junho 2014 (21)
    • ►  maio 2014 (15)
    • ►  abril 2014 (12)
    • ►  março 2014 (2)
    • ►  fevereiro 2014 (11)
    • ►  janeiro 2014 (20)
  • ►  2013 (300)
    • ►  dezembro 2013 (14)
    • ►  novembro 2013 (12)
    • ►  outubro 2013 (7)
    • ►  setembro 2013 (19)
    • ►  agosto 2013 (32)
    • ►  julho 2013 (36)
    • ►  junho 2013 (32)
    • ►  maio 2013 (26)
    • ►  abril 2013 (26)
    • ►  março 2013 (34)
    • ►  fevereiro 2013 (25)
    • ►  janeiro 2013 (37)

Created with by ThemeXpose