Colocar un mensaje flotante en tu blog

Yo mismo use esta tira flotante en mi blog durante un mes. Tiene muchas utilidades, por ejemplo en mi blog de [un blog que ya no existe :P] lo uso para incentivar a la gente para que se suscriba via RSS. El tutorial de como hacerlo lo encontre en esta web pero esta en ingles asi que lo coloco traducido aqui.

Paso 1– Se bajan la ultima version de jquery de aqui y la renombran a jquery.js
Paso 2– Colocan el archivo jquery.js en la carpeta del theme de su blog
Paso 3– Abren el archivo header.php y despues de la etiqueta colocan el siguiente codigo:

<script src="<?php bloginfo('template_url'); ?>/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
	jQuery(document).ready(function($){
	$(window).scroll(function(){
  		$('#message_box').animate({top:$(window).scrollTop()+"px" },{queue: false, duration: 350});
	});

	$('#close_message').click(function(){
		$('#message_box').animate({ top:"+=15px",opacity:0 }, "slow");
	});
		jQuery(function(){
			jQuery('ul.sf-menu').superfish();
		});
	});
</script>


Paso 4– Abren el archivo style.css y al final agregan el siguiente codigo:

#message_box {
position: absolute;
top: 0; left: 0;
z-index: 10;
background:#ffc;
padding:5px;
border:1px solid #CCCCCC;
text-align:center;
font-weight:bold;
width:99%;
}

Paso 5– Abren de nuevo el archivo header.php y justo despues de la etiqueta escriban:

<div id="message_box">
    <img id="close_message" style="float:right;cursor:pointer" src="cualquierimagen.png" />
Aqui va cualquier mensaje que quieran.
</div>

Eso es todo, no es dificil realmente. Lo divertido es lo que pongan en el paso 5. Podrian usarlo por ejemplo para poner enlaces a su cuenta de twitter, facebook, etc. O poner mensajes divertidos. Y si saben algo de programacion podrian hacer que los mensajes sean dinamicos.

Tambien deben tener en cuenta que si su theme por X motivo ya usa jquery deben saltearse el paso 1, 2 y tambien la primer linea del 3.
Espero que les sirva saludos

perro

Ingeniero en Informática. Programador en PHP y Angular. Lo que mas adoro en el mundo es el conocimiento. Y el anime....y Japón...y el running...y bloguear claro y algunas otras cientos de cosas. Sigo buscando la manera de hacer mi primer millón.

18
Comenta!

avatar
eVeR
eVeR

gracias por haberlo sacado a ese mensaje, era realmente molesto. Sobre todo al hacer scroll en la página

trackback

[…] Colocar un mensaje flotante en tu blog […]

Julmer Olivero
Julmer Olivero

Perro, como recomendacion te aconsejo que coloques demos de este tipo de tutoriales para saber el efecto que se logra con la aplicacion de este… por otro lado te agradezco por el tutorial esta muy bueno… =)

Anonymous
Anonymous

Muchas gracias por la recomendacion. En realidad estaba usando esto en este blog y otro pero luego lo saque porque me aburrio :P 

Sarzena
Sarzena

Muchas gracias, me resulto muy util.

WilliamSople

Inside renovations New York High end renovation nyc – With the big building and construction of residential, office or commercial locations, General service provider the big apple is actually involved in the job. This is actually the person who does the work due to the deal. To implement the General contractor NY task, various other individuals are included – subcontractors. It is Interior makeovers NYC that births total obligation to the client. It controls the completion of work, the volume, as well as the method for which is suggested in the official deal. The task of subcontractors is to carry… Leer mas »

RobertMed
RobertMed

http://spravker24.ru вернуть здоровье магия

msrezqnfv

Спасибо, давно искал
_________________
адрес фаворит спорт кременчуг

Gamerlub
Gamerlub

Happy New Year 2020 and Congratulations!
You can claim $1,600 FREE if you win: http://win-1600-dollars.edarling.best/

cleanBep

Hygiene in an flat, condominium, lodge or office is actually the vital to health and wellness, excellent mood, and high efficiency. Yet how to guarantee this at the appropriate level in the present day as well as erratic rhythm of lifestyle? A cleaning company Cobble Hill : cleaning services new york. From the first times of work, we strive to give the highest feasible degree of service, paying particular focus to process efficiency, and also very clear and meaningful interaction with clients. Our experts accomplish cleansing not merely in the course of operating hours however additionally after a unwearied day.… Leer mas »

jirhkvrdp

ничего такого

Robertnig

All of the accounts were opened in Turkey. It is delivered together with the first mails. (hotmail)

Per account Prices :

2016-2017 = 1$
2014-2015 = 3$
2013 = 4$
2012 = 5$
2011 = 6$
2010 = 7$

Accounts detail :

– Have 0 or less than 75 followers.
– Gender can be male or female.
– There may be no tweets.
– May not be profile photo
– Accounts are seamless.
– Instant delivery at the end of payment.

https://sellaccs.net

Skype & Telegram : congmmo
ICQ : @652720497
Email : congmmo@gmail . com

Conditions :

– I do not accept responsibility after submitting the account.
– There is no refund.

MichaelTeK
VicenteRot

Внимание, работа вахтой для женщин

Приглашаем девушек в наш самый красивейший город Ростов-на-Дону!
Мы ищем девушек, которые умеют быть Женственными, ухоженными, кокетливыми и смогут поддержать разговор на любую тему, ведь это тоже очень немаловажно.
Если Вы действительно коммуникабельная, да еще и не прочь подзаработать-это просто отлично! Потому что мы сможем предложить Вам такие условия, от которых вы вряд ли откажетесь!

Daviddon

https://centre-dentaire-pernety.paris est un réseau de cliniques pour toute la famille. Des dentistes accueillants à côté du métro depuis vingt ans travaillent pour faire sourire nos patients. Le réseau offre une gamme complète de services – traitement des dents et des gencives, prothèses et implantation, hygiène professionnelle et blanchiment des dents. Un équipement de pointe, des médecins expérimentés travaillant en contact étroit les uns avec les autres, un système de contrôle de qualité interne – tout cela nous permet de garantir un niveau de service élevé. Il est important pour nous qu’un traitement de qualité soit accessible à tous. Merci de… Leer mas »