Afiliados Top
Ultimos Posts
Shaman King [64/64] [MF] [Latino]
felixsalguero

La historia comienza cuando Manta Oyamada,
un estudiante de secundaria, toma un atajo por el cementerio local y
divisa a un joven misterioso que simplemente observa las estrellas. Yoh Asakura,
quien le invita a quedarse con él y sus "amigos", pero Manta huye
asustado al ver que estos eran fantasmas. Tiempo después Yoh se revela
así mismo como un "Shaman" (quienes son el vínculo entre este mundo y el
de los espíritus) para demostrarle a Manta que entre ellos ha nacido
una amistad. La misión de Yoh será encontrar un espíritu acompañante y prepararse para el "Torneo de Shamanes" (Shaman Fight), que sucedería en Tokio. La pelea que se lleva a cabo cada 500 años y en la que el ganador se convierte en el Rey Shaman (Shaman King),
quien es aquel que puede hacer contacto con los "Grandes Espíritus"
(Los que controlan y ven por el destino del mundo). Finalmente hará su
aparición el antagonista de la historia Hao Asakura,
quien tiene un destino en común con Yoh y tratará de ganar para cumplir
su ambición de exterminar a la humanidad y establecer una utopía de
puros Shamanes.
Titulo: Shaman King
Genero: Sobrenatural, Accion, Aventura, Comedia
Idioma: Español Latino
Subtitulos: No tiene
Peso: 70mb aprox
Formato: .mp4
Pass: cross
Shaman King [64/64] [MF] [Latino]
Leer +
Gadget Selectbox Social
felixsalguero
Hace mucho días que no publicaba en File Virtual por problemas personales, hoy e decido traerles a todos ustedes este sensacional gadget de las Redes Sociales.
Como podrán apreciar en la imagen las redes sociales que tiene este gadget son RSS Feed, Facebook, Twitter y Google+ con su respectivo iconos a lado.
Vista previa
NORMAL AL DESPLEGARLO
Para añadirlo vamos a Diseño, Añadir Gadget, HTML/Javascript y adentro pegamos:
<div align="center"><div class="glossy-selectbox"><input type="checkbox">
<label style="text-align:center;font-size:15px;font-family:Arial;position:relative;left:-15px;" data-default="SIGUENOS EN LAS REDES" data-focus="Encuentranos en..."></label><ul>
<li><a href="#RSS" class="social-rss" href="#" target="_blank">RSS Feed</a></li>
<li><a href="#FACEBOOK" class="social-facebook" href="#" target="_blank">Facebook</a></li>
<li><a href="#TWITTER" class="social-twitter" href="#" target="_blank">Twitter</a></li>
<li><a href="#GOOGLEPLUS" class="social-google" href="#" target="_blank">Google+</a></li>
</ul></div></div>
<style>
.glossy-selectbox {
display:inline-block;
font:normal bold 12px Arial,Sans-Serif;
position:relative;
width:250px;
background-color:#111;
text-align:left;
background-image:-webkit-linear-gradient(top,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,.1) 100%);
background-image:-moz-linear-gradient(top,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,.1) 100%);
background-image:-ms-linear-gradient(top,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,.1) 100%);
background-image:-o-linear-gradient(top,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,.1) 100%);
background-image:linear-gradient(top,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,.1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#333333',endColorstr='#111111');
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
-webkit-box-shadow:inset 0 1px 1px 1px rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.7);
-moz-box-shadow:inset 0 1px 1px 1px rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.7);
box-shadow:inset 0 1px 1px 1px rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.7);
}
.glossy-selectbox:before,
.glossy-selectbox:after {
content:"";
display:block;
width:0;
height:0;
border:3px solid transparent;
border-width:5px 3px;
border-bottom-color:#999;
position:absolute;
top:25%;
right:5px;
z-index:4;
}
.glossy-selectbox:after {
border-color:#999 transparent transparent;
top:auto;
bottom:25%;
}
.glossy-selectbox input {
display:block;
position:absolute;
top:0;
right:0;
bottom:0;
width:15px;
height:100%;
opacity:0;
z-index:10;
cursor:pointer;
}
.glossy-selectbox label {
display:block;
line-height:45px;
color:rgba(255,255,255,.5) !important;
padding:0 15px;
-webkit-transition:all 0s ease-out;
-moz-transition:all 0s ease-out;
-ms-transition:all 0s ease-out;
-o-transition:all 0s ease-out;
transition:all 0s ease-out;
}
.glossy-selectbox label:before {
content:attr(data-default);
}
.glossy-selectbox label:after {
content:"";
display:block;
position:absolute;
top:0;
right:0;
bottom:0;
width:15px;
border-left:1px solid rgba(0,0,0,.4);
-webkit-border-radius:0 7px 7px 0;
-moz-border-radius:0 7px 7px 0;
border-radius:0 7px 7px 0;
-webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,.1),-1px 0 0 rgba(255,255,255,.1);
-moz-box-shadow:inset 1px 0 0 rgba(255,255,255,.1),-1px 0 0 rgba(255,255,255,.1);
box-shadow:inset 1px 0 0 rgba(255,255,255,.1),-1px 0 0 rgba(255,255,255,.1);
}
.glossy-selectbox input:hover + label {
color:white !important;
}
.glossy-selectbox input:hover + label:after {
background-color:rgba(255,255,255,.04);
}
.glossy-selectbox ul {
margin:0 0;
padding:0 0;
position:absolute;
top:100%;
left:14px;
right:14px;
background-color:#222;
border:1px solid #111;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.4),0 5px 7px -2px rgba(0,0,0,.4);
-moz-box-shadow:0 1px 2px rgba(0,0,0,.4),0 5px 7px -2px rgba(0,0,0,.4);
box-shadow:0 1px 2px rgba(0,0,0,.4),0 5px 7px -2px rgba(0,0,0,.4);
visibility:hidden;
opacity:0;
z-index:99;
}
.glossy-selectbox li {
margin:0 0;
padding:0 0;
list-style:none;
float:left;
width:50%;
display:inline;
}
.glossy-selectbox a {
display:block;
position:relative;
color:#999 !important;
text-decoration:none;
text-shadow:0 0 2px black;
line-height:30px;
border-top:1px solid #111;
border-right:1px solid #111;
padding:0 15px 0 32px;
-webkit-box-shadow:inset 0 0 0 1px #333;
-moz-box-shadow:inset 0 0 0 1px #333;
box-shadow:inset 0 0 0 1px #333;
/* Opera note: An unstable box shadow will appear if you don't define the border radius less than 1 pixel. Weird! */
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}
.glossy-selectbox a:nth-child(even) {
border-right-width:0;
}
.glossy-selectbox a:before {
content:"";
display:block;
width:16px;
height:16px;
position:absolute;
top:7px;
left:7px;
background-color:transparent;
background-repeat:no-repeat;
background-position:50% 0;
}
.glossy-selectbox a:hover:before {
background-position:50% 100%;
}
.glossy-selectbox .social-rss:before {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5MTEwQTQ2RjY1RkVFMDExODA0OEVBREIxOUJCOTU1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQjE4MjgwMzAzMUUxMUUxQThDN0E3RjZBMzJBQUI2NiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQjE4MjgwMjAzMUUxMUUxQThDN0E3RjZBMzJBQUI2NiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNTQ1NjQ2NjBCMDNFMTExOEFFNUMxQUI0QURFQTMyOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MTEwQTQ2RjY1RkVFMDExODA0OEVBREIxOUJCOTU1MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlHzXt4AAAFnSURBVHja7JTPRwRxGIdnttQxomujRHQtJZZNLHWK9Ce0HaI/oGN0iOgUaXTqkE2H1Cl1qUvs2lXq0nFELBGdItb0vOv98pra3WyHLjM85vWddz7z/prXj+PY+8vlFwoFUajDPXzAFZzCY7uXwzD0Mmp3wThkYQMe4AmW2olkWjwbhRO4hcFWAj50wwQswB68GZ9puINcqwikBlU4h1UYhi2tiVz9cPmTiAjESgX2IQ/vsA4zUFPfHk1pqFkNpIgr+qVrGIEyTMGL+gzA4W+KKKGWtCvPsAif+ixru+OK2Kvh7hpHyfvMRLJjPrCZjEBeuoG1RMgicqD2ttbGtTjXLAWZyHkTiTjOamuPjN+cE3D5lkybZIxD4+xyvkjMR0OgCJNK0TgcGzuv96o5G3MCdXNo7bKx3Si/mrM+J7Csw1JT2zM/WFL425kfRVHHuyAIgsZP1PE+sG1M90G6D9J98N/74EuAAQBrM499eIKXUgAAAABJRU5ErkJggg==')}
.glossy-selectbox .social-facebook:before {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5MTEwQTQ2RjY1RkVFMDExODA0OEVBREIxOUJCOTU1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQjE4MjgwNzAzMUUxMUUxQThDN0E3RjZBMzJBQUI2NiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQjE4MjgwNjAzMUUxMUUxQThDN0E3RjZBMzJBQUI2NiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNTQ1NjQ2NjBCMDNFMTExOEFFNUMxQUI0QURFQTMyOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MTEwQTQ2RjY1RkVFMDExODA0OEVBREIxOUJCOTU1MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvpkBkIAAACASURBVHjaYvz//z8DJYAxNTV1L5B2IkPvvlmzZjkzkamZAaaPiQiFziCXImEUQIwB+/BJspDgZKyhzcRAIcDnAkYc/P90c8F/fDZTzQXDwAAWchMQsgt2kGk5WB/jgwcPyHa+vLw82AV7oc4kFe+FeWG0PBgtD0bLg8FQHgAEGAA6pyme0xeFcQAAAABJRU5ErkJggg==')}
.glossy-selectbox .social-twitter:before {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5MTEwQTQ2RjY1RkVFMDExODA0OEVBREIxOUJCOTU1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQjM1NzQwMDAzMUUxMUUxQThDN0E3RjZBMzJBQUI2NiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQjM1NzNGRjAzMUUxMUUxQThDN0E3RjZBMzJBQUI2NiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNTQ1NjQ2NjBCMDNFMTExOEFFNUMxQUI0QURFQTMyOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MTEwQTQ2RjY1RkVFMDExODA0OEVBREIxOUJCOTU1MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Psm+fpUAAAClSURBVHjaYvz//z8DJYAFxkhLS7MHUl1QbhkQH8SladasWZgGAMEKIJZAYksS4wImJLYEDjbRBpAF8BnwHws+CcT2lLjADBo+FHnhLyUGvADiFKzpAAtgHPBYINmAj5RG4z5Ko7EGiN+RHY3V1dXXgJQeEK+BRhdR0cgIKw8ePnxIdMDJy8tj9YI9NJAwAoqoAmW0PBgtD0bLAyqVB0BAVnkAEGAAd3tFMviqyf8AAAAASUVORK5CYII=')}
.glossy-selectbox .social-google:before {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5MTEwQTQ2RjY1RkVFMDExODA0OEVBREIxOUJCOTU1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQjM1NzQwNDAzMUUxMUUxQThDN0E3RjZBMzJBQUI2NiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQjM1NzQwMzAzMUUxMUUxQThDN0E3RjZBMzJBQUI2NiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNTQ1NjQ2NjBCMDNFMTExOEFFNUMxQUI0QURFQTMyOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MTEwQTQ2RjY1RkVFMDExODA0OEVBREIxOUJCOTU1MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pha4bDUAAACFSURBVHjaYkxNTd3LwMDgxAABjED8nwEB8PH3zZo1y5kJSTOpAKyPiYFCwAJ1FgOaM4nms6D5kVTASLEXqBIGDDj8+B+Hv/9T1QVMaLYw4uD/p0sY/McTBvSNBVw2/6eJC0AG7CBTL1gfS3V1NRuR+R+dzwZzwWh5MFoejJYHw6I8AAgwAO50IMDSbJUlAAAAAElFTkSuQmCC')}
.glossy-selectbox a:hover {
background-color:rgba(0,0,0,.2);
color:#ccc !important;
}
/* On click, then... */
.glossy-selectbox input:checked + label {
color:rgba(255,255,255,.4);
-webkit-transition-duration:.4s;
-moz-transition-duration:.4s;
-ms-transition-duration:.4s;
-o-transition-duration:.4s;
transition-duration:.4s;
}
.glossy-selectbox input:checked + label:before {
content:attr(data-focus);
}
.glossy-selectbox input:checked + label:after {
background-color:rgba(0,0,0,.2);
-webkit-box-shadow:inset 1px 0 1px rgba(0,0,0,.4),-1px 0 0 rgba(255,255,255,.1);
-moz-box-shadow:inset 1px 0 1px rgba(0,0,0,.4),-1px 0 0 rgba(255,255,255,.1);
box-shadow:inset 1px 0 1px rgba(0,0,0,.4),-1px 0 0 rgba(255,255,255,.1);
}
.glossy-selectbox input:checked ~ ul {
visibility:visible;
opacity:1;
}
</style>
Ten en consideración...
Lo de verde, es el titulo del gadget al desplegarse.
Cambia lo que está en rojo por la URL que indica.
Gadget Selectbox Social
Leer +
Agregar PHP en Blogger
felixsalguero
Blogger no permite que se le agregue códigos PHP, los que hemos editado
el HTML de una plantilla sabemos que solo podemos añadir HTML, CSS y
JavaScript, pero esto tiene solución, con el truco que les enseñare hoy
podremos agregar fácilmente PHP en Blogger.

La idea es muy sencilla, básicamente crearemos nuestro archivo PHP, lo alojaremos en un servidor externo (hosting) y luego haremos la llamada al archivo PHP como si fuera un JavaScript.
1. El primer paso es crear un archivo.php como en el siguiente ejemplo que veremos el código para bloquear IP.
<?php
header("content-type: application/x-javascript"); // Importante señalar en el header el content-type
/*
Si no se señala el content-type, el archivo .php mostrará el contenido como texto plano
y al hacer la llamada desde blogger no lo reconocerá como javascript.
*/
function getRealIP() { // Cogemos IP
if (!empty($_SERVER['HTTP_CLIENT_IP']))
return $_SERVER['HTTP_CLIENT_IP'];
if (!empty($_SERVER['HTTP_X_FORWARDED_FOR']))
return $_SERVER['HTTP_X_FORWARDED_FOR'];
return $_SERVER['REMOTE_ADDR'];
}
if(getRealIP() == "111.222.33.44") { // Comprobamos si la IP está baneada
echo 'document.getElementById("main").innerHTML = "Baneado!";'; // Mostramos mensaje
}else{
die();
}
?>
2. Luego de esto guardamos el archivo con la extensión .php y lo subes a un hosting (puede ser cualquier hosting gratis o de pago) y guardas la URL del archivo.
3. Por ultimo debemos ir al escritorio de Blogger, dar clic en Plantilla, Editar HTML y justo antes de </head> pegar lo siguiente:
<script src='URL DE TU ARCHIVO PHP' type='text/javascript'></script>Debemos reemplazar lo resaltado en azul por la URL de nuestro archivo PHP y guardar los cambios.
Con esto ya hemos añadido a nuestro blog el bloqueador de IP.
Siguiendo estos pasos podemos agregar infinidad de funciones basada en PHP a nuestros blogs, solo es cuestión de probar un poco y jugar con los códigos hasta que obtengamos el resultado que queremos
Agregar PHP en Blogger
Leer +
Añadir menú desplegable con buscador interno y redes sociales
felixsalguero
Los menús desplegables son una genial forma de ahorrar espacio en
nuestros blogs porque se le pueden agregar múltiples enlaces y funciones
en un solo lugar evitando así que tengamos que utilizar espacios como
el sidebar o similares que pueden ser reservados por ejemplo para
agregar publicidad.
En el día de hoy les compartiré un espectacular menú desplegable que trae un buscador interno e iconos de suscripción de las principales redes sociales.

Para agregar este truco ve a Plantilla, Editar HTML y pega antes de ]]></b:skin> lo siguiente:
body#layout .section-title,body#layout #navbar2-mid,body#layout #slider,#navbar,.date-header,.feed-links,.post-location,.post-share-buttons,.post-icons{display: none !important;}
body#layout #rside-area{width:260px}
body#layout #topnav {height: 44px;}
body,h1,h2,h3,h4,h5,ul,li,a,p,span,img,dd{margin:0;padding:0;text-decoration:none;border:none;outline:none}
body, .body-fauxcolumn-outer {background: #F9F9F9; color: #333333; font:14px/25px Open Sans,Helvetica Neue,Arial,Helvetica,sans-serif; line-height:22px;}
h1, h2, h3, h4, h5, h6 {color: #444444; font-family:"Open Sans",sans-serif; font-weight: bold; margin-bottom: 8px; }
h1 {font-size:28px}
h2 {font-size:24px}
h3 {font-size:22px}
h4 {font-size:20px}
h5 {font-size:18px}
h6 {font-size:16px}
a { color:#C30217;}
a:hover { color:#000; text-decoration:underline;}
#header-area { background:#A81010; height: 46px; box-shadow:0 5px 8px -1px rgba(0, 0, 0, 0.2); width:100%; position:fixed; z-index:9999; }
#header-rex{width:1002px; margin: 0 auto;}
#header-place {height: 144px; margin: 0 auto; width: 1002px; z-index: 2; }
#header{margin:29px 0 0 12px; border:0 solid $bordercolor; color:$pagetitlecolor; float:left;width:350px; z-index:9999;}
#header,#header a { color: #fff }
#header a:hover {}
#header-inner{margin:35px 0 0 8px;}
#header h1 {font-weight: bold; color:#A81010; margin:0 5px 0; padding:8px 0px 0px 0px; font-family:cambria,georgia,times,times new roman,serif; font-size:40px;line-height:36px; }
#header h1 a,#header h1 a:visited{color:#C20217;text-decoration:none}
#header h1 a:hover{color:#B94040;}
#header img {border:none;max-height:108px; width:330px; padding-top:0px}
#header .description {padding-left:7px; color:#666; line-height:14px; height:20px; font-size:16px; font-weight:bold; padding-top:0px;margin-top:12px; }
#header-rside{float:right;margin-right:0px;padding-right:0px;}
#header-rside .widget{float:right; margin-top:80px; margin-right:12px}
.ftmenu,.ftmenu {list-style:none;margin:0;padding:0}
.ftmenu{float:left;margin:0px 0 0;}
.ftmenu ul{position:absolute;top:-999em;width:160px; border-radius:3px; box-shadow:0 0 3px rgba(0, 0, 0, 0.25);}
.ftmenu ul li{width:100%}
.ftmenu li:hover{visibility:inherit}
.ftmenu li{float:left;position:relative;background:none}
.ftmenu a{display:block;padding:12px 18px; margin:0 2px; position:relative;text-decoration:none; font-weight:bold; font-size:15px; text-transform: uppercase;}
.ftmenu li:hover ul,.ftmenu li.fube ul{left:0;top:48px;z-index:99}
.ftmenu li li a{padding:7px 1em}
.ftmenu a,.ftmenu a:visited{color:#fff}
.ftmenu li li{background:#2F2F2F}
.ftmenu li li li{background:#181818}
.ftmenu li:hover,.ftmenu li.fube,.ftmenu a:focus,.ftmenu a:hover,.ftmenu a:active{outline:0}
.ftmenu li li:hover,.ftmenu li li.fube,.ftmenu li li a:focus,.ftmenu li li a:hover,.ftmenu li li a:active{background:#000}
ul.ftmenu li:hover li ul,ul.ftmenu li.fube li ul,ul.ftmenu li li:hover li ul,ul.ftmenu li li.fube li ul{top:-999em}
ul.ftmenu li li:hover ul,ul.ftmenu li li.fube ul,ul.ftmenu li li li:hover ul,ul.ftmenu li li li.fube ul{left:10em;top:0}
.main-pto{ background: transparent url(http://2.bp.blogspot.com/-JendriKKbUU/Ui06kggLs2I/AAAAAAAAB7w/PtOBeAVGGiM/s1600/main-page.png) no-repeat 0 1px; display: block; text-indent: -9999px; width: 20px;}
#brute { float: right; }
#nav-bar{margin:0 3px 0 12px;}
#nav-bar .ftmenu li li { background: #393939; list-style:none;}
#nav-bar .ftmenu li li li { background: #2f2f2f; }
.category-pto { background: transparent url(http://4.bp.blogspot.com/-JmMeqPkKyu4/Ui06lVUekOI/AAAAAAAAB74/2jj6filUmOM/s1600/3+line+icon.png) no-repeat 0 0; padding-left: 20px; }
.tag-pto { background: transparent url(http://1.bp.blogspot.com/-4NqMVqLzPec/Ui06mAKrEfI/AAAAAAAAB8A/8S9Es32NiD8/s1600/snippet+icon.png) no-repeat 0 0; padding-left: 20px; }
.pages-pto{ background: transparent url(http://3.bp.blogspot.com/-n-i7FLYP6xU/UiungVToLDI/AAAAAAAAB6A/DgzpnBCRKTE/s1600/pages.png) no-repeat 0 -4px; display: block; text-indent: -9999px; width: 10px }
.follow-pto { background: transparent url(http://4.bp.blogspot.com/-37MwkS4Cess/UiunhaniQhI/AAAAAAAAB6I/E-bembSzOMw/s1600/follow.png) no-repeat 0 -4px; padding-left: 0px; display: block; text-indent: -9999px; width: 73px;}
.search-pto { background: transparent url(http://4.bp.blogspot.com/-0aNKNGl3LOs/Uetsy6cMAjI/AAAAAAAABsg/hr5c_6N5q_U/s1600/search.png) no-repeat 0 -4px; padding-left: 20px; display: block; height: 27px; text-indent: -9999px; width: 72px;}
.rss-tco {background: transparent url(http://1.bp.blogspot.com/-baPEplcJGtM/Uiu5GaXNCLI/AAAAAAAAB6Y/UuYRGL4pxk8/s1600/rss.png) no-repeat 0 -1px; padding: 0px 0 0 31px; position:absolute;}
.facebook-tco {background: transparent url(http://3.bp.blogspot.com/-rZHtAYI82to/Ui0jByFEKsI/AAAAAAAAB64/zoUQmXuMCgA/s1600/facebook.png) no-repeat 0 -1px; padding: 0px 0 0 31px; position:absolute;}
.twitter-tco {background: transparent url(http://4.bp.blogspot.com/-ZrrFccnGAho/Ui0jBYDoLVI/AAAAAAAAB6w/8fU1zuHm9mE/s1600/twitter.png) no-repeat 0 -1px; padding: 0px 0 0 31px; position:absolute;}
.google-tco {background: transparent url(http://3.bp.blogspot.com/-twSYe01PTMQ/Ui0j65KrZxI/AAAAAAAAB7I/i7ciy-mJUG4/s1600/google+.png) no-repeat 0 -1px; padding: 0px 0 0 31px; position:absolute;}
.newsletter-tco {background: transparent url(http://1.bp.blogspot.com/-HiAsxEs7934/Ui0jAXOeEHI/AAAAAAAAB6o/ddZ99eboGZU/s1600/email.png) no-repeat 0 -1px; padding: 0px 0 0 31px; position:absolute;}
.pinterest-tco {background: transparent url(http://3.bp.blogspot.com/-YxCfs4HfjxA/Ui0jDRq39tI/AAAAAAAAB7A/cVpEHle9TTI/s1600/pinterest.png) no-repeat 0 -2px; padding: 0px 0 0 31px; position:absolute;}
.bonet{background: transparent;}
#nav-bar a:hover, #nav-bar a:active { color: #A81010; }
#nav-bar ul li a:hover, #nav-bar ul li.fube a {}
#nav-bar a:link, #nav-bar a:visited { color: #CACACA; }
#nav-bar a:hover, #nav-bar a:active { color: #2FA694; }
#nav-bar .ftmenu li li:hover, #nav-bar .ftmenu li li,
#nav-bar .ftmenu li li a:focus, #nav-bar .ftmenu li li a:hover, #nav-bar .ftmenu li li a:active {background: #ffffff;color: #000;}
#nav-bar a:link, #nav-bar a:visited { color: #FFFFFF;}
#nav-bar li li a:link, #nav-bar .ftmenu li li a:visited { color: #666666; font-weight:normal; font-size:18px; text-transform: none;}
#nav-bar .ftmenu li li { background: #FFFFFF; }
#nav-bar .ftmenu li li li { background: #045F7D; }
#nav-bar .ftmenu li li:hover, #nav-bar .ftmenu li li.fube,
#nav-bar .ftmenu li li a:focus, #nav-bar .ftmenu li li a:hover,
#nav-bar .ftmenu li li a:active {color: #C30217;}
#nav-bar ul li:hover ul,#nav-bar ul li.fube ul {left:0;top:46px;width:190px;}
.search-form{padding: 15px; z-index: 9999;}
.menu-search ul{width: 280px !important; position:absolute; margin: 0 0 0 -170px;}
.sf-sub-indicator {
background: url("http://demo.theme-junkie.com/wordplus/wp-content/themes/wordplus/images/ico-primary-arrow-down.png") no-repeat scroll 0 0 transparent;
display: block;
overflow: hidden;
position: absolute;
right: 2px;
text-indent: -999em;
top: 8px;
width: 10px;
}
#brute li {background:url("http://1.bp.blogspot.com/-QWhouzPqR64/Ui1JWmGEQMI/AAAAAAAAB8Y/MnIJa9G1rEg/s1600/divider.png") no-repeat scroll left top transparent;}
#socialize-submenu{left: -193px;
width: 255px;
z-index: 3000;}
#socialize-submenu li{height: 17px;
padding:4px 0 30px;
text-transform: uppercase;
width: 140px;}
.site-meta ul ul{background: none repeat scroll 0 0 #F5FCFD;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
display: none;
float: left;
left: -58px;
padding: 10px 0;
position: absolute;
top: 65px;
width: 140px;
z-index: 2000;}
.site-meta ul{ float: left;
list-style: none outside none;
margin: 0;
padding-left: 0;}
#brute li a{
font-family: "Open Sans",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 31px;
transition: color 0.2s ease 0s;}
#search-area {background-color: #FFFFFF;
border-radius: 5px 5px 5px 5px;
float: right;
height: 22px;
margin: 12px;
padding: 1px 0 1px 6px;
width: 162px;}
#search-area input { background:none; border:none; color:#666666; font-size:11px; width:119px;}
#search-area input:last-child { background:url(http://3.bp.blogspot.com/-_irDiN7H9wY/URoUObi3heI/AAAAAAAAAU8/HeBgNkjIHE8/s1600/strc.png) no-repeat;
height: 21px; float: right; margin-right:15px; width:20px;
cursor: pointer;; border:none; color:#555555; }
#search-icon{}
#searchform{text-indent:3px;}
Ahora pega arriba de <body> lo siguiente:
<div id='header-area'>
<div id='header-rex'>
<div id='nav-bar'>
<ul class='ftmenu'>
<li class='bonet'><a expr:href='data:blog.homepageUrl'><span class='main-pto'>Home</span></a></li>
<li><a href='#'><span class='category-pto'>Noticias</span></a>
<ul>
<li><a href='#'>Categoría</a></li>
<li><a href='#'>Categoría</a></li>
<li><a href='#'>Categoría</a></li>
<li><a href='#'>Categoría</a></li>
<li><a href='#'>Categoría</a></li>
<li><a href='#'>Categoría</a></li>
</ul>
</li>
<li><a href='#'><span class='tag-pto'>Deportes</span></a>
<ul>
<li><a href='#'>Categoría</a></li>
<li><a href='#'>Categoría</a></li>
<li><a href='#'>Categoría</a></li>
<li><a href='#'>Categoría</a></li>
<li><a href='#'>Categoría</a></li>
<li><a href='#'>Categoría</a></li>
</ul>
</li>
<li><a href='#'><span class='tag-pto'>Tendencias</span></a>
<ul>
<li><a href='#'>Categoría</a></li>
<li><a href='#'>Categoría</a></li>
<li><a href='#'>Categoría</a></li>
<li><a href='#'>Categoría</a></li>
<li><a href='#'>Categoría</a></li>
<li><a href='#'>Categoría</a></li>
</ul>
</li>
</ul>
<ul class='ftmenu' id='brute'>
<li><div id='search-area'>
<form action='/search' id='searchform' method='get'>
<input name='q' onblur='if (this.value == "") {this.value = "e.g. Graphic Design";}' onfocus='if (this.value == "e.g. Graphic Design") {this.value = "";}' type='text' value='Buscar'/>
<input id='search-icon' type='Submit' value=''/>
</form>
</div></li>
<li><a href='#'><span class='pages-pto'>Pages</span></a>
<ul>
<li><a href='#'>Tendencias</a></li>
<li><a href='#'>Noticias</a></li>
<li><a href='#'>Contactos</a></li>
<li><a href='#'>Economía</a></li>
</ul>
</li>
<li class='menu-search'><a href='#'><span class='follow-pto'>follow</span></a>
<ul class='sub-menu' id='socialize-submenu'>
<li class='rss'><a href='SU URL DE FEEDBURNER' target='_blank'><span class='rss-tco'>Rss Feeds</span></a></li>
<li class='facebook'><a href='SU URL DE FACEBOOK' target='_blank'><span class='facebook-tco'>Facebook</span></a></li>
<li class='pinterest'><a href='SU URL DE PINTEREST'><span class='pinterest-tco'>Pinterest</span></a></li>
<li class='email'><a href='SU URL DE NEWSLETTER' target='_blank'><span class='newsletter-tco'>Email</span></a></li>
<li class='twitter'><a href='SU URL DE TWITTER' target='_blank'><span class='twitter-tco'>Twitter</span></a></li>
<li class='googleplus'><a href='SU URL DE GOOGLE+'><span class='google-tco'>Google+</span></a></li>
</ul>
</li>
</ul>
</div>
<div class='clear'/>
</div>
</div>
Reemplaza los numerales que están marcados de color verde #, y pon ahí la URL del post que quieras.
Reemplaza los nombres que están marcados de color azul y que dicen 'SU URL DE FEEDBURNER´ por las URLs de los perfiles de tus redes sociales
Borra los nombres que están marcados de color rojo, y pon ahí el nombre de un tema que quieras mostrar
Y por último, borra los nombres que están resaltados en negrita, por el nombre de la categoría o etiqueta que tú quieras.
Como ven este truco truco es muy fácil de añadir y lo mejor de todo es que le da a cualquier blog un toque muy profesional.
Añadir menú desplegable con buscador interno y redes sociales
Leer +
Galilei Donna Opening Theme Synchro Manika [Type C]
felixsalguero
Galilei Donna Opening Theme Synchro Manika [Type C]
Leer +
Video Lightbox
felixsalguero
Incluya vídeo en su web con un elegante efecto de popup!
Ahora para Windows y Mac!
Video Lightbox JS es un programa gratuito que te ayuda a integrar
fácilmente vídeo al sitio web, página web o blog, en unos pocos clics
sin tener que escribir una sola línea de código.
Todo lo que se necesita son 3 pasos sencillos: 1.Incluya Video, 2.Seleccione plantilla, 3.Publique. En el primer paso, incuya un clip de video, por ejemplo, cortar y pege un URL de YouTube, o arrastre un vídeo de su archivo, a continuacion, seleccione la plantilla para el video junto con su imagen representativav y, en en el ultimo paso, publique el resultado en un disco local o directamente a Internet a través de un cliente FTP integrado.
Video LightBox genera una imagen representativa para su video clip. Al clickear, esta imagen se expande en una elegante ventana superpuesta que contiene el vídeo. No CSS, HTML, código Javascript, es necesario, ni siquiera la edicion de imagenes, solo necesita un par de clics para obtener el video agregado a la Web!
Todo lo que se necesita son 3 pasos sencillos: 1.Incluya Video, 2.Seleccione plantilla, 3.Publique. En el primer paso, incuya un clip de video, por ejemplo, cortar y pege un URL de YouTube, o arrastre un vídeo de su archivo, a continuacion, seleccione la plantilla para el video junto con su imagen representativav y, en en el ultimo paso, publique el resultado en un disco local o directamente a Internet a través de un cliente FTP integrado.
Video LightBox genera una imagen representativa para su video clip. Al clickear, esta imagen se expande en una elegante ventana superpuesta que contiene el vídeo. No CSS, HTML, código Javascript, es necesario, ni siquiera la edicion de imagenes, solo necesita un par de clics para obtener el video agregado a la Web!
Características
- Inserta FLV, MP4, 3GP
- Añade videos de Youtube, Facebook, Google Video, Metacafe, Vimeo, MySpace
- Versiones de Macintosh y de Windows
- Compatible con XHTML
- Creacion automática de imagenes
- Adicion de título
- Una gran cantidad de temas
- FTP integrado
Video Lightbox
Leer +
Abrir videos en ventana emergente (Popup)
felixsalguero
Algunas plantillas son un poco ajustadas y al poner videos estos se salen del post, y aunque podemos editar el tamaño de la pantalla del video en ocasiones el video no se aprecia igual que en su tamaño original, así que una buena solución para esto es abrir los videos en una ventana emergente, o sea en una ventana PopUp.
¿Cómo funciona? Lo que haremos será sustituir el video por una imagen que al darle click se abra una pequeña ventana para ver el video.
En youtube, por ejemplo, al ver un vídeo nos aparece un recuadro que dice URL...

Comprobarás que en el recuadro aparece la dirección del vídeo:
http://www.youtube.com/watch?v=DnzuKKG6-AA
Lo único que necesitas para realizar el truco son las cifras indicadas en rojo (que van siempre después de v=)
Este es el código:
<center><a title="Ver video" href="javascript:void(0);" onclick="window.open('http://www.youtube.com/v/DnzuKKG6-AA&autoplay=1', 'popup', 'left=390, top=200, width=600, height=480, toolbar=0, resizable=1')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNblAO-C45HmuGoSGRq0FO8Pk66OtLJI3vD9XmhQQoMfDNnzF9heDLK0qmNgCNNr7L5mqbHQkGWgiWQqDEHd2ZeNAh9_Qt9WltMpiYW7VB0zWX_l5unvt93T0hDHTKw6WUMStUqjnWGPxF/s1600/Ver-Online---Original.gif" title="Ver video" /></a></center>
Sustituye:
CIFRAS DEL VIDEO por las cifras de la dirección de tu vídeo.IMAGEN por la dirección de tu imagen
Nota
La línea indicada en verde es la dirección de la imagen que ves en el ejemplo. Puedes eliminar dicha línea y poner la dirección de tu imagen favorita.
Puedes cambiar la URL de la imagen por otra, yo he hecho esta y puedes usarla si gustas
Abrir videos en ventana emergente (Popup)
Leer +
Suscribirse a:
Comentarios (Atom)








