Modelo para calendário


Boa noite Muchachos (○´3`)ノ Buenas? Bem, nem sei por onde começo, mas acho que irei começar comentando pelos avatares que postei hoje na hora do almoço, tipo, acho que os avatares mais fáceis de fazer são os de ulzzangs né? Pois quando alguém pede de artistas não tão famosos assim é uma missão achar imagens que valem a pena, a maioria é muito péssima de qualidade e as que tem as imagens são estranhas e não tem a mesma tonalidade ai quando vamos aplicar um psd de efeito ou action os avatares ficam com cores diferentes T^T Gente é ruim demais. Mas consegui achar as imagens e hoje me senti uma heroína literalmente UASHUAhsuhsuhshahs, a menina que me pediu acredito que ficou bem mais feliz que eu pois acho que nem ela tinha conseguido achar umas imagens tão boas assim. Espero que ela goste pois eu gostei do resultado (^з^)-

Mas enfim mudando rapidamente de assunto, hoje eu estou atendendo o pedido de uma leitora que é sobre calendário no blog, ela queria que eu postasse um calendário igual ao meu mas como sabem que eu não faço tutoriais de coisas usadas nos layouts atuais do blog eu resolvi postar um modelo mais prático e mais rápido de editar do que o meu modelo. Este modelo não foi criado por mim apenas modificado pois é um modelo do blogger mesmo mas que dá para modificar ele todo. Então, não quero que fique brava comigo ok? Mas acho este calendário até melhor do que o que eu uso pois este é mais elaborado e ainda marca os dias em que a pessoas postou. O meu é um mero efeito nada mais que isso, para reforçar sobre os créditos eu achei um tuto explicando neste site aqui  Então é isso cheiros, espero que gostem e qualquer coisa me perguntem certinho? Kissus (^ε^)

PREVIEW  •¦♥¦•

Primeiro de tudo olhe bem a imagem e faça como se pede ok? Vá em layout adicione o gadget que se chama arquivo do blog e faça exatamente como está na imagem, depois salve.


Em seguida vá até o seu modelo e dentro dê um Ctrl F e procure por esta linha:

<b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'>...</b:widget>

Apague ela e cole estes códigos no lugar:
<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>
 Salve e verifique se está tudo correto no tema, depois continuando dentro do tema procure pela tag </head> e acima dela cole o seguinte código:
<!--Script Archive Calendar-->
<script type='text/javascript'>
//<![CDATA[
// <!--- Blogger Archive Widget - Calendar Style - by phydeaux3 http://phydeaux3.blogspot.com/ --->
var bcLoadingImage = "http://lh3.ggpht.com/_UCfxgWHzU98/S57-pjOiY1I/AAAAAAAACSQ/7IQnYLIn2hU/loading.gif";
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-->
 Agora para aparecer o modelo da preview os códigos abaixo cole acima de ]]></b:skin>:
/*---Archive Calendar CSS 2---*/
#calendarDisplay { display: none }
/* div that holds calendar */
#blogger_calendar {
    margin: 5px 0 0 0;
    width: 100%;
}
/* Menu seleção dos meses */
#bcaption {
    border: 1px solid #E6E6E6;
    padding: 2px;
    margin: 10px 0 0;
    background: #eee;
    color:#FFC0C0;
    text-decoration:none;
    font: normal normal 13px calibri;
    border-radius:2px;
}
/* Menu seleção dos meses */
#bcaption select {
    background: #eee;
    border: 0 solid #eee;
    color: #FFB3B3;
    font-family: calibri;
    font-size: 12px;
    text-shadow: 1px 1px 0 #fff;
    text-align: center;
}
/* Dias da semana */
table#bcalendar thead { }
/* Head Entries */
table#bcalendar thead tr th {
    width: 20px;
    text-align: center;
    padding: 2px;
    border: 1px solid #eee;
    font: normal normal 13px calibri;
    background: #FFDBDB;
    color: #FFB3B3;
    text-shadow: 1px 1px 0 #fff;
}
/* Dias em número */
table#bcalendar {
    border: 1px solid #eee;
    border-top: 0;
    margin: 0px 0 0px;
    width: 100%;
    background: #ffffff;
}
/* Dias em número */
table#bcalendar tbody tr td {
    text-align: center;
    padding: 2px;
    border: 1px solid #eee;
    color: #ccc;
    font: normal normal 13px calibri;
}
/* Links dos posts publicados */
table#bcalendar tbody tr td a:link,
table#bcalendar tbody tr td a:visited,
table#bcalendar tbody tr td a:active {
color: #FFB3B3;text-shadow: 1px 1px 0 #fff;
}
table#bcalendar tbody tr td a:hover { color: #FF7979;}
/* 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: #FFDBDB;
}
/* Menu de todos as postagens do mês */
table#bcNavigation {
    width: 100%;
    background: #eee;
    border: 1px solid #E6E6E6;
    border-top: 0;
    color: #ccc;
    text-shadow: 1px 1px 0 #fff;
    font: normal normal 13px;
}
table#bcNavigation a:link {
    text-decoration: none;
    color: #ccc;
}
td#bcFootPrev { width: 10px }
td#bcFootAll { text-align: center }
td#bcFootNext { width: 10px }
ul#calendarUl {
     margin: 5px auto 0!important;color:#FFC0C0;
     border: 1px solid #FFC0C0;text-shadow: 1px 1px 0 #fff;
}
ul#calendarUl li a:link { border: 1px solid #FFC0C0; }
Querem ver os perfis de quem posta aqui? cliquem na imagem᠉
Continue

30 comentários:

  1. puxa verdade , ulzzangs se acha em todo canto uahsuahsuh
    o post nem ta grande ihaushaush sempre quis saber como fazia isso , o resultado ficou lindo :3


    g-girlie.net ☆*:.。. o(≧▽≦)o .。.:*☆ !

    ResponderExcluir
    Respostas
    1. SUHUShuaS sim na verdade só se acha delas né? Bem, eu achei mas o povo tem que ler esse bando de preguiçosos não diminui desta vez por maldade mesmo SUHUAHSUAHSUHAS u.u Então flor agora já sabe como faz >.<

      Excluir
  2. Deve ser difícil editar imagem ulzzang *pensa*
    Você é incrível Roh, seu calendário é muito lindo mesmo e sempre fiquei a admira-lo, qualquer dia tentarei algo assim em meu blog ^_^

    yeah-dreamhigh.blogspot.com

    ResponderExcluir
    Respostas
    1. UHASUHAUHSAS pior que não, são as mais fáceis se é que não falou com ironia >.< Eu? Quem dera amore, tem coisas que nem eu que sei consigo fazer, então nem sou tão incrível assim >.< Pois é tenta sim linda ;)

      Excluir
  3. Hello! Eu vou bem obrigada ^^ Nunca faço um icon/avatar e quando faço demoro uma hora ausaus. Amei o tuto. ^^
    Kisses | umaprincessrebelde.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada linda, pois é eu já amo criar e até que os meus estão ficando melhores ^^

      Excluir
  4. Não é certo disponibilizar coisas do seu layout só porque as pessoas pedem, é super chato T3T
    Imagens de ulzzangs>>>>>>>>>>>>>>>>>>>>>>>>>>resto kjasisaskllaslas ♥
    No próximo layout talvez eu use esse modelo, é lindo >3<
    youheartsbyleticia.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Pois é sempre tive esta regra e não irei mudar u.u o/

      Sim resto é resto ASHUAHSUAHSUHSUAHS
      Use sim irá ficar uma graça ;)

      Excluir
  5. Muito lindo, gostei *3*

    ~~ barbieseumundopink.blogspot.com

    ResponderExcluir
  6. Sua cabrita, que gracinha de calendário senhor, quero kibar ~corre.
    Sério, ficou muito lindo, vou usar no meu próximo layout com certeza *0*.

    Cara, é muito difícil achar avatares de gente não tão famosa, é exatamente assim! Imagens até tem mais a qualidade de todas não estão á nosso favor, isso dá muita raiva rç.

    Beijos,
    Ice Moon (ノ^∇^)♡

    ResponderExcluir
    Respostas
    1. UAHSUAHSUHAUShsu fala bezerra SUHAUHSauhss cabrita? Masoq u.u Awnnn obrigada ^^ use ficará fofo em qualquer coisa que você criar ;)

      Sim, pra mim foi a missão, caraca muito ruim ainda mais que eram artistas não tão famosos, mas ainda bem que achei ^^ beijos =3

      Excluir
  7. Amei este calendário, com certeza usarei no meu proximol layout :3

    Realmente é muito difícil encontrar avatares de artistas não muito conhecidos, eu tento fazer os meus própios, mas não fica nada legal.

    Beijos, nat-intensivaterapia.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Sim use linda acredito que irá ficar fofo >.<

      Sim difícil é apenas apelido AUHSUAHUAHSUHAHS mas no fim ainda consegui achar o que a leitora queria ^^ Beijos =3

      Excluir
  8. Roh-chan! * --- * obrigada pelos ícones do OC e da Birdy <3
    Valeuu!!
    Que calendário meigo <3

    Xoxo || Once Upon a Time

    ResponderExcluir
    Respostas
    1. De nada minha linda, espero que tenha gostado deles mesmo >.< Sim bem fofo né? Kissus ~

      Excluir
  9. Gente do céu quanto codigo uahus, muuuito Obg Roh *----*

    kawaii-things.net

    ResponderExcluir
    Respostas
    1. UAHSUAHSUHAUSHhs deu preguiça é? Vai ler dona moça u.u JAHSuAHUSHAUSh maldosa eu? Nem tanto :v UASHUAHSAUSHASH beijos =3

      Excluir
  10. Boa noite ♥ Nem vi os avatares, mas vou ver depois, sim? Eu sou meio fascinada por ulzzangs, tipo, são muito perfeitos pra existir SAUSAUSAUHSAU Mas enfim, esse modelinho é um amor, fiquei tentada a usar, mas sabe como é, maldito nivelamento, né? -.-

    Kissus ~ || Empire Kawaii

    ResponderExcluir
  11. É complicado fazer avatares de famosos pouco conhecido, ou algo de tipo. Ulzzang é bem mais fácil, pois se pode achar em demasia. Eu não gosto de postar coisas que uso para os outros, só se estiver com um humor muito, muito bom. Adorei o calendário, e ainda marca os dias em que o autor posta, aw ♥

    Beijos, Having Cherry

    ResponderExcluir
  12. Adorei o tutorial, esse modelo é muito bonitinho <3 ~

    www.sendohipster.blogspot.com.br

    ResponderExcluir
  13. Verdade Ulzzangs (e tbm coreanas fofas *u* ) são as mais faceis de achar heheehe o tutorial é muito útil sempre quis ter um calendário no meu blog, mas acho que nesse layout que estou não combina muito heueuee, mas ficou muito lindo *ooo* adoooro

    bjs
    || i-nfinitestars.blogspot.com ||

    ResponderExcluir
  14. Roh, eu amei esse modelo de calendário, mas quando fiz os números não apareciam :c não sei o que pode ter dado de errado T^T

    Kissus ~ l-ovelymilkshake.blogspot.com

    ResponderExcluir
  15. Procuro isso a mil anos! Tem como mudar as cores?

    ResponderExcluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)

Layout e codificação por Roh A.Ramos Os blogs que mais ajudaram com os tutoriais foram: CHIHDVCA Tecnologia do Blogger ♡ 2012 a 2017