<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar/8706175888370614921?origin\x3dhttp://kemoopi-chokko.blogspot.com', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>
magic ~

Welcome to the intergalatic world. This is the place where you will find endless resources to make your blog look more beautiful(?). Enjoy your stay in this magical place.

Coments
Enjoy the happiness.
Visit these sites.
          *Queda cerrado este lugar¿?*

Choice your way

Tutorial 6°-Como colocar pixeles a lado de los icons?
written on domingo, 13 de abril de 2014 @ 14:46 ✈

Nihao!En este tutorial respondo una duda(๑•́ ₃ •̀๑) de ask "Como colocar pixeles a lado de los icons?",para que me entiendan mejor, algo como esto(。・・)ノ:

-Click para verlo en grande-

▼Primero-Antes de iniciar la entrada,notaran que en la parte superior(donde se encuentra enlace,insertar imagen,subrayado,etc)hay dos botones uno de Redactar y otro de HTML,el de "HTML" lo presionamos y colocamos el siguiente código
<img align="left" alt="" src="url del icon" height="100" style="margin: 0px;" width="100" />
&nbsp;
<span style="color: #444444;">&nbsp;<img alt="" border="0" src="url del pixel" />Frase</span><br />
<span style="color: #444444;">&nbsp;<img alt="" border="0" src="url del pixel" />Comida</span><br />
<span style="color: #444444;">&nbsp;<img alt="" border="0" src="url del pixel" />Redes sociales</span><br />
▼Editamos lo siguiente
Rosa: Url del icon/imagen que se utilizara
Azul: Frases o palabras que se relacionan con el pixel
Verde: Url de los pixeles que ocuparas

▼Si tienes alguna duda o corrección enviarme un correo a color-world@hotmail.com
Don't copy! Be original ~
Material original de Kemoopi~Chokko♥
-Respeta mi trabajo & esfuerzo-

Etiquetas:


3 cat[s]



Tutorial 5: Pon etiquetas a tu plantilla
written on sábado, 10 de agosto de 2013 @ 9:29 ✈

Nihao!En este tutorial les muestro como poner etiquetas,de una forma básica,simple & linda,ya que ciertas plantillas skin,no tienen esta función activada,nos quedaran así:
-Clic para verlo en grande-

★Comencemos
En nuestra plantilla buscamos el siguiente código
.blogger-labels
Una vez encontrado el código,borramos lo que esta entre los signos{},y colocamos el siguiente código dentro de los signo)
{color: #000;padding: 1px;border-top: 1px solid #eee}
Solo queda editar
  • borde-top}Ancho de la linea
  • solid}#Color de la linea
  • color:}Color de la palabra "Etiquetas"
  • padding:}Nose(?)pero no lo eliminen

★Paso adicional
Si decean que en vez de una raya tenga una raya punteada,sustituyen el código anterior por el siguiente:
color: #000;padding: 1px;border-bottom: 1px solid #eee
Y listo!!,Tu blog ya tiene etiquetas ~Nya

Etiquetas:


4 cat[s]



Tutorial 4°- Tags ordered
written on miércoles, 10 de julio de 2013 @ 9:14 ✈

