Quickribbon Ayuda imaginaria: 2009 Subir a Inicio

Como evitar que copien contenido de tu blog!

2 comentarios



:) or :-)
:D or :-D
:$ or :-$
:( or :-(
:p or :-p

Si tu problema es, que todos quieren copiar y hacer de tu contenido un típico Copy/Paste ¿Qué podemos hacer?

Añadir un nuevo elemento HTML / JavaScript -> Copiar el siguiente código:


<script language="JavaScript">
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="Dont Copy Me Bitch!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){ alert(message); return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>

Así cuando intenten copiar algo de tu blog, saldrá un mensaje diciendo: Dont copyme bitch! o bien podemos cambiar el mensaje en esta parte del código:


<script language="JavaScript">
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="Tu mensaje aqui!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){ alert(message); return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>


Y listo. nadie podrá si quiera copiar la fecha del post!

Colocar un slider de imagenes en tu blogger!

0 comentarios

"Antes de comenzar guarda un respaldo de tu plantilla!"


Hola ya hace que no colocaba cosas nuevas... Hoy tengo para ustedes el nuevo "Boom" de los blogger's, Un pequeño slider en la parte superior que nos permitirá exhibir nuestros visitantes una serie de imágenes relacionadas con nuestros post o cualquier otra cosa.

El aspecto del slider sera al así:




Lo primero que debemos hacer es situarnos en nuestra plantilla y colocar el siguiente código antes de:

]]></b:skin>



#myslides{
background:#2c3133;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 972px; /*Width of Carousel Viewer itself*/
height: 165px; /*Height should enough to fit largest content's height*/
margin: 0px 14px 5px 14px;
background:#2c3133;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 17px ; /*margin around each panel*/
width:220px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:#202325;
height:140px;
border:1px solid #393f42;
}
.stepcarousel .panel p{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px ; /*margin around each panel*/
}

.stepcarousel .panel h2{
text-align: left; /*leave this value alone*/
height:20px;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px 5px ; /*margin around each panel*/
font-size:16px;
font-weight:bold;
text-align:center;
font-family:Georgia,century gothic,Arial,verdana, sans-serif;
}

.stepcarousel .panel img{
float: left; /*leave this value alone*/
background:#040404; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 10px 10px 10px; /*margin around each panel*/
padding:0px 0px;
}




Ojo!
El codigo que veran acontinuacion deben colocarlo antes de ]]></b:skin> pero situarlo correcta mente para que quede antes de los post.


Bueno ahora que vamos añadir debajo de ]]></b:skin> lo siguiente:

<script src='http://filefactor.webcindario.com/boxup/glide.js' type='text/javascript'/>
<script src='http://filefactor.webcindario.com/boxup/slider.js' type='text/javascript'/>


Esos son scripts, estos ingeniosos códigos proporcionara el movimiento de los "Paneles".
Ya hemos terminado de colocar los sripts y el estilo de los paneles, ahora comenzaremos a añadir la parte final de este código.

Ahora buscamos el <body> de la plantilla añadimos este código debajo de el mismo:

<div class='clear'/>

<!-- Casing -->
<div id='casing'>

<!-- Myslides -->
<div id='myslides'>
<script type='text/javascript'>
stepcarousel.setup({
galleryid: &#39;mygallery&#39;, //id of carousel DIV
beltclass: &#39;belt&#39;, //class of inner &quot;belt&quot; DIV containing all the panel DIVs
panelclass: &#39;panel&#39;, //class of panel DIVs each holding content
panelbehavior: {speed:500, wraparound:true, persist:true},
defaultbuttons: {enable: true, moveby: 2, leftnav: [&#39;http://web2feel.com/images/rem1.jpg&#39;, -14, 60], rightnav: [&#39;http://web2feel.com/images/rem2.jpg&#39;, 0, 60]},
statusvars: [&#39;statusA&#39;, &#39;statusB&#39;, &#39;statusC&#39;], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: [&#39;external&#39;] //content setting [&#39;inline&#39;] or [&#39;external&#39;, &#39;path_to_external_file&#39;]
})
</script>

<div class='stepcarousel' id='mygallery'>
<div class='belt'>

<div class='panel'>
<a href='Url de la entrada' title='Descripcion'><img alt='#' height='120' src='Url de la imagen' width='200'/> </a>
</div>


<div class='panel'>
<a href='Url de la entrada' title='Descripcion'><img alt='#' height='120' src='Url de la imagen' width='200'/> </a>
</div>


<div class='panel'>
<a href='Url de la entrada' title='Descripcion'><img alt='#' height='120' src='Url de la imagen' width='200'/> </a>
</div>


<div class='panel'>
<a href='Url de la entrada' title='Descripcion'><img alt='#' height='120' src='Url de la imagen' width='200'/> </a>
</div>


<div class='panel'>
<a href='Url de la entrada' title='Descripcion'><img alt='#' height='120' src='Url de la imagen' width='200'/> </a>
</div>

</div>
</div>

</div>
<!-- /Myslides -->





Y listo ya tenemos los slides, la cuestión esta en personalizarlos un poco, cambiando los colores, flechas, marcos, etc.

Cualquier duda o problema solo siéntanse libres de comentar al respecto..!


Proximo post: Añadir un menú al blog sin complicaciones!

Anuncio!!!

0 comentarios

"Hola a todos! debido a los comentarios me siento en deuda por eso debemos continuar y seguir ayudándolos, así que espenme en esta semana con unos nuevos trucos que he checado por ahí! saludos!"