16/11/2012

6 Meses de Blog=Pacotão


Hoy Minha Florzinhas Apimentadas!
Tudo bem com vocês?  Eu estou bem, muito feliz!(Motivo da felicidade?  Já vou contar)
Estou muito feliz porque hoje faz 5 meses que estou aqui, juntinho com vocês! Nossa me lembro do passado, como era o blog! Era completamente sem criatividade, os posts,Nossa nem preciso falar... O blog primeiramente se chamava Blog da Dé, Nossa eu me lembro que no inicio com 1 mês, mais ou menos eu tinha apenas 8 seguidores, então olha agora, Nunca imaginei que iria chegar a esse ponto, com 225 seguidores maravilhosos,1029 comentários lindos demais,11.646 visualizações!
Nossa, quem vem me acompanhando dês do inicio deve saber a diferença, e quem é de agora imagine!
Muito Obrigada Leitores de coração, amo vocês
--
Mudando de assunto, meu computador voltou do concerto(yeah!) Então eu trouxe o pacotão hoje mesmo  para comemorar com vocês o niver do blog!
Vamos Conferir?  .. Mais Informações Docinhos!

Trouxe 5 tipos de diferentes Utilitários e 5 Tutoriais! (Sorry, eu pretendia trazer mais, mas tenho muito oque estudar)
Utilitários:
Imagens Para Inicio de Posts:











Eu achei algumas Imagens No Miki Candy(Ou melhor, a maioria) Outras eu achei no Kawaii World e algumas eu peguei do Google Chrome Imagens!

Backgrounds:




Escolhi Backgrounds mais claros porque acho que cai melhor num blog! Ah não se que seu blog seja com o cabeçalho em cores claras, dai eu lhe aconselho a procurar colocar backgrounds mais escuros!
Peguei os planos de fundo do-Google Chrome Imagens.

Gifs:
39..::|| ◊.*.◊ [ ♡ - ( 45 ) - ♡ ] ◊.*.◊ ||::....::|| ◊.*.◊ [ ♡ - ( 498 ) - ♡ ] ◊.*.◊ ||::..

