Mostrar notificaciones en el blog con efecto deslizante – Forex – Hipotecario – Justicia

SlideNote es un plugin dejQuery que nos permitemostrar notificaciones en el blog de forma deslizante tanto al mostrarse como al cerrarse el anuncio.

Estas notificaciones se muestran cuando se baja el scroll de la página y se pueden mostrar dentro de ellas cualquier tipo de estilos CSS, imágenes, enlaces o cualquier otra cosa. Puedes verlo funcionando eneste blog de pruebas, al bajar la página aparecerá el anuncio del lado derecho.

El contenedor del aviso tiene un botón para cerrarse, pero también se oculta si subimos nuevamente con el scroll de la página.

Para colocarlo en tu blog sigue estos pasos:
Descarga este archivo, descomprímelo y súbelo a un hosting.
Luego entra enDiseño | Edición de HTML y antes de/head pega lo siguiente:

script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'/
script src='URL del archivo' type='text/javascript'/

style type='text/css'
.slidenote {
width: 500px;/* Ancho del anuncio */
height: 120px;/* Alto del anuncio */
background: #FBEC78;/* Color de fondo */
-moz-box-shadow: -0.2em -0.2em 0.7em #333;
-webkit-box-shadow: -0.2em -0.2em 0.7em #333;
padding: 1em;
}
.slidenote img { float: left; margin-left: -2.5em; margin-top: -2em; }
.slidenote img:hover { margin-top: -1.95em; }
.slidenote-titulo {
color: #000;/* Color del título */
font-size:25px;/* Tamaño de la letra del título */
font-weight:bold;
margin-top: -5px;
}
.slidenote p {
color: #000;/* Color del texto */
font-size: 14px;/* Tamaño de la letra */
font-weight: bold;
}
/style

Cambia donde se indica laURL del archivo que subiste previamente. Luego, y por último, pega antes de/body esto:

div class='slidenote' id='Note'
span class='slidenote-titulo'Importante...!/span
pAquí va el texto de tu anuncio. Puedes incluir estilos, enlaces, imágenes, etc./p
/div

script type='text/javascript'
$('#Note').slideNote({
corner: 'right',
where: 80,
});

$('#Note').slideNote({
url: 'ajax.html',
closeImage: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqxY89HJXs0fTfzQPY8L9yYfxUwg3SgwZBRLhqMS5qCnOdJVzL48c41h7e8OzT7AB2PNtMRgtwACA08TldsgV8UhvicajGS8uAcJvaWGEus-wou_MbIoIds96D5MajELeczlNVnYG059A/'

});
/script

En el primer código está señalado encolor verde los estilos que podemos cambiar de la estructura del anuncio. Y encolor azul se indica donde va el contenido del anuncio.

Como ves la instalación es muy sencilla, práctica, y sus usos pueden ser múltiples, ya sea para sugerir la suscripción al blog, para dar un aviso importante, para mostrar las redes sociales en las que pueden localizarnos, o simplemente para agregar un saludo a los lectores.

mesothelioma claim AUTOMOBILE ACCIDENT ATTORNEY motorcycle accident lawyer san francisco Online Classes lease management software fortis health insurance temporary motorcycle accident lawyer california Online casino Online Motor Insurance Quotes Mobile casino Donate Car for Tax Credit DUI lawyer caraccidentlawyer futuristic architecture Donate your car Sacramento motorcycle accident attorney sacramento Business finance group ASBESTOS LAWYERS Casino Car Insurance Quotes PA Dwi lawyer mesothelioma attorney california Criminal lawyer mesotheolima Cheap Car Insurance for Ladies mesothelioma law suits structured settlemen asbestos lung cancer Criminal Defense Attorneys Florida Make money online Australia Personal Injury Law Firm Car Donate Computer science classes online Casino reviews Annuity Settlements Nunavut Culture World Trade Center Footage structured settlement brokers DONATE YOUR CAR FOR KIDS adverse remortgage Best Seo company Live casino WordPress themes for designers Sell Annuity Payment STRUCTURED ANNUITY SETTLEMENT injury lawyer houston tx CHEAP CAR INSURANCE IN VIRGINIA new mexico mesothelioma lawyer AUTO ACCIDENT ATTORNEY emergency response plan ppt massage school dallas texas FUTURISTIC ARCHITECTURE Business VOIP Solutions philadelphia mesothelioma lawyer mesothelioma ct Car insurance quotes Utah Car Insurance Quotes Utah Bankruptcy lawyer Paperport Promotional Code DONATE OLD CARS TO CHARITY Hire php developer Donate Old Cars to Charity Online motor insurance quotes Social media platforms for business online motor insurance quotes selling annuity Service business software Hire php developers Cheap Domain Registration Hosting How to Donate A Car in California best accident attorneys Online Stock Trading Mortgage Hire php programmers uk homeowner loans paperport promotional code Holland Michigan College mesothelioma compensation Cheap auto insurance in VA ROYALTY FREE IMAGES STOCK Psd to WordPress microsoft private cloud certification asbestos exposure lawyers mesothelioma lawyer asbestos cancer lawsuit Criminal defense lawyer utah mesothelioma lawyer Php programmers for hire los angeles workers compensation lawyers colorado mesothelioma lawyers Php programmers Seo services Psd to html truck accident attorney los angeles california law lemon how to donate a car in california Car Insurance Quotes MN Mesothelioma Law Firm Social media strategies Custom Christmas cards Better Conference Calls PhD in counseling education Seo companies Motor Insurance Quotes car insurance quotes pa mesothelioma attorney assistance sell annuity payment Best social media platforms for business Christmas cards domain name yahoo New social media platforms Tech school maritime lawyer houston personal injury law firm car donate Online Criminal Justice Degree