Para ello copia este código, ir a Diseño, Edición de HTML y justo arriba de </head> pega es código.
<script type='text/javascript'>
{
with(document.getElementById) {
style.display = '';
}
return false
}
function cerraryeli() {
document.getElementById
.style.display = 'none';
}
document.oncontextmenu=mostraryeli;
document.onclick=cerraryeli;
</script>
<style>
.yeli-vku{
position:fixed;
left:50%; /* Posición desde la derecha */
top:200px; /* Posición desde la arriba */
z-index:8888888;
background:# C450BC ; /* Color del fondo */
border:5px solid #710E6A ; /* Ancho y color del borde */
padding:0 10px; /* Separación del borde */
color:#121112 ; /* Color del texto */
text-align:center; /* Texto centrado */
}
</style>
puedes modificar :
/* Posición desde la derecha, puedes cambia por right */
/* Posición desde la arriba, el porcentaje en px */
/* Color del fondo, cambia color de fondo de mensaje */
/* Ancho y color del borde, cambia el ancho y el color del borde */
/* Separación del borde, cambia en px */
/* Color del texto, cambia el color del texto */
/* Texto centrado, pon left( izq) o right ( derch) */
Y bien abajo de la plantilla arriba de </body>
Poner este otro código después de personalizar:
<div class='yeli-vku' id='yeli' style='display:none'>
< p align="center"><img src=" URL DE LA IMAGEN QUE QUIERAS QUE SALTE " border="0" width="100" height="100"/></p>
< p>pon texto <br/>pon texto </p>
< /div>
Cambia el tamaño de 100 que seria el ancho y el alto de la imagen.
<br/> hace un salto de línea en el texto entre la primera frase y la segunda.