☰
🏠 Inicio ❱ πŸ“Œ Monetización ❱ βœ‰οΈ Plugin de Amazon Afiliados para 🟠 Blogger

Plugin de Amazon Afiliados para 🟠 Blogger

πŸ‘€ juanvaladezp β˜€οΈ 30 Apr 2021

ExplicaciΓ³n de uso en el canal: Juan Valadez

 

πŸ“Œ CΓ³digo CSS:

  .amazon-producto {
   border: 1px solid #ddd;
   display: block;
   padding: 24px;
 }
.amazon-producto img {
   width: auto !important; 
   text-align: center;
   display: block;
   margin: 0 auto;
}
 .amazon-columna {
   display: inline-block;
   width: 49%;
   vertical-align: middle;
 }
 .amazon-enlace {
   display: block;
   background-color: #fc4;
   color: #000 !important;
   padding: 8px;
   border-radius: 8px;
   border: 1px solid #000;
   width: max-content;
   font-size: 75%;
   float: right;
 }
 @media screen and (max-width:800px) {
   .amazon-columna {
     display: block;
     width: 100%;
   }
 }

 

πŸ“Œ CΓ³digo del producto:

<div class="amazon-producto">
 <div class="amazon-columna">
   <img alt="Aguja para tejer a crochet" border="0" data-original-height="708" data-original-width="883" height="514" src="https://1.bp.blogspot.com/-q1qC1EzmYvs/YIxqL9Iyt3I/AAAAAAAAZNw/N7cL9woUOWwrFBKt0JpwryPjLi2l5lvsACLcBGAsYHQ/w640-h514/ganchillo-crochet.jpg" title="Aguja para tejer a crochet" width="640" />
 </div>
 <div class="amazon-columna">
   <h3>Profesional 9 en 1 Led Enciende Ganchos de Ganchillo Agujas de Tejer Tejer Accesorios de Costura Herramienta de ArtesanΓ­a
</h3>
   <ul>
     <li>Juego completo con 9 cabezales intercambiables de 2.5 mm a 6.5 mm</li>
     <li>2 niveles de brillo --- tenue o brillante se adapta a diversas condiciones de iluminaciΓ³n</li>
     <li>La baterΓ­a de litio incorporada se puede recargar y reutilizar</li>
     <li>Se puede usar como una pequeΓ±a linterna cuando no estΓ‘ instalada</li>
   </ul>
  <a class="amazon-enlace" href="https://amzn.to/2SdjNkh" rel="nofollow" target="_blank">Ver en Amazon</a>
 </div>
 <div style="clear: both;"></div>
</div>