Nihao!En este rápido tutorial les muestro una manera fácil para acomodar sus etiquetas y que sus visitantes las encuentren rápido(ノ◕ヮ◕)ノ.Como cabe mencionar,este tutorial sirve para plantilla blog skin,no a sido comprobado para plantillas blogger(´-ω-`).Como estas:
"Clic para verlo mas grande"
▼Primero.-En algún espacio de nuestra plantilla(es decir donde colocarlo)pegamos lo siguiente:
<center><select style="width: 90%; padding: 0px; font:8pt arial; border:1px double #ff688f; color:#888;background: #fff;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value="/">► Etiquetas</option>
<option value="Url"> ► Nombre</option>
<option value="Url">► Nombre</option>
<option value="Url"> ► Nombre</option>
</select></center>
</div>
▼Editamos lo siguiente:(lo basico)
Rosa:Color del borde de la cajita
Turquesa:Url de alguna etiqueta
Verde:Nombre de la etiqueta

▼Y si queremos agregar mas etiquetas solo antes de "</select></center>" (del codigo de arriba)agragamos lo siguiente:
<option value="Url"> ► Nombre</option>
▼Si tienen alguna duda o corrección enviarme un correo a color-world@hotmail.com
Don't copy! Be original ~
Material original de Kemoopi~Chokko♥
-Respeta mi trabajo & esfuerzo-

Etiquetas:


7 cat[s]



Tutorial 3°-Original tags
written on lunes, 8 de julio de 2013 @ 9:27 ✈

Nihao!~En este tutorial les muestro como poner un toque "único"(?) a sus etiquetas,encerrándolas en un cuadrito con una flechita,,debo de aclarar que este tutorial sirve para plantillas blogskin,aun no a sido comprobado con plantilla blogger;créditos a blogskin;nos quedara algo así:


▼Primero su plantilla,presionan "Ctrl+F",buscan el lugar donde deseen colocarlo.

▼Después colocan siguiente codigo:
/*Etiquetas*/
.blogger-labels { padding: 3px 7px; font:9px arial; background: #d3e6ea; color: #111; display: block; text-transform: uppercase; text-align: right; }
.blogger-labels:before { content: ''; display: block; width: 0; height: 0; border: 5px solid #fff; border-bottom-color: #d3e6ea; margin-left: 50px; margin-top: -13px; margin-bottom: 3px; }
.blogger-labels a { color: #ffffff; }
.blogger-labels a:hover { color: #f2a9c3; }
▼Finalmente,Editamos la font o el color de la caja.

▼Si tienen alguna duda o corrección enviarme un correo a color-world@hotmail.com
Don't copy! Be original ~
Material original de Kemoopi~Chokko♥
-Respeta mi trabajo & esfuerzo-

Etiquetas:


5 cat[s]



Tutorial 2°-Protects your blog
written on viernes, 12 de abril de 2013 @ 13:44 ✈

Nihao!~En este tutorial les mostrare como pueden proteger sus blog de aquellas artimañas(?) que solo piensan en copiar,e de advertir que funciona en plantilla blogskin pero no estoy segura si funcione en plantilla blogger-Comencemos-

▼ Primero presionamos "Ctrl+F", buscamos el siguiente código:
</style>
▼Segundo,abajo del código de arriba,colocamos el siguiente código:

//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}

▼Después,buscamos <body> y colocamos el siguiente código en lugar de <body>,
<body oncontextmenu='return false;' onkeydown='return false;'>
▼Y finalmente,buscamos </body> y arriba de este código copiamos el siguiente código:

<script language=JavaScript>
                <!--
             
                //Disable right click script III- By Renigade (renigade@mediaone.net)
                //For full source code, visit http://www.dynamicdrive.com
             
                var message="";
                ///////////////////////////////////
                function clickIE() {if (document.all) {(message);return false;}}
                function clickNS(e) {if
                (document.layers||(document.getElementById&&!document.all)) {
                if (e.which==2||e.which==3) {(message);return false;}}}
                if (document.layers)
                {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
       else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
             
                document.oncontextmenu=new Function("return false")
                // -->
                </script>
    <script type='text/javascript' language='Javascript'>
      function s_toggleDisplay(his, me, show, hide) {
        if (his.style.display != 'none') {
          his.style.display = 'none';
          me.innerHTML = show;
        } else {
          his.style.display = 'block';
          me.innerHTML = hide;
        }
      }
      </script>

▼Si tienen alguna duda o corrección enviarme un correo a color-world@hotmail.com
Don't copy! Be original ~
Material original de Kemoopi~Chokko♥
-Respeta mi trabajo & esfuerzo-

Etiquetas:


2 cat[s]



Tutorial 1°-Up picture
written on miércoles, 10 de abril de 2013 @ 6:15 ✈

Nihao!~Este es el primer tutorial que realizo,debo de aclarar que este tutorial sirve para plantillas blogskin,aun no a sido comprobado con plantilla blogger;créditos a blogskin;nos quedara algo así:

▼Primero-Abrimos nuestra plantilla & apretamos "Ctrl+F",buscamos el siguiente codigo:
</script>
▼Una vez encontrado colocamos el siguiente código,arriba del anterio,:

///*Up picture-imagen fly*///
</script>
</head>
<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, 500]},
controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src="Link de tu imagen"/>', //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:'Titulo al pasar el cursor'})
.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()

▼Editamos lo siguiente:
Rosa: El url de la imagen que aparece al bajar
Turquesa: Titulo que se mostrara al pasar el cursor sobre la imagen

▼Si tienen alguna duda o corrección enviarme un correo a color-world@hotmail.com

Don't copy! Be original ~
Material original de Kemoopi~Chokko♥
-Respeta mi trabajo & esfuerzo-

Etiquetas:


0 cat[s]



newer post older post



© 2014 - Kemoopi Chokko.
This isn't the end, it's just the beginning.