Portal de hacks y fallos
  • Hogar
  • Foros
  • Solicitar herramienta
  • Términos de Uso
  • Política de privacidad
  • SOBRE NOSOTROS
  • Contáctenos
No Result
View All Result
  • Hogar
  • Noticias
  • Reseñas
  • consejos y trucos
  • Truco de vida
  • Games
  • Photography
  • Seguridad
SUBSCRIBE
  • Hogar
  • Noticias
  • Reseñas
  • consejos y trucos
  • Truco de vida
  • Games
  • Photography
  • Seguridad
No Result
View All Result
Portal de hacks y fallos
No Result
View All Result
Home HTML

Tutorial: Cómo crear anuncios flotantes para su sitio web

Kalixto by Kalixto
03/23
in HTML, Noticias, Alojamiento web, Wordpress
Reading Time: 2 mins read
UNA UNA
0
0
SHARES
20
VIEWS
Share on FacebookShare on Twitter

Tabla de contenidos

  • Crear anuncios flotantes
    • Construye el CSS
    • El Javascript
    • El HTML

Crear anuncios flotantes

¿Quiere un anuncio que esté en una posición fija en sus sitios web? Un anuncio que está flotando dondequiera que vayan los visitantes y aún así los anuncios están allí. Esto aumentará en gran medida su tasa de clics o CTR e incluso aumentará las ganancias de sus anuncios.

Personalmente estoy usando este script en mis otros sitios web y el CTR es simplemente increíble. Así que les compartiré mi sencillo script sobre cómo crear anuncios flotantes perfectos para su sitio web de blogs.

Ver demostración

Es muy fácil lograr este resultado, solo necesita ajustar algo de CSS y HTML o simplemente cambiar mi script para usarlo. Aquí vamos.

Anuncio flotante

Construye el CSS

Construya el CSS, puede personalizarlo si lo desea. Guardaré esto como FloatingAd.css

.myFloatBar {parte inferior: 0; izquierda: 0; ancho: 50%; posición: fija; padding-left: 0; } botón {imagen de fondo: url (https://i.imgur.com/FLKvPu5.png); / * OCULTAR IMAGEN DEL BOTÓN * / repetición de fondo: no repetición; posición de fondo: 50% 50%; altura: 20px; ancho: 20px; borde: ninguno; acolchado: 0; } botón span {display: none; }

El Javascript

Guardar esto como ad.js

$ (documento) .ready (función () {$ ("botón"). Click (función () {$ ("anuncio"). Alternar (500);});});

El HTML

Llame a los archivos necesarios, asegúrese de ver Manifestación página y coloque el siguiente código en cualquier lugar antes  etiqueta. Sencillamente es fácil.

 




O descargue este archivo —-> DESCARGAR ZIP

ShareTweetPin
Previous Post

[OBTENER] Herramienta de pirateo 3D Pixel Gun todo en uno: compatible con todas las plataformas

Next Post

Cómo conseguir seguidores en Instagram sin seguir atrás

Related Posts

New york county family court

Court officer kills himself inside NYC court bathroom

03/02
2021 Golden Globe Awards Winners

2021 Golden Globes: Here Are All The Winners

03/01
tiger wood car crash first interview

Tiger Woods First Interview After the Car Crash

03/01
Trump acquiited by impeachment complaint

Trump Acquits Impeachment for the Second Time!

02/15
Next Post

Cómo conseguir seguidores en Instagram sin seguir atrás

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

  • Hogar
  • Foros
  • Solicitar herramienta
  • Términos de Uso
  • Política de privacidad
  • SOBRE NOSOTROS
  • Contáctenos
Email Us at [email protected]

© 2021 Hackolo.com - Hacks and Glitches Portal HACKOLO.

No Result
View All Result
  • Hogar
  • Noticias
  • Reseñas
  • consejos y trucos
  • Truco de vida
  • Games
  • Photography
  • Seguridad

© 2021 Hackolo.com - Hacks and Glitches Portal HACKOLO.

es_ESEspañol
en_USEnglish fr_FRFrançais de_DEDeutsch nl_NLNederlands ro_RORomână es_ESEspañol