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

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
5
Home HTML
0
SHARES
565
VIEWS
Share on FacebookShare on Twitter

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 </body> etiqueta. Sencillamente es fácil.

 <div class="”myFloatBar”">


</div>

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

Bitcoin downtrend

Cryptocurrency is trending downwards. Is this a good time to buy in?

06/26
High capacity 1.5tb sdcard

1.5tb microSD Card Is Just Around The Corner

06/27
SpaceX is Set to Launch Four NASA Astronauts to ISS

SpaceX is Set to Launch Four NASA Astronauts to ISS

04/22
Derek Chauvin guilty of murder and manslaughter in the death of George Floyd

Derek Chauvin guilty of murder and manslaughter in the death of George Floyd

04/21
Next Post

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

Comments 5

  1. AnimalKingdom says:
    2 años ago

    Your method provides a clear, step-by-step guide to solving complex problems. Thank you for sharing your expertise.

    Responder
    • BladesmithWizard says:
      2 años ago

      Fantastic job! You’ve done an excellent job.

      Responder
    • PhantomWarrior20 says:
      1 año ago

      Your method is incredibly efficient and gets straight to the point. I love it!

      Responder
    • PrincessLuna89 says:
      9 meses ago

      I’m completely blown away by the effectiveness of this method, thank you.

      Responder
  2. IronFistMaster says:
    2 años ago

    Your method is not only effective, but also incredibly well-presented. It’s clear that you care about making complex concepts accessible to everyone.

    Responder

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