Skin de base newletter

LE URL du blog (Flux RSS) est le lien de votre blog que vous avez ajouter chez https://blogtrottr.com pour que vos membres recoivent des alertes des nouveautes de votre blog lorsqu'il s'abonneront chez vous. Une fois inscrit chez Blogttr votre blog Flux Rss vous allez copier le code qui ce trouve dans le Scroll et le mettre dans Mise en page// Html Javascript. Ensuite remplacer dans le code URL du Blog et mettre un fond si vous voulez.

(C'est un screen je peux pas l'installer sinon rentre en conflit avec mon Newletter actuelle dans la colonne. SI jamais sa vous arrive avec un widget que vous avez deja changer le de place et sa devrait etre bon comme le mettre plus bas mais moi vue cest dejas une newletter sa fonctionne pas faire ca. )

***

====== Code creer pour vous en HTML Javascript ============

====== Code creer pour vous en HTML Javascript ============

<style>

.silver-flex-center {

display: flex;

justify-content: center;

width: 100%;

padding: 20px 0;

}

.silver-mauve-card {

width: 230px;

/* FOND*/

background-image: url("URL DE L'IMAGE");

background-size: cover;

background-position: center;

border: 12px double #4c2868;

border-radius: 30px;

padding: 25px 20px;

text-align: center;

box-shadow: 0 10px 25px rgba(0,0,0,0.3);

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}

.silver-mauve-card h3 {

margin: 0;

color: #ffffff !important;

font-size: 19px !important;

font-weight: 800;

text-transform: uppercase;

text-shadow: 1px 1px 2px rgba(0,0,0,0.5);

}

.silver-mauve-card p {

font-size: 13px;

color: #F3C7FF !important;

margin: 5px 0 20px;

font-weight: 600;

}

.silver-mauve-card input[type='text'] {

width: 90%;

padding: 10px;

border: 2px solid #4c2868;

border-radius: 16px;

background: rgba(255, 255, 255, 0.2) !important;

color: #ffffff !important;

margin-bottom: 15px;

box-sizing: border-box;

}

/* BOUTON */

.silver-mauve-card input[type='submit'] {

width: 90%;

padding: 11px;

/* Mauve profond au repos */

background: #4c2868 !important;

color: #F3C7FF!important;

border: 2px solid #E6E6FA;

border-radius: 18px;

font-weight: bold;

cursor: pointer;

text-transform: uppercase;

font-size: 10px;

transition: 0.3s;

box-shadow: 0 4px 6px rgba(0,0,0,0.2);

}

/* Effet au survol : mauve encore plus sombre ou éclaircissement selon ton choix */

.silver-mauve-card input[type='submit']:hover {

background: #2a1549 !important; /* Très sombre au survol */

transform: scale(1.05);

box-shadow: 0 0 12px rgba(162, 123, 221, 0.4);

}

<!-- Code créé par Sorcière Corbeau en collaboration avec AI .->

</style>

<div class="silver-flex-center">

<div class="silver-mauve-card">

<h3>S'abonner</h3>

<p>S'inscrire pour être à l'affût des récentes publications</p>

<form action="https://blogtrottr.com" method="post">

<input name="btr_email" placeholder="votre@email.com" required="" type="text" />

<input name="btr_url" type="hidden" value="URL_DU_BLOG" />

<input type="submit" value="Suivez-Moi" />

</form>

</div>

</div>