Z
zetanight
Gamma
Redactor
Hola Forobeta, nuevamente vengo a traer un aporte el cual son unos bloques de publicidad, o al menos yo los llamo así jaja, a continuación les dejare una vista previa del resultado que obtendremos al terminar este tutorial
Como pueden ver son unos bloques en los cuales pueden agregar cualquier publicidad o lo que ustedes quieran, y cuando intentas cerrarlo el botón de cerrar se cambia de posición, hacia otra esquina, pueden ver una demo aqui Un videojuego muy popular en japon y el mundo | Cultura Nippon
Continuando con el tutorial primero deberemos ir a nuestra plantilla blogger y nos dirigimos a plantilla - editar html y buscaremos la siguiente línea ]]></b:skin> y por encima de esta pegaremos el siguiente codigo
Algo importante a destacar en esta parte es que lo que esta en rojo puede modificarse o simplemente eliminarse dependiendo de la plantilla en la cual se usa ya que estos valores sirven para mover el bloque de publicidad horizontal o verticalmente en mi caso yo use esas, Ahora continuando con el tutorial debemos buscar la siguiente linea </body> y por encima de esta colocar el siguiente codigo
Luego de realizar esto ya podemos guardar los cambios en nuestra plantilla y nos iremos a la entrada en la cual queremos colocar el bloque de publicidad y con la pestaña de html activada pondremos el siguiente código para colocar el bloque
remplazen lo que esta en rojo por el codigo de su publicidad,imagen o lo que quieran colocar.
Espero les sirva y cualquier duda o sugerencia pueden dejarla en los comentarios y en dado caso que este tutorial ya se encuentre en el foro pido a un moderador que elimine el mio 🙂
Como pueden ver son unos bloques en los cuales pueden agregar cualquier publicidad o lo que ustedes quieran, y cuando intentas cerrarlo el botón de cerrar se cambia de posición, hacia otra esquina, pueden ver una demo aqui Un videojuego muy popular en japon y el mundo | Cultura Nippon
Continuando con el tutorial primero deberemos ir a nuestra plantilla blogger y nos dirigimos a plantilla - editar html y buscaremos la siguiente línea ]]></b:skin> y por encima de esta pegaremos el siguiente codigo
Inserir CODE, HTML ou PHP:
.bloque_pos{z-index:80;}.bloque_ads {
position: absolute;
width: 250px;
height: 250px;
[COLOR="#FF0000"]top: 828px;[/COLOR]
[COLOR="#FF0000"]left: 254px;[/COLOR]
background: #494949;
border: 3px solid #2f2f2f;
border-radius: 4px;
}.cerrar_bloque_ads, .cerrar_bloque_ads2{position: absolute;width: 24px;height: 24px;background: url(http://i.imgur.com/tum9H.gif) no-repeat;cursor: pointer;border-radius: 4px;}.cerrar_bloque_ads{top: 5px;left: 5px;}.cerrar_bloque_ads2{top: 5px;right: 5px;}Algo importante a destacar en esta parte es que lo que esta en rojo puede modificarse o simplemente eliminarse dependiendo de la plantilla en la cual se usa ya que estos valores sirven para mover el bloque de publicidad horizontal o verticalmente en mi caso yo use esas, Ahora continuando con el tutorial debemos buscar la siguiente linea </body> y por encima de esta colocar el siguiente codigo
Inserir CODE, HTML ou PHP:
<script type='text/javascript'>
$(function(){
$(".cerrar_bloque_ads").mouseover(function (){
$(".cerrar_bloque_ads").css("display", "none");
$(".cerrar_bloque_ads2").css("display", "");
});
$(".cerrar_bloque_ads2").click(function (){
$(".bloque_ads").remove();
});
});
$(document).ready(function() {
$(".cpub").click(function(){$("#p728").remove();});
$(".cpub468").click(function(){$(".pubad_468x60").remove();});
});
</script>
Inserir CODE, HTML ou PHP:
<div class='bloque_pos'>
<div class='bloque_ads'>
[COLOR="#FF0000"]<a title="Anime" href="http://www.culturanippon.com"><img src="http://i.imgur.com/unWxYX9.jpg" alt="Cultura" /></a>[/COLOR]
<div class='cerrar_bloque_ads'></div>
<div class='cerrar_bloque_ads2' style='display: none;'></div>
</div>
</div>remplazen lo que esta en rojo por el codigo de su publicidad,imagen o lo que quieran colocar.
Espero les sirva y cualquier duda o sugerencia pueden dejarla en los comentarios y en dado caso que este tutorial ya se encuentre en el foro pido a un moderador que elimine el mio 🙂