OMG, Que fofos(:

Buttons:
Achei No Miki Candy

Bases:

Achei todas no Kawaii World

Tutoriais:
Personalização do Gadget Hover:
Vá no seu HTML->Expandir modelos de Widgets->De Cntrl+f ou f3 e procure por:
/* Widgets
Você vai encontrar mais ou menos esse código:
.sidebar .widget {
  border-bottom: 1px solid $(widget.border.bevel.color);
  padding-bottom: 10px;
  margin: 10px 0;
    }
Abaixo do } você cola esse código:
.sidebar h2 {
background: #CORDOFUNDO;
color: #fff;
text-align: center;
font-weight: bold;
  text-decoration:none;
-webkit-transition-duration: .80s;
}
.sidebar h2:hover {
background: #CORDOFUNDOHOVER;
color: #fff;
text-align: center;
font-weight: bold;
  text-decoration:none;
-webkit-transition-duration: .80s;
}
Créditos:Ejhonas
Acho que dá para entender bem, visualize se estiver tudo certo salve. Recomendo está tabela de cores.

Blockete Personalizado:
Vá no seu HTML->Expándir Modelos de Widgets->De Cntrl+F ou F3 e procure por: 
]]></b:skin>
Acima de ]]></b:skin>  Cole o seguinte código, fazendo as modificações quando necessário:
.post blockquote { 
background:url(
#CORDOFUNDO) ; /*Altere o fundo como preferir*/ border:2px dashed #2b2a59; /*Altere a cor da borda como preferir*/padding: 5px; margin:10px 20px 10px 20px; }
 Achei o código no: Cereja cor de Rosa

Efeito Giratório na Elite de Afiliados:
Vá no seu HTML->Expandir Modelos de Widgets->De cntrl+F ou F3 e procure por: ]]></b:skin>
Encima de ]]></b:skin> cole o seguinte código:
.afiliados {  debox-shadow: 2px 1px 3px #909090;border-radius: 50px;-moz-border-radius: 50px;-webkit-border-radius: 50px;transition-duration: 3s;-moz-transition-duration: 3s;-webkit-transition-duration: 3s;}.afiliados:hover {transform: rotate(-360deg) scale(1) skew(0deg);-moz-transform: rotate(-360deg) scale(1) skew(0deg);-webkit-transform: rotate(-360deg) scale(1) skew(0deg);-o-transform: rotate(-360deg) scale(1) skew(0deg);}

Salve, e depois vá em adicionar um gadget->HTML/Java script
<center><a href=" Link do Blog" title="Nome do blog"><img src="Link da imagem" class="afiliados"/></a>
Visualize; Se der certo salve!
Créditos:Serei Feliz 

Menu De Abas:
Vá no seu HTML->De Cntrl+F ou  F3 e procure por <head>
Abaixo cole esse código:
<link href='http://naah-oliver.zip.net/menu2.css' media='screen' rel='stylesheet' type='text/css'/><script src='http://poisonedapple.awardspace.us/tabber.js' type='text/javascript'/>
Visualize se estiver tudo certo, salve!
E vá em adicionar um Gadget, HTML/Java Script e cole o código:

<br><div class="tabber"><div class="tabbertab" title="Aba 1">Conteúdo 1 aqui</div><div class="tabbertab" title="Aba 2">Conteúdo 2 aqui</div><div class="tabbertab" title="Aba 3">Conteúdo 3 aqui</div><div class="tabbertab" title="Aba 4">Conteúdo 4 aqui</div><div class="tabbertab" title="Aba 5">Conteúdo 5 aqui</div></div><br>
Créditos:Chassy Bomb 

Seta de voltar ao topo com efeito:
OBS:Nem precisa mexer com o HTML
Vá em adicionar um Gadget->HTML/Java Script e cole o código abaixo:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="COLOQUE AQUI O URL DA IMAGEM"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
Lá no inicio aonde diz ' Coloque o URL da sua imagem aqui"  Você coloca o URL da imagem e voltar ao topo que você quiser Ok?
Aqui e aqui tem alguns voltar aos topos fofos!
Achei o código no: Cherry Bomb

Aishe Cansei de escrever saushuashau'
Bom, acho que é isso, espero que tenham gostado; se der algo errado nos tutoriais me avisem, pois eu não testei todos!
Beijos Apimentadinhos.

26 comentários:

  1. Parabéns pelo 6 meses de blog ,adorei o pacotão!
    beijos

    gotas-de-fofura.blogspot.com

    ResponderExcluir
  2. lindoo tudo , eu amo muito o seu blog!
    http://coisinhasdegarotas99.blogspot.com.br/

    ResponderExcluir
  3. Parabéns pelos seis meses! Adorei as imagens para post, os buttons e as bases >< Curti o tutorial, vou usar em algum lay!

    Beijos :3 || cupcakeofshine.blogspot.com

    ResponderExcluir
  4. Parabéns pelos 6 meses!!!Que venham muito mais!!!Aqueles Gifs são uma gracinha!!!Beijuuus
    Gabi~Cereja de Glitter

    ResponderExcluir
  5. Adorei tudo isso!
    www.blogueirajussara.blogspot.com.br

    ResponderExcluir
  6. Parabéns pelos 6 meses ! Que você tenha sucesso entre anos e anos
    Adorei o tutos e os utilaytes já deixei esse post nos favoritos kk'
    Beijos ♥

    O Teen Candy esta de cara nova vê-la

    Diário Capricho
    Teen Candy

    ResponderExcluir
  7. Parabéns!! Que esse blog lindo cresça mais e mais, okay??? Adorei os utilitários e os tuto!! Beiiijoss
    pqngarota.tk

    ResponderExcluir
  8. Parabéns querida por estar aqui esses tempo todo rsrsrs, bom adorei as imagens para post ^^

    ResponderExcluir
  9. Adorei as imagens para post ^^ Parabéns, Debby!

    (nao-me-acorde-estou-sonhando-isa.blogspot.com)

    ResponderExcluir
  10. Parabéeens Déebora! Amei o Pacotãao!
    kiss Gabi
    momentopaparazzy.blogspot.com
    forevercrazzyy.blogspot.com

    ResponderExcluir
  11. Parabéns Debby!Amei os buttons e as bases!Linda terça eu já posso postar normalmente?Beijos!
    Bia's World

    ResponderExcluir
  12. Parabéns pelos 6 meses, adoreii o pacotão
    as imagens são lindas!

    http://manguitarosa.blogspot.com.br/

    beijooos

    ResponderExcluir
  13. á bem Debby!Vou programar um post pra terça ok?Beijos!
    Ah minha linda,vou fazer um pedido tudo bem?Sabe esse efeito nas imagens do post?Então meu pc é muito lento,e ele vai travando,acho que isso pesa.O efeito é bem legal mas não nos posts,poderia colocar outro efeito tipo opacidade com bordas,sei lá...Só um peido o.o
    Goodbye,Bia's World.

    ResponderExcluir
    Respostas
    1. Já programei pra terça!Se quiser dá uma olhada e diz o que achou!

      Excluir
  14. Parabéns!!! 225 seguidores?! Uma grande conquista!! Amei o 'pacotão' ficou demais!!! Já te coloquei na elite e estou seguindo!
    Kiss

    blog-theimperfect / blogspot

    ResponderExcluir