Neko

Etiquetas: ♪ Blogskin, ♪ Tutorial

Visita mi otro blog AITOKAWAII y encuentra material.

Etiquetas: ♪ Blogskin, ♪ Tutorial

Visita mi otro blog AITOKAWAII y encuentra material.

::-webkit-scrollbar {
height:8px;
width: 8px;
background:#F8E0F1;
}
::-webkit-scrollbar-thumb {
background-color:#FF94F3;
-moz-border-radius: 10px;
border-radius: 0px;
}

::-webkit-scrollbar {
height:8px;
width: 8px;
background:#F8E0F1;
}
::-webkit-scrollbar-thumb {
background-color:#FF94F3;
-moz-border-radius: 10px;
border-radius: 0px;
}

body {
background:url(Tu url de fondo);
font-family: tu tipo de letra;
background-attachment:fixed;
cursor: url(tu cursor), auto;
}

Etiquetas: ♪ Blogskin

Visita mi otro blog AITOKAWAII y encuentra material.

.main-title {

o

.f1

o

.title {

Mmm sera un poco complicado ya que cada plantilla de blogskin es distinta por lo que usran terminos distintos... asi que solo trata de localizar el apartado del titulo. Te dare un consejo para saber cual es el codigo que deberas encontrar primero este <BlogItemTitle> Bien al encontarlo antes veras esto.. <div class="XXX">  Bueno pues en donde esta XXX estara un codigo, tal vez title o f1 etc... Bueno dependiendo el codiguito que encuentres sera lo que buscaras en el paso 1.

 Despues de haber encontrado el codigo del paso 1 abajito ponemos el siguiente codigo

Etiquetas: ♪ Blogskin, ♪ Tutorial

Visita mi otro blog AITOKAWAII y encuentra material.







 Te vas a Diseño >> Edición de HTML >> Recuperar la plantilla clásica. Bien al dar click alli te saldra un cuadro donde dice que tu plantilla actual se eliminara. Para  que eso no ocurra, tengamos una copia de seguridad. Para ello das click en donde dice Descargar plantilla completa y la guardas. Solo es por su las moscas xd.  por si las dudas de que no quede bien el skin.

dar click para ver mas grande

Etiquetas: ♪ Blogskin, ♪ Tutorial

Visita mi otro blog AITOKAWAII y encuentra material.

<blogger>

 Ahora abajito aparecera este codigo

<$BlogItemTitle$>

 Bien ahora antes de  <$BlogItemTitle$> pero despues de <blogger> ira tu imagen, puede que antes venga otros codigos como <div class="xxx">, Solo dale prioridad a que debemos situarnos antes de <$BlogItemTitle$>.

 Pegas el siguiente codigo y si gustas puedes dar un espacio para que no se vea tan junto la imagen  gif del titulo...

<img src=URL DE TU GIF>

 Okey, te quedara algo asi... solo es un ejemplo ne!

 <blogger>
<div class="xxx"><img src=URL DE TU GIF> <$BlogItemTitle$></div>

Eso es todo, da click en Vista previa para que veas como se ve.. si te gusto lo guardas y ya quedo listo!


Nota: En caso de que en tu blog haya dos <blogger>, se debe a que tal vez hay un boton como los mios que estan al lado derecho que diga diary o entradas, una vez que das click en el boton te regresa a los post o entradas. Por ello debes hacer exactamente lo mismo cuantas veces se haye el <blogger> o <$BlogItemTitle$> en tu plantilla ne!

Puedes visitar AITOKAWAII para ver algunos gif para tu blog...

Etiquetas: ♪ Blogskin, ♪ Tutorial

Visita mi otro blog AITOKAWAII y encuentra material.







 Abran su escritorio de blogger y vayan a Diseño> Añadir un gadget> HTML / Javascript. Si es para blogskin busca </html> en la Plantilla.
 Copia y pega el siguiente código en la columna de HTML / Javascript, si es para blogskin pegalo antes de el </html>.

<script language=javascript>

msg = "aqui tu mensaje";

msg = "..." + msg;pos = 0;

function scrollMSG() {

document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);

pos++;

if (pos > msg.length) pos = 0

window.setTimeout("scrollMSG()",200);

}

scrollMSG();

</script>

 Cambia lo azul por el texto que desees que aparesca y listo!

Etiquetas: ♪ Blogger, ♪ Blogskin

Visita mi otro blog AITOKAWAII y encuentra material.





Este tiene un efecto mas lindo pues se sube poco a poco y no de un jalon como el anterior

 Verifica que tu blogkin no tenga ya un boton top, si ya lo tiene pues solo modificalo al tuyo y listo xd. Pero si no lo tiene pega este codigo antes del </html> , es lo ultimo que biene en el HTML...

<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="URL DE TU BOTON TOP"/>', //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:'Fly High To The Sky'})

.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>

 Modifica URL DE TU BOTON TOP por tu URL de la imagen del boton y listo!

Etiquetas: ♪ Blogskin, ♪ Tutorial

Visita mi otro blog AITOKAWAII y encuentra material.

Etiquetas: ♪ Blogskin, ♪ Tutorial

Etiquetas: ♪ Blogskin, ♪ Tutorial

::-webkit-scrollbar {
height:8px;
width: 8px;
background:#F8E0F1;
}
::-webkit-scrollbar-thumb {
background-color:#FF94F3;
-moz-border-radius: 10px;
border-radius: 0px;
}

::-webkit-scrollbar {
height:8px;
width: 8px;
background:#F8E0F1;
}
::-webkit-scrollbar-thumb {
background-color:#FF94F3;
-moz-border-radius: 10px;
border-radius: 0px;
}

body {
background:url(Tu url de fondo);
font-family: tu tipo de letra;
background-attachment:fixed;
cursor: url(tu cursor), auto;
}

Etiquetas: ♪ Blogskin

.main-title {

o

.f1

o

.title {

Mmm sera un poco complicado ya que cada plantilla de blogskin es distinta por lo que usran terminos distintos... asi que solo trata de localizar el apartado del titulo. Te dare un consejo para saber cual es el codigo que deberas encontrar primero este <BlogItemTitle> Bien al encontarlo antes veras esto.. <div class="XXX">  Bueno pues en donde esta XXX estara un codigo, tal vez title o f1 etc... Bueno dependiendo el codiguito que encuentres sera lo que buscaras en el paso 1.

 Despues de haber encontrado el codigo del paso 1 abajito ponemos el siguiente codigo

Etiquetas: ♪ Blogskin, ♪ Tutorial

 Te vas a Diseño >> Edición de HTML >> Recuperar la plantilla clásica. Bien al dar click alli te saldra un cuadro donde dice que tu plantilla actual se eliminara. Para  que eso no ocurra, tengamos una copia de seguridad. Para ello das click en donde dice Descargar plantilla completa y la guardas. Solo es por su las moscas xd.  por si las dudas de que no quede bien el skin.

dar click para ver mas grande

Etiquetas: ♪ Blogskin, ♪ Tutorial

<blogger>

 Ahora abajito aparecera este codigo

<$BlogItemTitle$>

 Bien ahora antes de  <$BlogItemTitle$> pero despues de <blogger> ira tu imagen, puede que antes venga otros codigos como <div class="xxx">, Solo dale prioridad a que debemos situarnos antes de <$BlogItemTitle$>.

 Pegas el siguiente codigo y si gustas puedes dar un espacio para que no se vea tan junto la imagen  gif del titulo...

<img src=URL DE TU GIF>

 Okey, te quedara algo asi... solo es un ejemplo ne!

 <blogger>
<div class="xxx"><img src=URL DE TU GIF> <$BlogItemTitle$></div>

Eso es todo, da click en Vista previa para que veas como se ve.. si te gusto lo guardas y ya quedo listo!


Nota: En caso de que en tu blog haya dos <blogger>, se debe a que tal vez hay un boton como los mios que estan al lado derecho que diga diary o entradas, una vez que das click en el boton te regresa a los post o entradas. Por ello debes hacer exactamente lo mismo cuantas veces se haye el <blogger> o <$BlogItemTitle$> en tu plantilla ne!

Puedes visitar AITOKAWAII para ver algunos gif para tu blog...

Etiquetas: ♪ Blogskin, ♪ Tutorial

 Abran su escritorio de blogger y vayan a Diseño> Añadir un gadget> HTML / Javascript. Si es para blogskin busca </html> en la Plantilla.
 Copia y pega el siguiente código en la columna de HTML / Javascript, si es para blogskin pegalo antes de el </html>.

<script language=javascript>

msg = "aqui tu mensaje";

msg = "..." + msg;pos = 0;

function scrollMSG() {

document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);

pos++;

if (pos > msg.length) pos = 0

window.setTimeout("scrollMSG()",200);

}

scrollMSG();

</script>

 Cambia lo azul por el texto que desees que aparesca y listo!

Etiquetas: ♪ Blogger, ♪ Blogskin

Este tiene un efecto mas lindo pues se sube poco a poco y no de un jalon como el anterior

 Verifica que tu blogkin no tenga ya un boton top, si ya lo tiene pues solo modificalo al tuyo y listo xd. Pero si no lo tiene pega este codigo antes del </html> , es lo ultimo que biene en el HTML...

<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="URL DE TU BOTON TOP"/>', //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:'Fly High To The Sky'})

.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>

 Modifica URL DE TU BOTON TOP por tu URL de la imagen del boton y listo!

Etiquetas: ♪ Blogskin, ♪ Tutorial

Hola! Gracias por visitarme! Espero que te agrade el blog y vuelvas pronto ne. Bueno aquí algunos datos de mi y mi blogui.

 Mi nombre es Sunadokei, me llaman sunachan!
 Tengo 18 años
 Me gusta lo asiático, su moda, su musica, anime, mangas y artistas
 Odio las mentiras y a los traidores
 Mis oppas favoritos son Kim Hyun Joong y Donghae
 Mis doramas favoritos son 1 litro de lagrimas, playful kiss, Hana yori dango y Daisuki
 Mis animes favoritos son Kobato, Hana yori dango, candy candy, Lovely complex, Itazura na kiss y One piece


Datos del blog

 Creado el 03 de Septiembre del 2012
 Se llama Kawaii Tutos
 Creado con la intención de que tu mejores tu blog y se vea super!
 Me esmere mucho en hacerlo espero os guste xd
 El blog es origina, es decir que todo esta hecho por mi a excepción de las imágenes de presentación de kfashion y los micro gif que los encontré en Tumblr
 Aquí encontraras muchos tutoriales útiles y fáciles.

Espero que te guste mi blog y respetes las reglas... Para leerlas da click en donde dice leer las reglas en la barra de la izquierda en la parte de arriba ne!

Un saludo y byebye

Mis archivos septiembre 2012

Chat

Habla de ti pero recuerda respetar las reglas ne!

Afiliame!


<a href="http://kawaiitutos.blogspot.mx/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL7ltHlhDHPw5XgIT2pbU7dKHePHJRLhTUd4sAHDeEuYR2lJr8J1CTGW-WQOTOUwpeBcRVnjA3fvZoMmUfzZiW3HTA4pcmtsUDsjePHGFNRyM4LxUN871jMemtv_e6KrHuB4S9rbM7cLEM/s1600/boton.png" /></a>

Aitokawaii| Friends| Friends| Friends| Friends|

Para Blogger
Bordes ovalados
Boton Afiliador
Cbox
Gif a lado del titulo del post
Imagen que se opaca o aclara al pasar mouse
Imagen top
Mensaje en pestaña
Modificar la barra scrollbar
Quitar o poner bordes a imagenes permanentemente
Poner bordes a el titulo de tu blog
Poner un cursor en mi blog
Poner un divisor en mi blog
Poner un reproductor en mi blog
Subir plantilla XML a blogger
TUTORIAL
TUTORIAL
TUTORIAL


Para Blogskin
Bodes ovalados
Boton afiliador
Botón o imagen top
Gif a lado del titulo del post
Imagen que se opaca al pasar el mouse
Mensaje en la pestaña
Modificar el scrollbar
Poner bordes al titulo del post
Poner un divisor en las entradas o posts
Subir un template blogskin
TUTORIAL
TUTORIAL


Para PC
TUTORIAL
TUTORIAL
TUTORIAL
TUTORIAL


Para Web
Como subir una cancion .mp3 o cualquier otra cosa en sites google
TUTORIAL
TUTORIAL
TUTORIAL


Photoshop
Hacer un render
TUTORIAL
TUTORIAL
TUTORIAL


Trucos
TUTORIAL
TUTORIAL
TUTORIAL
TUTORIAL