tag:blogger.com,1999:blog-90332715315910315372024-03-19T09:31:27.278+01:00El baúl maravilloso de Pililasmaravillasdepilihttp://www.blogger.com/profile/05806285912278885748noreply@blogger.comBlogger91125tag:blogger.com,1999:blog-9033271531591031537.post-63706408833087394152023-06-12T02:28:00.008+02:002023-06-12T02:37:26.142+02:00Bolso<span style="font-family: Kaushan Script; font-size: large;"><br />Tutorial original en http://jemimabean.blogspot.com/<br /><br />bolso dresden petal - un tutorial<br /><br />¿Que podemos hacer con un montón de retales?<br />Una buena idea sería hacer un bolso.<br />El tutorial de jemimabean.blogspot.com nos explica como</span><div class="post-body entry-content" id="post-body-9075428299567968481" style="line-height: 1.4; position: relative; width: 696px;"><span style="font-family: Kaushan Script; font-size: large;"><span><span><br /><span style="background-color: white; vertical-align: inherit;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuOCSkNEAvna1CSaStpGiu9BgloWj70iF52IcetoE92ZyiqbrobQOM0spXGRm19kX8wRevWINS5xcGYMB11vBOUcamQJEsgW6FAiiwyKeQtkURHSSqpSYSOzPgMtJmwLUWDjgsSAeQ31o/s1600-h/IMG_6689.JPG" style="text-decoration-line: none;"><img alt="Bolso patchwork" border="0" id="BLOGGER_PHOTO_ID_5273103045785647458" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuOCSkNEAvna1CSaStpGiu9BgloWj70iF52IcetoE92ZyiqbrobQOM0spXGRm19kX8wRevWINS5xcGYMB11vBOUcamQJEsgW6FAiiwyKeQtkURHSSqpSYSOzPgMtJmwLUWDjgsSAeQ31o/s16000/IMG_6689.JPG" style="background: transparent; border: 0px solid transparent; cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 400px;" title="Bolso patchwork" /></a></span></span></span><span style="vertical-align: inherit;">Vamos a usar un única pieza de patrón un pétalo modificado.</span></span></div><div class="post-body entry-content" id="post-body-9075428299567968481" style="line-height: 1.4; position: relative; width: 696px;"><span style="font-family: Kaushan Script; font-size: large;"><span style="background-color: white;"><span style="vertical-align: inherit;"></span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMmUTAKdOKf83_hLJMQKrDENN-tqwmclcz2XjIfeE35-cMG8orMlj5l_yJvf9tCOv4MNNLkH4PFOT_Bd6eQtiUYzTB3NDBOGl4VgjYOTlZ5Zs4dj0API32-pZ10QKZNgAIjbnkObcRenc/s1600-h/dresden+petal.jpg" style="text-decoration-line: none;"><img alt="Patrón pétalo bolso" border="0" id="BLOGGER_PHOTO_ID_5273102705988090610" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMmUTAKdOKf83_hLJMQKrDENN-tqwmclcz2XjIfeE35-cMG8orMlj5l_yJvf9tCOv4MNNLkH4PFOT_Bd6eQtiUYzTB3NDBOGl4VgjYOTlZ5Zs4dj0API32-pZ10QKZNgAIjbnkObcRenc/s16000/dresden+petal.jpg" style="background: transparent; border: 0px solid transparent; cursor: pointer; display: block; height: 400px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 303px;" title="Patrón pétalo bolso" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMmUTAKdOKf83_hLJMQKrDENN-tqwmclcz2XjIfeE35-cMG8orMlj5l_yJvf9tCOv4MNNLkH4PFOT_Bd6eQtiUYzTB3NDBOGl4VgjYOTlZ5Zs4dj0API32-pZ10QKZNgAIjbnkObcRenc/s1600-h/dresden+petal.jpg"></a></span>Se han usado 7 retales de tela diferentes. </span></div><div class="post-body entry-content" id="post-body-9075428299567968481" style="line-height: 1.4; position: relative; width: 696px;"><span style="font-family: Kaushan Script; font-size: large;">Se cosen con una costura de 1 cm. Abrir costuras.</span></div><div class="post-body entry-content" id="post-body-9075428299567968481" style="background-color: white; line-height: 1.4; position: relative; width: 696px;"><span style="font-family: Kaushan Script; font-size: large;"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwEwisnUcasXROwCfKiHK_gjXxpx_wdqXqB7afMbzGZmzBwwkeyFjOzPe3YyF9ndb4fY1n7WOI4tP2gCi6fpeBL6ja-Xbb9vlX9SGn7es0Cd_TGoP3TBbTvSCOnLfPpHEiHx-rEN2dxv8/s1600-h/IMG_6643.JPG" style="text-decoration-line: none;"><img alt="Coser los pétalos de tela" border="0" id="BLOGGER_PHOTO_ID_5273102702194755890" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwEwisnUcasXROwCfKiHK_gjXxpx_wdqXqB7afMbzGZmzBwwkeyFjOzPe3YyF9ndb4fY1n7WOI4tP2gCi6fpeBL6ja-Xbb9vlX9SGn7es0Cd_TGoP3TBbTvSCOnLfPpHEiHx-rEN2dxv8/s16000/IMG_6643.JPG" style="background: transparent; border: 0px solid transparent; cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 400px;" title="Coser los pétalos de tela" /></a><span style="vertical-align: inherit;"></span><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPqgCpIJpkLorXRLcR3pOTyqaXAFJieUBb_dgdwQFT8FdaD4zF7K11qhxnhujMY08tJ2H4yx3gRFD9KXDbLqrNO_-BD3jQT6Yg_zRG83FvoVF_71rJ8-zRmkyCPhehYuXmIJchnJ2MZO4/s1600-h/IMG_6645.JPG" style="text-decoration-line: none;"><img alt="Abrir costuras con la plancha" border="0" id="BLOGGER_PHOTO_ID_5273103400633694530" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPqgCpIJpkLorXRLcR3pOTyqaXAFJieUBb_dgdwQFT8FdaD4zF7K11qhxnhujMY08tJ2H4yx3gRFD9KXDbLqrNO_-BD3jQT6Yg_zRG83FvoVF_71rJ8-zRmkyCPhehYuXmIJchnJ2MZO4/s16000/IMG_6645.JPG" style="background: transparent; border: 0px solid transparent; cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 400px;" title="Abrir costuras con la plancha" /></a><br /><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><br /></span></span></span></div><div style="text-align: left;"><span style="font-family: Kaushan Script; font-size: large;">Dibujar el borde curvo superior con una plantilla curva, </span></div><div style="text-align: left;"><span style="font-family: Kaushan Script; font-size: large;">en último caso podemos usar un plato grande</span></div><div class="post-body entry-content" id="post-body-9075428299567968481" style="background-color: white; line-height: 1.4; position: relative; width: 696px;"><span style="font-family: Kaushan Script; font-size: large;"><br /></span></div><div class="post-body entry-content" id="post-body-9075428299567968481" style="background-color: white; line-height: 1.4; position: relative; width: 696px;"><span style="font-family: Kaushan Script;"><span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLItBAby66PXX4GlI0TUV3YwGdykftnYCEdBVl5DUtIhzR5Adf7csjdbfyAUR7l0vRpfz2biOF7-rrY7Rl8Y8UJ1xfzV96xn8NgpO_cYmX2qampepDbRpXoCtjPwQgL1k71vE3FoykstI/s1600-h/IMG_6646.JPG" style="text-decoration-line: none;"><img alt="Trazar curva superior con una plantilla" border="0" id="BLOGGER_PHOTO_ID_5273103403104206610" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLItBAby66PXX4GlI0TUV3YwGdykftnYCEdBVl5DUtIhzR5Adf7csjdbfyAUR7l0vRpfz2biOF7-rrY7Rl8Y8UJ1xfzV96xn8NgpO_cYmX2qampepDbRpXoCtjPwQgL1k71vE3FoykstI/s16000/IMG_6646.JPG" style="background: transparent; border: 0px solid transparent; cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 400px;" title="Trazar curva superior con una plantilla" /></a></span><span style="font-size: large;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-color: transparent; border-image: initial; margin-left: auto; margin-right: auto;"><div class="post-body entry-content" id="post-body-9075428299567968481" style="background-color: white; line-height: 1.4; position: relative; width: 696px;"><span style="font-size: large;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-color: transparent; border-image: initial; margin-left: auto; margin-right: auto;"><br /></span></span></div><img alt="Parte superior recortada" border="0" id="BLOGGER_PHOTO_ID_5273103404999890546" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg78WjZ-MnocQIpnPKzScGbOlwZG1w8j9jdeooZ5gUWZ8L4X2XJf4-CirN-6HZt0q0HqZF4l58lUFgcvwHXzCA-mNaN0wtBHwBeQ6NK1g0q-Usc6s59dzCv2Z6IjiWQvgImYmHTCdx_3Eg/s16000/IMG_6648.JPG" style="background: transparent; border: 0px solid transparent; cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 400px;" title="Parte superior recortada" /><img alt="Piezas con recorte igualado" border="0" id="BLOGGER_PHOTO_ID_5273103406833752594" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8QEPGfE25XnRboXlJvWQYVxz5I6qUi7FeVCMpbHHpkgt_YgHQcsD1hR9VusMQMfNHFxs6Tqik2iQJ61EMpGunT_QNFvAX2L0gHnbuv1kk6ngaO0ML18wskm2wNYxdV5YgboMNXI0zeg4/s16000/IMG_6651.JPG" style="background: transparent; border: 0px solid transparent; cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 400px;" title="Piezas con recorte igualado" /></span><br /></span></span></div><span style="font-family: Kaushan Script; font-size: large;">Colocar y pegar la entretela polar fusible. </span><div><span style="font-family: Kaushan Script; font-size: large;">Cortar la entretela un poco más pequeño que el cuerpo</span></div><div><span style="font-family: Kaushan Script; font-size: large;"> del bolso para ayudar con las costuras voluminosas.</span><div class="post-body entry-content" id="post-body-9075428299567968481" style="line-height: 1.4; position: relative; width: 696px;"><span style="font-family: Kaushan Script; font-size: large;"><span style="background-color: white;"><span><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-color: transparent; border-image: initial; margin-left: auto; margin-right: auto;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-color: transparent; border-image: initial; margin-left: auto; margin-right: auto;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-color: transparent; border-image: initial; margin-left: auto; margin-right: auto;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-color: transparent; border-image: initial; margin-left: auto; margin-right: auto;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-color: transparent; border-image: initial; margin-left: auto; margin-right: auto;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivcs1sx3SSbAWloZrtQ0so6-990rccTe1Vnu4n32ZLj2nkTUJLT_GCs-QMf2LzD8Y1GzVZBG3_8L28OJtFPeoHwPbbBHaweUkkHXpJfrZRhrl-2ZnVfpmRENyxuWcwrC-XWCkGhG626C4/s1600-h/IMG_6653.JPG" style="text-decoration-line: none;"><img alt="Colocar guata acolchado" border="0" id="BLOGGER_PHOTO_ID_5273104271095889586" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivcs1sx3SSbAWloZrtQ0so6-990rccTe1Vnu4n32ZLj2nkTUJLT_GCs-QMf2LzD8Y1GzVZBG3_8L28OJtFPeoHwPbbBHaweUkkHXpJfrZRhrl-2ZnVfpmRENyxuWcwrC-XWCkGhG626C4/s16000/IMG_6653.JPG" style="background: transparent; border: 0px solid transparent; cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: left; width: 400px;" title="Colocar guata acolchado" /></a></span></span></span></span></span></span></span>Acolchar a líneas paralelas.<span style="background-color: white;"><span><br /><br /><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-color: transparent; border-image: initial; margin-left: auto; margin-right: auto;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOberxN3ZyCxovxmBcBX8vGtfKtt4d72U_AT_RWr17-XtS1VbP_d0fIHwaReh2CwCd3Eged4Yr9_LBuW6Ny620G1EaCJEr60pGM-bMOijwBKdG0ea5yX6YpKHFntAVyg-ak30xv9M4_3I/s1600-h/IMG_6656.JPG" style="text-decoration-line: none;"><img alt="Acolchado de las piezas" border="0" id="BLOGGER_PHOTO_ID_5273104280926940690" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOberxN3ZyCxovxmBcBX8vGtfKtt4d72U_AT_RWr17-XtS1VbP_d0fIHwaReh2CwCd3Eged4Yr9_LBuW6Ny620G1EaCJEr60pGM-bMOijwBKdG0ea5yX6YpKHFntAVyg-ak30xv9M4_3I/s16000/IMG_6656.JPG" style="background: transparent; border: 0px solid transparent; cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 400px;" title="Acolchado de las piezas" /></a></span></span></span></span></div><div class="post-body entry-content" id="post-body-9075428299567968481" style="line-height: 1.4; position: relative; width: 696px;"><span style="font-family: Kaushan Script; font-size: large;">Con los recortes que nos han quedado de la parte superior </span></div><div class="post-body entry-content" id="post-body-9075428299567968481" style="line-height: 1.4; position: relative; width: 696px;"><span style="font-family: Kaushan Script; font-size: large;">haremos bolsillos que forraremos con tela a nuestro gusto<span><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjvA8SGoZPwZsNOM37xt48QxoBkBUHXBZE2Wufchr44RGl9k__wgcWTRjq6TNiK3hO8eahHG2yj-p-Yisv9a5pkFH2xVVpjRDIrg2zf2u0it8zT2EXaVsub2Vno2tiiHK7dTeXeJdSMDs/s1600-h/IMG_6664.JPG" style="background-color: white; text-decoration-line: none;"><img alt="Piezas para los bolsillos" border="0" id="BLOGGER_PHOTO_ID_5273105850346521986" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjvA8SGoZPwZsNOM37xt48QxoBkBUHXBZE2Wufchr44RGl9k__wgcWTRjq6TNiK3hO8eahHG2yj-p-Yisv9a5pkFH2xVVpjRDIrg2zf2u0it8zT2EXaVsub2Vno2tiiHK7dTeXeJdSMDs/s16000/IMG_6664.JPG" style="background: transparent; border: 0px solid transparent; cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 400px;" title="Piezas para los bolsillos" /></a><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4LZFqPAxDEziVOMRtTC-hXRcrUTpPP0CLFETtPXxN6_sRSWQ0_dEoonA7hhQx2G_KfNqZkOKtWFS_L2qzh62d229pwVMB93ouW77UbL9e2WcX8X5rj97zcOS_lUjZBnf6yaWO90wsG70/s1600-h/IMG_6665.JPG" style="background-color: white; text-decoration-line: none;"><img alt="Corte de los bolsillos con forro" border="0" id="BLOGGER_PHOTO_ID_5273105850686612386" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4LZFqPAxDEziVOMRtTC-hXRcrUTpPP0CLFETtPXxN6_sRSWQ0_dEoonA7hhQx2G_KfNqZkOKtWFS_L2qzh62d229pwVMB93ouW77UbL9e2WcX8X5rj97zcOS_lUjZBnf6yaWO90wsG70/s16000/IMG_6665.JPG" style="background: transparent; border: 0px solid transparent; cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 400px;" title="Corte de los bolsillos con forro" /></a></span>Coser los lados juntos, dejando una pequeña abertura en un lado para poder girarlo. </span></div><div class="post-body entry-content" id="post-body-9075428299567968481" style="line-height: 1.4; position: relative; width: 696px;"><span style="font-family: Kaushan Script; font-size: large;">Coser cerca del borde, alrededor de lo lados y abajo. </span></div><div class="post-body entry-content" id="post-body-9075428299567968481" style="line-height: 1.4; position: relative; width: 696px;"><span style="font-family: Kaushan Script; font-size: large;">Poner un broche metálico en la tapa.</span></div><div class="post-body entry-content" id="post-body-9075428299567968481" style="background-color: white; line-height: 1.4; position: relative; width: 696px;"><span style="font-family: Kaushan Script; font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLb_p7Z7FXKaFilku3pojYa7tTbdjhzPRjBO4cSpEDCBmqfHrhSszErw5aaji1NedfoazjXo_Wr_dDy94lAPW7zMR5ScUeWu3iwlILF6mB8fD3KeViefo_1kKmPu2frGquHWzX2A2tmXU/s1600-h/IMG_6669.JPG" style="text-decoration-line: none;"><img alt="Colocación de bolsillos" border="0" id="BLOGGER_PHOTO_ID_5273149593476307442" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLb_p7Z7FXKaFilku3pojYa7tTbdjhzPRjBO4cSpEDCBmqfHrhSszErw5aaji1NedfoazjXo_Wr_dDy94lAPW7zMR5ScUeWu3iwlILF6mB8fD3KeViefo_1kKmPu2frGquHWzX2A2tmXU/s16000/IMG_6669.JPG" style="background: transparent; border: 0px solid transparent; cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 400px;" title="Colocación de bolsillos" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH-fGxf9cCk_40bw5cV8mBODjatpzIH4bJXRltXiuNbu4_mWi1vXNDdbfOnsaZj6R3cxvinB6H802_iQJd90HYINeV-rFnPxae05_olKLJJPXwDTkguF6G6DY1Jr2RWLQMxjlcz9vScjU/s1600-h/IMG_6671.JPG" style="text-decoration-line: none;"><img alt="Bridas para las asas" border="0" id="BLOGGER_PHOTO_ID_5273105861490823458" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH-fGxf9cCk_40bw5cV8mBODjatpzIH4bJXRltXiuNbu4_mWi1vXNDdbfOnsaZj6R3cxvinB6H802_iQJd90HYINeV-rFnPxae05_olKLJJPXwDTkguF6G6DY1Jr2RWLQMxjlcz9vScjU/s16000/IMG_6671.JPG" style="background: transparent; border: 0px solid transparent; cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 400px;" title="Bridas para las asas" /></a><br /></span></div><div class="post-body entry-content" id="post-body-9075428299567968481" style="line-height: 1.4; position: relative; width: 696px;"><span style="font-family: Kaushan Script; font-size: large;">Cortar y coser 4 piezas para colocar las asas del bolso<span><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyTutprHTBItskXoeqLz1r6ieZywIy2-rPmq-rX0NkspnyzsgjzCRVDXdfWpJvjkfEDeoMA2Y91iLClsEZLuvkq2lSTlqxnR0FOrQTNAWrmjUSwGcgo6V0kVXwJcsvTcQSngERPtaXMeE/s1600-h/IMG_6673.JPG" style="background-color: white; text-decoration-line: none;"><img alt="Pasar bridas por asas de bolso" border="0" id="BLOGGER_PHOTO_ID_5273107583708064178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyTutprHTBItskXoeqLz1r6ieZywIy2-rPmq-rX0NkspnyzsgjzCRVDXdfWpJvjkfEDeoMA2Y91iLClsEZLuvkq2lSTlqxnR0FOrQTNAWrmjUSwGcgo6V0kVXwJcsvTcQSngERPtaXMeE/s16000/IMG_6673.JPG" style="background: transparent; border: 0px solid transparent; cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 400px;" title="Pasar bridas por asas de bolso" /></a><span style="background-color: white; vertical-align: inherit;"><span style="vertical-align: inherit;"><br /></span></span></span></span></div><span style="font-family: Kaushan Script; font-size: large;">Coser las asas en sus sitios.<br />Hacer igual para el forro , excepto que hay que dejar una </span></div><div><span style="font-family: Kaushan Script; font-size: large;">abertura de buen tamaño en la parte inferior, ya que tiene </span></div><div><span style="font-family: Kaushan Script; font-size: large;">que pasar el asa. </span><div class="post-body entry-content" id="post-body-9075428299567968481" style="line-height: 1.4; position: relative; width: 696px;"><span style="font-family: Kaushan Script; font-size: large;"><span><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil9x33BQBBOnXMwlfdrqVZ9iQapGqGG25BhiYpxzNYCEuL23dHcUiAxKnnhWfn5olRaOeQUrGBh6t7vrRB6UiSoy4Zuw7En760WcuC65xpIcfWsYv2EyHqhcnZ5aHpgN9H9x7goG4Gchs/s1600-h/IMG_6674.JPG" style="background-color: white; text-decoration-line: none;"><img alt="Abertura bolso" border="0" id="BLOGGER_PHOTO_ID_5273107589808332402" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil9x33BQBBOnXMwlfdrqVZ9iQapGqGG25BhiYpxzNYCEuL23dHcUiAxKnnhWfn5olRaOeQUrGBh6t7vrRB6UiSoy4Zuw7En760WcuC65xpIcfWsYv2EyHqhcnZ5aHpgN9H9x7goG4Gchs/s16000/IMG_6674.JPG" style="background: transparent; border: 0px solid transparent; cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 400px;" title="Abertura bolso" /></a></span>Con el bolso del derecho y el forro por el revés deslizar el forro </span></div><div class="post-body entry-content" id="post-body-9075428299567968481" style="line-height: 1.4; position: relative; width: 696px;"><span style="font-family: Kaushan Script; font-size: large;">denro del bolso. Coser alrededor de la parte superior. </span></div><div class="post-body entry-content" id="post-body-9075428299567968481" style="line-height: 1.4; position: relative; width: 696px;"><span style="font-family: Kaushan Script; font-size: large;">Cuidado con no coser las asas mal.<span><br /></span></span></div><div class="post-body entry-content" id="post-body-9075428299567968481" style="line-height: 1.4; position: relative; width: 696px;"><span style="font-family: Kaushan Script; font-size: large;"><span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8w-0SlM-fICAabA20wFIdzh_yNh3qkE2EQ8ynFjEWXaDliOWoV7eeTE_R9GVk9LbVkMMPUYVYN20ouCS8iowb3b8cWVpbqjVxC451xxzqjOCMBY0hQ06KbDeWZtmMUiX7ErEXtcvoYOI/s1600-h/IMG_6675.JPG" style="background-color: white; text-decoration-line: none;"><img alt="Bolso y forro" border="0" id="BLOGGER_PHOTO_ID_5273107589134367826" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8w-0SlM-fICAabA20wFIdzh_yNh3qkE2EQ8ynFjEWXaDliOWoV7eeTE_R9GVk9LbVkMMPUYVYN20ouCS8iowb3b8cWVpbqjVxC451xxzqjOCMBY0hQ06KbDeWZtmMUiX7ErEXtcvoYOI/s16000/IMG_6675.JPG" style="background: transparent; border: 0px solid transparent; cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 400px;" title="Bolso y forro" /></a></span><br />Dar la vuelta por la abertura cerrando luego la abertura a mano<span><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8_BiwbU_73CTOufv8FV_d1qG7e816mTiNLvNacjjrZyM6cgoU4GKoPAATiGjQ9N_YasmLrG6L4Q_FA-Vt_yd4xibHjbtH9j_vfDAbAWqwZGRE-yDHVdehybhGBqsQqtNYi7A3P0T2kzo/s1600-h/IMG_6694.JPG" style="background-color: white; text-decoration-line: none;"><img alt="Colocación de asas en bolso" border="0" id="BLOGGER_PHOTO_ID_5273112394289364802" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8_BiwbU_73CTOufv8FV_d1qG7e816mTiNLvNacjjrZyM6cgoU4GKoPAATiGjQ9N_YasmLrG6L4Q_FA-Vt_yd4xibHjbtH9j_vfDAbAWqwZGRE-yDHVdehybhGBqsQqtNYi7A3P0T2kzo/s16000/IMG_6694.JPG" style="background: transparent; border: 0px solid transparent; cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 400px;" title="Colocación de asas en bolso" /></a><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkXyNSZnD0rNyP7sHa6sKgjRcI-jqLsfrSclKiUt5UrOeXFGPJowZX-A6OmmGN75pkDkBxQTfDX5VOjGFz2RBcKiSYNgNgFuoNBLccIj6ClO1PCiCEoXmCy6weOUoffbxVTVy1JzCeONg/s1600-h/IMG_6691.JPG" style="background-color: white; text-decoration-line: none;"><img alt="Interior del bolso" border="0" id="BLOGGER_PHOTO_ID_5273107595948785938" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkXyNSZnD0rNyP7sHa6sKgjRcI-jqLsfrSclKiUt5UrOeXFGPJowZX-A6OmmGN75pkDkBxQTfDX5VOjGFz2RBcKiSYNgNgFuoNBLccIj6ClO1PCiCEoXmCy6weOUoffbxVTVy1JzCeONg/s16000/IMG_6691.JPG" style="background: transparent; border: 0px solid transparent; cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 400px;" title="Interior del bolso" /></a><br /><span style="background-color: white; vertical-align: inherit;"><span style="vertical-align: inherit;"></span></span><br /><div style="text-align: center;">Bolso terminado</div></span><span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrN5QkWXEW0RIs60Tur4llvQC1GdCqr7mdGw-pEgCQcQcHfEyViIf5ayN2NnLkTNK7x_FDraXKVYFzbZRfVqXcYPXYHJsduxHDHRZt1vXrpY_GXQ-xCWGE_RRQJB-gCwMzdOW5uXkX4Lg/s1600-h/IMG_6677.JPG" style="background-color: white;"><img alt="Bolso terminado" border="0" id="BLOGGER_PHOTO_ID_5273107608699975042" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrN5QkWXEW0RIs60Tur4llvQC1GdCqr7mdGw-pEgCQcQcHfEyViIf5ayN2NnLkTNK7x_FDraXKVYFzbZRfVqXcYPXYHJsduxHDHRZt1vXrpY_GXQ-xCWGE_RRQJB-gCwMzdOW5uXkX4Lg/s16000/IMG_6677.JPG" style="background: transparent; border: 0px solid transparent; cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 400px;" title="Bolso terminado" /></a></span></span></div><div class="post-body entry-content" id="post-body-9075428299567968481" style="background-color: white; line-height: 1.4; position: relative; width: 696px;"><span style="font-family: Kaushan Script; font-size: large;"><br /></span></div><span style="font-family: Kaushan Script; font-size: large;">http://jemimabean.blogspot.com/</span><br /></div>Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comPeñíscola, 12598, Castellón, España40.3593167 0.365420412.049082863821155 -34.7908296 68.669550536178846 35.5216704tag:blogger.com,1999:blog-9033271531591031537.post-25326901782368328852023-06-10T23:00:00.005+02:002023-06-10T23:00:58.750+02:00Bol exagonal<div><span style="font-family: Kaushan Script; font-size: large;">El tutorial del bol exagonal lo podemos encontrar en :<span style="color: #f16a70; letter-spacing: 1.6px; text-align: center;">https://www.getasquiltingstudio.com/</span></span></div><div><br /></div><div><span style="font-family: Kaushan Script; font-size: large;"><br /></span><div align="center" style="background-color: white; box-sizing: border-box; color: #111111; letter-spacing: 1.6px;"><div style="box-sizing: border-box; margin-bottom: 26px; padding: 0px; text-align: left;"><span style="font-family: Kaushan Script; font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEVxV_I3Mm7IVUVoQZpJ6qLVEFV7TYOPzOPV4lEqK7eLRgTrCHoye9nLIKprrKElrTQdD-vm5r04GjyPYNBDkd-KIGM-4oWLZlsWFxjRCSM9mHi5FFrdkDcOZ6VgKLPhqGLgg9mjn0qFo/s1600-h/11.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"><img alt="tutorial de cuenco acolchado" border="0" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Tutorial – Quilted bowl" data-jpibfi-post-url="https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html" data-jpibfi-src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/113.jpg" height="230" id="BLOGGER_PHOTO_ID_5308955513508914194" src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/113.jpg" style="border: 0px; box-sizing: border-box; display: block; height: 230px; margin: 0px auto 10px; max-width: 100%; text-align: center; width: 400px;" title="tutorial de cuenco acolchado" width="400" /></a><span style="box-sizing: border-box; vertical-align: inherit;">El tazón mide 32 cm. desde un punto al punto opuesto.</span></span></div><div align="center" style="box-sizing: border-box; text-align: left;"><span style="font-family: Kaushan Script; font-size: large;">Plantillas:</span></div><div style="box-sizing: border-box; margin-bottom: 26px; padding: 0px;"><img alt="Plantillas bol" border="0" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Tutorial – Quilted bowl" data-jpibfi-post-url="https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html" data-jpibfi-src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/t8.jpg" id="BLOGGER_PHOTO_ID_5311316272402166242" src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/t8.jpg" style="border: 0px; box-sizing: border-box; display: block; height: 184px; margin: 0px auto 10px; max-width: 100%; width: 300px;" title="Plantillas bol" /></div><div style="box-sizing: border-box; text-align: left;"><a href="http://docs.google.com/fileview?id=0B2MpICRS1jdvM2RiYjZmZjYtZjBjNy00NmNhLTk3N2QtZTZkY2NiYWZjMDc3&hl=en" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"><span style="font-family: Kaushan Script; font-size: large;">Descargue las plantillas aquí</span></a></div><div style="box-sizing: border-box; text-align: left;"><span style="box-sizing: border-box; font-family: Kaushan Script; font-size: large; vertical-align: inherit;">Después de imprimir y cortar las plantillas, verifique que la parte inferior de la pieza "A" tenga el mismo tamaño que el lado del hexágono.</span></div><div style="box-sizing: border-box; margin-bottom: 26px; padding: 0px; text-align: left;"><span style="box-sizing: border-box; font-family: Kaushan Script; font-size: large; vertical-align: inherit;"><span style="box-sizing: border-box; vertical-align: inherit;">Haga seis piezas "A" y una pieza "B". </span><span style="box-sizing: border-box; vertical-align: inherit;">Acolchar estas piezas.</span></span></div><div style="box-sizing: border-box; margin-bottom: 26px; padding: 0px; text-align: left;"><span style="font-family: Kaushan Script; font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxhk7N3SuPt6Yq-tVEariWdWulsVnQtbmlBx5NaZU03ZBrRa6GdX3Xt8hw4DkmhKU89_3NtPjWexeWIhUaFnn0a0NQykxPTLzN4tqqrrngqPMfmZVQA9nABk_uBN5xQKv8ww3X9rNWGN8/s1600-h/1.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"></a></span></div><div class="sw-pinit" style="box-sizing: border-box; height: 380px; line-height: 0; margin: 0px auto 10px; position: relative; width: 400px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxhk7N3SuPt6Yq-tVEariWdWulsVnQtbmlBx5NaZU03ZBrRa6GdX3Xt8hw4DkmhKU89_3NtPjWexeWIhUaFnn0a0NQykxPTLzN4tqqrrngqPMfmZVQA9nABk_uBN5xQKv8ww3X9rNWGN8/s1600-h/1.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"><span style="font-family: Kaushan Script; font-size: large;"><img alt="Partes del bol" border="0" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Tutorial – Quilted bowl" data-jpibfi-post-url="https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html" data-jpibfi-src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/17.jpg" height="380" id="BLOGGER_PHOTO_ID_5309030161360644530" src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/17.jpg" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%;" title="Partes del bol" width="400" /></span></a><a class="sw-pinit-button sw-pinit-top sw-pinit-left" href="http://pinterest.com/pin/create/bookmarklet/?media=https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/17.jpg&url=https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html&is_video=false&description=" style="background: rgb(205, 32, 41); border-bottom: none; border-image: initial; border-left: 0px; border-radius: 3px; border-right: 0px; border-top: 0px; box-shadow: none; box-sizing: border-box; color: white; height: 32px; left: 30px; line-height: 32px; opacity: 0; padding: 0px 20px; position: absolute; text-decoration-line: none; top: 30px; transition: opacity 0.5s ease 0s; z-index: 200;"><span style="box-sizing: border-box; font-family: Kaushan Script; font-size: large; vertical-align: inherit;">Salvar</span></a></div><span style="font-family: Kaushan Script; font-size: large;"><span style="box-sizing: border-box; vertical-align: inherit;">Hacer un sándwich de un trozo de tela, guata y respaldo.</span><br /></span><div style="box-sizing: border-box; text-align: left;"><span style="font-family: Kaushan Script; font-size: large;"><span style="box-sizing: border-box; vertical-align: inherit;">Planchar una entretela fusible de gruesa en la tela de respaldo para obtener piezas rígidas. </span><br style="box-sizing: border-box;" /><span style="box-sizing: border-box; vertical-align: inherit;">Acolcha el emparedado como lo desees.</span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYN4Zlk0ykA5YIRsuH3MK2I8oRoI0o1vbhu6ZoXdk4U5JR86LeOeCHTd5LgII4leCVfNZR3xeS2A1xIekAW0Hw4GDSKLe3eb3FzwmLLjflQFrJtEYUrCu0dtynWKxEfiaWUsmgO_isAWs/s1600-h/t1.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"><img alt="Plantillas bol" border="0" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Tutorial – Quilted bowl" data-jpibfi-post-url="https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html" data-jpibfi-src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/t1.jpg" height="239" id="BLOGGER_PHOTO_ID_5309055219193653378" src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/t1.jpg" style="border: 0px; box-sizing: border-box; display: block; height: 239px; margin: 0px auto 10px; max-width: 100%; text-align: center; width: 400px;" title="Plantillas bol" width="400" /></a><span style="box-sizing: border-box; vertical-align: inherit;">Puede usar apliques, trapunto, shadow trapunto o motivos acolchados para embellecer cada pieza.</span></span><div style="box-sizing: border-box; margin-bottom: 26px; padding: 0px;"></div><div style="box-sizing: border-box;"><span style="font-family: Kaushan Script; font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgekp_LcPHtjV5S0QKXt5cnhwAQq-BzRHRhO5RgtsvRUBQDna5OAGz51ESIdEUNkWVJ6IVFzncYHD3EpVjGUhnJmE6KqwiUPfsCURU7mkkmFNGnV6f_1e97T45N7yFFF17J8X5IoLuNCAk/s1600-h/t2.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"><img alt="Esquema de acolchado" border="0" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Tutorial – Quilted bowl" data-jpibfi-post-url="https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html" data-jpibfi-src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/t2.jpg" height="237" id="BLOGGER_PHOTO_ID_5309055217398348466" src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/t2.jpg" style="border: 0px; box-sizing: border-box; display: block; height: 237px; margin: 0px auto 10px; max-width: 100%; text-align: center; width: 400px;" title="Esquema de acolchado" width="400" /></a><span style="box-sizing: border-box; vertical-align: inherit;"><span style="box-sizing: border-box; vertical-align: inherit;">Después de completar el acolchado, cortar las piezas y hacer puntada de realce alrededor de todos los bordes. </span></span></span></div><div style="box-sizing: border-box;"><span style="box-sizing: border-box; vertical-align: inherit;"><span style="box-sizing: border-box; font-family: Kaushan Script; font-size: large; vertical-align: inherit;">Use una bonita tela de respaldo porque la parte posterior del recipiente estará visible.</span></span></div><div align="center" style="box-sizing: border-box;"><div style="box-sizing: border-box; margin-bottom: 26px; padding: 0px; text-align: left;"><span style="font-family: Kaushan Script; font-size: large;"><span style="box-sizing: border-box; vertical-align: inherit;">A continuación se muestra el frente y la parte posterior de una pieza:</span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsSRd7mKpEO7_bg9EoVVCWDdxUfm_Tz8NOhAAG4Q5vV2dDbp1cUTqpiWKEsuV00dkhA6vPbnRkGeIKKAsuW1tf1kdK92-w7JIGab4gZJp3ZINrHEG_-19Ltv44lNXOoeUIbzVJWo3oBbs/s1600-h/2.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"><img alt="Piezas cosidas a realce" border="0" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Tutorial – Quilted bowl" data-jpibfi-post-url="https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html" data-jpibfi-src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/27.jpg" height="228" id="BLOGGER_PHOTO_ID_5307563847710296946" src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/27.jpg" style="border: 0px; box-sizing: border-box; display: block; height: 228px; margin: 0px auto 10px; max-width: 100%; text-align: center; width: 400px;" title="Piezas cosidas a realce" width="400" /></a><span style="box-sizing: border-box; vertical-align: inherit;">Coser los lados inferiores de los paneles "A" a los lados de la pieza central "B", siguiendo esta sucesión:</span></span></div></div><div style="box-sizing: border-box;"><div style="box-sizing: border-box;"><div style="box-sizing: border-box; margin-bottom: 26px; padding: 0px;"><span style="font-family: Kaushan Script; font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqj_o6MAx6M0002hzbWkRu6Fdj2X_BMeDNVJ3YWB_uow7IRDs09VpjZXvahBlRA2ZBFMu9EPzu5WqbGZWQcIxVQ_RLC1C43gpioU0dt4-N6l_qPt6GOlaIvnNlE35_nvK622xo0OlRtrw/s1600-h/3.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"></a></span></div><div class="sw-pinit" style="box-sizing: border-box; height: 352px; line-height: 0; margin: 0px auto 10px; position: relative; text-align: center; width: 400px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqj_o6MAx6M0002hzbWkRu6Fdj2X_BMeDNVJ3YWB_uow7IRDs09VpjZXvahBlRA2ZBFMu9EPzu5WqbGZWQcIxVQ_RLC1C43gpioU0dt4-N6l_qPt6GOlaIvnNlE35_nvK622xo0OlRtrw/s1600-h/3.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"><span style="font-family: Kaushan Script; font-size: large;"><img alt="Orden de cosido del bol" border="0" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Tutorial – Quilted bowl" data-jpibfi-post-url="https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html" data-jpibfi-src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/36.jpg" height="352" id="BLOGGER_PHOTO_ID_5307563522848800242" src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/36.jpg" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%;" title="Orden de cosido del bol" width="400" /></span></a><a class="sw-pinit-button sw-pinit-top sw-pinit-left" href="http://pinterest.com/pin/create/bookmarklet/?media=https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/36.jpg&url=https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html&is_video=false&description=" style="background: rgb(205, 32, 41); border-bottom: none; border-image: initial; border-left: 0px; border-radius: 3px; border-right: 0px; border-top: 0px; box-shadow: none; box-sizing: border-box; color: white; height: 32px; left: 30px; line-height: 32px; opacity: 0; padding: 0px 20px; position: absolute; text-decoration-line: none; top: 30px; transition: opacity 0.5s ease 0s; z-index: 200;"><span style="box-sizing: border-box; font-family: Kaushan Script; font-size: large; vertical-align: inherit;">Salvar</span></a></div><span style="font-family: Kaushan Script; font-size: large;"><span style="box-sizing: border-box; vertical-align: inherit;"><span style="box-sizing: border-box; vertical-align: inherit;">Use una puntada ancha en zigzag y asegúrese de atrapar los dos bordes. A</span><span style="box-sizing: border-box; vertical-align: inherit;">segurar al comienzo y al final de cada costura.</span></span><br /></span><div style="box-sizing: border-box;"><div style="box-sizing: border-box; margin-bottom: 26px; padding: 0px;"><span style="font-family: Kaushan Script; font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdDh3j4xbUvIAKlEtX6lwv9YOME1eMT5JMax-Bf0X-ZBN6_83J9uoQ7f82EjqRbUkNw_cvf_4geZZiG56Zt35ciS_mePiMFO2lJr2McUN8yYHEIHyMt1Mph-L6s_tiF61alB6ZtBKfiS0/s1600-h/4.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"></a></span></div><div class="sw-pinit" style="box-sizing: border-box; height: 300px; line-height: 0; margin: 0px auto 10px; position: relative; text-align: center; width: 400px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdDh3j4xbUvIAKlEtX6lwv9YOME1eMT5JMax-Bf0X-ZBN6_83J9uoQ7f82EjqRbUkNw_cvf_4geZZiG56Zt35ciS_mePiMFO2lJr2McUN8yYHEIHyMt1Mph-L6s_tiF61alB6ZtBKfiS0/s1600-h/4.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"><span style="font-family: Kaushan Script; font-size: large;"><img alt="Detalle del cosido" border="0" data-jpibfi-indexer="7" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Tutorial – Quilted bowl" data-jpibfi-post-url="https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html" data-jpibfi-src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/45.jpg" height="300" id="BLOGGER_PHOTO_ID_5307563521216732018" src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/45.jpg" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%;" title="Detalle del cosido" width="400" /></span></a><a class="sw-pinit-button sw-pinit-top sw-pinit-left" href="http://pinterest.com/pin/create/bookmarklet/?media=https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/45.jpg&url=https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html&is_video=false&description=" style="background: rgb(205, 32, 41); border-bottom: none; border-image: initial; border-left: 0px; border-radius: 3px; border-right: 0px; border-top: 0px; box-shadow: none; box-sizing: border-box; color: white; height: 32px; left: 30px; line-height: 32px; opacity: 0; padding: 0px 20px; position: absolute; text-decoration-line: none; top: 30px; transition: opacity 0.5s ease 0s; z-index: 200;"><span style="box-sizing: border-box; font-family: Kaushan Script; font-size: large; vertical-align: inherit;">Salvar</span></a></div><span style="font-family: Kaushan Script; font-size: large;">Quedará un exagono central y los seis exágonos restantes cosidos alrededor<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcfh2798rJ7Y1_ISPVVRMZy2Gpl5NVhoCNeH8oUUGxJl9ujFSi4MGUDZ_3yaMqcjbiLkGsEvmugL1YFgOtlPaLQXRmfDusGPy7FdJsTQvXOQyCkW5gSMbxHZy_uOB6uGhlViMcHDTX79o/s1600-h/5.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"></a></span><div class="sw-pinit" style="box-sizing: border-box; height: 356px; line-height: 0; margin: 0px auto 10px; position: relative; text-align: center; width: 400px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcfh2798rJ7Y1_ISPVVRMZy2Gpl5NVhoCNeH8oUUGxJl9ujFSi4MGUDZ_3yaMqcjbiLkGsEvmugL1YFgOtlPaLQXRmfDusGPy7FdJsTQvXOQyCkW5gSMbxHZy_uOB6uGhlViMcHDTX79o/s1600-h/5.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"><span style="font-family: Kaushan Script; font-size: large;"><img alt="Exagono central con los 6 exágonos alrededor" border="0" data-jpibfi-indexer="6" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Tutorial – Quilted bowl" data-jpibfi-post-url="https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html" data-jpibfi-src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/55.jpg" height="356" id="BLOGGER_PHOTO_ID_5307563521287809938" src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/55.jpg" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%;" title="Exagono central con los 6 exágonos alrededor" width="400" /></span></a><a class="sw-pinit-button sw-pinit-top sw-pinit-left" href="http://pinterest.com/pin/create/bookmarklet/?media=https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/55.jpg&url=https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html&is_video=false&description=" style="background: rgb(205, 32, 41); border-bottom: none; border-image: initial; border-left: 0px; border-radius: 3px; border-right: 0px; border-top: 0px; box-shadow: none; box-sizing: border-box; color: white; height: 32px; left: 30px; line-height: 32px; opacity: 0; padding: 0px 20px; position: absolute; text-decoration-line: none; top: 30px; transition: opacity 0.5s ease 0s; z-index: 200;"><span style="box-sizing: border-box; font-family: Kaushan Script; font-size: large; vertical-align: inherit;">Salvar</span></a></div><span style="font-family: Kaushan Script; font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglZg1COmfPw7CtnTi0tv1xRVuE5FzP5beIsdKDGiMj2F_xBTNp5TN2nDr6ms7EXzx94OBVdiru1eLExKDvnOSjU0upEVmyt5in_j-0QSXAPlPcTkvh22s9zHdcRu3u-0_CJRpit7Nf4ZI/s1600-h/5.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"></a></span><div class="sw-pinit" style="box-sizing: border-box; height: 369px; line-height: 0; margin: 0px auto 10px; position: relative; text-align: center; width: 400px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglZg1COmfPw7CtnTi0tv1xRVuE5FzP5beIsdKDGiMj2F_xBTNp5TN2nDr6ms7EXzx94OBVdiru1eLExKDvnOSjU0upEVmyt5in_j-0QSXAPlPcTkvh22s9zHdcRu3u-0_CJRpit7Nf4ZI/s1600-h/5.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"><span style="font-family: Kaushan Script; font-size: large;"><img alt="Detalle del bol" border="0" data-jpibfi-indexer="5" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Tutorial – Quilted bowl" data-jpibfi-post-url="https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html" data-jpibfi-src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/56.jpg" height="369" id="BLOGGER_PHOTO_ID_5309217257261774866" src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/56.jpg" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%;" title="Detalle del bol" width="400" /></span></a><a class="sw-pinit-button sw-pinit-top sw-pinit-left" href="http://pinterest.com/pin/create/bookmarklet/?media=https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/56.jpg&url=https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html&is_video=false&description=" style="background: rgb(205, 32, 41); border-bottom: none; border-image: initial; border-left: 0px; border-radius: 3px; border-right: 0px; border-top: 0px; box-shadow: none; box-sizing: border-box; color: white; height: 32px; left: 30px; line-height: 32px; opacity: 0; padding: 0px 20px; position: absolute; text-decoration-line: none; top: 30px; transition: opacity 0.5s ease 0s; z-index: 200;"><span style="box-sizing: border-box; font-family: Kaushan Script; font-size: large; vertical-align: inherit;">Salvar</span></a></div><span style="font-family: Kaushan Script; font-size: large;"><span style="box-sizing: border-box; vertical-align: inherit;"></span><br /></span><div style="box-sizing: border-box;"><div style="box-sizing: border-box;"><div style="box-sizing: border-box;"><span style="font-family: Kaushan Script; font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhppw3qW6yEoNtB162fFV10RtkYjJpJXg0dsFwolHnUjBq9Y7vwuMxqjqB7XXpR5DuiZC7yoZpMY2IshSrsIy-d6qF6hBNB-7YIKaOpgOYvwUByUEDgK07YFgPJFIzlBajuMH3EWo2Hzg0/s1600-h/6.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"></a></span><div class="sw-pinit" style="box-sizing: border-box; height: 346px; line-height: 0; margin: 0px auto 10px; position: relative; text-align: center; width: 400px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhppw3qW6yEoNtB162fFV10RtkYjJpJXg0dsFwolHnUjBq9Y7vwuMxqjqB7XXpR5DuiZC7yoZpMY2IshSrsIy-d6qF6hBNB-7YIKaOpgOYvwUByUEDgK07YFgPJFIzlBajuMH3EWo2Hzg0/s1600-h/6.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"><span style="font-family: Kaushan Script; font-size: large;"><img alt="Revés del bol" border="0" data-jpibfi-indexer="4" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Tutorial – Quilted bowl" data-jpibfi-post-url="https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html" data-jpibfi-src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/65.jpg" height="346" id="BLOGGER_PHOTO_ID_5307563514251079906" src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/65.jpg" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%;" title="Revés del bol" width="400" /></span></a><a class="sw-pinit-button sw-pinit-top sw-pinit-left" href="http://pinterest.com/pin/create/bookmarklet/?media=https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/65.jpg&url=https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html&is_video=false&description=" style="background: rgb(205, 32, 41); border-bottom: none; border-image: initial; border-left: 0px; border-radius: 3px; border-right: 0px; border-top: 0px; box-shadow: none; box-sizing: border-box; color: white; height: 32px; left: 30px; line-height: 32px; opacity: 0; padding: 0px 20px; position: absolute; text-decoration-line: none; top: 30px; transition: opacity 0.5s ease 0s; z-index: 200;"><span style="box-sizing: border-box; font-family: Kaushan Script; font-size: large; vertical-align: inherit;">Salvar</span></a></div><span style="box-sizing: border-box; vertical-align: inherit;"><span style="box-sizing: border-box; font-family: Kaushan Script; font-size: large; vertical-align: inherit;">A continuación, para formar el cuenco, hay que coser los lados entre 2 piezas. </span></span></div><div style="box-sizing: border-box;"><span style="box-sizing: border-box; vertical-align: inherit;"><span style="box-sizing: border-box; font-family: Kaushan Script; font-size: large; vertical-align: inherit;">Use una puntada de satén o una puntada de zig-zag cerrada y que sea lo suficientemente ancha para atrapar ambos lados. </span></span></div><div style="box-sizing: border-box;"><span style="box-sizing: border-box; font-family: Kaushan Script; font-size: large; vertical-align: inherit;"><span style="box-sizing: border-box; vertical-align: inherit;">Comenzar desde el centro. </span><span style="box-sizing: border-box; vertical-align: inherit;">Continuar cosiendo y tirando de los lados al coser, para que se encuentren. </span><span style="box-sizing: border-box; vertical-align: inherit;">Coser sobre ellos, </span><span style="box-sizing: border-box; vertical-align: inherit;">es muy fácil.</span></span></div><div style="box-sizing: border-box;"><span style="box-sizing: border-box; font-family: Kaushan Script; font-size: large; vertical-align: inherit;">Hacer eso por todos lados.</span></div><div style="box-sizing: border-box; margin-bottom: 26px; padding: 0px;"><span style="font-family: Kaushan Script; font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkZdA8MNfXwRNndcQgtW0ee8wTb4b7KQ4wS0hmKzMxSs-sEMeFp9mOMoFBmxJEhtCt9B-UgVVKx5caFzimJQ09_q5kulzjKX7Hhy-qx1pn77QG2Fpt6Jpvd5eNRK_-whxM6j07tM1tGB4/s1600-h/7.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"></a></span></div><div class="sw-pinit" style="box-sizing: border-box; height: 300px; line-height: 0; margin: 0px auto 10px; position: relative; text-align: center; width: 400px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkZdA8MNfXwRNndcQgtW0ee8wTb4b7KQ4wS0hmKzMxSs-sEMeFp9mOMoFBmxJEhtCt9B-UgVVKx5caFzimJQ09_q5kulzjKX7Hhy-qx1pn77QG2Fpt6Jpvd5eNRK_-whxM6j07tM1tGB4/s1600-h/7.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"><span style="font-family: Kaushan Script; font-size: large;"><img alt="Coser lados del bol" border="0" data-jpibfi-indexer="3" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Tutorial – Quilted bowl" data-jpibfi-post-url="https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html" data-jpibfi-src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/73.jpg" height="300" id="BLOGGER_PHOTO_ID_5308957298605740994" src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/73.jpg" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%;" title="Coser lados del bol" width="400" /></span></a><a class="sw-pinit-button sw-pinit-top sw-pinit-left" href="http://pinterest.com/pin/create/bookmarklet/?media=https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/73.jpg&url=https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html&is_video=false&description=" style="background: rgb(205, 32, 41); border-bottom: none; border-image: initial; border-left: 0px; border-radius: 3px; border-right: 0px; border-top: 0px; box-shadow: none; box-sizing: border-box; color: white; height: 32px; left: 30px; line-height: 32px; opacity: 0; padding: 0px 20px; position: absolute; text-decoration-line: none; top: 30px; transition: opacity 0.5s ease 0s; z-index: 200;"><span style="box-sizing: border-box; font-family: Kaushan Script; font-size: large; vertical-align: inherit;">Salvar</span></a></div><span style="font-family: Kaushan Script; font-size: large;"><span style="box-sizing: border-box; vertical-align: inherit;">Después de completar todos los puntos, tendrás un cuenco como este:</span><br /></span><div style="box-sizing: border-box; margin-bottom: 26px; padding: 0px;"><span style="font-family: Kaushan Script; font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmPllJye9xib2F7MaB3eWtbKQFJNn22CA9OzQkyx7Qg6EhFah6eq6_gvTmrvkIqME_dp8D7OGM-TNa6xgdoAe8oxlIjMNiWwL2y1piWbW3rFvtWnWU4yVLr3e0fqVwmlTVK4m-PFY2xh8/s1600-h/12.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"></a></span></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><img alt="cuenco acolchado hexagonal" border="0" data-jpibfi-indexer="2" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Tutorial – Quilted bowl" data-jpibfi-post-url="https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html" data-jpibfi-src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/123.jpg" height="300" id="BLOGGER_PHOTO_ID_5308955513966282626" src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/123.jpg" style="border: 0px; box-sizing: border-box; height: auto; margin-left: auto; margin-right: auto; max-width: 100%;" title="cuenco acolchado hexagonal" width="400" /></td></tr><tr><td class="tr-caption" style="text-align: center;"></td></tr></tbody></table><a class="sw-pinit-button sw-pinit-top sw-pinit-left" href="http://pinterest.com/pin/create/bookmarklet/?media=https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/123.jpg&url=https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html&is_video=false&description=cuenco%20acolchado%20hexagonal" style="background: rgb(205, 32, 41); border-bottom: none; border-image: initial; border-left: 0px; border-radius: 3px; border-right: 0px; border-top: 0px; box-shadow: none; box-sizing: border-box; color: white; display: inline !important; height: 32px; left: 30px; letter-spacing: 1.6px; line-height: 32px; opacity: 0; padding: 0px 20px; position: absolute; text-align: center; text-decoration-line: none; top: 30px; transition: opacity 0.5s ease 0s; z-index: 200;"><span style="box-sizing: border-box; font-family: Kaushan Script; font-size: large; vertical-align: inherit;">Salvar</span></a><span style="font-family: Kaushan Script; font-size: large;"><br style="box-sizing: border-box;" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQeGn9I6fErtPbnd0Bz1l7T3K2ZIbYqvLHrL_pAgDFpkHzLHtjwWUys_nLbzWAcZ5wQdiU7hlZUX1-nVa_cC-zAc-XzFANmjeO84Tg_jALTeYtmW3yWDuLvoOXJTas4uogNcBzxq0-ZN0/s1600-h/13.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"></a></span><div class="sw-pinit" style="box-sizing: border-box; height: 374px; line-height: 0; margin: 0px auto 10px; position: relative; text-align: center; width: 400px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQeGn9I6fErtPbnd0Bz1l7T3K2ZIbYqvLHrL_pAgDFpkHzLHtjwWUys_nLbzWAcZ5wQdiU7hlZUX1-nVa_cC-zAc-XzFANmjeO84Tg_jALTeYtmW3yWDuLvoOXJTas4uogNcBzxq0-ZN0/s1600-h/13.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"><span style="font-family: Kaushan Script; font-size: large;"><img alt="" border="0" data-jpibfi-indexer="1" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Tutorial – Quilted bowl" data-jpibfi-post-url="https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html" data-jpibfi-src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/131.jpg" id="BLOGGER_PHOTO_ID_5308955660041375522" src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/131.jpg" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%;" /></span></a><a class="sw-pinit-button sw-pinit-top sw-pinit-left" href="http://pinterest.com/pin/create/bookmarklet/?media=https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/131.jpg&url=https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html&is_video=false&description=" style="background: rgb(205, 32, 41); border-bottom: none; border-image: initial; border-left: 0px; border-radius: 3px; border-right: 0px; border-top: 0px; box-shadow: none; box-sizing: border-box; color: white; height: 32px; left: 30px; line-height: 32px; opacity: 0; padding: 0px 20px; position: absolute; text-decoration-line: none; top: 30px; transition: opacity 0.5s ease 0s; z-index: 200;"><span style="box-sizing: border-box; font-family: Kaushan Script; font-size: large; vertical-align: inherit;">Salvar</span></a></div><span style="font-family: Kaushan Script; font-size: large;"><span style="box-sizing: border-box; vertical-align: inherit;">La parte posterior del bol:</span><br /></span><div style="box-sizing: border-box; margin-bottom: 26px; padding: 0px;"><span style="font-family: Kaushan Script; font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv3SafJMKl0NMB7_2umGVFR6dMYGqTnbBEwX0EKF_0GiO1RCGZ0zkCl3PdI9LTuCWsIwh74CwG4xSuFV1amz0uutD78wAKJNpc3LfzBEgwapUYR7P0Elvieiz2iT84yE4QpPKsM1y_5N4/s1600-h/15.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"></a></span></div><div class="sw-pinit" style="box-sizing: border-box; height: 323px; line-height: 0; margin: 0px auto 10px; position: relative; text-align: center; width: 400px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv3SafJMKl0NMB7_2umGVFR6dMYGqTnbBEwX0EKF_0GiO1RCGZ0zkCl3PdI9LTuCWsIwh74CwG4xSuFV1amz0uutD78wAKJNpc3LfzBEgwapUYR7P0Elvieiz2iT84yE4QpPKsM1y_5N4/s1600-h/15.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"><span style="font-family: Kaushan Script; font-size: large;"><img alt="cuenco acolchado hexagonal reversible" border="0" data-jpibfi-indexer="8" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Tutorial – Quilted bowl" data-jpibfi-post-url="https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html" data-jpibfi-src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/151.jpg" id="BLOGGER_PHOTO_ID_5308955657879339442" src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/151.jpg" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%;" title="" /></span></a><a class="sw-pinit-button sw-pinit-top sw-pinit-left" href="http://pinterest.com/pin/create/bookmarklet/?media=https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/151.jpg&url=https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html&is_video=false&description=cuenco%20acolchado%20hexagonal%20reversible" style="background: rgb(205, 32, 41); border-bottom: none; border-image: initial; border-left: 0px; border-radius: 3px; border-right: 0px; border-top: 0px; box-shadow: none; box-sizing: border-box; color: white; height: 32px; left: 30px; line-height: 32px; opacity: 0; padding: 0px 20px; position: absolute; text-decoration-line: none; top: 30px; transition: opacity 0.5s ease 0s; z-index: 200;"><span style="box-sizing: border-box; font-family: Kaushan Script; font-size: large; vertical-align: inherit;">Salvar</span></a></div><span style="font-family: Kaushan Script; font-size: large;"><span style="box-sizing: border-box; vertical-align: inherit;">Y la parte divertida: ¡el cuenco es reversible!</span><br /></span><div style="box-sizing: border-box; margin-bottom: 26px; padding: 0px;"><span style="font-family: Kaushan Script; font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIgUf02nN_0FpZNyGwjanz8Ku1B7hfAy49_Swi_EThUNAXLexjx-bRCGV0eThsPia3k-uno0RpZRkYGSXO38uPDiXnB0v4DBgJ7efzzwz8ReGi6nQ3uqLeepMiW8wXZKRshVbunhPOrzA/s1600-h/8.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"><img alt="cuenco acolchado hexagonal reversible" border="0" data-jpibfi-indexer="9" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Tutorial – Quilted bowl" data-jpibfi-post-url="https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html" data-jpibfi-src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/83.jpg" id="BLOGGER_PHOTO_ID_5309221354221470818" src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/83.jpg" style="border: 0px; box-sizing: border-box; display: block; height: 233px; margin: 0px auto 10px; max-width: 100%; text-align: center; width: 400px;" title="" /></a><span style="box-sizing: border-box; vertical-align: inherit;">Si desea crear sus propias plantillas, asegúrese de que la parte inferior de la pieza "A" tenga el mismo tamaño que el lado del hexágono:</span></span></div></div></div></div></div></div></div></div><div style="background-color: white; box-sizing: border-box; color: #111111; letter-spacing: 1.6px; margin-bottom: 26px; padding: 0px;"><span style="font-family: Kaushan Script; font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDMD-jDFF49NOynrffDxTKw6soDlcqN15OZRYdNk94SfkiNg-At_kQQZ3HdlVGytf3PrDq7r3bkYZF1YRbcZmVmrroiapmfHh5elq6a9RYxaj5lW1r70nhkm-omFcbMCTPDBcuXdHaSTY/s1600-h/t5.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"><img alt="" border="0" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Tutorial – Quilted bowl" data-jpibfi-post-url="https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html" data-jpibfi-src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/t5.jpg" id="BLOGGER_PHOTO_ID_5309227886705555522" src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/t5.jpg" style="border: 0px; box-sizing: border-box; display: block; height: 400px; margin: 0px auto 10px; max-width: 100%; text-align: center; width: 204px;" /></a><span style="box-sizing: border-box; vertical-align: inherit;">y debes tener cierta distancia entre dos piezas "A":</span></span></div><div style="background-color: white; box-sizing: border-box; color: #111111; letter-spacing: 1.6px; margin-bottom: 26px; padding: 0px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1bWBJVPWc2o9CYYqRoGaRQaoKthMw62yuQXBA2QUSeRv0fcykENxkhoMgN8v6q0Aqo10BYtxaNPWp6reM2GAr227JlyrDpVaoSe2yxQBx8PTulx4n8NhQhvJ55IobByyl-ICUl7il11M/s1600-h/t7.jpg" style="box-sizing: border-box; color: #f16a70; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"><span style="font-family: Kaushan Script; font-size: large;"><img alt="" border="0" data-jpibfi-indexer="0" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Tutorial – Quilted bowl" data-jpibfi-post-url="https://www.getasquiltingstudio.com/2009/03/tutorial-quilted-bowl.html" data-jpibfi-src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/t7.jpg" id="BLOGGER_PHOTO_ID_5309231964259806594" src="https://www.getasquiltingstudio.com/wp-content/uploads/2009/03/t7.jpg" style="border: 0px; box-sizing: border-box; display: block; height: 229px; margin: 0px auto 10px; max-width: 100%; text-align: center; width: 400px;" /></span></a></div><div style="background-color: white; box-sizing: border-box; margin-bottom: 26px; padding: 0px;"></div><div style="text-align: center;"><span face="Open Sans, sans-serif" style="color: #f16a70;"><span style="font-family: Kaushan Script; font-size: large; letter-spacing: 1.6px;"><br /></span></span></div><div style="text-align: center;"><span face="Open Sans, sans-serif" style="color: #f16a70;"><span style="font-family: Kaushan Script; font-size: large; letter-spacing: 1.6px;">https://www.getasquiltingstudio.com/</span></span></div><div style="text-align: center;"><span face="Open Sans, sans-serif" style="color: #f16a70;"><span style="font-family: Kaushan Script; font-size: large; letter-spacing: 1.6px;"><br /></span></span></div><br /></div>Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comPeñíscola, 12598, Castellón, España40.3593167 0.365420413.911158061176078 -34.7908296 66.80747533882392 35.5216704tag:blogger.com,1999:blog-9033271531591031537.post-56312280726867368922023-06-09T23:41:00.001+02:002023-06-10T00:03:35.588+02:00Cuadro abotonado<div style="border-bottom: medium none; border-color: initial; border-left: medium none; border-right: medium none; border-style: none; border-top: medium none; border-width: medium; text-align: center;"><span style="font-family: Kaushan Script; font-size: large;">
Encontrado rebuscando por Internet. </span></div>
<div style="border-bottom: medium none; border-color: initial; border-left: medium none; border-right: medium none; border-style: none; border-top: medium none; border-width: medium; text-align: center;"><span style="font-family: Kaushan Script; font-size: large;">
Un hermoso triptico hecho con botones reciclados. </span></div>
<div style="border-bottom: medium none; border-color: initial; border-left: medium none; border-right: medium none; border-style: none; border-top: medium none; border-width: medium; text-align: center;"><span style="font-family: Kaushan Script; font-size: large;">
Muy original, muy bonito y muy util.</span></div>
<div style="border-bottom: medium none; border-color: initial; border-left: medium none; border-right: medium none; border-style: none; border-top: medium none; border-width: medium; text-align: center;">
<br /></div>
<div style="border-bottom: medium none; border-color: initial; border-left: medium none; border-right: medium none; border-style: none; border-top: medium none; border-width: medium; text-align: center;">
<br /></div>
<div style="border-bottom: medium none; border-color: initial; border-left: medium none; border-right: medium none; border-style: none; border-top: medium none; border-width: medium; text-align: center;">
<br /></div>
<div style="border-bottom: medium none; border-color: initial; border-left: medium none; border-right: medium none; border-style: none; border-top: medium none; border-width: medium; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJd_x91QgaJb7WRoFIs-kUypIMpNtRjqibmA3R-Ye01cnMJG7-XDcswqByCOL2Op1CN6rzqdCnKiQB1YAC6G_0b1bIRQBJzBs5ysTSCzQgJi-qqieO3KD_W_5MUCEB3DDf6sAzKGfxxgI/s1600/561463_241784152610911_112787779_n.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="270" jsa="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJd_x91QgaJb7WRoFIs-kUypIMpNtRjqibmA3R-Ye01cnMJG7-XDcswqByCOL2Op1CN6rzqdCnKiQB1YAC6G_0b1bIRQBJzBs5ysTSCzQgJi-qqieO3KD_W_5MUCEB3DDf6sAzKGfxxgI/s400/561463_241784152610911_112787779_n.jpg" width="400" /></a></div>
<div style="border-bottom: medium none; border-color: initial; border-left: medium none; border-right: medium none; border-style: none; border-top: medium none; border-width: medium; text-align: center;">
<br /></div>
lasmaravillasdepilihttp://www.blogger.com/profile/05806285912278885748noreply@blogger.comPeñíscola, 12598, Castellón, España40.3593167 0.365420412.049082863821155 -34.7908296 68.669550536178846 35.5216704tag:blogger.com,1999:blog-9033271531591031537.post-80264240358669532772022-03-03T01:54:00.000+01:002023-06-10T23:14:19.642+02:00Bolso piano<div class="media_container" style="background-color: white; box-sizing: border-box; color: #171715; float: left; font-family: Poppins, sans-serif; font-size: 14px; letter-spacing: 0.84994px; width: 974.984px;"><a href="https://www.telasdivinas.com/bolso-de-piano" rel="bookmark" style="background-color: transparent; box-sizing: border-box; color: rgb(79, 175, 188) !important; outline-offset: -2px; outline: 0px; text-decoration-line: none; transition: all 50ms ease-in 0s;"><img alt="telas-divinas-como-hacer-un-bolso-de-piano-6" class="post-image" src="https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-6.jpg" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle; width: 974.984px;" /></a></div><div class="content_container" style="background-color: white; box-sizing: border-box; color: #171715; float: left; font-family: Poppins, sans-serif; font-size: 14px; letter-spacing: 0.84994px; margin-bottom: 40px; overflow: hidden; padding: 40px 20px; position: relative; width: 974.984px;"><br /><header class="entry-header" style="box-sizing: border-box; margin-bottom: 37.3906px; padding: 0px; width: 934.984px;"><h1 class="entry-title" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; color: inherit; font-size: 30px; font-weight: 400; line-height: 1.3; margin: 20px 0px 10px; text-rendering: optimizelegibility;">BOLSO DE PIANO</h1></header><br /><div class="entry-content" style="box-sizing: border-box; padding: 0px;"><h2 style="-webkit-font-smoothing: antialiased; box-sizing: border-box; color: inherit; font-size: 29px; font-weight: 400; line-height: 1.3; margin-bottom: 10px; margin-top: 20px; text-rendering: optimizelegibility;"> Bolso de piano.</h2><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;">Hola a todos.</div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;">Hoy en Telas Divinas vamos a aprender cómo hacer un bolso de piano.</div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><span id="more-7450" style="box-sizing: border-box;"></span></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;">Hoy vamos a tener una tarde musical…déjate llevar…y además, va a sonar a una música muy agradable, la que más te guste…</div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;">Y vamos a acompañar la tarde con el traqueteo de la máquina de coser. Nos vamos a hacer un bolso de piano.</div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;">Podemos utilizar loneta blanca y negra, o también fieltro blanco y negro, o tela de algodón en dichos colores. Bueno, se podría hacer de otros tonos, pero creo que queda más representativo en blanco y negro.</div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;">Podéis hacerlo más grande o más pequeño, o incluso una cartera de mano también quedaría super chula.</div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;">En primer lugar marcamos la tela blanca con ayuda de un marcador textil o de un lápiz, sin apretar demasiado. Nos ayudamos con una regla para que las lineas sean lo más rectas posibles para que quede perfecto.</div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;">Hacemos un pespunte a máquina tal como se indica en la imagen. Si ponemos un hilo grueso nos va a quedar mejor, seguro. En la imagen, los pespuntes están separados unos 3,7 cm, (harán de teclas blancas) y serán de unos 16 cm de largo.</div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;">Estas medidas dependen del tamaño final del bolso, y también de si queréis que el piano esté simplemente en un lateral del bolso, o queréis que el piano ocupe todo el ancho del bolso. A la carta, como más os guste.</div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><br /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><img alt="bolso de piano" class="alignnone wp-image-7451" height="467" sizes="(max-width: 702px) 100vw, 702px" src="https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-1.jpg" srcset="https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-1.jpg 700w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-1-450x299.jpg 450w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-1-555x369.jpg 555w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-1-300x199.jpg 300w" style="border: 0px; box-sizing: border-box; display: inline; height: auto; margin: 0px 0px 0.75rem; max-width: 100%; vertical-align: middle;" width="702" /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><br /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;">Ahora cortamos las teclas negras, que son rectángulos hechos con el tejido negro y le hacemos un pequeño dobladillo alrededor para que no se deshilache la tela. Y las ponemos sobre la tela blanca, sujetándolas con alfileres.</div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;">La medida de las teclas dependerá de la medida total del bolso. Al ver las fotos, os podéis hacer idea de las proporciones. Pero estas teclas negras miden 2,5 cm de ancho, más 1 cm de dobladillo interior, y unos 9 cm de largo.</div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><br /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><img alt="como hacer un bolso de piano" class="alignnone size-full wp-image-7458" height="465" sizes="(max-width: 700px) 100vw, 700px" src="https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-8.jpg" srcset="https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-8.jpg 700w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-8-450x299.jpg 450w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-8-555x369.jpg 555w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-8-300x199.jpg 300w" style="border: 0px; box-sizing: border-box; display: inline; height: auto; margin: 0px 0px 0.75rem; max-width: 100%; vertical-align: middle;" width="700" /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><br /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;">Vamos sujetando las teclas negras con alfileres, tal como se indica en la foto. Pespunteamos a máquina cada tecla negra con hilo también negro para que no destaque. Dicho pespunte lo damos lo más al borde posible.</div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><br /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><img alt="como hacer un bolso de piano" class="alignnone size-full wp-image-7457" height="463" sizes="(max-width: 700px) 100vw, 700px" src="https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-7.jpg" srcset="https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-7.jpg 700w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-7-450x298.jpg 450w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-7-555x367.jpg 555w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-7-300x198.jpg 300w" style="border: 0px; box-sizing: border-box; display: inline; height: auto; margin: 0px 0px 0.75rem; max-width: 100%; vertical-align: middle;" width="700" /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><br /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><br /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><img alt="como hacer un bolso de piano" class="alignnone size-full wp-image-7453" height="465" sizes="(max-width: 700px) 100vw, 700px" src="https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-3.jpg" srcset="https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-3.jpg 700w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-3-450x299.jpg 450w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-3-555x369.jpg 555w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-3-300x199.jpg 300w" style="border: 0px; box-sizing: border-box; display: inline; height: auto; margin: 0px 0px 0.75rem; max-width: 100%; vertical-align: middle;" width="700" /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><br /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><br /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><img alt="como hacer un bolso de piano" class="alignnone size-full wp-image-7452" height="465" sizes="(max-width: 700px) 100vw, 700px" src="https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-2.jpg" srcset="https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-2.jpg 700w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-2-450x299.jpg 450w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-2-555x369.jpg 555w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-2-300x199.jpg 300w" style="border: 0px; box-sizing: border-box; display: inline; height: auto; margin: 0px 0px 0.75rem; max-width: 100%; vertical-align: middle;" width="700" /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;">Seguimos haciendo el resto del bolso, como ya sabéis….cremallera, asas….etc…</div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><br /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><img alt="como hacer un bolso de piano" class="alignnone size-full wp-image-7454" height="465" sizes="(max-width: 700px) 100vw, 700px" src="https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-4.jpg" srcset="https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-4.jpg 700w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-4-450x299.jpg 450w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-4-555x369.jpg 555w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-4-300x199.jpg 300w" style="border: 0px; box-sizing: border-box; display: inline; height: auto; margin: 0px 0px 0.75rem; max-width: 100%; vertical-align: middle;" width="700" /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><br /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><br /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><img alt="como hacer un bolso de piano" class="alignnone size-full wp-image-7455" height="465" sizes="(max-width: 700px) 100vw, 700px" src="https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-5.jpg" srcset="https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-5.jpg 700w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-5-450x299.jpg 450w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-5-555x369.jpg 555w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-5-300x199.jpg 300w" style="border: 0px; box-sizing: border-box; display: inline; height: auto; margin: 0px 0px 0.75rem; max-width: 100%; vertical-align: middle;" width="700" /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><br /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;">Y ya tenemos listo nuestro bolso de piano. Super chulo.</div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><br /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><img alt="como hacer un bolso de piano" class="alignnone size-full wp-image-7459" height="465" sizes="(max-width: 700px) 100vw, 700px" src="https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-9.jpg" srcset="https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-9.jpg 700w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-9-450x299.jpg 450w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-9-555x369.jpg 555w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-9-300x199.jpg 300w" style="border: 0px; box-sizing: border-box; display: inline; height: auto; margin: 0px 0px 0.75rem; max-width: 100%; vertical-align: middle;" width="700" /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><br /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><br /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><img alt="como hacer un bolso de piano" class="alignnone size-full wp-image-7456" height="446" sizes="(max-width: 700px) 100vw, 700px" src="https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-6.jpg" srcset="https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-6.jpg 700w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-6-450x287.jpg 450w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-6-555x354.jpg 555w, https://www.telasdivinas.com/wp-content/uploads/2016/11/telas-divinas-como-hacer-un-bolso-de-piano-6-300x191.jpg 300w" style="border: 0px; box-sizing: border-box; display: inline; height: auto; margin: 0px 0px 0.75rem; max-width: 100%; vertical-align: middle;" width="700" /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;"><br /></div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;">Bueno, espero que os haya gustado este post del bolso de piano, y que os animéis a hacer uno. Si os ha gustado, nos encantaría que lo compartierais en vuestras redes sociales.</div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;">Muchas gracias a la fuente Costura, mis patrones, costura, y a todos vosotros por seguirnos. Gracias por vuestro tiempo.</div><div style="box-sizing: border-box; font-size: 17px; line-height: 1.625; margin-bottom: 1.333em;">Hasta pronto y feliz costura!!</div></div></div>Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-37994626803935472752020-12-12T23:37:00.001+01:002020-12-12T23:37:14.965+01:00Iconos<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdkxiH-IZZBt3AHb2A_eVSoVH-1Vq7qORAyA6r5fWHMjVOJpja-tBPDVuUDlh1Aaxdc1xvUSSp_0fYNor1GNUY9uBr-094EdFgsGkux8aOmex_8rg4nQqIHzFXxv6ikNZAZhs-5ZHeEsM/s1600/01+%25283%2529.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="65" data-original-width="65" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdkxiH-IZZBt3AHb2A_eVSoVH-1Vq7qORAyA6r5fWHMjVOJpja-tBPDVuUDlh1Aaxdc1xvUSSp_0fYNor1GNUY9uBr-094EdFgsGkux8aOmex_8rg4nQqIHzFXxv6ikNZAZhs-5ZHeEsM/s1600/01+%25283%2529.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgACI1_3892RSEsAQCnAfRqWjpnwRGP9CqqyPPLVSUzgNPR0CbXznu9FzWBBplgOhrURCRIjKnpl0erbfO-27TF3yRUBOo9bNIWPohaUilluvlt62yGZQpwS6LIxvatULKpkYhCr1vATq4/s1600/02+%25283%2529.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="65" data-original-width="65" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgACI1_3892RSEsAQCnAfRqWjpnwRGP9CqqyPPLVSUzgNPR0CbXznu9FzWBBplgOhrURCRIjKnpl0erbfO-27TF3yRUBOo9bNIWPohaUilluvlt62yGZQpwS6LIxvatULKpkYhCr1vATq4/s1600/02+%25283%2529.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwGKCRlGUEgi8EQbyHSpwBaU-FXIUJk0vmr9YdVw-6m9vvJi1arPrvApNBj7Ed889DGJhg9RN4gTe5vU3OfV67hkK0aCXGYd_X0mPf4644wwPsewh1hpfZUli6Bd05gJ_9OaXMzUKoicE/s1600/03+%25283%2529.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="65" data-original-width="65" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwGKCRlGUEgi8EQbyHSpwBaU-FXIUJk0vmr9YdVw-6m9vvJi1arPrvApNBj7Ed889DGJhg9RN4gTe5vU3OfV67hkK0aCXGYd_X0mPf4644wwPsewh1hpfZUli6Bd05gJ_9OaXMzUKoicE/s1600/03+%25283%2529.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmLxTaWuFcaW5wUoclCDS5ZWZb1FzmELX424yjuOgMJmp9kZlixAqF8xCi_XMyfNxoBRaf-RHrAcKcSmFXf3nq5nAI2Y3aFcRf0Nq4rvINzaEtQKageiUkuxy_cTG__VdXhX7f4NEWIl4/s1600/twee2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="65" data-original-width="65" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmLxTaWuFcaW5wUoclCDS5ZWZb1FzmELX424yjuOgMJmp9kZlixAqF8xCi_XMyfNxoBRaf-RHrAcKcSmFXf3nq5nAI2Y3aFcRf0Nq4rvINzaEtQKageiUkuxy_cTG__VdXhX7f4NEWIl4/s1600/twee2.png" /></a></div>
<br />Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-87279785033309539952019-11-27T16:24:00.006+01:002020-12-12T00:30:38.383+01:00Cómo coser una cartera / bolso de fieltro. Tutorial<h3 class="post-title entry-title" itemprop="name" style="background-color: white; color: #3ba5b3; font-family: oswald, sans-serif; font-size: 20px; font-weight: normal; line-height: 22px; margin: 0px 0px 10px; padding: 0px; position: relative;">
<a href="http://www.handmadiya.com/2016/03/how-to-sew-felt-wallet-purse-tutorial.html" style="color: #f68e0a; display: block; outline: none;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Cómo coser una cartera / bolso de fieltro. </span><span style="vertical-align: inherit;">Tutorial</span></span></a></h3>
<div class="post-header-line-1" style="background-color: white; color: #555555; font-family: arial, helvetica, sans-serif; font-size: 13px;">
</div>
<div class="post-body entry-content" id="post-body-2831879494959594668" itemprop="articleBody" style="background-color: white; color: #555555; font-family: arial, helvetica, sans-serif; line-height: 22px; margin: 0px; overflow: hidden; padding: 0px; width: 615px;">
<div dir="ltr" trbidi="on">
<div style="font-size: 13px;">
<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. </span><span style="vertical-align: inherit;">Tutorial de fotos de bricolaje</span></span></div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmjjiepy843A1aCPMahwEzRAlK2vsBpKVxxXJ74IoCFgQXHM3-c6TOfB5CIF5IgKO-_DbndULCGjTwo3tY2P6-aTa60fh8zVfqfiRyFrRKXM3_6WTignDLNl9mjMdgpCFNf-dIyHDgtvW5/s1600/000.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img alt="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmjjiepy843A1aCPMahwEzRAlK2vsBpKVxxXJ74IoCFgQXHM3-c6TOfB5CIF5IgKO-_DbndULCGjTwo3tY2P6-aTa60fh8zVfqfiRyFrRKXM3_6WTignDLNl9mjMdgpCFNf-dIyHDgtvW5/w400-h265/000.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" title="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" width="400" /></a></div>
<div style="font-size: 13px;">
<br /></div>
<div style="font-size: 13px;">
<a href="https://www.blogger.com/null" name="more" style="color: #3ea4b1; outline: none;" target="_blank"></a><br /></div><span><a name='more'></a></span>
<div style="font-size: 13px;">
<a href="https://www.blogger.com/null" name="more"></a><br /></div>
<div style="font-size: 13px;">
<br /></div>
<div style="font-size: 13px;">
<span id="result_box" lang="en"><b><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Necesitamos:</span></span></span></b><br /><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">- Gris </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">o </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">cualquier otro </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">fieltro </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">duro de </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">color </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">, </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">no muy grueso </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">- </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">1-1.2 </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">mm; </span></span></span><br /><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">- </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Tela, cuero</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> , gamuza</span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> o cualquier material </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">de su elección </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">para las </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">inserciones </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">decorativas</span></span></span> <span style="vertical-align: inherit;"><span style="vertical-align: inherit;">; </span><span class="hps"><span style="vertical-align: inherit;">-</span></span><span style="vertical-align: inherit;"> Z</span><span class="hps alt-edited"><span style="vertical-align: inherit;"> ipper </span></span><span class="hps"><span style="vertical-align: inherit;">15-16 </span></span><span class="hps"><span style="vertical-align: inherit;">cm; </span></span><span class="hps"><span style="vertical-align: inherit;">- </span></span><span class="hps"><span style="vertical-align: inherit;">Cierre de metal </span></span><span class="hps"><span style="vertical-align: inherit;">cualquier </span></span><span class="hps"><span style="vertical-align: inherit;">diseño </span></span><span class="hps"><span style="vertical-align: inherit;">conveniente</span></span><span style="vertical-align: inherit;"> ; </span><span class="hps"><span style="vertical-align: inherit;">- </span></span><span class="hps"><span style="vertical-align: inherit;">Sellos</span></span><span style="vertical-align: inherit;"> ; </span><span class="hps"><span style="vertical-align: inherit;">- </span></span><span class="hps"><span style="vertical-align: inherit;">Hilados</span></span><span style="vertical-align: inherit;"> , agujas, tijeras; </span><span class="hps"><span style="vertical-align: inherit;">- Hierro</span></span><span style="vertical-align: inherit;"> ; </span><span class="hps"><span style="vertical-align: inherit;">- máquina de coser; </span></span><span class="hps"><span style="vertical-align: inherit;">- </span></span><span class="hps"><span style="vertical-align: inherit;">Impresora para </span></span><span class="hps"><span style="vertical-align: inherit;">patrones de </span></span><span class="hps"><span style="vertical-align: inherit;">impresión</span></span><span style="vertical-align: inherit;"> .</span></span><br /><br /><span class="hps"><span style="vertical-align: inherit;"></span></span><span class="hps"><span style="vertical-align: inherit;"></span></span><span class="hps"><span style="vertical-align: inherit;"></span></span><span style="vertical-align: inherit;"></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
</div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpmRxc84E-1_PUDOgVX3td5tfb3JtDxwWhkBUQqiDXhmafQkHeKZb6cyTJjt2DB4Ij0V_gdn2LkhSVk7Rzm4Mrj5OuAq_F-_2zlSSvv3L4YNEytGJK1G7f1BuYbtA2rUefkQM9Tr53jY0d/s1600/002.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img alt="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpmRxc84E-1_PUDOgVX3td5tfb3JtDxwWhkBUQqiDXhmafQkHeKZb6cyTJjt2DB4Ij0V_gdn2LkhSVk7Rzm4Mrj5OuAq_F-_2zlSSvv3L4YNEytGJK1G7f1BuYbtA2rUefkQM9Tr53jY0d/w283-h400/002.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" title="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" width="283" /></a></div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEcSROrQpRPaSl4dlBguudGpUxdgPSRqi0rbTk4Tvk-ctUzv_1DGgMNUobYoLhnQP0dEG7OgJq-S35fAMu36OcU6k17ataMeIlq7uQj08TFwuD_qcSsCuhubm0GIfDBzT9RM6__bI3AH1S/s1600/003.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img alt="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEcSROrQpRPaSl4dlBguudGpUxdgPSRqi0rbTk4Tvk-ctUzv_1DGgMNUobYoLhnQP0dEG7OgJq-S35fAMu36OcU6k17ataMeIlq7uQj08TFwuD_qcSsCuhubm0GIfDBzT9RM6__bI3AH1S/w283-h400/003.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" title="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" width="283" /></a></div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtBKgjb37Qu2ejjamIi9GFPAjwYrtXz4ivZ5Qwqx57ltAp1ZyLlXzQJjVcs0fylIhS7OiMZBjRk1QCh86XVEeYZOcX9Dv34tWQtqMKyi15Ylqomzo2xcWpff9ni-5nHzze5c088qW3sQ3w/s1600/004.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img alt="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtBKgjb37Qu2ejjamIi9GFPAjwYrtXz4ivZ5Qwqx57ltAp1ZyLlXzQJjVcs0fylIhS7OiMZBjRk1QCh86XVEeYZOcX9Dv34tWQtqMKyi15Ylqomzo2xcWpff9ni-5nHzze5c088qW3sQ3w/s1600/004.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" title="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" /></a></div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJtkDinmHsDGNmqb7dP2YfIMbo7EK6915S3RNQ_1TI4bBLL0t6C8GVlDiolDwVlbdmfnq2wb6vAtWVK7sMNEpWd_Bg-od6zu7KdPhSzvMN6tUwU6mfiQrC6tc2jYLAuUK9cziB7XW2A2_o/s1600/005.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJtkDinmHsDGNmqb7dP2YfIMbo7EK6915S3RNQ_1TI4bBLL0t6C8GVlDiolDwVlbdmfnq2wb6vAtWVK7sMNEpWd_Bg-od6zu7KdPhSzvMN6tUwU6mfiQrC6tc2jYLAuUK9cziB7XW2A2_o/w400-h265/005.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" width="400" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span id="result_box" lang="en"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Recorta </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">todas las partes a lo </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">largo de las líneas continuas</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> . </span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">La línea de puntos </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">marca las </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">líneas </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">y las marcas de </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">costura </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">. </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Es deseable </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">transferir </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">al material </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">al cortar.</span></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic5Roa8M9yY2MGzEfmuKrbOklB2xKZFgjImeWFRomGkoaI78-tYgdNYmU2onISX_t2d_eItHp1wWBkvrBa6E6RRtMOlaxPfiTacQAICp0XG6fETwTqXhu7mz7v20fmDetUXdQ6zaAF3V1z/s1600/006.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic5Roa8M9yY2MGzEfmuKrbOklB2xKZFgjImeWFRomGkoaI78-tYgdNYmU2onISX_t2d_eItHp1wWBkvrBa6E6RRtMOlaxPfiTacQAICp0XG6fETwTqXhu7mz7v20fmDetUXdQ6zaAF3V1z/w400-h266/006.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" width="400" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span id="result_box" lang="en"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Prepare </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">los materiales necesarios </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">: </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">fieltro, </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">tela </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">y </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">sellos</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> .</span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq3D92HEzvfXzONdSRcD7NNqKzgXBxLUxciyCTzh6iRvQWcSOPnJ7W90X0O7PSORoG19A9IoAlifngm3gGcxpTvE_qVHX9ntjC3B990XydN-tGllbqwxEoqey7WHcMhkiuZ373uSr9Q0qM/s1600/007.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" height="263" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq3D92HEzvfXzONdSRcD7NNqKzgXBxLUxciyCTzh6iRvQWcSOPnJ7W90X0O7PSORoG19A9IoAlifngm3gGcxpTvE_qVHX9ntjC3B990XydN-tGllbqwxEoqey7WHcMhkiuZ373uSr9Q0qM/w400-h263/007.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" width="400" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span id="result_box" lang="en"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Todas las piezas están </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">hechas de fieltro </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">se pueden </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">cortar </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">sin ningún adicional</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> , además de la </span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">marcada</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> , </span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">el margen de costura</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> , </span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">además de </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">los básicos </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">- </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">los internos y </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">los muros exteriores</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> , </span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">en </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">el que </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">yo recomendaría</span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">dejar </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">aproximadamente 1 cm de </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">asignación </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">para la final </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">nivel de </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">ajuste</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> . </span></span><br /><br /><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">El </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">duplicado </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">corta </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">partes </span></span></span><span class="hps alt-edited"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">laterales </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">para </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">el bolsillo interior </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">con cremallera </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">,</span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">todo lo demás, </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">en una sola copia</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> .</span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKRRNZ2MPBX8fLAoKOx6qXoPox_dseNLiD6lVOZZrWMiExhx2VLiH3Z_scnkzk_rCNmiuXj47qCQEaWkrbJnjF_cjQEt-pkZwjE9eEuCviHG3a7JYX396WostndlVVW56I5v9B-EGOw0q8/s1600/008.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKRRNZ2MPBX8fLAoKOx6qXoPox_dseNLiD6lVOZZrWMiExhx2VLiH3Z_scnkzk_rCNmiuXj47qCQEaWkrbJnjF_cjQEt-pkZwjE9eEuCviHG3a7JYX396WostndlVVW56I5v9B-EGOw0q8/w400-h267/008.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" width="400" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span id="result_box" lang="en"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Detalle </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">de tejido </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">cortado </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">en </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">el perímetro interior del </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">marco </span></span></span><span class="hps alt-edited"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">de fieltro </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">al</span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">exterior, </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">con una tolerancia de </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">1 cm</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> . </span></span><br /><br /><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Sello para la </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">inserción </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">de </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">corte </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">de tejido </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">de la misma manera </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">, pero sin</span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">tolerancia</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> . </span></span><br /><br /><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Para </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">insertar </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">el tejido </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">utilicé </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">un </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">sello </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">blando </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">obligatorio sobre </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">la base del</span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">adhesivo</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> . </span></span><br /><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Pegamento </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">para </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">sellar </span></span></span><span class="hps atn"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">hierro </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">en </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">insertos de tela </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">:</span></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvJR2MGbQrBeu2E9deIFeAmOm14_ln2GVQGtgxMjUkp0X35XW0A3L4eEOl_yTCSFnJo_gyorhgAmivIBLu-pRtvUHRvVRbf0UMzaJ0C4gFCZtLBBBekNVBfscwaddIdBI20C9INcuyLory/s1600/009.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvJR2MGbQrBeu2E9deIFeAmOm14_ln2GVQGtgxMjUkp0X35XW0A3L4eEOl_yTCSFnJo_gyorhgAmivIBLu-pRtvUHRvVRbf0UMzaJ0C4gFCZtLBBBekNVBfscwaddIdBI20C9INcuyLory/w400-h267/009.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" width="400" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span class="short_text" id="result_box" lang="en"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> Ahora </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">combine </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">la inserción </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">del </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">marco de </span></span><span class="hps"><span style="vertical-align: inherit;">fieltro </span></span><span class="hps"><span style="vertical-align: inherit;">de </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">tela</span></span></span> <span class="hps"><span style="vertical-align: inherit;"></span></span><span class="hps"><span style="vertical-align: inherit;"></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<span style="font-size: medium;"><span class="short_text" id="result_box" lang="en"> </span></span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0CGzUC4az97w4fe-EfbcmxSfeQdwVoWk8lVCRdmHvH5znpA_qNmvFWc-l_1h9begmICJwHSZBA0yy8N59ihbDqGK2qGyk9eWwZDFGI1wmXs1g7GCNuT0hCH5dmJMSBCm70JChTuYZbSrr/s1600/010.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0CGzUC4az97w4fe-EfbcmxSfeQdwVoWk8lVCRdmHvH5znpA_qNmvFWc-l_1h9begmICJwHSZBA0yy8N59ihbDqGK2qGyk9eWwZDFGI1wmXs1g7GCNuT0hCH5dmJMSBCm70JChTuYZbSrr/w400-h267/010.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" width="400" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span class="short_text" id="result_box" lang="en"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Ahora puedes </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">unir </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">el perímetro </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">.</span></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyhXAqtv9WvYAf_NeOi3ekWcXP02ZwkwLFxhuYTSwsDEvxRPLq4jTHMAvmJPeMKAqHVSJ1yOak3Ju75lawH6wJeDj1AbLwk_zGpwomX_RqMZjdtHl8IS0P6_53WbDrCGFbs6BoyElYPvxj/s1600/011.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyhXAqtv9WvYAf_NeOi3ekWcXP02ZwkwLFxhuYTSwsDEvxRPLq4jTHMAvmJPeMKAqHVSJ1yOak3Ju75lawH6wJeDj1AbLwk_zGpwomX_RqMZjdtHl8IS0P6_53WbDrCGFbs6BoyElYPvxj/w400-h267/011.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" width="400" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span id="result_box" lang="en"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Ahora </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">era el turno </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">del segundo </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">sello</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> . </span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Este es un </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">sello </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">especial </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">para bolsas</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> ,</span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">delgado, </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">pero muy </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">duro </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">. </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Al tocar </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">el </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">lado </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">superior </span></span><span class="hps"><span style="vertical-align: inherit;">del </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">adhesivo </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">no le </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">gusta una </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">piel </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">apretada </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">. </span></span></span><br /><br /><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Corte </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">el </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">sello </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">en </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">un par de milímetros de </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">fieltro de </span></span><span class="hps"><span style="vertical-align: inherit;">marco </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">más pequeño </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">, </span></span><span class="hps"><span style="vertical-align: inherit;">que no </span></span><span class="hps"><span style="vertical-align: inherit;">sobresalga de la </span></span><span class="hps"><span style="vertical-align: inherit;">costura </span></span><span><span style="vertical-align: inherit;">.</span></span></span><span class="hps"><span style="vertical-align: inherit;"></span></span> <span class="hps"><span style="vertical-align: inherit;"></span></span><span class="hps"><span style="vertical-align: inherit;"></span></span><span class="hps"><span style="vertical-align: inherit;"></span></span><span class="hps"><span style="vertical-align: inherit;"></span></span><span class="hps"><span style="vertical-align: inherit;"></span></span><span><span style="vertical-align: inherit;"></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7KM1SY-0OKlOBZ5b1BtgEbnjE_BaiKpBaP5ZdTeC52muTR4LUcoEmCzZ1raPKqi5TIsSo4MeCrhEmO2jF8orGYygwy-K_PHnifJNoZBf-Rc8ba3F4KL3o6cK-rf7hRyo9r2R7GaMeHH_G/s1600/012.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7KM1SY-0OKlOBZ5b1BtgEbnjE_BaiKpBaP5ZdTeC52muTR4LUcoEmCzZ1raPKqi5TIsSo4MeCrhEmO2jF8orGYygwy-K_PHnifJNoZBf-Rc8ba3F4KL3o6cK-rf7hRyo9r2R7GaMeHH_G/s1600/012.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span class="short_text" id="result_box" lang="en"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Pegamento de </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">hierro.</span></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeGo04I2vsc43bk8ZPtuuxVJORkTgaTb5Y6u6r9FmStifNRLSfJdNVZrMFpPuXke2O71Bu1P3uIKtUA0EhHZERriA0RDgRtzlmPF4-MlK7xC-4eAPJg9BmQTyCADGTVL3MJp1rh3FzHljn/s1600/013.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeGo04I2vsc43bk8ZPtuuxVJORkTgaTb5Y6u6r9FmStifNRLSfJdNVZrMFpPuXke2O71Bu1P3uIKtUA0EhHZERriA0RDgRtzlmPF4-MlK7xC-4eAPJg9BmQTyCADGTVL3MJp1rh3FzHljn/s1600/013.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span id="result_box" lang="en"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Ahora procedemos </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">al diseño del </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">interior de la </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">billetera</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> . </span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Comencemos con</span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">los bolsillos</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> . </span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Primero </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">pavimente </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">puntadas decorativas </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">en los </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">lados superiores </span></span></span><span class="hps atn"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">(</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> dondequiera que haya </span><span class="hps"><span style="vertical-align: inherit;">recortes </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">semicirculares</span></span></span> <span style="vertical-align: inherit;"><span style="vertical-align: inherit;">) de todas las</span><span class="hps"><span style="vertical-align: inherit;">partes </span></span><span class="hps"><span style="vertical-align: inherit;">de los bolsillos </span></span><span class="hps"><span style="vertical-align: inherit;">y </span></span><span class="hps"><span style="vertical-align: inherit;">las partes laterales </span></span><span><span style="vertical-align: inherit;">.</span></span></span><span class="hps"><span style="vertical-align: inherit;"></span></span><span style="vertical-align: inherit;"></span><span class="hps"><span style="vertical-align: inherit;"></span></span> <span class="hps"><span style="vertical-align: inherit;"></span></span><span class="hps"><span style="vertical-align: inherit;"></span></span><span class="hps"><span style="vertical-align: inherit;"></span></span><span><span style="vertical-align: inherit;"></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0v7H1d_6_oXL3MEUbizQuYn_G2GohRkoX0zL9sR1GUibyLQpLUAEZlvbeg0JXLU5_YQ2qMDA_qwX6AyYXkkWQ2HsDzl5itiKgCocYk__Tn_pVRuJ1S6KWCLyfLU8CX6xS2_ilmjisghmh/s1600/014.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0v7H1d_6_oXL3MEUbizQuYn_G2GohRkoX0zL9sR1GUibyLQpLUAEZlvbeg0JXLU5_YQ2qMDA_qwX6AyYXkkWQ2HsDzl5itiKgCocYk__Tn_pVRuJ1S6KWCLyfLU8CX6xS2_ilmjisghmh/s1600/014.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span id="result_box" lang="en"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Combinamos </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">los detalles de </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">los bolsillos </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">de conformidad </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">con el esquema </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">en</span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">el patrón </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">.</span></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDY1IJTYUImYtRVZfg8iYjayn7b1IIhs1QENEDCIyZeTH_twth6olR9Nkdx3Qt5xMJSatfUm7hOlIdnRsbKLE3YCUlPyWPxXaT0gAfydl2Aq4qcHJhlMx1OZjd7b9iNQSHMBTaVxHJOzP6/s1600/015.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDY1IJTYUImYtRVZfg8iYjayn7b1IIhs1QENEDCIyZeTH_twth6olR9Nkdx3Qt5xMJSatfUm7hOlIdnRsbKLE3YCUlPyWPxXaT0gAfydl2Aq4qcHJhlMx1OZjd7b9iNQSHMBTaVxHJOzP6/s1600/015.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span id="result_box" lang="en"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Y </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">siempre se </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">cosen </span></span></span><span class="hps alt-edited"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">entre sí </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">para formar una </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">unidad de </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">dos </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">piezas </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">con bolsillos</span></span><span style="vertical-align: inherit;"> .</span></span><span class="hps"><span style="vertical-align: inherit;"></span></span> <span class="hps"><span style="vertical-align: inherit;"></span></span><span style="vertical-align: inherit;"></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisbjutltQEWS3_fh-RuBFx162pRB-FFcnN9cUlGufi77y0UQnNr4B3YQ_8fatLqg45_GDV5d9dnjcTqjd6_KoD-Rmg-u7pTKqFGmXiyV3LpG-tCmZoleZblgQU2mrTVwIpqOf7idcPAeCl/s1600/016.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img alt="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisbjutltQEWS3_fh-RuBFx162pRB-FFcnN9cUlGufi77y0UQnNr4B3YQ_8fatLqg45_GDV5d9dnjcTqjd6_KoD-Rmg-u7pTKqFGmXiyV3LpG-tCmZoleZblgQU2mrTVwIpqOf7idcPAeCl/s1600/016.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" title="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span id="result_box" lang="en" tabindex="-1"><span class="hps alt-edited"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Intenta con </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">los bloques </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">a los </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">detalles </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">principales </span></span><span class="hps"><span style="vertical-align: inherit;">del </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">interior de la </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">billetera </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">.</span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Centrarse en el </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">diseño</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> , </span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">que </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">lo hará </span></span></span><span class="hps alt-edited"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">para que sea </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">exactamente </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">.</span></span></span></span></span></div>
<div id="myBlockR0" style="font-size: 13px;">
</div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnzDjYQ5WhL7gC7H4NqorsOqYyqo5YHaCHg2bT74nFg0Vs0Z6g5v5l0zyGNxUJQwOyNbp-4M6wXwdtB0ZW5UBXoF11HdxqgfBZTfMRQtgsg_SeEQvigoCUub5kqVBlk8eiBCy2U7wZw12g/s1600/017.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnzDjYQ5WhL7gC7H4NqorsOqYyqo5YHaCHg2bT74nFg0Vs0Z6g5v5l0zyGNxUJQwOyNbp-4M6wXwdtB0ZW5UBXoF11HdxqgfBZTfMRQtgsg_SeEQvigoCUub5kqVBlk8eiBCy2U7wZw12g/s1600/017.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span class="short_text" id="result_box" lang="en" tabindex="-1"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Cosa </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">.</span></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtj80LR4ly7IiE3IoKnuOpy6t_K-rS6pa1JP_qyWJasIf9VDB6YmUTs6YfJe8j5ilgcJFZBI-MB6AYymFP9UA-P4BDdoWLDj1vRKC8Xxqwg8H0q7Pz7vr6wllQOU62WN75jddd_kZLrpGB/s1600/018.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtj80LR4ly7IiE3IoKnuOpy6t_K-rS6pa1JP_qyWJasIf9VDB6YmUTs6YfJe8j5ilgcJFZBI-MB6AYymFP9UA-P4BDdoWLDj1vRKC8Xxqwg8H0q7Pz7vr6wllQOU62WN75jddd_kZLrpGB/s1600/018.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span class="short_text" id="result_box" lang="en" tabindex="-1"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">La parte interna </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">está lista </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">, déjanos un </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">bolsillo con </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">cremallera </span></span></span><span style="vertical-align: inherit;"><span><span style="vertical-align: inherit;">.</span></span></span><span class="hps"><span style="vertical-align: inherit;"></span></span><span><span style="vertical-align: inherit;"></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-OQjGUDYqMmbrkumIWPu2vkzHUaUmoHspJ0dhJqLZt9-6X1wggze4e1hbhUF-l1ThEkO1HxgyDE2Ag0HmP4G8shY5l5N_lQdzrWr22tbKAAt5vt8pig8XpGddqSMlP0kAcgUq1FiCo6tV/s1600/019.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-OQjGUDYqMmbrkumIWPu2vkzHUaUmoHspJ0dhJqLZt9-6X1wggze4e1hbhUF-l1ThEkO1HxgyDE2Ag0HmP4G8shY5l5N_lQdzrWr22tbKAAt5vt8pig8XpGddqSMlP0kAcgUq1FiCo6tV/s1600/019.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span id="result_box" lang="en" tabindex="-1"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Combinamos la </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">primera </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">cremallera </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">con </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">una de las dos </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">partes y </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">tachuela </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">.</span></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj93cHbWF1Cycq30l-0E_xJIo5UUgZpjbDVFRX-eVN_S7m_2qphybE0JasQrEHP1IAHj8Iq5PDWAhWcz9gOs_wOvRGDTsdPRzKAejVIE3qeF4hUuofrCi2zM5rvVweJetakRIMHdnfThkx_/s1600/020.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj93cHbWF1Cycq30l-0E_xJIo5UUgZpjbDVFRX-eVN_S7m_2qphybE0JasQrEHP1IAHj8Iq5PDWAhWcz9gOs_wOvRGDTsdPRzKAejVIE3qeF4hUuofrCi2zM5rvVweJetakRIMHdnfThkx_/s1600/020.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span id="result_box" lang="en" tabindex="-1"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Luego, </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">sin cortar </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">el hilo </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">, </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">por otro lado </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">ponga </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">una segunda parte </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">, </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">también</span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">combinándola </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">con el </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">cierre y </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">vire </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">el segundo círculo </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">en dos </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">partes </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">a la vez.</span></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Xw0tIupJVgtyvXTRnDWyYmZT1-KtxNfYgWaJ8yEjAbNIcY_EbelhyKtyq9vU4kKajw4CBLMREDNsykXVXtaxOBJ1S3_6N-3NQLt5LqdynBA6ntQZ3aca_PPfgM908_9jWezp849cDfMH/s1600/021.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Xw0tIupJVgtyvXTRnDWyYmZT1-KtxNfYgWaJ8yEjAbNIcY_EbelhyKtyq9vU4kKajw4CBLMREDNsykXVXtaxOBJ1S3_6N-3NQLt5LqdynBA6ntQZ3aca_PPfgM908_9jWezp849cDfMH/s1600/021.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span class="short_text" id="result_box" lang="en" tabindex="-1"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Esto está </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">en el exterior </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">:</span></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL40aY0ggYjBvBGsjyQ_Of83cpB6f71gP6cwzpQ7RP8xgM8UOvzEt0yQA228s8At8-n4863p3AH1Fl72adTe3g-byJNxkihnO0DnAVNCH_4S5uK9JCR61tGP76wB_mqZIjEj0kwgnvdxRX/s1600/022.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL40aY0ggYjBvBGsjyQ_Of83cpB6f71gP6cwzpQ7RP8xgM8UOvzEt0yQA228s8At8-n4863p3AH1Fl72adTe3g-byJNxkihnO0DnAVNCH_4S5uK9JCR61tGP76wB_mqZIjEj0kwgnvdxRX/s1600/022.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span class="short_text" id="result_box" lang="en" tabindex="-1"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Y esto es </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">- </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">por dentro </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">:</span></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQVqitx0HpUAUongANPm7ydPBt6oqAHmsa0w2qqi9YVrOtW1P-VwkTD9PTcuzOJl-rg6lid3YHI3SaKjDMfrE7rorpnrJlZEa0aNsjo9xI36sr8cKVPQ2pMnf6xBXFILM93z2pAqsZPCC8/s1600/023.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQVqitx0HpUAUongANPm7ydPBt6oqAHmsa0w2qqi9YVrOtW1P-VwkTD9PTcuzOJl-rg6lid3YHI3SaKjDMfrE7rorpnrJlZEa0aNsjo9xI36sr8cKVPQ2pMnf6xBXFILM93z2pAqsZPCC8/s1600/023.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span id="result_box" lang="en" tabindex="-1"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Recorte </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">los extremos de las </span></span></span><span class="hps alt-edited"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">cremalleras </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">. </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Cosido por </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">uno a </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">dos partes </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">de bolsillos </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">en el perímetro y </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">en el interior </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">el recortado </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">a lo largo de la costura</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> .</span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgselhBIt4KvLVR9UXvITYnIcznGJza8iQ5IvUdECxBmw7b58R-1bFwCIIPhKL79eO6s3qtLa1D5rXpLdKmLHt45OUTxjhzDtLsUstbXkEL1Q6u07BelyO_Ejk65PUGSNkRTCq3Bf6X9NSr/s1600/024.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgselhBIt4KvLVR9UXvITYnIcznGJza8iQ5IvUdECxBmw7b58R-1bFwCIIPhKL79eO6s3qtLa1D5rXpLdKmLHt45OUTxjhzDtLsUstbXkEL1Q6u07BelyO_Ejk65PUGSNkRTCq3Bf6X9NSr/s1600/024.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span id="result_box" lang="en" tabindex="-1"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Ahora queda por </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">doblar </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">en medio </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">bolsillo </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">y poner </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">otra línea </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">:</span></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6NB5QQlfInAq_i1-lOslsA8yc_jlfFl9hGpLfi2qtTf-HM73xGX76lyZO2VLNMZp5CIu1jqLktaW5Ha2BBnUVG7vJgY2ij57dJMasNpa8BIU1ikcvb_nLQ_8JxgXUFT1tGuU-NjoApEz1/s1600/025.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6NB5QQlfInAq_i1-lOslsA8yc_jlfFl9hGpLfi2qtTf-HM73xGX76lyZO2VLNMZp5CIu1jqLktaW5Ha2BBnUVG7vJgY2ij57dJMasNpa8BIU1ikcvb_nLQ_8JxgXUFT1tGuU-NjoApEz1/s1600/025.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJEk41RCaLY1iEv5Ii9jxMdsGruEYxr7Zdl3vxLxALv0fyn-1ORStnB1AUewXmEdfq5xUETqiJD-RHa3-SPNEyD6NgJZRvP0KGj4qujNFXcXZQz2BFh9HvQtYhZBzJ2AnjFKc46T-gJB_w/s1600/026.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJEk41RCaLY1iEv5Ii9jxMdsGruEYxr7Zdl3vxLxALv0fyn-1ORStnB1AUewXmEdfq5xUETqiJD-RHa3-SPNEyD6NgJZRvP0KGj4qujNFXcXZQz2BFh9HvQtYhZBzJ2AnjFKc46T-gJB_w/s1600/026.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span class="short_text" id="result_box" lang="en" tabindex="-1"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Ahora combine </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">con los </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">paneles laterales </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">.</span></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnZxDfEUBWD80wEpTkSr7tq29-J_yAtW2EEpZ8UM2O4lfVL-GH057gMUKF4QJ0wGSvsNlFusM_-Gr21LFk7mUh3DhDn5sCTXvVutENwRtKVCFJeVOGqeNAUgRv_ceFOoAUGqtCkuBT2TSa/s1600/027.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnZxDfEUBWD80wEpTkSr7tq29-J_yAtW2EEpZ8UM2O4lfVL-GH057gMUKF4QJ0wGSvsNlFusM_-Gr21LFk7mUh3DhDn5sCTXvVutENwRtKVCFJeVOGqeNAUgRv_ceFOoAUGqtCkuBT2TSa/s1600/027.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjtKTK2QVFhvgq3Pp81c84trsABZOrrWYc0QOOw-lKN1q3RDA_vl9USxmxP_92eIpXLB3gocfcpqDk4xcp-FqF3xFxtHUTYgfd2ZvOmdE7r0a5mNAzHgFQDAODOFeGDbZ7lRJ8nbz0chEd/s1600/028.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjtKTK2QVFhvgq3Pp81c84trsABZOrrWYc0QOOw-lKN1q3RDA_vl9USxmxP_92eIpXLB3gocfcpqDk4xcp-FqF3xFxtHUTYgfd2ZvOmdE7r0a5mNAzHgFQDAODOFeGDbZ7lRJ8nbz0chEd/s1600/028.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTy99vhWcXDSx1ybIoFNnJBL-_X6T6CG6ctP55Qit3WaAJOyfytFoJ-x74VT6Lc2YspIAqI4XY3L76Wq9NY12Pc6KiyDS6Li_HSZVyWbYTth9bvOfTUyLxDZpxPaBsve6uTDaY_SgRBUi-/s1600/029.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTy99vhWcXDSx1ybIoFNnJBL-_X6T6CG6ctP55Qit3WaAJOyfytFoJ-x74VT6Lc2YspIAqI4XY3L76Wq9NY12Pc6KiyDS6Li_HSZVyWbYTth9bvOfTUyLxDZpxPaBsve6uTDaY_SgRBUi-/s1600/029.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSP1OErfKlZaEZ1Bn35o5zJlyYJNWCgPrRc_ynrK0VqvEt-QQEvPDJ_5fLf1YIcsfYRbsNyCD6TUBsXhV1FuNAlUCHLMARPgSOCyP4UkJZFreIFmNIMwzl9W2E9Xz4Dh1jStX-1w_Z-l8S/s1600/030.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img alt="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSP1OErfKlZaEZ1Bn35o5zJlyYJNWCgPrRc_ynrK0VqvEt-QQEvPDJ_5fLf1YIcsfYRbsNyCD6TUBsXhV1FuNAlUCHLMARPgSOCyP4UkJZFreIFmNIMwzl9W2E9Xz4Dh1jStX-1w_Z-l8S/s1600/030.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" title="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span id="result_box" lang="en" tabindex="-1"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">La mayor parte del trabajo </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">ya se ha realizado</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> , es necesario </span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">conectar todos los </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">detalles de las </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">unidades </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">y </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">configurar </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">el bloqueo </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">:</span></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIE3xLLVR3ICCa7ix_-egU50QhM1x5gtqnfXzITfQtYcui667UUZvH8KNxjdlsG2AtG-kEBH7giGBj9LoQpnwu07iNFzQ2gnzQYx2XV_w7pzP522TDRrO8UHkIHDnsr88feBcyDzeiPI5i/s1600/031.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIE3xLLVR3ICCa7ix_-egU50QhM1x5gtqnfXzITfQtYcui667UUZvH8KNxjdlsG2AtG-kEBH7giGBj9LoQpnwu07iNFzQ2gnzQYx2XV_w7pzP522TDRrO8UHkIHDnsr88feBcyDzeiPI5i/s1600/031.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPlcfXPkM_FrbtvVx899vbrpnGC6vJ7fTn2FmBNWtvEgn4I1r1GyWLreOdfeBFH_TxfSjBclrlqauRdcyKvwS6H0-bRHzTVC-dOJ0fopuRy1hNA5vJ5b94hrYSxX2DumbOLWskiyHrzJXm/s1600/032.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPlcfXPkM_FrbtvVx899vbrpnGC6vJ7fTn2FmBNWtvEgn4I1r1GyWLreOdfeBFH_TxfSjBclrlqauRdcyKvwS6H0-bRHzTVC-dOJ0fopuRy1hNA5vJ5b94hrYSxX2DumbOLWskiyHrzJXm/s1600/032.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfqtt7VgXMSA512-t38YNIXd8EynK3GTxgBB0qEwzMPVGOttWzLehaBjYQsQQiziczmMoQ9jRoeVD-wZKnEjLngRuZNajEnlPdvOe0H-qy8BwZSYhRsLdHabUFP3STPB_At405RC_nk1Kw/s1600/033.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfqtt7VgXMSA512-t38YNIXd8EynK3GTxgBB0qEwzMPVGOttWzLehaBjYQsQQiziczmMoQ9jRoeVD-wZKnEjLngRuZNajEnlPdvOe0H-qy8BwZSYhRsLdHabUFP3STPB_At405RC_nk1Kw/s1600/033.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span class="short_text" id="result_box" lang="en" tabindex="-1"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Combinamos </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">los </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">lados </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">interno y externo </span></span><span class="hps"><span style="vertical-align: inherit;">de la </span></span></span><span class="hps alt-edited"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">billetera </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">:</span></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1tmi9sy24uP1zu4h8wumrgKuYB3UX8Q2I4nov6tHMZyE7shOcTsbIg65qkdtqTBY83oG1uZzs_WFqg2BT_Ij0wi_5EmngYEya3UyReeYOHSXervIYUdoghj0rrYi901IBzFD0y6GlCejZ/s1600/034.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1tmi9sy24uP1zu4h8wumrgKuYB3UX8Q2I4nov6tHMZyE7shOcTsbIg65qkdtqTBY83oG1uZzs_WFqg2BT_Ij0wi_5EmngYEya3UyReeYOHSXervIYUdoghj0rrYi901IBzFD0y6GlCejZ/s1600/034.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span id="result_box" lang="en" tabindex="-1"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Ahora, </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">prestamos </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">especial </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">atención a </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">las marcas en la </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">línea de costura </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">,</span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">cosidas por </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">el perímetro</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> , ¡ </span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">no </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">cerrándolas </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">en </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">los lugares designados por </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">las marcas</span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> ! </span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">En la foto </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">muestra dónde </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">debe </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">dejar el </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">borde </span></span></span><span class="hps alt-edited"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">abierto </span></span></span><span style="vertical-align: inherit;"><span><span style="vertical-align: inherit;">:</span></span></span><span class="hps"><span style="vertical-align: inherit;"></span></span><span><span style="vertical-align: inherit;"></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVDh_efZQYYj5opRLCKnylNDqbwAmkeo6P-QbJx-QOdmJTTfT6vTHmh2u7ZUXQw4LVg88Sl4sLzKtsQgxM_gZ1Ai_WJgYIf6hftt-gDd_7N7KSXZ45G5sdgaWtanGyu2m6tNk-QvvXmYyj/s1600/035.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img alt="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVDh_efZQYYj5opRLCKnylNDqbwAmkeo6P-QbJx-QOdmJTTfT6vTHmh2u7ZUXQw4LVg88Sl4sLzKtsQgxM_gZ1Ai_WJgYIf6hftt-gDd_7N7KSXZ45G5sdgaWtanGyu2m6tNk-QvvXmYyj/s1600/035.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" title="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span id="result_box" lang="en" tabindex="-1"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Ahora, </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">tome un </span></span></span><span class="hps alt-edited"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">bolsillo </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">con </span></span></span><span style="vertical-align: inherit;"><span class="hps alt-edited"><span style="vertical-align: inherit;">cremallera </span></span><span class="hps"><span style="vertical-align: inherit;">con </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">paneles laterales </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">y </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">cosa </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">entre las</span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">etiquetas </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">, </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">agregando </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">las </span></span></span><span style="vertical-align: inherit;"><span class="hps"><span style="vertical-align: inherit;">líneas </span></span><span class="hps"><span style="vertical-align: inherit;">faltantes </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">:</span></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7x3zwcVudIm0sTAXPAj3G1bBHdq0wWKW2PMyDPAbjnqAbbhZlYjSvhllpDyziYQhOmawQ5fNCJR5YWvG1HM2BudDqddMWLjcsW9cMlvrh75wvJiOKVPcMZH9bmgPbuh-c2rs6FSPB95c_/s1600/036.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img alt="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7x3zwcVudIm0sTAXPAj3G1bBHdq0wWKW2PMyDPAbjnqAbbhZlYjSvhllpDyziYQhOmawQ5fNCJR5YWvG1HM2BudDqddMWLjcsW9cMlvrh75wvJiOKVPcMZH9bmgPbuh-c2rs6FSPB95c_/s1600/036.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" title="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" /></a></div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsYbGTGfCJ1JqRoj4VAdtmrZSokoR1Ry9pKYJkDHUIuXhllXWsJiqXS37gxdrIm94BZmunBpSktU5m47mLaPZrvYLVAS6a053AqPoVGU37qw0ZdXiYiysHJO8fJmWCKgzAt91Y1yT58hok/s1600/037.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img alt="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsYbGTGfCJ1JqRoj4VAdtmrZSokoR1Ry9pKYJkDHUIuXhllXWsJiqXS37gxdrIm94BZmunBpSktU5m47mLaPZrvYLVAS6a053AqPoVGU37qw0ZdXiYiysHJO8fJmWCKgzAt91Y1yT58hok/s1600/037.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" title="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span id="result_box" lang="en" tabindex="-1"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Doble su </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">cartera </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">y añadir </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">los restantes </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">dos líneas </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">en los </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">lados, </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">es deseable</span></span></span><span class="hps atn"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">pre- </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">virar </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">ellos </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">para </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">suavizar </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">a cabo </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">una línea </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">.</span></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifx8rYx0og1lfCDQh9m0QaHPdti45E0HtF-AVJCMjpLEwnSZi4G8INCOihuO7DWqiW7vChaK7d_UL0-au6cTewypwnaufFYElj_1n77dq35F7EYhMQ1sGGh-HKdDRNf7S-SH_L3qyp8Lme/s1600/038.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img alt="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifx8rYx0og1lfCDQh9m0QaHPdti45E0HtF-AVJCMjpLEwnSZi4G8INCOihuO7DWqiW7vChaK7d_UL0-au6cTewypwnaufFYElj_1n77dq35F7EYhMQ1sGGh-HKdDRNf7S-SH_L3qyp8Lme/s1600/038.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" title="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" /></a></div>
<div style="font-size: 13px;">
<span style="font-size: medium;"><span id="result_box" lang="en" tabindex="-1"><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Todo está listo </span></span></span><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">, solo queda </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">para cortar el </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">exceso de </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">fieltro a lo </span></span></span><span class="hps"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">largo de las costuras</span></span></span></span></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjirhyJYSK0jiQWu5P-FGRNSX6Ym9m4GNV9oJC4EvczCowgfJHFNhNdDGokUvJhCPALPpNmOXWm1OQ2jonw5wJUyvkSLutBNGSTgLKq8OPA2t7Z3XA1UEyrvcBOofHiFpZpHbX3LamNsCNd/s1600/039.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img alt="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjirhyJYSK0jiQWu5P-FGRNSX6Ym9m4GNV9oJC4EvczCowgfJHFNhNdDGokUvJhCPALPpNmOXWm1OQ2jonw5wJUyvkSLutBNGSTgLKq8OPA2t7Z3XA1UEyrvcBOofHiFpZpHbX3LamNsCNd/s1600/039.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" title="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" /></a></div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR87PDqsAWzAjzjZWpD5VMqPehpptB-IMUDlW4G_0NVNhqIoG2kD7gmJJrLWk45iHiOoZmdFYVrhsYViDwDHftbC2CeZf3ehW_lJq_KigeoYVZnAEB3KEAZftPWUdFz1T4eaUDSZi1BQ13/s1600/040.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img alt="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR87PDqsAWzAjzjZWpD5VMqPehpptB-IMUDlW4G_0NVNhqIoG2kD7gmJJrLWk45iHiOoZmdFYVrhsYViDwDHftbC2CeZf3ehW_lJq_KigeoYVZnAEB3KEAZftPWUdFz1T4eaUDSZi1BQ13/s1600/040.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" title="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" /></a></div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3f3urjyl7MyXs2Yew_AEyyT6-eOrzG_Pj4iGSM5b6KVzZh_rcr91niBU2KtQ2cky-wGBy6zx95KkiePCcJS4LfQtREiatab6qEsgwVaisWXaGKAhdd_CKQamnSWsLMKbXq5cF-uTs-Na8/s1600/041.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img alt="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3f3urjyl7MyXs2Yew_AEyyT6-eOrzG_Pj4iGSM5b6KVzZh_rcr91niBU2KtQ2cky-wGBy6zx95KkiePCcJS4LfQtREiatab6qEsgwVaisWXaGKAhdd_CKQamnSWsLMKbXq5cF-uTs-Na8/s1600/041.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" title="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" /></a></div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYmw2HPbhQI3e1E7xbulAZCuC1euxs2btWD6B2Hu0oE_N6Ki18HUWnnAycIxEHkdb3zFz9UDvS_R1cLR6s9t1BEytOfmYjTKSNpDNd06IeQfoLMBCz4XHfrfIjujWDWXjyur5F-TuNkEJG/s1600/042.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img alt="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYmw2HPbhQI3e1E7xbulAZCuC1euxs2btWD6B2Hu0oE_N6Ki18HUWnnAycIxEHkdb3zFz9UDvS_R1cLR6s9t1BEytOfmYjTKSNpDNd06IeQfoLMBCz4XHfrfIjujWDWXjyur5F-TuNkEJG/s1600/042.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" title="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" /></a></div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaKSbhOCaQCMzDhhfWnhDMm4KGCIJEIsIjQr2rfc1TKjqZV8ngW1Qox4jXRvYF22gZ3GcAD7Z_X0nO0XgwS5Sf8jHO8-PaUqczUWtw0L25J7fAge6TPN9L8ZAVsEMiFcTgenuq-Ep-wZXf/s1600/043.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img alt="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaKSbhOCaQCMzDhhfWnhDMm4KGCIJEIsIjQr2rfc1TKjqZV8ngW1Qox4jXRvYF22gZ3GcAD7Z_X0nO0XgwS5Sf8jHO8-PaUqczUWtw0L25J7fAge6TPN9L8ZAVsEMiFcTgenuq-Ep-wZXf/s1600/043.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" title="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" /></a></div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikNDZDcSdXfig1kbgzeoOHzZlNlWjOspUz3mF9r2IigmVcRMa3Y4miPNvtkDp3KWIeJpXfsJBdDOlewEkY5JcU_5rJeCcAr9JtLtUYzyMCwuFHqk9dSmfi7S9GJkzH4eEHjHZWHE5GN7Cd/s1600/044.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img alt="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikNDZDcSdXfig1kbgzeoOHzZlNlWjOspUz3mF9r2IigmVcRMa3Y4miPNvtkDp3KWIeJpXfsJBdDOlewEkY5JcU_5rJeCcAr9JtLtUYzyMCwuFHqk9dSmfi7S9GJkzH4eEHjHZWHE5GN7Cd/s1600/044.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" title="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" /></a></div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNkD3M7phJnmrLtJE9Hu5sYF1RoE3iXpMA2K0DZ4kisaDOuhNDR12C_9Fb8kCd7nRG0bB2bg2qN6ZYJLHTw0xyTX5aEe4cUOeE1iFoJ-SgbzMAg8nr1jCM6eHEYh_OqE4RCek-kPUn1lDx/s1600/045.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img alt="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNkD3M7phJnmrLtJE9Hu5sYF1RoE3iXpMA2K0DZ4kisaDOuhNDR12C_9Fb8kCd7nRG0bB2bg2qN6ZYJLHTw0xyTX5aEe4cUOeE1iFoJ-SgbzMAg8nr1jCM6eHEYh_OqE4RCek-kPUn1lDx/s1600/045.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" title="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" /></a></div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXJitfFUxw4OMBvwgRqCT-w_DbqT1pkS8jMHx2jsyN0h9CrNR3V_3hLiDHz5TIgBG2nnPWDbapb0pdtoyBBbdXANz2eI9xh_eS4eN91JWOCBPKAatmBwWFwSt5BZT5mw52efgZjOlG21t_/s1600/046.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img alt="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXJitfFUxw4OMBvwgRqCT-w_DbqT1pkS8jMHx2jsyN0h9CrNR3V_3hLiDHz5TIgBG2nnPWDbapb0pdtoyBBbdXANz2eI9xh_eS4eN91JWOCBPKAatmBwWFwSt5BZT5mw52efgZjOlG21t_/s1600/046.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" title="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" /></a></div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvFF6J6HwG7137eJ1f1tQqHS139o07S6oGgAVkNzWlh-Vh9M-nlSVcSFtQWUvIYf7xNDnDA2Ja6PWWtEgNmVB3WT9GMHQGDgXIRvpBLDNKhJ8-OBZSRndqmBFT2NNRYJ9N1UGNxESTwHHv/s1600/047.jpg" style="color: #3ea4b1; margin-left: 1em; margin-right: 1em; outline: none;" target="_blank"><img alt="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvFF6J6HwG7137eJ1f1tQqHS139o07S6oGgAVkNzWlh-Vh9M-nlSVcSFtQWUvIYf7xNDnDA2Ja6PWWtEgNmVB3WT9GMHQGDgXIRvpBLDNKhJ8-OBZSRndqmBFT2NNRYJ9N1UGNxESTwHHv/s1600/047.jpg" style="background: transparent; border: none; max-width: 100%; padding: 0px; position: relative;" title="Patrón / tutorial de costura de cartera, patrón de fieltro de cartera. Tutorial de fotos de bricolaje" /></a></div>
<div>
Tutorial encontrado en Internet,enlace original:<a href="http://www.handmadiya.com/2016/03/how-to-sew-felt-wallet-purse-tutorial.html">http://www.handmadiya.com/2016/03/how-to-sew-felt-wallet-purse-tutorial.html</a></div>
</div>
</div>
Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-35569311640806066632019-10-12T17:57:00.000+02:002023-06-10T23:10:54.141+02:00FELIZ DÍA DEL PILAR<h2 style="clear: both; text-align: center;"><span style="font-size: x-large;">DESDE ZARAGOZA</span></h2><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihuB4hHzurh2P86s7dLv-PsO3h1gBErjFdNfr8FNMiy3vIU1ndg8d1bM-Qq4mkUB7x4lStXxwZTcn-QX3Qe8HkAWMUEZTCku8kB6W2_gmzWEmuHDspc4y2S2qdql6MSKiyMFUQnf8LZdWg/s1600/229686.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Virgen del Pilar" border="0" data-original-height="1024" data-original-width="729" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihuB4hHzurh2P86s7dLv-PsO3h1gBErjFdNfr8FNMiy3vIU1ndg8d1bM-Qq4mkUB7x4lStXxwZTcn-QX3Qe8HkAWMUEZTCku8kB6W2_gmzWEmuHDspc4y2S2qdql6MSKiyMFUQnf8LZdWg/s640/229686.jpg" title="Virgen del Pilar" width="455" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><a name='more'></a><br /><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br />Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-31662736583648061592019-04-15T18:30:00.000+02:002023-02-01T17:15:11.693+01:00<br />
<header class="entry-header" style="background-color: white; box-sizing: inherit; font-family: "droid serif"; margin: 0px 0px 2em; text-align: center;"><h1 class="entry-title" style="box-sizing: inherit; clear: both; font-size: 2.3em; font-weight: normal; line-height: 1.3; margin: 0px 0px 0.3em;">
<span style="box-sizing: inherit; vertical-align: inherit;">Tutorial de Posavasos</span></h1>
<div>
<a href="http://sometimescrafter.com/">http://sometimescrafter.com</a></div>
<div>
<br /></div>
<div>
<span style="box-sizing: inherit; font-size: large; vertical-align: inherit;"><span style="font-family: "times new roman"; text-align: start;">Posavasos rápidos y fáciles.</span></span></div>
<div>
<span style="box-sizing: inherit; font-size: large; vertical-align: inherit;"><span style="font-family: "times new roman"; text-align: start;"><br /></span></span></div>
<div>
<span style="box-sizing: inherit; font-size: large; vertical-align: inherit;"><span style="font-family: "times new roman"; text-align: start;">Tutorial aqui:</span></span></div>
<div>
<a href="http://sometimescrafter.com/2009/03/tutorial-coasters/"><span style="font-size: large;">http://sometimescrafter.com/2009/03/tutorial-coasters/</span></a></div>
</header><br />
<div class="entry-content jpibfi_container" style="background-color: white; box-sizing: inherit; margin: 0px;">
<div align="justify" style="box-sizing: inherit; font-family: "droid serif"; line-height: 1.9em; margin-bottom: 1.3em;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://sometimescrafter.com/2009/03/tutorial-coasters/" style="margin-left: 1em; margin-right: 1em;"><img alt="Pinchar en la imagen para ver tutorial" class="alignnone size-full wp-image-1203" data-jpibfi-indexer="0" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Coasters Tutorial" data-jpibfi-post-url="http://sometimescrafter.com/2009/03/tutorial-coasters/" data-jpibfi-src="http://sometimescrafter.com/wp-content/uploads/2009/03/IMG_3079.jpg" height="320" src="https://sometimescrafter.com/wp-content/uploads/2009/03/IMG_3079.jpg" style="border: 0px; box-sizing: inherit; height: auto; max-width: 100%;" width="480" /></a></div>
</div>
<div align="justify" style="box-sizing: inherit; font-family: "droid serif"; font-size: 0.8em; line-height: 1.9em; margin-bottom: 1.3em;">
<br /></div>
<div style="box-sizing: inherit; font-family: "droid serif"; font-size: 0.8em; line-height: 1.9em; margin-bottom: 1.3em;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://sometimescrafter.com/wp-content/uploads/2009/03/IMG_3077.jpg" style="background-color: transparent; box-sizing: inherit; color: darksalmon; margin-left: 1em; margin-right: 1em; transition: all 0.1s ease-in-out 0s;"><img alt="IMG_3077" class="alignnone size-full wp-image-1204" data-jpibfi-indexer="2" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Coasters Tutorial" data-jpibfi-post-url="http://sometimescrafter.com/2009/03/tutorial-coasters/" data-jpibfi-src="http://sometimescrafter.com/wp-content/uploads/2009/03/IMG_3077.jpg" height="360" src="https://sometimescrafter.com/wp-content/uploads/2009/03/IMG_3077.jpg" style="border: 0px; box-sizing: inherit; height: auto; max-width: 100%;" width="480" /></a></div>
</div>
<div style="box-sizing: inherit; font-family: "droid serif"; font-size: 0.8em; line-height: 1.9em; margin-bottom: 1.3em;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://sometimescrafter.com/wp-content/uploads/2009/03/f2090568.jpg" style="background-color: transparent; box-sizing: inherit; color: darksalmon; margin-left: 1em; margin-right: 1em; text-align: center; transition: all 0.1s ease-in-out 0s;"><img alt="f2090568" class="alignnone size-full wp-image-1209" data-jpibfi-indexer="1" data-jpibfi-post-excerpt="" data-jpibfi-post-title="Coasters Tutorial" data-jpibfi-post-url="http://sometimescrafter.com/2009/03/tutorial-coasters/" data-jpibfi-src="http://sometimescrafter.com/wp-content/uploads/2009/03/f2090568.jpg" height="360" src="https://sometimescrafter.com/wp-content/uploads/2009/03/f2090568.jpg" style="border: 0px; box-sizing: inherit; height: auto; max-width: 100%;" width="480" /></a></div>
</div>
<div style="box-sizing: inherit; line-height: 1.9em; margin-bottom: 1.3em;">
<div style="font-family: "droid serif"; font-size: 0.8em;">
<br /></div>
<br />
<div>
<span style="font-family: "droid" serif;"><span style="font-size: 12.8px;"><br /></span></span></div>
</div>
<div style="box-sizing: inherit; font-family: "droid serif"; font-size: 0.8em; line-height: 1.9em; margin-bottom: 1.3em;">
</div>
</div>
Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-51053549260866962182019-03-20T02:31:00.000+01:002023-06-10T23:10:54.671+02:00<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXT8mxHXhMKmFR3BELeKy5H5C4QuZVPiHk2Qw_bn89t4uViGB8Hll9zB4FAkT6GrcyXYtYobN1iTSui49QNUSiliA0Ty9EBTcmLYcx7KqAHj9q7h90hqBf1Q9ZtWQMGyK89BihXLxcL08/s1600/m%25C3%25A1quina+coser2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="898" data-original-width="836" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXT8mxHXhMKmFR3BELeKy5H5C4QuZVPiHk2Qw_bn89t4uViGB8Hll9zB4FAkT6GrcyXYtYobN1iTSui49QNUSiliA0Ty9EBTcmLYcx7KqAHj9q7h90hqBf1Q9ZtWQMGyK89BihXLxcL08/s320/m%25C3%25A1quina+coser2.jpg" width="297" /></a></div><br />Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-15584441950501931232019-02-10T01:59:00.000+01:002023-06-10T23:10:54.802+02:00Quitar sombra a imagenes<br /><span style="font-size: large;">Aquí veis un blog de prueba en el que las fotos o imágenes salen con un recuadrito gris y sombras. Este efecto aparece tanto en la imagen de la entrada como en las imágenes que coloquemos en las columnas. Si nos gusta (a mi no mucho) lo dejamos, si no nos gusta...¡¡acabamos con él!!<br /><br /><br />Seguid el paso a paso:<br /><br />Pinchamos en plantilla<br />Personalizar<br />Avanzado: aquí buscamos el apartado en el que pone imágenes.<br />Nos tenemos que asegurar de que el primer color (color de fondo) y el segundo (color del borde) estén en transparente.<br /><br /><br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQAFOJ1xkarwAVdTvaBN9L1vuutbysyJ-mR8znngq334XV4Cs8juOyIc_CX4bzhaCDDj-A-BJ_HdzAB_MNJP-UVd6gagkrFoRD5LM1dBfrl7r8ivRktbtTaPaawEks4L59Ug31qnWiqVyr/s1600/Imagen2.png"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQAFOJ1xkarwAVdTvaBN9L1vuutbysyJ-mR8znngq334XV4Cs8juOyIc_CX4bzhaCDDj-A-BJ_HdzAB_MNJP-UVd6gagkrFoRD5LM1dBfrl7r8ivRktbtTaPaawEks4L59Ug31qnWiqVyr/s640/Imagen2.png" /></a><br /><br /><br />Cuando lo hayamos hecho, pinchamos en Aplicar al blog.<br /><br />Volvemos a blogger.<br />Pinchamos en plantilla<br />Editar HTML<br />Activamos el cuadrito que pone expandir artilugios.<br />Pulsamos F3 para que nos salga el buscador<br />Pegamos lo siguiente en el buscador: .post-body img<br />Nos saldrá algo parecido a esto:<br /><br /><br />.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,<br /><br /><br />.BlogList .item-thumbnail img {<br /><br /> padding: $(image.border.small.size);<br /><br /> background: $(image.background.color);<br /><br /><br /><br /> border: 1px solid $(image.border.color);<br /><br /><br /> -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);<br /> -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);<br /> box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);<br /><br /><br />Nos vamos a centrar en la parte coloreada de morado. Y lo que vamos a hacer es tan sencillo como cambiar cada uno de los números delante de px por un cero, así (recordad que esto lo tenéis que hacer en vuestra plantilla de HTML):<br /><br /><br /> -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);<br /> -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);<br /> box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);<br /><br /><br />De esta manera quitamos la sombra de la foto, pero no eliminamos el efecto, por si acaso algún día nos apetece volver a recuperarlo. Si es así, solo tendríamos que volver a escribir los mismo números.<br /><br />Antes de guardar, pulsad en vista previa, para asegurarnos de que el borde ha desaparecido y está todo correcto.<br />Si está todo bien, pinchamos en guardar, y listo.</span><div><span style="font-size: large;"><br /></span></div><div><a href="https://www.creativemindly.com/2013/04/tutoriales-faciles-para-blogger.html">https://www.creativemindly.com/2013/04/tutoriales-faciles-para-blogger.html</a></div>Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-74316094158914590912019-02-10T01:55:00.000+01:002023-06-10T23:10:54.935+02:00Imagenes con bordes redondeados<br /><br /><span style="font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHLhV1wod5BAqN2odlkyFQS3ljjzaFWS_6-4CMQhat2FMc0FXAFK80pjlEqr4swXmwfBLLwhDZCOp0ate1ro4rIYjEbrRsboeDPyYLJmzvEfG05toU1RdsBREGMe79q_tpMCJj1cVgR3Sz/s0/border-radius.png" /></span><br /><br /><span style="font-size: large;">Una de las ventajas del CSS3 es porder aplicar bordes redondeados sin complicarnos la existencia, siempre y cuando quien vea la página use un navegador moderno, porque ya sabemos que en navegadores antiguos muchos estilos no son reconocidos.</span><br /><br /><br /><span style="font-size: large;">Y una forma de poder usar estos bordes es con las imágenes de las entradas, a las que les podemos aplicar algunos efectos al pasar el cursor tales como sombreado y bordes redondeados acompañados de transiciones.</span><br /><br /><br /><span style="font-size: large;">La declaración del borde redondeado es border-radius, y en ella podemos aplicar el borde redondeado a las cuatro esquinas de la imagen, o sólo a algunas de ellas.</span><br /><br /><br /><span style="font-size: large;">A continuación verás unos ejemplos de estos bordes y cómo se comportan las imágenes al pasar el cursor sobre ellas.Puedes usar el que más te guste, sólo copia el código, luego entra a la Edición HTML de la plantilla y pega dicho código antes de ]]></b:skin></span><br /><br /><br /><br /><br /><br /><br /><span style="font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_qtgQ0AvYLGX8xVkW78qJ-znmFj35WV_KQppDBzgTimPQ2IpTVFxv-sKNSx1SZgL8KdTJCEC97vbYXfPp1ldJPn1ZRE6QBNJ1heGOECkK4gLw-KHgQaM29bYTfV9jRhzBKj0WHXsgOZpn/s400/paisaje_montanas.jpeg" /></span><br /><br /><span style="font-size: large;">.post-body img {</span><br /><span style="font-size: large;">padding:15px; /* Espacio entre la imagen y el borde */</span><br /><span style="font-size: large;">background:#FFF; /* Color de fondo que se ve entre el espacio */</span><br /><span style="font-size: large;">-moz-transition: all 1s;</span><br /><span style="font-size: large;">-webkit-transition: all 1s;</span><br /><span style="font-size: large;">-o-transition: all 1s;</span><br /><span style="font-size: large;">}</span><br /><span style="font-size: large;">.post-body img:hover {</span><br /><span style="font-size: large;">border-radius: 0% 50%; /* Borde redondeado */</span><br /><span style="font-size: large;">box-shadow: 0px 0px 15px #000; /* Sombra */</span><br /><span style="font-size: large;">-moz-transition: all 1s;</span><br /><span style="font-size: large;">-webkit-transition: all 1s;</span><br /><span style="font-size: large;">-o-transition: all 1s;</span><br /><span style="font-size: large;">cursor:pointer;</span><br /><span style="font-size: large;">}</span><br /><br /><br /><br /><br /><br /><br /><span style="font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_qtgQ0AvYLGX8xVkW78qJ-znmFj35WV_KQppDBzgTimPQ2IpTVFxv-sKNSx1SZgL8KdTJCEC97vbYXfPp1ldJPn1ZRE6QBNJ1heGOECkK4gLw-KHgQaM29bYTfV9jRhzBKj0WHXsgOZpn/s400/paisaje_montanas.jpeg" /></span><br /><br /><span style="font-size: large;">.post-body img {</span><br /><span style="font-size: large;">border-radius: 50% 0; /* Borde redondeado */</span><br /><span style="font-size: large;">box-shadow: 0px 0px 15px #000; /* Sombra */</span><br /><span style="font-size: large;">padding:15px; /* Espacio entre la imagen y el borde */</span><br /><span style="font-size: large;">background:#FFF; /* Color de fondo que se ve entre el espacio */</span><br /><span style="font-size: large;">-moz-transition: all 1s;</span><br /><span style="font-size: large;">-webkit-transition: all 1s;</span><br /><span style="font-size: large;">-o-transition: all 1s;</span><br /><span style="font-size: large;">}</span><br /><span style="font-size: large;">.post-body img:hover {</span><br /><span style="font-size: large;">border-radius:0; /* Con esto quitamos el borde redondeado */</span><br /><span style="font-size: large;">-moz-transition: all 1s;</span><br /><span style="font-size: large;">-webkit-transition: all 1s;</span><br /><span style="font-size: large;">-o-transition: all 1s;</span><br /><span style="font-size: large;">cursor:pointer;</span><br /><span style="font-size: large;">}</span><br /><br /><br /><br /><br /><br /><br /><span style="font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_qtgQ0AvYLGX8xVkW78qJ-znmFj35WV_KQppDBzgTimPQ2IpTVFxv-sKNSx1SZgL8KdTJCEC97vbYXfPp1ldJPn1ZRE6QBNJ1heGOECkK4gLw-KHgQaM29bYTfV9jRhzBKj0WHXsgOZpn/s400/paisaje_montanas.jpeg" /></span><br /><br /><span style="font-size: large;">.post-body img {</span><br /><span style="font-size: large;">padding:0;</span><br /><span style="font-size: large;">border:0;</span><br /><span style="font-size: large;">-moz-transition: all 1s;</span><br /><span style="font-size: large;">-webkit-transition: all 1s;</span><br /><span style="font-size: large;">-o-transition: all 1s;</span><br /><span style="font-size: large;">}</span><br /><span style="font-size: large;">.post-body img:hover {</span><br /><span style="font-size: large;">border-radius: 50%; /* Borde redondeado */</span><br /><span style="font-size: large;">box-shadow: 0px 0px 15px #000; /* Sombra */</span><br /><span style="font-size: large;">-moz-transition: all 1s;</span><br /><span style="font-size: large;">-webkit-transition: all 1s;</span><br /><span style="font-size: large;">-o-transition: all 1s;</span><br /><span style="font-size: large;">cursor:pointer;</span><br /><span style="font-size: large;">}</span><br /><br /><br /><br /><br /><br /><br /><span style="font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_qtgQ0AvYLGX8xVkW78qJ-znmFj35WV_KQppDBzgTimPQ2IpTVFxv-sKNSx1SZgL8KdTJCEC97vbYXfPp1ldJPn1ZRE6QBNJ1heGOECkK4gLw-KHgQaM29bYTfV9jRhzBKj0WHXsgOZpn/s400/paisaje_montanas.jpeg" /></span><br /><br /><span style="font-size: large;">.post-body img {</span><br /><span style="font-size: large;">border-radius: 50%; /* Borde redondeado */</span><br /><span style="font-size: large;">box-shadow: 0px 0px 15px #000; /* Sombra */</span><br /><span style="font-size: large;">padding:0;</span><br /><span style="font-size: large;">border:0;</span><br /><span style="font-size: large;">-moz-transition: all 1s;</span><br /><span style="font-size: large;">-webkit-transition: all 1s;</span><br /><span style="font-size: large;">-o-transition: all 1s;</span><br /><span style="font-size: large;">}</span><br /><span style="font-size: large;">.post-body img:hover {</span><br /><span style="font-size: large;">box-shadow: 0; /* Con esto eliminamos la sombra */</span><br /><span style="font-size: large;">border-radius: 0; /* Con esto eliminamos el borde redondeado */</span><br /><span style="font-size: large;">-moz-transition: all 1s;</span><br /><span style="font-size: large;">-webkit-transition: all 1s;</span><br /><span style="font-size: large;">-o-transition: all 1s;</span><br /><span style="font-size: large;">cursor:pointer;</span><br /><span style="font-size: large;">}</span><br /><br /><br /><br /><br /><br /><br /><span style="font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_qtgQ0AvYLGX8xVkW78qJ-znmFj35WV_KQppDBzgTimPQ2IpTVFxv-sKNSx1SZgL8KdTJCEC97vbYXfPp1ldJPn1ZRE6QBNJ1heGOECkK4gLw-KHgQaM29bYTfV9jRhzBKj0WHXsgOZpn/s400/paisaje_montanas.jpeg" /></span><br /><br /><span style="font-size: large;">.post-body img {</span><br /><span style="font-size: large;">border-radius: 45% / 20%; /* Borde redondeado */</span><br /><span style="font-size: large;">box-shadow: 0px 0px 15px #000; /* Sombra */</span><br /><span style="font-size: large;">padding:0;</span><br /><span style="font-size: large;">-moz-transition: all 1s;</span><br /><span style="font-size: large;">-webkit-transition: all 1s;</span><br /><span style="font-size: large;">-o-transition: all 1s;</span><br /><span style="font-size: large;">}</span><br /><span style="font-size: large;">.post-body img:hover {</span><br /><span style="font-size: large;">border-radius: 0; /* Con esto eliminamos el borde redondeado */</span><br /><span style="font-size: large;">-moz-transition: all 1s;</span><br /><span style="font-size: large;">-webkit-transition: all 1s;</span><br /><span style="font-size: large;">-o-transition: all 1s;</span><br /><span style="font-size: large;">cursor:pointer;</span><br /><span style="font-size: large;">}</span><br /><br /><span style="font-size: large;">Estos efectos se aplicarán a todas las imágenes de las entradas. Si quiseras usarlo sólo para las que tú elijas entonces cambia .post-body img por .redondeado y .post-body img:hover por .redondeado:hover</span><br /><span style="font-size: large;">Luego en el código de tu imagen agrega la clase:</span><br /><br /><span style="font-size: large;"><img class="redondeado" src="URL de la imagen" /></span><br /><br /><span style="font-size: large;">Esos son sólo unos ejemplos, y a partir de ellos cada quien puede modificarlo tanto como quiera agregando o eliminando más estilos, eso como siempre ya depende de cada quien. Pero como has podido ver, podemos conseguir que las imágenes de las entradas se vean más atractivas, que interactúen con el lector, y tan sólo ha sido añadiendo un poco de CSS.</span><br /><span style="font-size: large;"><br /></span><span style="font-size: large;"><br /></span><span style="font-size: medium;"><a href="http://www.ciudadblogger.com/2012/02/efectos-de-bordes-redondeados-en-las.html">http://www.ciudadblogger.com/2012/02/efectos-de-bordes-redondeados-en-las.html</a></span>Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-45941626293285033112019-02-10T01:53:00.000+01:002023-06-10T23:10:55.088+02:00<span style="font-size: large;"><br /><a href="http://www.ciudadblogger.com/2011/01/leer-mas-con-imagenes-en-miniatura.html">Leer más con imágenes en miniatura mejorado </a></span><br /><span style="font-size: large;"><br /></span><span style="font-size: large;"><br />Anteriormente vimos cómo tener el <a href="http://ciudadblogger.com/2010/03/leer-mas-automatico-con-imagenes-en.html">Leer más con imágenes en miniatura</a> que hace que todas las entradas tengan un resumen de forma automática, sin tener que estar ingresando códigos extra cada vez que redactamos una entrada.<br />Si bien ese script funciona muy bien muchos han sido quienes han preguntado si es posible mostrar una imagen aun cuando la entrada no la tenga; y si había alguna forma para que las imágenes en miniatura no quedaran fuera de proporción, pues usualmente no subimos imágenes perfectamente cuadradas sino más bien rectangulares y al mostrarse en miniatura se deformaban.<br /><br /><br />Bien, después de un par de horas de pelearme con la computadora pude hacerle tres mejoras al script de modo que si una entrada no tiene una imagen podrá mostrar una imagen predeterminada para ilustrar el resumen.<br />Luego, las imágenes en miniatura ya no perderán su proporción, por lo que una imagen rectangular podrá verse más pequeña pero igualmente rectangular.<br />Y además, las imágenes en miniatura tendrán un enlace a la entrada, así que podrás acceder al post completo desde el link de Leer más, o desde el título de la entrada, o bien, haciendo click en la imagen en miniatura.<br /><br /><br /><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfkKX8UmCLoj4vQsHsYzj82BzD_DlJ_tolN3r2wq3uoZmX-4tA76xK-HRZUqkQvJbXIH-UhAwYM3mlyHDBCo24y1nZwZ_fAjXuiPhvKvWYX7YOnKwCajTtePcupXx68k6tI6K7E27ypa8/s1600/leer-mas.PNG" /><br /><br /><br /><br /><br />El procedimiento es el mismo, primero entramos en Diseño | Edición de HTML, y busca esta línea:<br /><data:post.body/>Elimínala y en su lugar agrega esto:<br /><br /><b:if cond='data:blog.pageType != &quot;item&quot;'><br /><b:if cond='data:blog.pageType != &quot;static_page&quot;'><br /><div expr:id='&quot;summary&quot; + data:post.id' style='font-size:13px; text-align:justify;'><data:post.body/></div><br /><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;);</script><br /><span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leer más...</a></span><br /></b:if></b:if><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if><br /><b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if><br /><br />NOTA: La etiqueta <data:post.body/> en la mayoría de las plantillas aparece 2 o 3 veces, regularmente se debe cambiar la segunda, en caso de que no obtuvieras los resultados esperados aplica los cambios en las demás hasta que des con la indicada.<br />Ahora antes de </head> pega lo siguiente:<br /><br /><script type='text/javascript'><br />summary_txt = 410;<br />img_thumb_width = 120;<br /></script> <br /><br /><script type='text/javascript'> <br />//<![CDATA[<br />// Script original de Anhvo, modificado por ciudadblogger.com<br />function removeHtmlTag(strx,chop){<br />if(strx.indexOf("<")!=-1)<br />{<br />var s = strx.split("<");<br />for(var i=0;i<s.length;i++){<br />if(s[i].indexOf(">")!=-1){<br />s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br />}<br />}<br />strx = s.join("");<br />}<br />chop = (chop < strx.length-1) ? chop : strx.length-2;<br />while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;<br />strx = strx.substring(0,chop-1);<br />return strx+'...';<br />}<br />function createSummaryAndThumb(pID, pURL){<br />var div = document.getElementById(pID);<br />var imgtag = "";<br />var img = div.getElementsByTagName("img");<br />if(img.length<=0) {<br />imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a href="'+ pURL +'"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9ZwozG03Q4Zn1nJK4FHjul759b11gHLms74GKKlYEhDU8rY7EIaifHS79uYo2Dn7kmVn6yyrTDdUWcGRRJ6zYQFldaYdOkJaTa1NbTec8RQTHjmdgkHEikPkt25lxagGdLXNwzWAv4b8/" width="'+img_thumb_width+'px" /></a></span>';<br />summ = summary_txt;<br />}<br />if(img.length>=1) {<br />imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a href="'+ pURL +'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px"/></a></span>';<br />summ = summary_txt;<br />}<br />var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br />div.innerHTML = summary;<br />}<br />//]]><br /></script>Guarda los cambios y listo. Ahora veamos las modificaciones que se le puede hacer para personalizarlo.<br /><br /><br />En el primer código que hemos agregado, he puesto en negrita los estilos para el resumen, ahí se puede cambiar el tamaño de la letra, la alineación del texto, y se le pueden agregar más estilos como el color de la letra, color de fondo, etc.<br />En donde dice Leer más puedes cambiarlo por otro texto o bien, por una imagen, si ese es el caso entonces elimina ese texto y en su lugar agrega esto cambiando la URL de la imagen donde se indica:<br /><img src="URL de la imagen" border="0" /><br />En el segundo código que hemos agregado veremos al inicio dos variables:<br />summary_txt = 410; indica el número de caracteres que tendrá el resumen.<br />img_thumb_width = 120; es el ancho que tendrán las imágenes en miniatura.<br /><br />Un poco más abajo está una URL en color azul, esa es la imagen que se mostrará en el resumen cuando la entrada no tenga una imagen, y será esta:</span><br /><section class="post-body entry-content" id="post-body-8087376377962234065" itemprop="articleBody" style="border-top: 3px double rgb(235, 235, 235); line-height: 21.6px; margin: 5px 0px; padding-top: 18px;"><div style="margin: 0px; padding: 0px;"><div class="separator" style="clear: both; margin: 0px; padding: 0px;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9ZwozG03Q4Zn1nJK4FHjul759b11gHLms74GKKlYEhDU8rY7EIaifHS79uYo2Dn7kmVn6yyrTDdUWcGRRJ6zYQFldaYdOkJaTa1NbTec8RQTHjmdgkHEikPkt25lxagGdLXNwzWAv4b8/" style="border: none; height: auto; max-width: 94%; width: auto;" /></div><br /><br /><br /><span style="font-size: large;">Esa imagen la puedes cambiar por cualquier otra que elijas, sólo cambia la URL en color azul por la de la imagen que quieres.</span><br /><br /><br /><span style="font-size: large;">Como has podido notar los códigos son bastantes similares al método anterior sólo que con unas pequeñas modificaciones que aunque parecen insignificantes mejoran por mucho la funcionalidad del script.</span></div><div style="margin: 0px; padding: 0px;"><span style="font-size: large;"><br /></span></div><div style="margin: 0px; padding: 0px;"><span style="font-size: large;"><br /></span><a href="http://www.ciudadblogger.com/2011/01/leer-mas-con-imagenes-en-miniatura.html">http://www.ciudadblogger.com/2011/01/leer-mas-con-imagenes-en-miniatura.html</a><br /><br /><br /><div style="background-color: white; clear: both; color: #5e6a72; font-family: "Open Sans", sans-serif, "Lucida Grande", Arial, Tahoma, Helvetica; font-size: 12px; margin: 0px; padding: 0px;"></div></div></section>Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-10544076025029904252019-02-10T01:47:00.000+01:002023-06-10T23:10:55.220+02:00Poner iconos en lista de etiquetas<span style="font-size: large;"><br />Para hacer este tutorial debemos de tener instalado el gadget de etiquetas.<br />Para instalarlo vamos a Diseño → Agregar gadget →Etiquetas<br /><br />En título podemos colocar el nombre que queramos<br /><br /><br /><br />1. Vamos a etiquetas seleccionadas <br /> 2. Clic en editar (Esto es para no colocar todas las etiquetas en el blog, debemos de seleccionar las que más importancia tienen.)<br />3. Clic en Lista *importante!<br /><br />4. Guardar.<br /><br />Ya tenemos instaladas las etiquetas en nuestro blog, si vamos a verlas se ven normales y lo que queremos en este tutorial es colocarles un botón para mejorar su aspecto.<br /><br />Así que copiamos este código:<br /><br />#Label1 li {<br />list-style:none;<br />padding-left: 18px;<br />background: transparent url(URL de tu botón) no-repeat center left;<br />}<br /><br /><br />1. Vamos a Plantilla → Editar HTML <br />2. Ctrl+f (para buscar) y buscamos </b:skin><br />3. Pegar antes de </b:skin> el código que hemos copiado.<br />***Donde dice URL del botón: debemos de pegar la url de nuestro botón<br />Y guardamos plantilla<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSaB9COYOOoWdvp4EBpXGFzItGnvTvZxXgn_vY-KrVjpn2-qpL8AZ5ejpCeCKm9kIaCCkSbis5EIL2KbthIQ8Nq-RBt_lxDei0-hoFotsESIXPk9uwTX4TXR15wc6256Z16Nt9_STD4TAM/s1600/colocar-iconos-en-etiquetas-blogger.png"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSaB9COYOOoWdvp4EBpXGFzItGnvTvZxXgn_vY-KrVjpn2-qpL8AZ5ejpCeCKm9kIaCCkSbis5EIL2KbthIQ8Nq-RBt_lxDei0-hoFotsESIXPk9uwTX4TXR15wc6256Z16Nt9_STD4TAM/s1600/colocar-iconos-en-etiquetas-blogger.png" /></a><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSaB9COYOOoWdvp4EBpXGFzItGnvTvZxXgn_vY-KrVjpn2-qpL8AZ5ejpCeCKm9kIaCCkSbis5EIL2KbthIQ8Nq-RBt_lxDei0-hoFotsESIXPk9uwTX4TXR15wc6256Z16Nt9_STD4TAM/s1600/colocar-iconos-en-etiquetas-blogger.png"></a><a href="http://pinterest.com/pin/create/button/?url=http://unblogbonitoparati.blogspot.com/2014/11/poner-un-icono-en-la-lista-de-etiquetas.html&media=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSaB9COYOOoWdvp4EBpXGFzItGnvTvZxXgn_vY-KrVjpn2-qpL8AZ5ejpCeCKm9kIaCCkSbis5EIL2KbthIQ8Nq-RBt_lxDei0-hoFotsESIXPk9uwTX4TXR15wc6256Z16Nt9_STD4TAM/s1600/colocar-iconos-en-etiquetas-blogger.png&description="><img src="https://lh3.googleusercontent.com/-uD30aUvxLc4/V1rhAh0q_tI/AAAAAAACg3s/YUEu89GeeCsykzFM771C24B0g2pEibIHACCo/s77/pinme3.png" /></a><br /><br /><br /><br />Y listo!! a si de fácil ha sido ;)<br />*** En padding-left, Nos indica cuanto espacio colocamos entre el borde izquierdo y las etiquetas<br /><br />Nos quedará así:<br />Este serial el resultado final ♥<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXg-jPiy0G3qOrExW-4C6MoubWgs9HKXdcqLs5Rk_aFuTD0HE82_nTLUkS0aAvE4yaijf4GhvjUbsvogiR2EeJk71JANtWFdAcLy7TO5xOnCoGqvI0rEcQq35AvskeL0qVcVzBtDxutCqY/s1600/iconos-en-etiquetas-blogger.png"><img border="0" height="314" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXg-jPiy0G3qOrExW-4C6MoubWgs9HKXdcqLs5Rk_aFuTD0HE82_nTLUkS0aAvE4yaijf4GhvjUbsvogiR2EeJk71JANtWFdAcLy7TO5xOnCoGqvI0rEcQq35AvskeL0qVcVzBtDxutCqY/s640/iconos-en-etiquetas-blogger.png" width="640" /></a><br /><br /><br />Recomendaciones:<br />La imagen del botón no debe de ser muy grande, las medidas ideales serian 16x16 hasta 20x20.<br />Aqui hay algunos iconos</span><div class="separator" style="background-color: white; clear: both; color: #343434; font-family: Raleway; font-size: 14px; margin: 0px; padding: 0px;"></div><ul style="background-color: white; font-family: Raleway; font-size: 14px; list-style: none; margin: 0px 0px 20px; padding: 0px 0px 0px 45px; text-align: justify;"><li style="list-style: square; margin: 0px 0px 12px; padding: 0px;"><a href="http://www.freeiconsweb.com/gif_icons.htm" style="font-weight: bold; letter-spacing: 1px; margin: 0px; padding: 0px; text-decoration-line: none; text-transform: uppercase;" target="_blank"><span style="color: #444444;">FREE ICONS WEB</span></a></li><li style="list-style: square; margin: 0px 0px 12px; padding: 0px;"><a href="http://www.famfamfam.com/lab/icons/" style="font-weight: bold; letter-spacing: 1px; margin: 0px; padding: 0px; text-decoration-line: none; text-transform: uppercase;" target="_blank"><span style="color: #444444;">FAMFAM</span></a></li><li style="list-style: square; margin: 0px 0px 12px; padding: 0px;"><a href="https://www.iconfinder.com/browse" style="font-weight: bold; letter-spacing: 1px; margin: 0px; padding: 0px; text-decoration-line: none; text-transform: uppercase;" target="_blank"><span style="color: #444444;">ICONFINDER</span></a></li><li style="list-style: square; margin: 0px 0px 12px; padding: 0px;"><span style="color: #444444; font-weight: bold; letter-spacing: 1px; margin: 0px; padding: 0px; text-decoration-line: none; text-transform: uppercase;"><a href="http://findicons.com/pack" style="font-weight: bold; letter-spacing: 1px; margin: 0px; padding: 0px; text-decoration-line: none; text-transform: uppercase;" target="_blank">FINDICONS</a></span></li></ul><div style="text-align: justify;"><span style="font-family: Raleway;"><span style="font-size: 14px;"><a href="http://unblogbonitoparati.blogspot.com/2014/11/poner-un-icono-en-la-lista-de-etiquetas.html">http://unblogbonitoparati.blogspot.com/2014/11/poner-un-icono-en-la-lista-de-etiquetas.html</a></span></span></div>Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-42164993771446808292019-02-10T01:41:00.000+01:002023-06-10T23:10:55.354+02:00Hacer un menu de imagenes<div class="post-header" style="margin: 0px 0px 15px; padding: 0px 0px 15px; text-align: center;"><h1 style="font-stretch: normal; line-height: normal; margin: 0px 0px -3px; padding: 0px; position: relative; transition: all 0.3s ease 0s;"><br /><span style="font-size: small; font-weight: normal;">HACER UN MENÚ DE IMÁGENES CON EFECTO HOVER<br /></span><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKQgBQ_0HYH2j5YjZCM1i2n2TdCtgVkkRqYUfNBRlRKle04118ZFzbJl9jzCPTSFX4VkyOtPp_LEtJhsa9OmxVkGp8EbRhHkxZeAlMU2J0xzWssXDWxmHwgOLrf7_CXZ1OOnUvpzWsqk0W/s1600/CREAR-MENU-IMAGENES-HOVER-BLOGGER-3.png" style="font-size: x-large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKQgBQ_0HYH2j5YjZCM1i2n2TdCtgVkkRqYUfNBRlRKle04118ZFzbJl9jzCPTSFX4VkyOtPp_LEtJhsa9OmxVkGp8EbRhHkxZeAlMU2J0xzWssXDWxmHwgOLrf7_CXZ1OOnUvpzWsqk0W/s1600/CREAR-MENU-IMAGENES-HOVER-BLOGGER-3.png" /></a><br /><span style="font-family: Times, Times New Roman, serif; font-size: large; font-weight: normal;"><br /><br /><br />Hola a todos :) ! El tutorial de hoy es un poquito largo pero el resultado es muy bonito, ideal para hacer algo distinto en el blog, espero les guste...<br /> 1. Diseñar las imágenes que vamos a utilizar:<br /><br /> <br />Vamos a iniciar diseñando las imágenes que van a ser dos por cada botón y tienen que ser de distinto color para que se note el efecto hover al pasar el puntero del mouse sobre ellas. <br /><br /><br />Consejo: Utilizar una paleta de colores para que las imágenes combinen entre si <br /> <br />Donde encontrar iconos bonitos? Hace días encontré esta página preciosa, tiene unos iconos muy bonitos, aunque debes de tener Illustrator o Photoshop para poder usarlos:<a href="http://www.flaticon.es/"> V E R P Á G I N A</a> y para los que no utilicen estos programas les dejo esta página donde hay unos iconos preciosos <a href="http://www.iconarchive.com/popular.html">V E R P Á G I N A</a> <br />Donde encontrar paleta de colores?: Esta página la uso mucho y me encanta! <a href="http://design-seeds.com/">V E R P Á G I N A</a> <br /><br /><br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwAGM1Q00t0yaaPt0ShTMplGduUicWWTcm0eqjr4jIV4azt7diQ2xLSFPsgRFamyjkZ16EK8n8-UiVwZISHcS4PGHethwVwa5WNA2-smg5H8tJLaV6iGa61QW71amUzydHFxHwwy4MCZAx/s1600/CREAR-MENU-IMAGENES-HOVER-BLOGGER.png"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwAGM1Q00t0yaaPt0ShTMplGduUicWWTcm0eqjr4jIV4azt7diQ2xLSFPsgRFamyjkZ16EK8n8-UiVwZISHcS4PGHethwVwa5WNA2-smg5H8tJLaV6iGa61QW71amUzydHFxHwwy4MCZAx/s1600/CREAR-MENU-IMAGENES-HOVER-BLOGGER.png" /></a><br /><br /><br /><a href="http://pinterest.com/pin/create/button/?url=http://unblogbonitoparati.blogspot.com/2015/05/menu-blogger-imagenes-efecto-hover.html&media=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwAGM1Q00t0yaaPt0ShTMplGduUicWWTcm0eqjr4jIV4azt7diQ2xLSFPsgRFamyjkZ16EK8n8-UiVwZISHcS4PGHethwVwa5WNA2-smg5H8tJLaV6iGa61QW71amUzydHFxHwwy4MCZAx/s1600/CREAR-MENU-IMAGENES-HOVER-BLOGGER.png&description="><img src="https://lh3.googleusercontent.com/-uD30aUvxLc4/V1rhAh0q_tI/AAAAAAACg3s/YUEu89GeeCsykzFM771C24B0g2pEibIHACCo/s77/pinme3.png" /></a><br /> 2. Obtener la url de las imágenes:<br /> <br />Alojar las imágenes en Dropbox o en los álbumes de google, en mi caso yo siempre uso los álbumes de mi cuenta de google porque es muy sencillo y efectivo. </span><br /><br /><span style="font-family: montserrat;"><span style="text-transform: uppercase;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir-w5Q_KgUYz_eBk_Hbs3zoH7W7fs-OkaRzX8SKFL0p6GHikNIjsqJsJn1xi_u5V3EUWGfCodSoKfykt8x-i4F-JJkwgOxB4qietrX2FmzsKo3Veh0dwsivfjYM6jsBFl7hDJkphzLjkX0/s1600/CREAR-MENU-IMAGENES-HOVER-BLOGGER-1.png" style="background-color: transparent; font-size: x-large;" /></span></span></h1></div><div class="post-entry" style="border-bottom: 1px solid rgba(34, 34, 34, 0.1); margin: 0px 0px 40px; padding: 0px 0px 40px;"><div style="margin: 0px; padding: 0px;"><div class="pinit-wrapper" style="background-color: white; color: #343434; cursor: pointer; font-family: Raleway; font-size: 14px; left: 456px; margin: 0px; opacity: 0; padding: 0px; position: absolute; top: 1948px; visibility: visible; z-index: 9999;"><a href="http://pinterest.com/pin/create/button/?url=http://unblogbonitoparati.blogspot.com/2015/05/menu-blogger-imagenes-efecto-hover.html&media=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir-w5Q_KgUYz_eBk_Hbs3zoH7W7fs-OkaRzX8SKFL0p6GHikNIjsqJsJn1xi_u5V3EUWGfCodSoKfykt8x-i4F-JJkwgOxB4qietrX2FmzsKo3Veh0dwsivfjYM6jsBFl7hDJkphzLjkX0/s1600/CREAR-MENU-IMAGENES-HOVER-BLOGGER-1.png&description=" style="color: #ffcdbd; display: block; font-weight: bold; letter-spacing: 1px; margin: 0px; outline: none; padding: 0px; text-decoration-line: none; text-transform: uppercase;" target="_blank"><img class="pinimg" src="https://lh3.googleusercontent.com/-uD30aUvxLc4/V1rhAh0q_tI/AAAAAAACg3s/YUEu89GeeCsykzFM771C24B0g2pEibIHACCo/s77/pinme3.png" style="background: transparent; border: 0px; box-shadow: none; height: auto; margin: 0px; max-height: 77px; max-width: 77px !important; padding: 0px;" title="Pin on Pinterest" /></a></div></div><h3 style="background-color: white; clear: both; color: black; font-family: "Open Sans", sans-serif; font-size: 24px; margin: 0px 0px 20px; padding: 0px;"></h3><span style="font-size: large;"><br />3. Ordenar etiquetas en blogger:<br /></span>V E R TU T O R I A L<span style="font-size: large;"><br /><br /><br />4. Modificar el código para crear el menú:<br /><br />Copiar y pegar este código en un documento de texto (word) para poder editarlo<br />Cambiar los textos que están en colores por la URL de nuestras imagenes y la URL de la página a la que vamos a enlazar cada imagen. <br /><br /><br /><center><br /><table cellpadding="12px" cellspacing="12px"><br /><td><a href="URL PÁGINA PARA ENLAZAR"><img height="90px" onmouseout="this.src='URL IMAGEN #1';" onmouseover="this.src='URL IMAGEN 2';" src=" URL IMAGEN #1" width="85px" /></a></td> <br /><td><a href="URL PÁGINA PARA ENLAZAR"><img height="90px" onmouseout="this.src='URL IMAGEN #1';" onmouseover="this.src='URL IMAGEN 2';" src=" URL IMAGEN #1" width="85px" /></a></td> <br /><td><a href="URL PÁGINA PARA ENLAZAR"><img height="90px" onmouseout="this.src='URL IMAGEN #1';" onmouseover="this.src='URL IMAGEN 2';" src=" URL IMAGEN #1" width="85px" /></a></td> <br /><td><a href="URL PÁGINA PARA ENLAZAR"><img height="90px" onmouseout="this.src='URL IMAGEN #1';" onmouseover="this.src='URL IMAGEN 2';" src=" URL IMAGEN #1" width="85px" /></a></td> <br /> </table></center><br /><br /><br /><br />E L C Ó D I G O<br /><br /><br /><center> : Esto espara centrar las imágenes<br /><table cellpadding="12px" cellspacing="12px">: Esta parte es la que hace que nuestras imágenes se vean alineadas e indican el espacio de separacion de cada una, asi que puede variar el valor 12px a más o menos, todo depende de como nos guste.<br />URL página para enlazar: Acá debemos de colocar la URL de la página que queremos que nos lleve al darle clic a la imagen<br />URL imagen #1: Colocamos la URL de la imagen que queremos que aparezca de forma predeterminada <br />URL imagen #2: Colocamos la URL de la imagen que va a crear el efecto hover, entonces debe de ser la imagen que es de color diferente. Esto es que al pasar el cursor del mouse sobre la imagen se cambie a la imagen que esta de otro color.<br />height="90px: Indica la altura de cada imagen<br />width="85px: Indica el ancho de cada imagen<br />Onmouseout: Muestra la imagen #1 cuando el puntero del mouse esta fuera<br />Onmouseover: Muestra la imagen #2 cuando el puntero del mouse esta sobre la imagen #1<br /><br />5. Donde colocar el menú?:<br /><br />Este menú lo podemos colocar donde queramos, únicamente debemos de copiar y pegar todo el código en un gadget de HTML y listo.<br />Y este es el resultado final:<br /><a href="http://unblogbonitoparati.blogspot.com/2015/03/tutoriales-blogger-diseno-programacion.html"><img src="https://lh3.googleusercontent.com/-xPBROkrwKkw/VVYS6I-AHmI/AAAAAAACRcA/0uc4i21JcLs/w92-h103-no/01.png" /></a> <a href="http://unblogbonitoparati.blogspot.com/2014/11/personalizacion-diseno-de-blogs.html"><img src="https://lh6.googleusercontent.com/-DFSFKQtcrKQ/VVYS6oRRWHI/AAAAAAACRcE/EEKVoaarQTY/w99-h103-no/02.png" /></a> <a href="http://unblogbonitoparati.blogspot.com/2015/03/tutoriales-blogger-diseno-programacion.html"><img src="https://lh4.googleusercontent.com/-9Yck0lbJdNk/VVYS66STjSI/AAAAAAACRcU/mK_bJglweoY/w99-h103-no/03.png" /></a> <a href="http://unblogbonitoparati.blogspot.com/p/paquete-2.html"><img src="https://lh3.googleusercontent.com/-1HSnKlqimXM/VVYS54jj62I/AAAAAAACRb4/ZDFTgWpALjk/w103-h102-no/004.png" /></a></span><a href="http://unblogbonitoparati.blogspot.com/2015/05/menu-blogger-imagenes-efecto-hover.html">http://unblogbonitoparati.blogspot.com/2015/05/menu-blogger-imagenes-efecto-hover.html</a></div>Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-83312867703906200592019-02-10T01:37:00.000+01:002023-06-10T23:10:55.485+02:00Varios bloguer<div><br /></div><div><a href="https://prodpersonal.blogspot.com/2017/12/modificar-las-secciones-de-una.html">Modificar secciones</a></div><div><br /></div><br /><img height="449" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyw4zVgL1ofCaSTlQ2Q_aN8bG_7_87-GlGaqdddOPIB1KitMfzlHu-YRfWZV5gEDcoU6_hW0go78PseSd8v-basahywzRDnE90HHPivdH3TJSb-bSOM_-uhS8x3jM9M0CYVGgJ52b5uzs/s640/fauxcolumn-right-center-outer+blog_191217.jpg" width="640" /><br /><div><br /></div><div><a href="https://prodpersonal.blogspot.com/2017/05/menu-vertical-desplegable-con-html-y-css.html">Menús desplegables</a><br /><br /></div><div><a href="https://prodpersonal.blogspot.com/2017/02/crear-un-menu-horizontal-desplegable-en.html">Menú desplegable horizontal</a></div><br /><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><div class="separator" style="background-color: #e6eff2; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilBrf66R_bh-Da9Ab0EZDDNy5n0kLZ851JUDQyT7uRDhMDQAX29p8quKZXPGdTT27oyJtWwjGmQEqG6qC_pFfbwxAOiefmYLuGS6zK1HUlk5gxK2nFLTXWwlWcPe0YmeYo-eD49V587Lc/s1600/260117.jpg" imageanchor="1" style="color: #1353e8; font-size: 17.424px; margin-left: 1em; margin-right: 1em;"><img alt="Menú desplegable horizontal bajo Gadget Páginas" border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilBrf66R_bh-Da9Ab0EZDDNy5n0kLZ851JUDQyT7uRDhMDQAX29p8quKZXPGdTT27oyJtWwjGmQEqG6qC_pFfbwxAOiefmYLuGS6zK1HUlk5gxK2nFLTXWwlWcPe0YmeYo-eD49V587Lc/s640/260117.jpg" style="border: none; position: relative;" title="Menú desplegable horizontal bajo Gadget Páginas en Blogger" width="640" /></a></div><br /><a href="https://prodpersonal.blogspot.com/2017/02/menu-horizontal-desplegable-vertical.html">Horizontal con despliegue vertical</a><br /><br /><br /><br /><br /><img alt="Ejemplo de menú desplegable vertical en un blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcyBddQMs4Y-Am1Rz_9vhJzi2dUlIIdP8NbDu0BwxGVCRuD0CWB2iuonXzeXyw-Byhn8rNGSNtedf318jNhiB0GTmc2dj1bwKpmSU1d-uUjU6mDCav-sEyZJ65kJp1oprjxew8IUKq-lY/s640/150217_4.jpg" /><br /><br /><br /><br />Iconos sociales<br /><a href="https://prodpersonal.blogspot.com/2017/03/iconos-de-redes-sociales-fijos-en-el.html">https://prodpersonal.blogspot.com/2017/03/iconos-de-redes-sociales-fijos-en-el.html</a><br /><br /><br /><br /><br /><br /><br />Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-28053480802791988972019-02-10T01:26:00.000+01:002023-06-10T23:10:55.618+02:00Resumen entradas<br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><br />Creando un resumen de entradas.<br /><br /><span style="font-size: large;">En la entrada "<a href="https://prodpersonal.blogspot.com.es/2016/07/resumen-de-entradas-en-blooger-dar.html">Resumen de entradas en Blogger: Dar estilo al enlace de salto de línea</a>" se explica cómo mostrar un resumen de los artículos en la página principal del blog de forma manual, siendo necesario incluir en cada entrada un salto de línea.<br /><br />En esta ocasión vamos a crear un resumen de entradas automático para la página Inicio del blog y ver cómo pueden configurarse sus distintos elementos.</span><br /><br /><div class="contenidooculto" style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px; height: 0px; margin: 30px auto 0px; opacity: 0; overflow: hidden;"><div style="background: linear-gradient(silver 15%, snow 45%, silver); border-radius: 20px; border: 2px solid gainsboro; font-family: verdana, sans-serif; font-size: 15px; margin: 0px 70px; padding: 30px;"><a href="https://prodpersonal.blogspot.com/2018/02/resumen-de-entradas-en-la-portada-del.html#anclacrearresumen" style="color: maroon; text-decoration-line: none;"></a><br /><br /><a href="https://prodpersonal.blogspot.com/2018/02/resumen-de-entradas-en-la-portada-del.html#anclascript" style="color: maroon; text-decoration-line: none;"></a><br /><br /><a href="https://prodpersonal.blogspot.com/2018/02/resumen-de-entradas-en-la-portada-del.html#anclacondicionales" style="color: maroon; text-decoration-line: none;"></a><br /><br /><a href="https://prodpersonal.blogspot.com/2018/02/resumen-de-entradas-en-la-portada-del.html#anclatamanothumb" style="color: maroon; text-decoration-line: none;"></a><br /><br /><a href="https://prodpersonal.blogspot.com/2018/02/resumen-de-entradas-en-la-portada-del.html#anclaimagendefecto" style="color: maroon; text-decoration-line: none;"></a><br /><br /><a href="https://prodpersonal.blogspot.com/2018/02/resumen-de-entradas-en-la-portada-del.html#anclalongitudtexto" style="color: maroon; text-decoration-line: none;"></a><br /><br /><a href="https://prodpersonal.blogspot.com/2018/02/resumen-de-entradas-en-la-portada-del.html#anclatipoletra" style="color: maroon; text-decoration-line: none;"></a><br /><br /><a href="https://prodpersonal.blogspot.com/2018/02/resumen-de-entradas-en-la-portada-del.html#anclatextobajoimagen" style="color: maroon; text-decoration-line: none;"></a><br /><br /><a href="https://prodpersonal.blogspot.com/2018/02/resumen-de-entradas-en-la-portada-del.html#anclaeliminartexto" style="color: maroon; text-decoration-line: none;"></a><br /><br /><a href="https://prodpersonal.blogspot.com/2018/02/resumen-de-entradas-en-la-portada-del.html#anclaeliminarthumb" style="color: maroon; text-decoration-line: none;"></a><br /><br /><a href="https://prodpersonal.blogspot.com/2018/02/resumen-de-entradas-en-la-portada-del.html#anclaeliminarpostfooter" style="color: maroon; text-decoration-line: none;"></a><br /><br /><a href="https://prodpersonal.blogspot.com/2018/02/resumen-de-entradas-en-la-portada-del.html#anclaeliminarfecha" style="color: maroon; text-decoration-line: none;"></a><br /></div></div><span style="font-size: large;">1. CREAR UN RESUMEN DE ENTRADAS EN LA PÁGINA INICIO DEL BLOG DE FORMA AUTOMÁTICA<br /><br /><br />Vamos a Tema → Editar HTML<br /><br />Una vez dentro de la ventana de edición, activamos el buscador con CTRL + F y escribimos </head>.<br /> <br />A continuación de esta etiqueta </head> añadimos el siguiente script,</span><br /><div style="background-color: white; border: 2.5px solid rgb(176, 196, 222); color: navy; font-family: calibri, sans-serif; font-size: 18px; margin: 0px 65.6563px; padding: 37.5156px;"> <!--SCRIPT PARA RESUMEN DE ENTRADAS EN LA PÁGINA INICIO --><br /><script type='text/javascript'><br />img_thumb_width = 150; /*Ancho imagen miniatura Thumbnail */<br />img_thumb_height = 150; /*Alto imagen miniatura Thumbnail*/<br />summary_noimg = 400; /*Longitud del Resumen de Texto si no hay miniatura Thumbnail*/<br />summary_img = 300; /*Longitud del Resumen de Texto si hay miniatura Thumbnail*/<br /></script><br /> <script type='text/javascript'><br /> //<![CDATA[<br />function removeHtmlTag(strx,chop){<br />if(strx.indexOf("<")!=-1)<br />{<br />var s = strx.split("<");<br />for(var i=0;i<s.length;i++){<br />if(s[i].indexOf(">")!=-1){<br />s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br />}<br />}<br />strx = s.join("");<br />}<br />chop = (chop < strx.length-1) ? chop : strx.length-2;<br />while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;<br />strx = strx.substring(0,chop-1);<br />return strx+'...';<br />}<br />function createSummaryAndThumb(pID){<br />var div = document.getElementById(pID);<br />var imgtag = "";<br />var img = div.getElementsByTagName("img");<br />var summ = summary_noimg;<br />if(img.length>=1) {<br />imgtag = '<span style="overflow:hidden; border: none; margin:0 15px 10px 0; float:left; max-height:'+img_thumb_height+'px;width:auto;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="auto"/></span>';<br />summ = summary_img;<br />}<br />var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br />div.innerHTML = summary;<br />}<br />//]]><br /></script></div><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><a href="https://www.blogger.com/null" name="anclacondicionales" style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;"></a><span style="background-color: #e6eff2; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 15.84px;"></span><br /><span style="font-size: large;"><br />1.2. Añadir los condicionales.<br /><br /><br />Los condicionales los añadimos para que se ejecute el script con el resumen de entradas solo en la página principal del blog.<br /><br />Localizamos en la plantilla la etiqueta <data:post.body/> (normalmente suele haber dos o tres).<br /><br />Eliminamos la última etiqueta <data:post.body/> y en su lugar añadimos el siguiente código HTML,</span><br /><div style="background-color: white; border: 2.5px solid rgb(176, 196, 222); color: navy; font-family: calibri, sans-serif; font-size: 18px; margin: 0px 65.6563px; padding: 37.5156px;"><b><!-- <i>si es una página estática</i></b><b><i> se muestra el contenido de la entrada data:post.body</i> --></b><br /><b:if cond='data:blog.pageType == "static_page"'><br /><data:post.body/><br /><b:else/> <b><i><!-- si la condición no se cumple entonces se ejecutan las siguientes órdenes</i> --></b><br /><b><!-- <i>si NO es una entrada individual "item" se ejecuta el script --></i></b><br /><b:if cond='data:blog.pageType != "item"'><br /><div expr:id='"summary" + data:post.id'><data:post.body/></div><br /><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");<br /></script><br /><span class='jump-link' style='float:right;padding-top:10px;padding-right:50px;'><a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a></span><br /></b:if><br /> <b><!-- <i>si es una entrada individual "item" muestra el contenido de la entrada data:post.body</i> --></b><br /><b:if cond='data:blog.pageType == "item"'> <data:post.body/></b:if><br /></b:if></div><span style="font-size: large;">Guardamos los cambios y visualizamos el blog.<br /><br />El Resumen de Entradas incluye en primer lugar la fecha de publicación del blog y bajo ella, el título del post.<br /><br />Si el artículo tiene una imagen destacada o Thumbnail, se mostrará a continuación del título y se situará a la izquierda del texto [float:left].<br /><br />Muestra también el salto de línea "Leer más" que llevará al lector a la página correspondiente a esa entrada y por último se mostrará el pie de entrada o post-footer.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy6zSzuxb3k2b7DH4V2oJjSfs2y8RbwjdXSZnHpzZtuDLnO_cD-NYTo6KPUsXUnRO6_PkDi7KEubPMC-lC8sHPr154VEwSP-oHOev8UvGH4cT1IXsg1PD6OZBwvOVeFFQnF9VOqS7CJvU/s1600/Resumen+de+entradas_Ejemplo+1_Blogger_070218.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy6zSzuxb3k2b7DH4V2oJjSfs2y8RbwjdXSZnHpzZtuDLnO_cD-NYTo6KPUsXUnRO6_PkDi7KEubPMC-lC8sHPr154VEwSP-oHOev8UvGH4cT1IXsg1PD6OZBwvOVeFFQnF9VOqS7CJvU/s640/Resumen+de+entradas_Ejemplo+1_Blogger_070218.jpg" /></a><br />IMAGEN 1 - Resumen de Entradas Blogger<br /><br /><br />La primera entrada no tiene ninguna imagen por lo tanto el resumen de entradas solo muestra su fecha, título, fragmento resumido, "leer más" y post-footer. <br /><br />La segunda entrada se muestra con una imagen destacada o Thumbnail. Si no la tiene, Blogger por defecto cogerá la primera de la publicacion.<br /><br />Si el espacio ocupado por la imagen es inferior al espacio que ocupa el texto, el resultado sería el siguiente, <br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy7sN9sWcgnEi1og3cw9DvfbWdH2vPCKNHcQxRh1K9Iij_RXDKEYGyhoIqdDq-vrlPCrwzGPuk88q71R8MMAXC-piqicdNlzYn39eHDU_dHgL7X8xxUuSSpwoEIllo3VdCIIZrPaHWPjQ/s1600/Resumen+de+entradas_Ejemplo+1_1_Blogger_070218.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy7sN9sWcgnEi1og3cw9DvfbWdH2vPCKNHcQxRh1K9Iij_RXDKEYGyhoIqdDq-vrlPCrwzGPuk88q71R8MMAXC-piqicdNlzYn39eHDU_dHgL7X8xxUuSSpwoEIllo3VdCIIZrPaHWPjQ/s400/Resumen+de+entradas_Ejemplo+1_1_Blogger_070218.jpg" /></a><br />IMAGEN 2 - Resumen de Entradas Blogger<br /><br /><br /><br /><br />Ya hemos incluido un Resumen de Entradas pero es muy posible que necesitemos personalizarlo para adecuarlo a nuestras necesidades.<br /><br />Vamos a ver diferentes supuestos. </span><br /><div style="border: 2.5px solid rgb(176, 196, 222); margin: 0px 65.6563px; padding: 37.5156px;"><span style="font-size: large;"><br /><br />2. Cómo se puede modificar el tamaño de las miniaturas o Thumbnails<br /><br /><br />Dentro del script, buscamos las siguientes líneas.<br /><br /><br />img_thumb_width = 150; /*Ancho imagen miniatura Thumbnail */<br />img_thumb_height = 150; /*Alto imagen miniatura Thumbnail*/<br /><br /><br /><br />y modificamos los valores asignados para el ancho y alto.<br /><br />En este caso he modificado ambos valores a 350.<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5yLyv3sFZwXXgaRUO8mgsFBo6D_DAslh-EPqfduY0HhhDQ5iMvtT8izmllKDuAs4tDb5_k5jYGIAYHkBV30S1xx6fPZ1sLazg1GfKBywDLDCCGJPDm8GiGfoVFMl6PKTjLs_URbwQ3vc/s1600/Resumen+de+entradas_Modificando+tama%25C3%25B1o+Thumbnail_080218.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5yLyv3sFZwXXgaRUO8mgsFBo6D_DAslh-EPqfduY0HhhDQ5iMvtT8izmllKDuAs4tDb5_k5jYGIAYHkBV30S1xx6fPZ1sLazg1GfKBywDLDCCGJPDm8GiGfoVFMl6PKTjLs_URbwQ3vc/s400/Resumen+de+entradas_Modificando+tama%25C3%25B1o+Thumbnail_080218.jpg" /></a><br />IMAGEN 3 - Resumen de Entradas Blogger [Thumbnail configuración tamaño]<br /><br /><br /><br /><br />Si queremos que las imágenes ocupen el ancho total de la caja contenedora debemos modificar los valores a 100%. Si la imagen tuviera un ancho inferior al espacio de la caja contenedora se mostraría con sus dimensiones originales.<br /><br /><br />img_thumb_width = "100%"; /*Ancho imagen miniatura Thumbnail */<br />img_thumb_height = "100%"; /*Alto imagen miniatura Thumbnail*/<br /><br /><br /><br /><br /><br /><br />3. Cómo se puede mostrar una imagen predeterminada para las entradas sin Thumbnails<br /><br /><br />Si queremos que las publicaciones que no tienen ninguna imagen o miniatura muestren una imagen predeterminada (será la misma para todas las entradas que cumplan esta condición) tenemos que añadir estas líneas al script.<br /><br />Las pegaremos después de var summ = summary_noimg; y antes de if(img.length>=1) {<br /><br /><br />.....</span><br /><span style="color: navy; font-family: "calibri" , sans-serif;"><span style="background-color: white; font-size: 18px;">var summ = summary_noimg;</span></span><b style="background-color: white; color: navy; font-family: calibri, sans-serif; font-size: 18px;"> </b><br /><b style="background-color: white; color: navy; font-family: calibri, sans-serif; font-size: 18px;">if(img.length<=0) {<br />imgtag = '<span style="float:left; padding:0px 15px 10px 0px;"><img src="<i>URL de la imagen</i>" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';<br />summ = summary_noimg;<br />}</b><br /><span style="color: navy; font-family: "calibri" , sans-serif;"><span style="background-color: white; font-size: 18px;"> if(img.length>=1) {</span></span><br /><span style="color: navy; font-family: "calibri" , sans-serif;"><span style="background-color: white; font-size: 18px;">...</span></span></div><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><a href="https://www.blogger.com/null" name="anclalongitudtexto" style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;"></a><span style="background-color: #e6eff2; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 15.84px;"></span><br /><br /><span style="font-size: large;"><br />4. Cómo se puede modificar la longitud del fragmento de texto<br /><br /><br />Dentro del script, buscamos las siguientes líneas.<br /><br /><br />summary_noimg = 400; /*Longitud del Resumen de Texto si no hay miniatura Thumbnail*/<br />summary_img = 300; /*Longitud del Resumen de Texto si hay miniatura Thumbnail*/<br /><br /><br /><br />Voy a modificar ambos valores.<br /><br />Para las entradas que no tengan una miniatura o una imagen modifico el valor a 500.<br />[summary_noimg = 500]<br /><br />Para las entradas que cuenten con Thumbnail o alguna imagen, el valor será de 5. <br />[summary_img = 5]<br /><br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzbvnHZUY3hcahXex_bGeTy5gQeGcclW2yynswgtRNepM4NNrkqUgrjnQLF77DhXUk5XQfUtTT4xTEbk7Fk4BEPApneDL225kEohDVRfac0OyszRX_yVE_C3MKlQP3hG011tfbGNd1gyc/s1600/Resumen+de+entradas_Modificando+longitud+texto_080218.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzbvnHZUY3hcahXex_bGeTy5gQeGcclW2yynswgtRNepM4NNrkqUgrjnQLF77DhXUk5XQfUtTT4xTEbk7Fk4BEPApneDL225kEohDVRfac0OyszRX_yVE_C3MKlQP3hG011tfbGNd1gyc/s640/Resumen+de+entradas_Modificando+longitud+texto_080218.jpg" /></a><br />IMAGEN 4 - Resumen de Entradas Blogger [Texto configuración longitud]<br /><br /><br /><br /><br />En la primera entrada que tiene imagen se muestra la palabra "Internet" que tiene 8 caracteres. Aunque he establecido un valor de 5 se muestra una longitud superior porque no corta las palabras (tiene en cuenta los espacios).<br /><br />Si pusiera un valor igual a 0 seguirá mostrando la palabra "Internet". <br /><br /><br /><br /><br />5. Cómo modificar el tipo de letra del fragmento de texto<br /><br /><br />Dentro del script busco la etiqueta <div>.<br /><br /><br />var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br /><br /><br /><br />Y la sustituyo por una etiqueta <div style>. <br /><br /><br />var summary = imgtag + '<div style = "font-family:tahoma; font-size:18px; font-weight:600">' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br /><br /><br /><br />El texto se mostrará en fuente Tahoma, con tamaño de 18px y en negrilla.<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrf2DVwqd0m0aj4zk1mngT1AzCW9afchNRgALa7VjI6UOwNacOFjkGWezNxVKZhbulAAkreNK94OtJwoGJYVcoLbuwA4-ZTTcGHSf0KO_UT4SGT0F2dvcyu31ZKgTS8WFXzqsYoTllURE/s1600/Resumen+de+entradas_Modificando+texto_080218.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrf2DVwqd0m0aj4zk1mngT1AzCW9afchNRgALa7VjI6UOwNacOFjkGWezNxVKZhbulAAkreNK94OtJwoGJYVcoLbuwA4-ZTTcGHSf0KO_UT4SGT0F2dvcyu31ZKgTS8WFXzqsYoTllURE/s640/Resumen+de+entradas_Modificando+texto_080218.jpg" /></a><br />IMAGEN 5 - Resumen de Entradas Blogger [Texto configuración formato Fuente]<br /><br /><br /><br /><br /><br /><br /><br />6. Cómo posicionar el texto bajo la imagen o Thumbnail<br /><br /><br />Seguimos en el script y localizamos esta línea.<br /><br /><br />var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br /><br /><br /><br />Igual que en el caso anterior modifico la etiqueta <div> por la marcada en negrilla.<br /><br /><br />var summary = imgtag + '<div class="summary" style="clear:both">' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br /><br /><br /><br />Ahora el fragmento de texto se muestra bajo la imagen.<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwnH7urYpgrCleDNEKE5gqlG16Lr3RMOKX5pkgIEKlkklyNkIF-xyBHIgWo_vpWe3_CrXYHrKRMPk_pz5eks8gCga0NcSXTzqdVWgZViVEYkZfvMUyvszeelZHYXCqVrMsIYb87_ShsZg/s1600/Resumen+de+entradas_Texto+bajo+la+imagen_080218.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwnH7urYpgrCleDNEKE5gqlG16Lr3RMOKX5pkgIEKlkklyNkIF-xyBHIgWo_vpWe3_CrXYHrKRMPk_pz5eks8gCga0NcSXTzqdVWgZViVEYkZfvMUyvszeelZHYXCqVrMsIYb87_ShsZg/s640/Resumen+de+entradas_Texto+bajo+la+imagen_080218.jpg" /></a><br />IMAGEN 6 - Resumen de Entradas Blogger [Texto bajo la imagen o Thumbnail]<br /><br /><br />7. Cómo eliminar el fragmento de texto<br /><br /><br />Buscamos en el script la misma línea que en el apartado anterior.<br /><br /><br />var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br /><br /><br /><br />En esta ocasión la reemplazo por una etiqueta <div style> <br /><br /><br />var summary = imgtag + '<div style = "display: none">' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br /><br /><br /><br />Ahora el resumen de entradas no muestra el texto.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr7UyoWRyoBzatfYYf5XgspwDtCNG4JwjNbiDSMWG-CfTAe9l9DQW6AXnp2UpYsVqkOrYHmIx-k-9VE0fvG94Ze0lScxP0LoNVD9B5q_onaEv1hzRIsFV0LNv4Lwlfh82Zrn9czAdADzM/s1600/Resumen+de+entradas_Sin+texto_080218.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr7UyoWRyoBzatfYYf5XgspwDtCNG4JwjNbiDSMWG-CfTAe9l9DQW6AXnp2UpYsVqkOrYHmIx-k-9VE0fvG94Ze0lScxP0LoNVD9B5q_onaEv1hzRIsFV0LNv4Lwlfh82Zrn9czAdADzM/s400/Resumen+de+entradas_Sin+texto_080218.jpg" /></a><br />IMAGEN 7 - Resumen de Entradas Blogger [Texto eliminado]<br /><br /><br />8. Cómo eliminar la miniatura o Thumbnail<br /><br /><br />Dentro del script, buscamos las líneas relativas a la imagen.<br /><br /><br />imgtag = '<span style="overflow:hidden; border: none; margin:0 15px 10px 0; float:left; max-height:'+img_thumb_height+'px;width:auto;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="auto"/></span>';<br /><br /><br /><br />Modifico la etiqueta <span style> eliminando las propiedades marcadas en negrilla del cuadro superior y en su lugar incluyo [display:none].<br /><br /><br />imgtag = '<span style="display: none;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="auto"/></span>';<br /><br /><br /><br />Ahora el resumen de entradas ya no muestra las imágenes.<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHkFTY1YCZeBUd3bcQ1uiofstZuOROOIEnFNL9Q-bGHicFHxJKNKMzywHSje2iw7oG6zyycFxkYSfyGUw3M0RLQQ-p9zG4dPxe99b7wE9eGEgmqWqEsFkh-39IN85-Uno_S2YvCUmsMHM/s1600/Resumen+de+entradas_Sin+Thumbnails_080218.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHkFTY1YCZeBUd3bcQ1uiofstZuOROOIEnFNL9Q-bGHicFHxJKNKMzywHSje2iw7oG6zyycFxkYSfyGUw3M0RLQQ-p9zG4dPxe99b7wE9eGEgmqWqEsFkh-39IN85-Uno_S2YvCUmsMHM/s640/Resumen+de+entradas_Sin+Thumbnails_080218.jpg" /></a><br />IMAGEN 8 - Resumen de Entradas Blogger [Sin imágenes o Thumbnails]<br /><br />9. Cómo eliminar el pie de página de cada publicación<br /><br /><br />Si queremos eliminar el post-footer o pie de página que muestra el autor de la publicación, los comentarios de los usuarios, los botones de redes sociales para compartir y las etiquetas, tenemos que localizar los condicionales que hemos añadido en el punto 2 e incluir las líneas en rojo.<br /><br /><br /><b:if cond='data:blog.pageType == "static_page"'> <br /><data:post.body/><br /><b:else/><br /><b:if cond='data:blog.pageType != "item"'><br /><div expr:id='"summary" + data:post.id'><data:post.body/></div><br /><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");<br /></script> <br /><span class='jump-link' style='float:right;padding-top:10px;padding-right:50px;'><a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a></span><br /><style type='text/css'><br />.post-footer { display: none;}<br /></style><br /></b:if><br /> <b:if cond='data:blog.pageType == "item"'> <data:post.body/></b:if><br /></b:if><br /><br />Como se puede ver en la siguiente imagen ya no es visible el pie de página.<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3pYis-P6tYtBG85FB_Zjz7D7Rm22ZCLZUrIpuZaqa8-pWLgc7yLcLGM0LdGBrKvQsOmDMzRYc9ggmpUybOcAHGR4ARe_OuilKx0AraTiuC4HvKkMWcl_k0RskeBpRVLgG0La8Gmy1-E8/s1600/Resumen+de+entradas_Sin+post+footer_120218.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3pYis-P6tYtBG85FB_Zjz7D7Rm22ZCLZUrIpuZaqa8-pWLgc7yLcLGM0LdGBrKvQsOmDMzRYc9ggmpUybOcAHGR4ARe_OuilKx0AraTiuC4HvKkMWcl_k0RskeBpRVLgG0La8Gmy1-E8/s400/Resumen+de+entradas_Sin+post+footer_120218.jpg" /></a><br />IMAGEN 9 - Resumen de Entradas Blogger [Sin post-footer o pie de entrada]<br /><br />10. Cómo eliminar la fecha de publicación de cada entrada<br /><br /><br />Si no queremos que en el resumen se muestre la fecha de publicación de las entradas tenemos que seguir trabajando con los condicionales del punto 2. Para este supuesto necesitamos incluir las líneas marcadas en rojo.<br /><br /><br /><b:if cond='data:blog.pageType == "static_page"'> <br /><data:post.body/><br /><b:else/><br /><b:if cond='data:blog.pageType != "item"'><br /><div expr:id='"summary" + data:post.id'><data:post.body/></div><br /><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");<br /></script> <br /><span class='jump-link' style='float:right;padding-top:10px;padding-right:50px;'><a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a></span><br /><style type='text/css'><br />.date-header { display: none;}<br /></style><br /></b:if><br /> <b:if cond='data:blog.pageType == "item"'> <data:post.body/></b:if><br /></b:if><br /><br /><br />La página principal del blog se verá así,<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6cYTmRQibM5ja2oe9Y1x474C1xpMxFHeneQBz5Bq2K2hONwERyNHm7YcwW3Udh4aFiRFJWNG3ljRhv_2L5ItWcZwtHrErpUAcmHZ1LSlPeEjyUN6I3P6_fEckYHW3JqwFtRYtq_qkhFg/s1600/Resumen+de+entradas_Sin+fecha_120218.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6cYTmRQibM5ja2oe9Y1x474C1xpMxFHeneQBz5Bq2K2hONwERyNHm7YcwW3Udh4aFiRFJWNG3ljRhv_2L5ItWcZwtHrErpUAcmHZ1LSlPeEjyUN6I3P6_fEckYHW3JqwFtRYtq_qkhFg/s640/Resumen+de+entradas_Sin+fecha_120218.jpg" /></a><br />IMAGEN 10 - Resumen de Entradas Blogger [Sin fecha de publicación]<br /><br /><br />11. Cómo eliminar el título de cada entrada<br /><br /><br />Normalmente es necesario y útil mostrar el título de las publicaciones pero si decidimos eliminarlo haremos igual que en el punto anterior (eliminación de la fecha) añadiendo,<br /><br /><br /><style type='text/css'><br />.post-title { display: none;}<br /></style><br /><br /><br /><br /><br /><br /><br />12. Cómo aplicar formato al salto de línea "Leer más"<br /><br /><br />Continuando con las líneas correspondientes a los condicionales del punto 2, buscamos la etiqueta span del salto de línea.<br /><span class='jump-link'>.<br /><br /><br /><span class='jump-link' style='float:right;padding-top:10px;padding-right:50px;'><a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a></span><br /><br /><br /><br />La propiedad float nos permite ajustar el texto "Leer más". Por el momento se posiciona a la derecha, con un padding superior de 10px y un padding derecho de 50px.<br /><br /><br />float:right (a la derecha)<br />padding-top:10px (relleno superior de 10px)<br />padding-right:50px (relleno derecho de 50px)<br /><br /><br /><br />Podemos modificar su configuración y estilo añadiendo las propiedades que necesitemos para ajustar su formato al deseado.<br /><br />Por ejemplo, vamos a posicionarlo a la izquierda, con un margen superior de 10px para separarlo del fragmento de texto, se aplica un padding de 5px para que el texto "Leer más" quede centrado, el fondo es amarillo con borde negro, la fuente del texto en verdana tamaño 15px y negrilla.<br /><br />Eliminamos el texto en malva y lo sustituimos por el marcado en rojo.<br /><br /><br /><span class='jump-link' style='float:left;margin-top:10px;padding:5px;background:yellow;border:solid black;font-family:verdana; font-size:15px; font-weight:600'><a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a></span><br /><br /><br /><br />Ahora vemos que ha cambiado el salto de página.<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1unSRFRoRa_ArYrWYnl2UUrBEnI_fM4A9ooIEiboyb9yRwN9lC_r1V4-Y1cblpEb1uMriYykHLpS8b6jzpzVtnSCVw_34QMqnSMLvjx5MlOGzGQoVkLFKiO70m4O4eRc0jwyxRgBzKuw/s1600/Resumen+de+entradas_Formato+salto+de+p%25C3%25A1gina_120218.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1unSRFRoRa_ArYrWYnl2UUrBEnI_fM4A9ooIEiboyb9yRwN9lC_r1V4-Y1cblpEb1uMriYykHLpS8b6jzpzVtnSCVw_34QMqnSMLvjx5MlOGzGQoVkLFKiO70m4O4eRc0jwyxRgBzKuw/s640/Resumen+de+entradas_Formato+salto+de+p%25C3%25A1gina_120218.jpg" /></a><br />IMAGEN 11 - Resumen de Entradas Blogger [Formato salto de página]<br /><br />Una vez comprobado cómo puede añadirse un resumen de entradas en la portada del blog y cómo pueden configurarse sus distintos elementos, vamos a ver un ejemplo.<br /><br /><br /><br /><br /><br />Ejemplo de Resumen de Entradas [Fecha + Título + Fragmento Texto + Salto de Página]<br /><br />En un gran número de blogs es frecuente encontrar en su portada un resumen de entradas que muestra la fecha de publicación, el título de la entrada, el fragmento de texto con un borde y el enlace para ver el contenido de la entrada.<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7jm7sPXbkW8JBINTAQQ8dyCcdRgQQFmD7b_LyGrUNsA2i24dOxOTlRORa9vwPKNbX-MU_fJZqzfmJNmlwuPbbHZB_x6SyxNDLYkmYC2-oB-EMG7iOhra9k5nIFFmfUH8WcKRQwqmxWEQ/s1600/Resumen+de+entradas_Ejemplo+final_120218.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7jm7sPXbkW8JBINTAQQ8dyCcdRgQQFmD7b_LyGrUNsA2i24dOxOTlRORa9vwPKNbX-MU_fJZqzfmJNmlwuPbbHZB_x6SyxNDLYkmYC2-oB-EMG7iOhra9k5nIFFmfUH8WcKRQwqmxWEQ/s640/Resumen+de+entradas_Ejemplo+final_120218.jpg" /></a><br />IMAGEN 12 - Resumen de Entradas Blogger [Ejemplo]</span><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="background-color: #e6eff2; color: black; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px; margin-left: auto; margin-right: auto; padding: 4px; position: relative;"><tbody><tr><td></td></tr><tr><td class="tr-caption" style="font-size: 12.672px;"></td></tr></tbody></table><div class="separator" style="background-color: #e6eff2; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px; text-align: center;"></div><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><br /><div class="expand" style="background-color: white; border: 2.5px solid rgb(176, 196, 222); color: navy; font-family: calibri, sans-serif; font-size: 18px; height: 30px; margin: 0px 75px; overflow: hidden; padding: 20px;"><h4 style="margin: 0px; position: relative; text-align: center;"><u><i>Código del script</i></u></h4><br /><br /><div style="border: 2.5px solid rgb(176, 196, 222); margin: 0px 52px; padding: 29.7188px;"> <!--SCRIPT PARA RESUMEN DE ENTRADAS EN LA PÁGINA INICIO --><br /><script type='text/javascript'><br />img_thumb_width = <b>510</b>; /*Ancho imagen miniatura Thumbnail */<br />img_thumb_height = 150; /*Alto imagen miniatura Thumbnail*/<br />summary_noimg = 400; /*Longitud del Resumen de Texto si no hay miniatura Thumbnail*/<br />summary_img = 300; /*Longitud del Resumen de Texto si hay miniatura Thumbnail*/<br /></script><br /> <script type='text/javascript'><br /> //<![CDATA[<br />function removeHtmlTag(strx,chop){<br />if(strx.indexOf("<")!=-1)<br />{<br />var s = strx.split("<");<br />for(var i=0;i<s.length;i++){<br />if(s[i].indexOf(">")!=-1){<br />s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br />}<br />}<br />strx = s.join("");<br />}<br />chop = (chop < strx.length-1) ? chop : strx.length-2;<br />while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;<br />strx = strx.substring(0,chop-1);<br />return strx+'...';<br />}<br />function createSummaryAndThumb(pID){<br />var div = document.getElementById(pID);<br />var imgtag = "";<br />var img = div.getElementsByTagName("img");<br />var summ = summary_noimg;<br />if(img.length>=1) {<br />imgtag = '<span style="overflow:hidden; border: none; <b>margin-bottom:25px; margin-top: -20px;</b> float:left; max-height:'+img_thumb_height+'px;width:auto"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="auto"/></span>';<br />var summ = summary_img;<br />}<br /> var summary = imgtag +<b> '<div class="summary" style="clear:both">' + '<div style = "font-family:arial; font-size:16px; font-weight:600; border: double lightgray; padding: 8px; margin-left:5px; margin-right:5px">'</b> + removeHtmlTag(div.innerHTML,summ) + '</div>';<br />div.innerHTML = summary;<br />}<br />//]]><br /></script></div></div><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><br /><div class="expand" style="background-color: white; border: 2.5px solid rgb(176, 196, 222); color: navy; font-family: calibri, sans-serif; font-size: 18px; height: 30px; margin: 0px 75px; overflow: hidden; padding: 20px;"><h4 style="margin: 0px; position: relative; text-align: center;"><u><i>HTML con los condicionales</i></u></h4><br /><div style="border: 2.5px solid rgb(176, 196, 222); margin: 0px 52px; padding: 29.7188px;"><b:if cond='data:blog.pageType == "static_page"'><br /><data:post.body/><br /><b:else/><br /><b:if cond='data:blog.pageType != "item"'><br /><div expr:id='"summary" + data:post.id'><data:post.body/></div><br /><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");<br /></script><br /> <span class='jump-link' style=<b>'float:left;margin-top:10px;margin-bottom:25px; padding:5px;background:linear-gradient(rgba(242,225,206, 0.5) 45%, dimgrey 95%, beige);border-radius:15px;</b><br /><b> border:4px ridge maroon;font-family:verdana; font-size:15px; font-weight:600'</b>><a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a></span><br /><b><style type='text/css'></b><br /><b>.post-footer { display: none;}</b><br /><b></style></b><br /></b:if><br /> <b:if cond='data:blog.pageType == "item"'> <data:post.body/></b:if><br /></b:if></div></div><span style="font-size: large;">Como hemos podido comprobar, mostrar en la página principal del blog un resumen de las entradas en lugar de la publicación completa puede resultar muy interesante.<br /><br />Es posible que no se ejecute correctamente el script, en este caso eliminamos la etiqueta <data:post.body/> anterior a la última y añadimos el código HTML del punto 2.</span><br /><span style="font-size: large;"><br /></span><span style="font-size: large;"><br /></span><span style="font-size: medium;"><a href="https://prodpersonal.blogspot.com/2018/02/resumen-de-entradas-en-la-portada-del.html">https://prodpersonal.blogspot.com/2018/02/resumen-de-entradas-en-la-portada-del.html</a></span>Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-72896100830417088132019-02-10T01:16:00.000+01:002023-06-10T23:10:55.754+02:00Personalizar letras y posición menú<span style="font-size: large;">Ya he creado un <a href="https://prodpersonal.blogspot.com.es/2016/06/como-anadir-un-menu-horizontal-al-blog.html">menú de páginas</a> para organizar el contenido del blog mediante una barra de menú horizontal situada bajo la cabecera y con tres pestañas por el momento (Inicio - Blogger - Photoshop).<br />Ahora quiero personalizar este menú.<br /><br /><br />CAMBIO DE LA DISPOSICIÓN Y LETRA DEL MENÚ HORIZONTAL DEL BLOG<br />Voy a empezar centrando las pestañas.<br />Como tengo que modificar el código HTML de la plantilla, antes hago una copia de seguridad del blog.<br /><br />Centrado de pestañas<br /><br />Para personalizar el menú de pestañas que organiza mi contenido por temática, voy al menú de Blogger y selecciono Plantilla - Editar HTML.<br /><br /><br />Se abre la ventana con el código HTML de la plantilla.<br />Hago clic con el ratón sobre cualquier punto de esta ventana y pulso las teclas CTRL+F para activar el buscador interno de esta ventana.<br />Se abre un recuadro Search y escribimos /* Tabs <br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWfAsrvl_Q5zorKfj65Hl-WDV1WoRqPjrBfjomQ-jMKzo3zypIqyN2GsH2mnSBf5-Kz5rE5A14jsJlc10_Joa3VExhLNGPuNNCGBPRz2yG50xrwfy9ea93lhRp6JsCifJeuPXIpS56P4E/s1600/210616_17.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWfAsrvl_Q5zorKfj65Hl-WDV1WoRqPjrBfjomQ-jMKzo3zypIqyN2GsH2mnSBf5-Kz5rE5A14jsJlc10_Joa3VExhLNGPuNNCGBPRz2yG50xrwfy9ea93lhRp6JsCifJeuPXIpS56P4E/s640/210616_17.jpg" /></a><br /><br />Localiza la entrada (círculo rojo) a partir de la cual está el código HTML para las páginas que he creado en el blog. <br />Al final de este código para las páginas (Tabs), y justo antes del código para el módulo siguiente que en mi caso es /*Headings, escribo el siguiente código,<br /><br /><br /><br />/* Centrar Páginas */<br /> .PageList {text-align:center !important;}<br /> .PageList li {display:inline !important; float:none !important;} <br /><br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xoVuhX8m964aJCEJStlRRct3nANTgbNupJ5jhgeuMFqjIBS__4mS_0F5h2z5L2uUniVz3fnjE4V47mPOgYf5cfdMxPtpD3RZ_6u9bAH3ABKBGA-eo-S_RlWEeRXTg7rSBGAygLPmdfk/s1600/210616_18.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xoVuhX8m964aJCEJStlRRct3nANTgbNupJ5jhgeuMFqjIBS__4mS_0F5h2z5L2uUniVz3fnjE4V47mPOgYf5cfdMxPtpD3RZ_6u9bAH3ABKBGA-eo-S_RlWEeRXTg7rSBGAygLPmdfk/s640/210616_18.jpg" /></a><br /><br />Guardo la plantilla.<br />Visualizo el blog para ver el resultado. Las pestañas del menù de páginas están ya centradas y en línea horizontal por la propiedad display:inline. Por el momento solo tengo tres pestañas y el efecto no es el mejor, así que puedo eliminar este código para que queden alineadas otra vez a la izquierda.<br /><br /><br />Si quisiera alinear las pestañas a la derecha el código sería usando right en lugar de center.<br /><br />/* Centrar Páginas */<br /> .PageList {text-align:right !important;}<br /> .PageList li {display:inline !important; float:none !important;} <br /><br /><br />Para alinear las pestañas a la izquierda en forma de columna sería,<br /><br />/* Centrar Páginas */<br /> .PageList {text-align:left !important;}<br /> .PageList li {display:online !important; float:none !important;}<br /><br />El efecto es el siguiente,<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQe_QAtbV6F4u4ZlyX5x__gmY2hCqlw6A_ChyZJZR0ew7PaF4IwKf9_IrRp59z5zSznIOEKijCpDfz7OZps5GebdX6HQTvzvAQj5HCWR86oZHCRsI3YOEPqWS9t8nSoM2qOPLmfD3JKfg/s1600/210616_21.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQe_QAtbV6F4u4ZlyX5x__gmY2hCqlw6A_ChyZJZR0ew7PaF4IwKf9_IrRp59z5zSznIOEKijCpDfz7OZps5GebdX6HQTvzvAQj5HCWR86oZHCRsI3YOEPqWS9t8nSoM2qOPLmfD3JKfg/s640/210616_21.jpg" /></a><br /><br /><br />En cuanto a la propiedad float, hace referencia al posicionamiento flotante de la caja. Como no quiero que las cajas de cada pestaña se desplacen a izquierda (left) o derecha (right), establezco el valor "none" para evitar su desplazamiento.<br /> <br />Personalizar la letra (tipo, tamaño y color)<br /> <br />Como en el caso anterior, voy a Plantilla - Editar HTML y busco mediante CTRL+F el siguiente texto tabs-inner.<br /><br /><br />Voy a trabajar ahora con el código que está dentro del recuadro en rosa.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYod7b-NWv4nJXgaDzay9Nj5RKqRMCxHHiWPtnAD8HQ_74nB4F3PtxWDcmCozY8_xgL6lLB-pfFUIceN8Q92OD3NbrDYMoWqMA1QpQI4sQFlaT1WjXXiRMWOp3WSApVCBcnAPDk5-xFfk/s1600/210616_23.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYod7b-NWv4nJXgaDzay9Nj5RKqRMCxHHiWPtnAD8HQ_74nB4F3PtxWDcmCozY8_xgL6lLB-pfFUIceN8Q92OD3NbrDYMoWqMA1QpQI4sQFlaT1WjXXiRMWOp3WSApVCBcnAPDk5-xFfk/s640/210616_23.jpg" /></a><br /><br /> <Group description="Tabs Text" selector=".tabs-inner .widget li a"><br /> <Variable name="tabs.font" description="Font" type="font"<br /> default="normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/><br /> <Variable name="tabs.text.color" description="Text Color" type="color" default="#ffffff" value="#1563c3"/><br /> <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="$(link.color)" value="#000000"/><br /> </Group><br /><br /><br />Voy a poner una fuente de letra "Century Gothic" con un tamaño de 25px y en color naranja "#ff8c00"<br /><br /><br /> El código pasa a ser el siguiente (en negrilla y azul las modificaciones).<br /><br /> <Group description="Tabs Text" selector=".tabs-inner .widget li a"><br /> <Variable name="tabs.font" description="Font" type="font"<br /> default="normal normal 25px 'Century Gothic', Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 25px 'Century Gothic', Tahoma, Helvetica, FreeSans, sans-serif"/><br /> <Variable name="tabs.text.color" description="Text Color" type="color" default="#fffff" value="#FF8C00"/><br /> <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="$(link.color)" value="#FF8C00"/><br /> </Group><br /><br /><br />El nombre del tipo de letra, como está formado por dos palabras con un espacio intermedio, debe escribirse entre comillas 'tipo letra'.<br />Aparecen más tipos de letra después de Century Gothic, esto se debe a que si el sistema no reconoce el primer tipo de letra, mostrará el texto en el siguiente.<br /> <Variable name="tabs.text.color"....> corresponde al texto de las páginas que se han añadido.<br /> <Variable name="tabs.selected.text.color"...> corresponde al texto de la página principal (Inicio). Podemos establecer un mismo color para todas o diferenciar el texto de la página principal con otro color.<br /><br />Este es el resultado,</span><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicdF_xAN0HoJCAUogKLcOjaMVn5OH4tM7yUkXCkUCCCg0iBVeda-HcMBqp5-bX9mmbgUQVarwXJ576ewrjZZFE7_YlelwRpsBoK8j6m5nhgt86MXj02JniJVluAoEteJz-LCq8wGBkimo/s1600/210616_24.jpg" imageanchor="1" style="color: #1353e8; font-size: 17.424px; margin-left: 1em; margin-right: 1em;"><img alt="Menú Páginas horizontal" border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicdF_xAN0HoJCAUogKLcOjaMVn5OH4tM7yUkXCkUCCCg0iBVeda-HcMBqp5-bX9mmbgUQVarwXJ576ewrjZZFE7_YlelwRpsBoK8j6m5nhgt86MXj02JniJVluAoEteJz-LCq8wGBkimo/s640/210616_24.jpg" style="border: none; position: relative;" title="Menú Páginas del blog personalizado en letra y disposición" width="640" /></a></div><div><span style="font-size: large;"><br /></span></div><div><span style="font-size: large;"><br /></span></div><div><span style="font-size: large;"><br /></span></div><div><br /></div><div><a href="https://prodpersonal.blogspot.com/2016/06/personalizar-menu-paginas-horizontal-en.html">https://prodpersonal.blogspot.com/2016/06/personalizar-menu-paginas-horizontal-en.html</a><br /><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><div class="separator" style="background-color: #e6eff2; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px; text-align: center;"></div></div>Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-39518931184369158572019-02-10T01:12:00.000+01:002023-06-10T23:10:55.888+02:00Personalizar fondo menú horizontal<div><span style="font-size: large;">Ya tengo una barra de menú para mi blog. Hasta el momento contenía 3 pestañas (Inicio - Blogger - Photoshop) pero he añadido dos más (HTML y CSS.).<br /><br /><br />Las pestañas están centradas en una barra horizontal bajo el título del blog y está ya personalizado su contenido (texto con el nombre de las páginas) según tipo de letra, tamaño y color.<br /><br />El siguiente paso es dar formato al fondo de estas pestañas. En principio está en color blanco pero voy a probar cómo resultará el aspecto de mi blog si realizo algún cambio. Al mismo tiempo me servirá para ampliar mis conocimiento en cuanto a la personalización del menú de páginas de un blog. <br /><br /><br />RGBA_TRANSPARENCIAS<br /><br />Como voy a trabajar con colores, es importante tener en cuenta que a partir de CSS3 (última versión de CSS) podemos aplicar transparencias a los colores. <br /><br />Para eso tenemos que trabajar con RGBA que es el modelo RGB con una nueva propiedad "canal alfa" que se usa como índice de la transparencia en un píxel.<br /><br />Para definir un color RGBA se deben especificar cuatro valores de la siguiente manera:<br />rgba(255,0,0,0);<br /> <br />Los tres primeros valores corresponden a los valores de rojo, verde y azul y siempre tienen que ser números entre 0 y 255. El cuarto valor es un número entre 0 y 1.<br /><br />0 totalmente transparente, <br />1 totalmente opaco<br />0.5 con una transparencia al 50%, es decir, mitad opaco mitad transparente.<br /><br /><br /><br />Como tengo que modificar el código HTML de la plantilla antes de nada hago una <a href="https://prodpersonal.blogspot.com.es/search/label/Copia%20seguridad%20del%20blog">copia de seguridad del blog</a>.<br /><br /><br /><br />COMO EDITAR EL CÓDIGO BACKGROUND DE LAS ETIQUETAS (TAGS) DEL MENÚ HORIZONTAL DEL BLOGVoy al menú de Blogger y selecciono Plantilla - Editar HTML.<br /><br /><br /><br />Dentro de la ventana de HTML me posiciono sobre cualquier punto de ella y hago clic con el ratón, a continuación pulso las teclas CTRL+F para activar el buscador interno de esta ventana. Se abre un recuadro Search y escribo /* Tabs para localizar la entrada (círculo rojo) a partir de la cual se definen las páginas creadas en el blog.</span></div><div> <span style="font-size: large;"><br /></span><div class="separator" style="background-color: #e6eff2; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWfAsrvl_Q5zorKfj65Hl-WDV1WoRqPjrBfjomQ-jMKzo3zypIqyN2GsH2mnSBf5-Kz5rE5A14jsJlc10_Joa3VExhLNGPuNNCGBPRz2yG50xrwfy9ea93lhRp6JsCifJeuPXIpS56P4E/s1600/210616_17.jpg" style="color: maroon; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><span style="font-size: large;"><img alt="Buscar /* Tabs" border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWfAsrvl_Q5zorKfj65Hl-WDV1WoRqPjrBfjomQ-jMKzo3zypIqyN2GsH2mnSBf5-Kz5rE5A14jsJlc10_Joa3VExhLNGPuNNCGBPRz2yG50xrwfy9ea93lhRp6JsCifJeuPXIpS56P4E/s640/210616_17.jpg" style="border: none; position: relative;" title="Buscar /* Tabs en plantilla_Blogger" width="640" /></span></a></div></div><div style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; text-align: justify;"><span style="font-size: large;"><br /></span></div><div><div style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"></div><span style="font-size: large;">Ahora busco el código relacionado con el background de las etiquetas que están en las siguientes líneas,<br /><br /><br />.tabs-inner .widget ul {<br /> padding: 0;<br /><br /> background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll bottom;<br /><br /> -moz-border-radius: $(tabs.border.radius);<br /> -webkit-border-radius: $(tabs.border.radius);<br /> -goog-ms-border-radius: $(tabs.border.radius);<br /> border-radius: $(tabs.border.radius);}</span></div><span style="font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm1o7ZAfAd8M8xYptZRq-MIqqR4AMn3ICfLI5PAg6OTvtjuTYil3tX_K4nuN6lYpcLS9m2BxD7eilc9XlKIVqe5H2IB2LiDkvAlTrGMbsBi4osB1Nxo1ywQM5GpMLpUm2m6Puzd61bUXA/s640/240616_1.jpg" /></span><div><span style="font-size: large;"><b style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;">T</b>odas las líneas que contengan el símbolo $ dentro del diseño de plantilla se pueden personalizar.<br /><br /><br /><br /><br />Aplicar un color al fondo de las etiquetas_Background.color<br /><br /><br />Voy a empezar modificando el fondo (background) que aparece en esta línea,<br /><br />background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll bottom;<br /><br /><br />y establezco como fondo de la barra de menú el mismo color del fondo de la cabecera del blog.<br /><br />Para saber el código de este color voy al menú en el escritorio, selecciono Plantilla-Personalizar-Avanzado-Fondos y copio el código del color del "Fondo de la cabecera" (cuadro morado en la imagen).</span></div><div style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; text-align: justify;"></div><div style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; text-align: justify;"><span style="font-size: large;"><br /></span></div><div class="separator" style="background-color: #e6eff2; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-W4Uon6UA3nsTec5MZ2Sn2udFGNKdgnUi7wHq5CVwDeOvAZaa10y3zb_Eb2BeTiR4-5eOW-nrLm1SXV8Gho_otlEKZaGlEnFVxP6DcA6kKmqGX5EZkUC2-jKAvd6hRGHv9e_lVIJ0tPU/s1600/240616_2.jpg" imageanchor="1" style="color: maroon; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><span style="font-size: large;"><img alt="Ver color fondo cabecera blog" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-W4Uon6UA3nsTec5MZ2Sn2udFGNKdgnUi7wHq5CVwDeOvAZaa10y3zb_Eb2BeTiR4-5eOW-nrLm1SXV8Gho_otlEKZaGlEnFVxP6DcA6kKmqGX5EZkUC2-jKAvd6hRGHv9e_lVIJ0tPU/s640/240616_2.jpg" style="border: none; position: relative;" title="Ver color fondo cabecera plantilla blog_Blogger" width="640" /></span></a></div><div style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; text-align: justify;"><span style="font-size: large;"><br /></span></div><span style="font-size: large;">Ahora regreso al editor HTML de la plantilla y elimino $(tabs.background.color). <br />background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll bottom;<br /><br /><br />y lo sustituyo por este código del color (en azul y negrilla),<br /><br /><br />.tabs-inner .widget ul {<br /> padding: 0;<br /><br /> background: #0a3161 $(tabs.background.gradient) repeat scroll bottom;<br /><br /> -moz-border-radius: $(tabs.border.radius);<br /> -webkit-border-radius: $(tabs.border.radius);<br /> -goog-ms-border-radius: $(tabs.border.radius);<br /> border-radius: $(tabs.border.radius);<br />}<br /><br /><br />Por el momento, el resultado que tengo es el siguiente,<br /><br /><br /><br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKM3OGMc5iTyxiLPsCRL0LfBhOaOCfonNM6emsG_jxtcU76WompiBmwmhi0kOyEODbS3SLimDR8Bd_ObrtGDZJGfXDaAUxNeQWZ77z72cohk6I_zRlo8BUxrxKIUPJi6a3OGZiKIKm14Q/s1600/240616_3.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKM3OGMc5iTyxiLPsCRL0LfBhOaOCfonNM6emsG_jxtcU76WompiBmwmhi0kOyEODbS3SLimDR8Bd_ObrtGDZJGfXDaAUxNeQWZ77z72cohk6I_zRlo8BUxrxKIUPJi6a3OGZiKIKm14Q/s640/240616_3.jpg" /></a><br /><br /><br />El fondo de las etiquetas de las páginas tiene el mismo color que el fondo de la cabecera, excepto la etiqueta de la página principal que continúa en blanco.<br /><br /><br /><br /><br /><br /><br />Aplicar un color degradado al fondo de las etiquetas_Background gradient<br /><br />El segundo elemento de la línea es tabs.background.gradient. Hace referencia a un degradado de colores para aplicar al fondo.<br /><br />Voy a ver dos tipos de degradado,<br /><br />Degradado lineal _ linear-gradient<br />Degradado radial_radial-gradient<br /><br /><br />En el editor HTML de la plantilla, elimino $(tabs.background.gradient). <br /><br />background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll bottom;<br /><br /><br /><br /> 1. DEGRADADO LINEAL / LINEAR-GRADIENT<br /><br /><br />Voy a probar el degradado lineal. Hay dos formas de hacerlo,<br /><br />Definiendo el punto de inicio, que puede ser top (arriba), right (derecha), bottom (abajo), left (izquierda) o diagonally (diagonalmente).<br />Definiendo su ángulo de inclinación en grados, grados centesimales o radianes.<br /><br /><br />A. Degradado lineal definiendo punto de inicio <br /><br /><br />Ejemplo degragado lineal con tres colores sin definir punto inicio<br /><br /><br />background: $(tabs.background.color) linear-gradient(red, blue, yellow) repeat scroll bottom;<br /><br /><br />Como solo especifico colores, por defecto toma el punto de inicio TO BOTTOM (hacia abajo).<br /><br /><br />El resultado es,<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvYeN9kLDqdTWPTbsbu2dAOpoi-XoQWs0pyNJxYQALI6EbpJMMYzpvkdoXvtNyEGNZG-zXReGNNPdRAtJqj3HT7Ky7hifCMtgJU_Z_sveIVs2_OLEEni1HeErwBfutyx0hr69_7FKswbA/s1600/240616_4.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvYeN9kLDqdTWPTbsbu2dAOpoi-XoQWs0pyNJxYQALI6EbpJMMYzpvkdoXvtNyEGNZG-zXReGNNPdRAtJqj3HT7Ky7hifCMtgJU_Z_sveIVs2_OLEEni1HeErwBfutyx0hr69_7FKswbA/s640/240616_4.jpg" /></a><br /><br /><br />Ejemplo degragado lineal con dos colores definiendo el espacio de posición<br />Podemos definir el espacio en el que se posicionará el color a lo largo del eje de degradado.<br /><br /><br />background: $(tabs.background.color) linear-gradient(to bottom, blue 65%, yellow) repeat scroll bottom;<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgND8AdO0slVRJ3R57-1E5dRSm35nxUSKv0Re-M2VuwxfMcBLo5EqQVaanOuJcVZVjkUKOIkSbDIArGra9MExyR68AMqxQiORN4GpmCId3yzzoCcoe7tvO-dgmgQJNZguOc0FCqxAMsIlo/s1600/240616_11.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgND8AdO0slVRJ3R57-1E5dRSm35nxUSKv0Re-M2VuwxfMcBLo5EqQVaanOuJcVZVjkUKOIkSbDIArGra9MExyR68AMqxQiORN4GpmCId3yzzoCcoe7tvO-dgmgQJNZguOc0FCqxAMsIlo/s640/240616_11.jpg" /></a><br /><br /><br /><br /><br />Ejemplo degragado lineal con dos colores y punto de inicio TO BOTTOM (hacia abajo)<br /><br />Como es el valor por defecto, el resultado será igual en el caso de que incluyamos este valor o no.<br /><br />background: $(tabs.background.color) linear-gradient(red, yellow) repeat scroll bottom; .....o.....<br />background: $(tabs.background.color) linear-gradient(to bottom, red, yellow) repeat scroll bottom;<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTyzF-inqc7-SrGZ-v3f_fSJ57rEnPqomZFH-RGWO4qmCmmG1joZcXgKgmcr_z-HTNDycAeaCXLcKV-ZCrtsPD-1duZfthZDcT8lAprUyA8aXheVEEIK4x3Xf-LPrxrEjVq5fzJdvQ5I/s1600/240616_5.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTyzF-inqc7-SrGZ-v3f_fSJ57rEnPqomZFH-RGWO4qmCmmG1joZcXgKgmcr_z-HTNDycAeaCXLcKV-ZCrtsPD-1duZfthZDcT8lAprUyA8aXheVEEIK4x3Xf-LPrxrEjVq5fzJdvQ5I/s640/240616_5.jpg" /></a><br /><br /><br /><br /><br /><br />Ejemplo degragado lineal con dos colores y punto de inicio TO TOP (hacia ariba)<br /><br /><br />background:$(tabs.background.color) linear-gradient(to top, blue, yellow) repeat scroll bottom;<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdFmT49WYAqD_p2AHuEHCg9BQVPWZlU8CfpuUcd9DtxJ8CckRvAqIgGBx07nDcUozQiNNyr0nkpG26RJWuLFdebcs0WP1cGDNT6lPOloHjv_4ZH6FMQQk0fX66ec2QmFUrPq0RSEhgQqA/s1600/240616_6.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdFmT49WYAqD_p2AHuEHCg9BQVPWZlU8CfpuUcd9DtxJ8CckRvAqIgGBx07nDcUozQiNNyr0nkpG26RJWuLFdebcs0WP1cGDNT6lPOloHjv_4ZH6FMQQk0fX66ec2QmFUrPq0RSEhgQqA/s640/240616_6.jpg" /></a><br /><br /><br /><br /><br /><br />Ejemplo degragado lineal con dos colores y punto de inicio TO RIGHT (hacia la derecha)<br /><br />background:$(tabs.background.color) linear-gradient(to right, blue, yellow) repeat scroll bottom;<br /><br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI67klQFHxkpXWud-LWDZdi1Paggp485OLwPQxXRzVr2WjkRwUK1KcbvgFCob3uJtIpMrObna6c-qGOOeyUbbw0Qq-z0ToHOAVMvI1SkC72xmVTqqUOiJVKXBrt8GR9UgAs-4eQGESd3c/s1600/240616_7.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI67klQFHxkpXWud-LWDZdi1Paggp485OLwPQxXRzVr2WjkRwUK1KcbvgFCob3uJtIpMrObna6c-qGOOeyUbbw0Qq-z0ToHOAVMvI1SkC72xmVTqqUOiJVKXBrt8GR9UgAs-4eQGESd3c/s640/240616_7.jpg" /></a><br /><br /> <br /><br /><br /><br />Ejemplo degragado lineal con dos colores y punto de inicio TO LEFT (hacia la izquierda)<br /><br /><br />background:$(tabs.background.color) linear-gradient(to left, blue, yellow) repeat scroll bottom;<br /><br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMVGqf9I9wB5-BoyzVdc1QjJEYd3ySgp1eqpCUuO-9K_jbjrmdI7l9O9eRx5U_TuFra7v4cLEKT9J4G_nbBGPXQp8hXh00pBkUKhy74LU6gpO9gIP8GFGnCkt22OhZ9x-pLz6OBvwnQtg/s1600/240616_8.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMVGqf9I9wB5-BoyzVdc1QjJEYd3ySgp1eqpCUuO-9K_jbjrmdI7l9O9eRx5U_TuFra7v4cLEKT9J4G_nbBGPXQp8hXh00pBkUKhy74LU6gpO9gIP8GFGnCkt22OhZ9x-pLz6OBvwnQtg/s640/240616_8.jpg" /></a><br /><br /><br /><br /><br /><br />Ejemplo degragado lineal con dos colores en diagonal (de izquierda a derecha - hacia abajo)<br /><br />El punto de inicio se sitúa en la zona superior izquierda y termina en la zona inferior derecha.<br /> background:$(tabs.background.color) linear-gradient(to bottom right, blue, yellow) repeat scroll bottom<br /><br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaqYPy9JO9jtS3pZAGdkkLyv6LlI2gUF0IMlX-NuB8ZWpmdhswU9PkxnR6xhh4Ibif2a9lnv2O876mYRQPFHjmxnfM05gyTbf1KwgrChWgZMpqkbUxjFAHTuPSK0-26t5YxoQe6kqiVKk/s1600/240616_9.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaqYPy9JO9jtS3pZAGdkkLyv6LlI2gUF0IMlX-NuB8ZWpmdhswU9PkxnR6xhh4Ibif2a9lnv2O876mYRQPFHjmxnfM05gyTbf1KwgrChWgZMpqkbUxjFAHTuPSK0-26t5YxoQe6kqiVKk/s640/240616_9.jpg" /></a> <br /><br /><br /><br /><br /><br />Ejemplo degragado lineal con dos colores en diagonal (de derecha a izquierda - hacia abajo)<br /><br />El punto de inicio se sitúa en la zona superior derecha y termina en la zona inferior izquierda.<br /> background:$(tabs.background.color) linear-gradient(to bottom left, blue, yellow) repeat scroll bottom<br /><br /><br /><br /><br />Ejemplo degragado lineal con dos colores en diagonal (de izquierda a derecha - hacia arriba)<br />El punto de inicio se sitúa en la zona inferior izquierda y termina en la zona superior derecha.<br /> background:$(tabs.background.color) linear-gradient(to top right, blue, yellow) repeat scroll bottom<br /><br /><br /><br /><br /><br />Ejemplo degragado lineal con dos colores en diagonal (de derecha a izquierda - hacia arriba)<br /><br />El punto de inicio se sitúa en la zona inferior derecha y termina en la zona superior izquierda.<br /> background:$(tabs.background.color) linear-gradient(to top left, blue, yellow) repeat scroll bottom<br /><br /><br /><br /><br /><br />B. Degradado lineal definiendo ángulo de inclinación<br />El ángulo se especifica como un ángulo entre una línea horizontal y la línea de gradiente (línea que une los puntos en una pendiente)<br /><br />background: $(tabs.background.color) linear-gradient(-40deg, blue, yellow) repeat scroll bottom;<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8dwpPD2dYo0fz9pCtz7UrirDp9aEs5-nJ-kiDvO4tDkJkdg_8PesH1N3ubR6dl7m5KjxBGGo5crtIRDKqpbYK119PXoaExlKvKoutaSsIzu3tbpq8VzJD58URQamSegxyY-ymHrpCNZo/s1600/240616_12.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8dwpPD2dYo0fz9pCtz7UrirDp9aEs5-nJ-kiDvO4tDkJkdg_8PesH1N3ubR6dl7m5KjxBGGo5crtIRDKqpbYK119PXoaExlKvKoutaSsIzu3tbpq8VzJD58URQamSegxyY-ymHrpCNZo/s640/240616_12.jpg" /></a><br />Un valor positivo desplaza el ángulo en el sentido de izquierda a derecha y un valor negativo desplaza el ángulo de derecha a izquierda.<br /><br /><br /><br /><br />2. DEGRADADO RADIAL / RADIAL-GRADIENT<br />Este degradado no lo soporta la versión 9 e inferiores de IE.<br />El centro define el degradado radial y se necesitan al menos dos colores. Puede definir puntos de parada y también tamaño.<br /><br />Degradado circular_circle<br />Degradado en elipse_ellipse (por defecto)Los valores que toma por defecto es la elipse, el tamaño es el más alejado de las esquinas y parte de posición centro.<br /><br /><br /><br />Ejemplo degragado radial en dos colores<br /><br />background: $(tabs.background.color) radial-gradient(blue, yellow) repeat scroll bottom;<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxuVV3Q3Xr4BHobR_qA0IZp7cg4FYi0O6RHya-wLVtiEcw4rSwM2uJHAgOpjhs99APoJwcLbcmer1rbeozC6ftF8cTcb3KY1WuggyDIvuLRjyd4BCzzTbiKBF-Lr0kzGk6HQPBUxv2q7A/s1600/240616_13.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxuVV3Q3Xr4BHobR_qA0IZp7cg4FYi0O6RHya-wLVtiEcw4rSwM2uJHAgOpjhs99APoJwcLbcmer1rbeozC6ftF8cTcb3KY1WuggyDIvuLRjyd4BCzzTbiKBF-Lr0kzGk6HQPBUxv2q7A/s640/240616_13.jpg" /></a><br />Solo indicamos dos colores, por eso el degradado es en elipse partiendo de la posición centro.<br /><br />Podemos aplicar porcentajes,<br /><br /> background: $(tabs.background.color) radial-gradient(blue 45%, yellow) repeat scroll bottom;<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidGKj_bycOCQmOdo0dXLnXVLRZ_w_Hr8zENuvvKxZq9S7bqpVt1jhv46yFpNdJcH7YW6AVrhRUzaxOAijnItb6vCt6cCHPDUqXDroA8rmRh3GaDE2sHuCkiHiMwRBcjpe9PJkH-oeuSqg/s1600/240616_14.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidGKj_bycOCQmOdo0dXLnXVLRZ_w_Hr8zENuvvKxZq9S7bqpVt1jhv46yFpNdJcH7YW6AVrhRUzaxOAijnItb6vCt6cCHPDUqXDroA8rmRh3GaDE2sHuCkiHiMwRBcjpe9PJkH-oeuSqg/s640/240616_14.jpg" /></a><br /><br />Ejemplo degragado radial en dos colores en forma de círculo<br /><br />background: $(tabs.background.color) radial-gradient(circle, blue 2%, yellow) repeat scroll bottom;<br /><br /><br />Se apreciaría mejor el efecto si se tratara de un cuadrado.<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHXbWL33aDpWZ9Qps0gHG_VRYToyUEk0O0_pkvufZ0ZsdWIrluYipF3m_EiV2Rn_yZ8IFsLm5k4TUMtHV-HHuDP7ROpLrokM8EJ3LJKxU_qPI_tPX62BCz9KWLR39E7qc50pJFGDjngBU/s1600/240616_15.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHXbWL33aDpWZ9Qps0gHG_VRYToyUEk0O0_pkvufZ0ZsdWIrluYipF3m_EiV2Rn_yZ8IFsLm5k4TUMtHV-HHuDP7ROpLrokM8EJ3LJKxU_qPI_tPX62BCz9KWLR39E7qc50pJFGDjngBU/s640/240616_15.jpg" /></a><br /><br /><br />Valores del gradiente<br />Hay cuatro tipos de valores para definir el tamaño del gradiente<br /><br />closest-side (el lado más cercano)<br />farthest-side (el lado más alejado)<br />closest-corner (la esquina más cercana)<br />farthest-corner (la esquina más alejada, establecido por defecto)<br />Ejemplo degragado radial en dos colores (closest-side)<br /><br />background: $(tabs.background.color) radial-gradient(closest-side at 60% 50%, blue, yellow) repeat scroll bottom;<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigLRebODr6ztbiKd6suNOWReJtc5h0G4jgg74KrIpLqHwoBlq-9NFjdNwN4f5uXmIiBIaD6KXCWtR-FwQBH6tN8awqt8o2sNA-N-24q61NMx9_yHK6U12jGDMp2ifCAC00zErkdbWaOuQ/s1600/240616_16.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigLRebODr6ztbiKd6suNOWReJtc5h0G4jgg74KrIpLqHwoBlq-9NFjdNwN4f5uXmIiBIaD6KXCWtR-FwQBH6tN8awqt8o2sNA-N-24q61NMx9_yHK6U12jGDMp2ifCAC00zErkdbWaOuQ/s640/240616_16.jpg" /></a><br /><br /><br /><br />Repetir fondo_Background repeat<br />Retomo de nuevo la línea inicial que tenía para el background.<br /><br />background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll bottom;<br /><br />Voy a revisar el tercer elemento que es repeat.<br /><br />La propiedad background-repeat determina cómo se repite la imagen de fondo.<br /><br />El valor repeat-x repetirá la imagen horizontalmente.<br />El valor repeat-y repetirá la imagen verticalmente. <br />El valor no-repeat no repetirá la imagen. <br />El valor repeat es aleatorio y dependerá del sistema de navegación.<br /><br /><br />Fijación del fondo_Background Attachment (Scroll)<br />Por último voy a ver scroll.<br /><br />background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll bottom;<br /><br />Esta propiedad determina si la imagen de fondo se desplazará con el contenido (scroll) o será fija (fixed) con respecto al lienzo.<br /><br /><br /><br /><br /><br />Resultado final<br /><br /><br />Después de revisar y probar todas estas opciones, la línea para el background la defino de la siguiente forma,<br /><br /><br />background: $(tabs.background.color) radial-gradient(circle, rgba(10,49,97,1)20%, rgba(218,165,32,.6)) repeat scroll bottom;<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNPZh5qk5h8VdUktxQ9HT6EcucgXNPHTj-59kGKKcAe0pF0CPZ62NAeVmHHGL4zNzOSIAJXXfRTuyhq1eBO_2GlhmL2nZtGuLhmQczccSYjUgjoEnpv2CgfQ5JF-YFD8rFG8oLiEhQDXQ/s1600/240616_17.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNPZh5qk5h8VdUktxQ9HT6EcucgXNPHTj-59kGKKcAe0pF0CPZ62NAeVmHHGL4zNzOSIAJXXfRTuyhq1eBO_2GlhmL2nZtGuLhmQczccSYjUgjoEnpv2CgfQ5JF-YFD8rFG8oLiEhQDXQ/s640/240616_17.jpg" /></a><br /><br /><br />Establezco un degradado radial circular en dos colores para los que añado transparencias. <br />El primer color (azul) tiene una opacidad del 100% (valor 1) y le doy un valor de espacio del 20%. El segundo color (dorado) tiene una opacidad del 40%. (valor 0.4)<br /><br /><br />Por el momento estos son los cambios y mejoras que he realizado en mi blog de prácticas que sigue en una lenta pero constante evolución al igual que mi aprendizaje en los lenguajes HTML y CSS.</span><div><span style="font-size: large;"><br /></span></div><div><span style="font-size: large;"><br /></span></div><div><a href="https://prodpersonal.blogspot.com/2016/06/personalizar-menu-paginas-horizontal-en_24.html">https://prodpersonal.blogspot.com/2016/06/personalizar-menu-paginas-horizontal-en_24.html</a></div>Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-77315759861146735842019-02-10T01:08:00.000+01:002023-06-10T23:10:56.021+02:00Personalizar menú horizontal<span style="font-size: large;">Ahora voy a ver cómo puede mejorar su aspecto añadiéndole bordes.<br /><br /><br />Realizo previamente una <a href="https://prodpersonal.blogspot.com.es/2016/06/personalizar-menu-paginas-horizontal-en.html">copia de seguridad del blog</a> porque voy a modificar el código HTML de la plantilla.<br /><br />Voy al menú de Blogger y selecciono Plantilla - Editar HTML.<br /><br /></span><div class="separator" style="background-color: #e6eff2; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;"></div><span style="font-size: large;"><br /><br />Me posiciono sobre cualquier punto de la nueva ventana y hago clic con el ratón, a continuación pulso las teclas CTRL+F para activar el buscador interno de esta ventana. Se abre un recuadro Search y escribo /* Tabs para localizar la entrada (círculo rojo) a partir de la cual se definen las páginas creadas en el blog.</span><div class="separator" style="background-color: #e6eff2; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMAx3kA5O3TK7IC0u4eG9KZN0qZ_w5-TC8BI0N9G8FnIh1c5Ux9vIjmE55WT7iL_a_scdCzxi5oidJkrLRTbl0r5SNjwBjwqDPYiy919u0mOPq7feLdVchUjz_SjrayL2Ny72QVSetXmY/s1600/Editar+Plantilla+HTML+Tabs+290616_6.jpg" imageanchor="1" style="color: maroon; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img alt="Buscando /* Tabs" border="0" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMAx3kA5O3TK7IC0u4eG9KZN0qZ_w5-TC8BI0N9G8FnIh1c5Ux9vIjmE55WT7iL_a_scdCzxi5oidJkrLRTbl0r5SNjwBjwqDPYiy919u0mOPq7feLdVchUjz_SjrayL2Ny72QVSetXmY/s640/Editar+Plantilla+HTML+Tabs+290616_6.jpg" style="border: none; position: relative;" title="Buscando /* Tabs en plantilla HTML blog" width="640" /></a></div><div class="separator" style="background-color: #e6eff2; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px; text-align: center;"></div><div style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px; text-align: justify;"><br /></div><div style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px; text-align: justify;"></div><span style="font-size: large;">Localizo el código que está relacionado con el background de las etiquetas. En azul está la línea que ya he modificado en la entrada titulada <a href="https://prodpersonal.blogspot.com.es/2016/06/personalizar-menu-paginas-horizontal-en_24.html">Personalizar el fondo del menú horizontal en el blog</a><br />Todas las líneas que contengan el símbolo $ dentro del diseño de plantilla se pueden personalizar.</span><div style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px; text-align: justify;"><br /></div><span style="background-color: #fff2cc; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;"><span style="color: #660000;">.tabs-inner .widget ul {<br /> padding: 0;</span><span style="color: #660000;"><b><span style="color: blue;">background: $(tabs.background.color) radial-gradient(circle, rgba(10,49,97,1)20%, rgba(218,165,32,.6)) repeat scroll bottom;</span></b></span></span><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><span style="background-color: #fff2cc; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;"><span style="color: #660000;"><br /> -moz-border-radius: $(tabs.border.radius);<br /> -webkit-border-radius: $(tabs.border.radius);<br /> -goog-ms-border-radius: $(tabs.border.radius);<br /> border-radius: $(tabs.border.radius);<br />} </span></span><br /><span style="font-size: large;"><br />MODIFICANDO LOS BORDES DEL MENÚ DE ENTRADA<br /><br />Me voy a centrar en la última línea con la propiedad border-radius.<br /><br />En CSS 3 las etiquetas nuevas pueden ser interpretadas por cada navegador de forma distinta. Debido a esto es necesario añadir prefijos nuevos a las propiedades, que son los siguientes:<br />-moz-_Para algunas versiones de Firefox.<br />-webkit-_Para algunas versiones de Google Chrome, Safari y Android.<br />-ms-_Para algunas versiones de Internet Explorer.<br />-o-_Para versiones de Opera.<br /><br /><br />CSS3 (Hoja de estilo en cascada) es la última versión del lenguaje que se utiliza para definir la presentación de un documento escrito en lenguaje HTML, XML o XHTML<br /><br />Son varias las propiedades que necesitan los prefijos y éstas varían con el tiempo. Por regla general son las que no forman parte del índice oficial de propiedades del <a href="http://www.w3c.es/">W3C</a>. Si una propiedad no se encuentra en este índice lo más seguro es que necesite el uso de prefijos. <br /><br />El <a href="https://es.wikipedia.org/wiki/World_Wide_Web_Consortium">World Wide Web Consortium (W3C) según Wikipedia</a> "es el consorcio internacional que genera recomendaciones y estándares que aseguran el crecimiento de la World Wide Web a largo plazo"<br /></span><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><br /><span style="font-size: large;">PROPIEDAD BORDER-RADIUS<br /><br />Esta propiedad no forma parte del <a href="https://www.w3.org/TR/css-2010/#properties">índice oficial de propiedades del W3C.</a><br />A pesar de esto no necesita prefijos para su soporte en los distintos navegadores. Por esta razón elimino las tres primeras líneas que tienen prefijos delante de la propiedad border-radius.<br /><br /> -moz-border-radius: $(tabs.border.radius);<br /> -webkit-border-radius: $(tabs.border.radius);<br /> -goog-ms-border-radius: $(tabs.border.radius);<br /><br />Esta propiedad añade esquinas redondeadas al elemento. <br /><br />Normas de border-radius</span><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6cCqzEF3pN163ptvEbANFXG8vN_ouk-AQqXCumrevZx3ZpAq4o80QVwIDrAShuKFHp4lqSB9EscOyqzEw517MKaTelAPLXTasK6FVZYpHKu4LnDtYytk8U98Qod5yaUH7khr3wnO4hnE/s1600/border-radius_290616.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6cCqzEF3pN163ptvEbANFXG8vN_ouk-AQqXCumrevZx3ZpAq4o80QVwIDrAShuKFHp4lqSB9EscOyqzEw517MKaTelAPLXTasK6FVZYpHKu4LnDtYytk8U98Qod5yaUH7khr3wnO4hnE/s320/border-radius_290616.jpg" /></a><br /><br /><br /><br /><span style="font-size: large;">Un solo valor: Si la propiedad solo viene definida por un solo valor, éste se aplicará por igual a las cuatro esquinas del elemento. En el cuadro 1 + 2 + 3 + 4 <br />Dos valores:<br />El primer valor se aplica a la esquina superior izquierda y esquina inferior derecha. <br />En el cuadro 1 + 3 <br />El segundo valor se aplica a la esquina superior derecha y esquina inferior izquierda. En el cuadro 2 + 4 <br /> Tres valores:<br />El primer valor se aplica a la esquina superior izquierda. <br />En el cuadro 1 <br />El segundo valor se aplica a la esquina superior derecha y esquina inferior izquierda. <br />En el cuadro 2 + 4 <br />El tercer valor se aplica a la esquina inferior derecha. <br />En el cuadro 3 <br />Cuatro valores:<br />El primer valor se aplica a la esquina superior izquierda. <br />En el cuadro 1 <br />El segundo valor se aplica a la esquina superior derecha. <br />En el cuadro 2 <br />El tercer valor se aplica a la esquina inferior derecha. <br />En el cuadro 3 <br />El cuarto valor se aplica a la esquina inferior izquierda. En el cuadro 4 <br /><br />Atributos de border-radius<br />border-top-left-radius_Redondea la esquina superior izquierda. En el cuadro 1 <br />border-top-right-radius_Redondea la esquina superior derecha. En el cuadro 2 <br />border-bottom-rightt-radius_Redondea la esquina inferior derecha. En el cuadro 3 <br />border-bottom-left-radius_Redondea la esquina inferior izquierda. En el cuadro 4 <br /><br />Valores de border-radius<br />length_Define la longitud del radio del círculo con unidades relativas como em | px | ex.<br />%_Se puede definir también en porcentajes y se basa en la altura o ancho total.</span><div style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;"><br /></div><h3 style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0px; position: relative; text-align: justify;"><u>Aplicación en mi blog</u></h3><div style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px; text-align: justify;"><br /><span style="background-color: #fff2cc;"> <span style="color: #660000;">.tabs-inner .widget ul {<br /> padding: 0;<br /><br /> <b><span style="color: blue;">background: $(tabs.background.color) radial-gradient(circle, rgba(10,49,97,1)20%, rgba(218,165,32,.6)) repeat scroll bottom;</span></b><br /><br /> <b><span style="color: blue;">border-radius: 15px;</span></b><br />} </span></span></div><span style="font-size: large;"><br />DEFINIR UN BORDE AL MENÚ<br /><br />Si quisiera añadir una línea al borde de la caja que rodea la barra de menú, añadiría la siguiente línea de código (en negro).</span><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><span style="background-color: #fff2cc; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;"><span style="color: #660000;">.tabs-inner .widget ul {<br /> padding: 0;</span></span><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><span style="background-color: #fff2cc; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;"><br /></span><span style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;"></span><span style="background-color: #fff2cc; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;"> <span style="color: blue;">background: $(tabs.background.color) radial-gradient(circle, rgba(10,49,97,1)20%, rgba(218,165,32,.6)) repeat scroll bottom;</span></span><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><span style="background-color: #fff2cc; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;"><br /></span><span style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;"></span><span style="background-color: #fff2cc; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;"> <span style="color: blue;">border-radius: 15px;</span></span><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><span style="background-color: #fff2cc; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;"> <b>border: 12px ridge #000000;</b></span><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><span style="background-color: #fff2cc; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;"><span style="color: #660000;">}</span></span><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><span style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;">Siendo el resultado el siguiente,</span><br style="background-color: #e6eff2; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px;" /><br /><div class="separator" style="background-color: #e6eff2; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px; text-align: center;"></div><div class="separator" style="background-color: #e6eff2; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px; text-align: center;"></div><div class="separator" style="background-color: #e6eff2; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px; text-align: center;"></div><div class="separator" style="background-color: #e6eff2; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg05xMHUC-N9CGNWjy3O72Va_8XLFCEL5m-rAxxYbbvovzMVSsB1wRAIlZJfYrZpOhkzICtDZna4wGKLRXjix3616EREY5nRkjX-UwNsSRshzQqM5MAdJ35bXWsepCLYVQLeeUmzcuiA2E/s1600/Rdo+border-radius+con+border_290616.jpg" imageanchor="1" style="color: maroon; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img alt="Menu horizontal con border-radius" border="0" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg05xMHUC-N9CGNWjy3O72Va_8XLFCEL5m-rAxxYbbvovzMVSsB1wRAIlZJfYrZpOhkzICtDZna4wGKLRXjix3616EREY5nRkjX-UwNsSRshzQqM5MAdJ35bXWsepCLYVQLeeUmzcuiA2E/s640/Rdo+border-radius+con+border_290616.jpg" style="border: none; position: relative;" title="Menú horizontal personalizado con border-radius_Blog" width="640" /></a></div><span style="font-size: large;">Podríamos utilizar diferentes tipos de bordes, definiendo su grosor y color.<br />[Ver la entrada <a href="https://prodpersonal.blogspot.com.es/2016/06/margin-padding-y-border.html">Margin, padding y border</a>]</span><div><span style="font-size: large;"><br /></span></div><div><span style="font-size: large;"><br /></span></div><div><span style="font-size: large;"><br /></span></div><div><a href="https://prodpersonal.blogspot.com/2016/06/como-personalizar-los-bordes-del-menu.html">https://prodpersonal.blogspot.com/2016/06/como-personalizar-los-bordes-del-menu.html</a></div>Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-34040136595103885552019-02-10T01:03:00.000+01:002023-06-10T23:10:56.155+02:00Crear menú horizontal<br /><div class="post-header" style="-webkit-text-stroke-width: 0px; background-color: #e6eff2; color: #a1a1a1; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.4px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; line-height: 1.6; margin: 0px 0px 1.5em; orphans: 2; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><div class="post-header-line-1"></div></div><div class="post-body entry-content" id="post-body-941037986921036496" itemprop="articleBody" style="-webkit-text-stroke-width: 0px; background-color: #e6eff2; color: black; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.84px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; line-height: 1.4; orphans: 2; position: relative; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; width: 938px; word-spacing: 0px;"><div style="text-align: justify;"></div></div><br /><span style="font-size: large;">Menú horizontal en un blog</span><div><span style="font-size: large;">Se puede hacer mediante las herramientas que ofrece Blogger o bien con código CSS.<br />Voy a empezar por la forma más sencilla, es decir, con los gadgets y páginas de Blogger.<br /><br /><br />Por el momento mi blog está tratanto temas de photoshop y blogger, y estas serán las dos pestañas que incluiré en el menú de contenidos, a parte de la pestaña que me permita posicionarme en la página principal.<br /><br /><br />Lo primero que hago es añadir un gadget de "página" a la plantilla del blog.<br /><br /><br />Para eso voy a Diseño desde la zona de escritorio.</span><div><div><span style="font-size: large;">El siguiente paso es añadir el gadget. Como quiero crear un menú horizontal, tendré que añadirlo bajo la cabecera, por ejemplo en Cross-Colum 2.</span></div><div><span style="font-size: large;"><br /></span></div><div><span style="font-size: large;">El problema con el que me encuentro es que no me aparece +Añadir un gadget</span></div><div><span style="font-size: large;">Lo he solucionado añadiendo este gadget en el espacio destinado a la columna derecha del blog donde están el cuadro de búsqueda, Etiquetas y Archivo (Sidebar-right-1)</span></div><div><span style="font-size: large;"><br /></span></div><div><span style="font-size: large;">Hago clic en "Añadir un gadget". </span></div></div></div><div><span style="font-size: large;">Y se abre una ventana donde selecciono el gadget "Página"</span></div><div><span style="font-size: large;"><div>Se abre la ventana para configurar la página.</div><div>En título (es opcional) he puesto el nombre de Menú horizontal, para identificar el menú con la lista de páginas.</div><div>Y el cuadro de "Seleccionar todas" lo dejo marcado y le cambio el nombre de Página principal por el nombre de Inicio porque llevará a la página principal del blog.</div><div>Ahora tengo que mover este gadget y desplazarlo a la zona destinada a Cross-Colum 2 para que se sitúe bajo la cabecera del blog</div><div>Si se visualiza el blog, veo que se ha creado una barra en fondo blanco con la palabra Inicio, que es la página que he añadido</div><div><div>Tengo configurada la barra de menú pero ahora tengo que añadir una nueva página.</div><div><br /></div><div>Para eso regreso al menú de Blogger, selecciono Diseño y hago clic en Editar dentro de Cross-Column 2 (donde tengo el gadget de Página).</div></div><div><div>Y hago clic en +Añadir enlace externo.</div><div>Como título de la página escribo Photoshop y añado la dirección web (URL) de las entradas etiquetadas con el nombre Photoshop. </div></div><div><br /></div></span></div><div><span style="font-size: large;"><div>Cómo consigo este link? Es fácil. Hago clic en la etiqueta Photoshop (dentro de la sección Etiquetas) y se abre una página con la selección de estas entradas.</div><div>Copio la URL y la pego en el recuadro de Dirección web (URL) de la Página nueva (anterior imagen).</div></span></div><div><span style="font-size: large;">Ahora visualizo el blog y veo que se ha añadido una nueva pestaña dentro del menú horizontal con el nombre Photoshop. Al hacer clic sobre él se abrirá una página con las entradas etiquetadas con el nombre de Photoshop.</span></div><div><div style="font-size: x-large;">Me queda completar el menú horizontal para la temática Blogger y encontrar la forma de mejorar su aspecto, y si es posible, eliminar el texto Mostrando entradas con la etiqueta "X". Mostrar todas las entradas.</div><div style="font-size: x-large;"><br /></div><div style="font-size: x-large;"><br /></div><div><a href="https://prodpersonal.blogspot.com/2016/06/como-anadir-un-menu-horizontal-al-blog.html">https://prodpersonal.blogspot.com/2016/06/como-anadir-un-menu-horizontal-al-blog.html</a></div></div><div><br /></div>Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-14832082793218152542019-02-10T00:55:00.000+01:002023-06-10T23:10:56.287+02:00Marcos para fotos<div class="MsoNormal" style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px; line-height: normal;"><span style="font-family: inherit;"><span style="font-size: 18pt;"><br /> <span style="font-size: medium;"> Después vamos a </span></span><span style="font-size: medium;"><b>EDICIÓN HTML </b>y con Ctrl+F abrimos el buscador y buscamos <b>.post-body img</b>, nos saldrá algo como esto:</span></span></div><div class="MsoNormal" style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px; line-height: normal;"><span style="font-family: inherit;"><br /></span></div><span style="font-size: large;"><br /><br /><br /><br /><br />.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img <br />{padding: $ (image.border.small.size); <br />background: $(image.background.color); <br />border: 1px solid $(image.border.color); <br />-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); <br />-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); <br />box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); } <br /><br /><br /><br /><br /> Empezamos con el marco, vamos hasta la línea donde dice:<br /><br /><br /><br />border: 1px solid $(image.border.color);</span><div class="MsoNormal" style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px; line-height: normal;"><span style="font-family: inherit;"><span style="color: #666666; font-size: 18pt;"> </span><span style="font-size: 12pt;"> </span></span></div><div class="MsoNormal" style="background-color: white; font-family: "Josefin Sans"; line-height: normal;"><span style="font-family: inherit;"><span style="font-size: medium;"> </span><span style="font-size: large;">Aquí podemos aumentar los valores px (pixels) de <b>border</b> para aumentar el tamaño del marco o ponerlo a 0 para quitarlo. Y "solid" define el estilo del borde que puede ser:</span></span></div><div class="MsoNormal" style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px; line-height: normal;"><span style="font-family: inherit;"><br /></span></div><div style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px; text-align: center;"><div style="border: 5px solid rgb(255, 183, 214);"><span style="font-family: inherit;"><span style="color: grey;"><span style="font-size: large;">SOLID</span></span></span></div></div><span style="background-color: white; font-family: inherit; font-size: 15.4px;"><br /></span><span style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px;"></span><span style="background-color: white; font-family: inherit; font-size: 15.4px;"><br /></span><span style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px;"></span><br /><div style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px; text-align: center;"><div style="border: 5px dotted rgb(255, 183, 214);"><span style="font-family: inherit;"><span style="color: grey;"><span style="font-size: large;">DOTTED</span></span></span></div></div><span style="background-color: white; font-family: inherit; font-size: 15.4px;"><br /></span><span style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px;"></span><span style="background-color: white; font-family: inherit; font-size: 15.4px;"><br /></span><span style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px;"></span><br /><div style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px; text-align: center;"><div style="border: 5px double rgb(255, 183, 214);"><span style="font-family: inherit;"><span style="color: grey;"><span style="font-size: large;">DOUBLE</span></span></span></div></div><span style="background-color: white; font-family: inherit; font-size: 15.4px;"><br /></span><span style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px;"></span><span style="background-color: white; font-family: inherit; font-size: 15.4px;"><br /></span><span style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px;"></span><br /><div style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px; text-align: center;"><div style="border: 5px dashed rgb(255, 183, 214);"><span style="font-family: inherit;"><span style="color: grey;"><span style="font-size: large;">DASHED</span></span></span></div></div><span style="background-color: white; font-family: inherit; font-size: 15.4px;"><br /></span><span style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px;"></span><span style="background-color: white; font-family: inherit; font-size: 15.4px;"><br /></span><span style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px;"></span><br /><div style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px; text-align: center;"><div style="border: 5px groove rgb(255, 183, 214);"><span style="font-family: inherit;"><span style="color: grey;"><span style="font-size: large;">GROOVE</span></span></span></div></div><span style="background-color: white; font-family: inherit; font-size: 15.4px;"><br /></span><span style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px;"></span><span style="background-color: white; font-family: inherit; font-size: 15.4px;"><br /></span><span style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px;"></span><br /><div style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px; text-align: center;"><div style="border: 5px ridge rgb(255, 183, 214);"><span style="font-family: inherit;"><span style="color: grey;"><span style="font-size: large;">RIDGE</span></span></span></div></div><span style="background-color: white; font-family: inherit; font-size: 15.4px;"><br /></span><span style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px;"></span><span style="background-color: white; font-family: inherit; font-size: 15.4px;"><br /></span><span style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px;"></span><br /><div style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px; text-align: center;"><div style="border: 5px inset rgb(255, 183, 214);"><span style="font-family: inherit;"><span style="color: grey;"><span style="font-size: large;">INSET</span></span></span></div></div><span style="background-color: white; font-family: inherit; font-size: 15.4px;"><br /></span><span style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px;"></span><span style="background-color: white; font-family: inherit; font-size: 15.4px;"><br /></span><span style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px;"></span><br /><div style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px; text-align: center;"><div style="border: 5px outset rgb(255, 183, 214);"><span style="font-family: inherit;"><span style="color: grey;"><span style="font-size: large;">OUTSET</span></span></span></div></div><span style="background-color: white; font-family: inherit; font-size: 15.4px;"><br /></span><span style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px;"></span><span style="background-color: white; font-family: inherit; font-size: 15.4px;"><br /></span><span style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px;"></span><br /><div class="MsoNormal" style="line-height: normal;"><br /><div class="MsoNormal" style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px; line-height: normal;"><span style="font-family: inherit;"><span style="font-size: medium;"> Podemos hacer infinidad de combinaciones cambiando los valores de esta línea y los colores de fondo y de borde en <b>PERSONALIZAR PLANTILLA>>AVANZADO>>IMÁGENES</b> </span></span></div><div class="MsoNormal" style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px; line-height: normal;"><span style="font-family: inherit;"><span style="font-size: medium;"><br /></span></span></div><div class="MsoNormal" style="line-height: normal;"><span style="background-color: white; font-family: inherit; font-size: 15.4px;"><span style="font-size: medium;">O podemos añadir nuevas líneas de código como esta (cada valor corresponde a un borde) que hace que los bordes queden redondeados:</span></span><br /><div class="MsoNormal" style="line-height: normal;"><div class="MsoNormal" style="line-height: normal;"><span style="font-size: large;"><br />border-radius: 10px 10px 10px 10px ;<br /><br /><br /> O podemos escribir una línea de código para cada lado (superior, inferior, derecho, izquierdo) por separado donde #999999 corresponde al color expresado en forma hexadecimal:<br /><br /><br /><br /><br /><br />border-top: 1px solid #999999 (image.border.color);<br />border-bottom: 1px solid #999999 (image.border.color);<br />border-right: 1px solid #999999 (image.border.color);<br />border-left: 1px solid #999999 (image.border.color);<br /> </span><div class="MsoNormal" style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px; line-height: normal;"><span style="font-family: inherit;"><span style="color: #666666; font-size: 18pt;"> </span><span style="font-size: 12pt;"> </span></span></div><span style="background-color: white; font-family: inherit; font-size: 15.4px;"><span style="font-size: 12pt;"><span style="font-size: medium;"> </span> </span></span><br /><span style="background-color: white; font-family: inherit; font-size: 15.4px;"><span style="font-size: medium;"> </span></span><span style="font-size: large;"> Vamos ahora con la sombra. Estas tres líneas son las que definen las características de la sombra, en realidad es sólo la tercera, las otras dos llevan los mismos valores y se añaden para que la sombra sea compatible con todos los navegadores. Para quitar la sombra ponemos todos los valores a 0.<br /><br /><br /><br />-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1); <br />-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1); <br /> box-shadow: 0px 0px 0px rgba(0, 0, 0, .1); </span></div></div><div class="MsoNormal" style="background-color: white; font-family: "Josefin Sans"; font-size: 15.4px; line-height: normal;"><span style="font-family: inherit;"><br /></span></div><div class="MsoNormal" style="line-height: normal;"><br /><div class="MsoNormal" style="line-height: normal;"><span style="background-color: white; font-family: inherit; font-size: 15.4px;"><span style="font-size: medium;"> </span></span><span style="font-size: large;"> Si lo que queremos es modificarla jugamos con los valores seguidos de px: el rosa en positivo la coloca a la derecha y en negativo a la izquierda, el verde en positivo abajo y en negativo arriba y los números que asignemos indican el ancho. El azul nos marca el grado de difuminado (va de 0 transparente, a 1 opaco). ¿Y qué pasa si queremos sombra por los 4 lados de la imagen? Pues ponemos a 0 los dos primeros valores o podemos añadir un cuarto valor seguido de px.<br /><br /> Y con los valores de rgba cambiamos el color y la intensidad, los tres primeros números marcan el color y el cuarto la intensidad, va de 0 (transparente) a 1 (opaco). Este es el código que corresponde a la siguiente imagen:<br /><br /><br /><br /><br />box-shadow: 0px 0px 15px 15px rgba(0, 0, 0, .5);<br /><br /><br /><br /><br /> Bien, ya sabemos cómo quitar y modificar la sombra ( y el marco) a las imágenes del blog, ¿pero qué pasa si lo que queremos es quitarla en algunas imágenes del blog y en otras no? <br /> Lo primero es seguir los pasos para quitar todas las sombras, después vamos a <br />PERSONALIZAR PLANTILLA>>AVANZADO>>AÑADIR CCS y añadimos este código:<br /><br /> <br /><br /><br />#sombraimg{ <br /> -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,.1); <br />-moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,.1); <br />box-shadow: 0px 0px 15px 5px rgba(0,0,0,.1); <br />}<br /><br /><br /> Ahora sólo tendremos que añadir id='sombraimg' en cada imagen a la que queramos añadir la sombra. Un ejemplo:<br /><br /> Yo quiero poner sombra a la foto de mi entrada pero no a la imagen de la firma. Edito mi entrada y voy a HTML arriba a la izquierda, busco con Ctrl+F "img" para que me aparezcan resaltadas todas las imágenes de mi entrada y localizo la foto a la que quiero poner sombra. Añado id='sombraimg' de la siguiente manera:</span></div><br /><br /><br /><br /><span style="font-size: large;"><img id='sombraimg' border="0" src="URL DE MI FOTO" /></span><br /><br /><br /><span style="font-size: large;"> Y este es el resultado:</span><br /><br /><br /><br /><a href="http://mientrascuchufletaduerme.blogspot.com/2014/10/tutorial-quitar-poner-y-modificar-marco-y-sombra-en-una-o-varias-fotos-de-blogger.html">http://mientrascuchufletaduerme.blogspot.com/2014/10/tutorial-quitar-poner-y-modificar-marco-y-sombra-en-una-o-varias-fotos-de-blogger.html</a></div></div></div>Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-87379982596814424212019-02-10T00:47:00.000+01:002023-06-10T23:10:56.420+02:00Como insertar iconos socialesAñadir los iconos con HTML<br /><br />- Dirígete al apartado de diseño de Blogger y haz "Añadir un gadget" en el lugar donde quieras colocarlos.<br />- Escoge la opción de "HTML/Javascript"<br />- Pon un título tipo "seguir", "contactar", "otros canales"...., copia el siguiente código para cada una de tus redes sociales y guarda. Pongo el ejemplo con mi Twitter<br /><br style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;" /><span style="color: #999999; font-family: Verdana, sans-serif; font-size: 14px;"><span style="background-color: white; color: #373737; line-height: 23px;"><a href="</span><a href="https://twitter.com/2ndfunniest" style="color: black; text-decoration-line: none;"><span style="color: #6aa84f;">https://twitter.com/2ndfunniest</span></a><span style="background-color: white; color: #373737; line-height: 23px;">" target="_blank"><img src="</span><a href="https://sites.google.com/site/2ndfunniestthing/twitter.png" style="color: black; text-decoration-line: none;"><span style="color: #990000;">https://sites.google.com/site/2ndfunniestthing/twitter.png</span></a><span style="background-color: white; color: #373737; line-height: 23px;">" alt="</span><span class="Apple-style-span" style="background-color: white; line-height: 23px;"><span style="color: #3d85c6;">Seguir a 2nd Funniest Thing en Twitter</span></span><span style="background-color: white; color: #373737; line-height: 23px;">"/></a></span></span><br style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;" /><span style="color: #999999; font-family: Verdana, sans-serif; font-size: 14px;"><span style="background-color: white; color: #373737; line-height: 23px;"><br /></span></span><span style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;">La parte escrita </span><span style="color: #6aa84f; font-family: Muli, sans-serif; font-size: 14px;">en verde</span><span style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;"> es la URL de tu Twitter/Facebook, LinkedIn...</span><br style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;" /><span style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;">La parte escrita </span><span style="color: #990000; font-family: Muli, sans-serif; font-size: 14px;">en rojo</span><span style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;"> es la URL donde está colgado el icono que utilizas para esa red social</span><br style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;" /><span style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;">La parte escrita </span><span style="color: #3d85c6; font-family: Muli, sans-serif; font-size: 14px;">en azul</span><span style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;"> es lo que verá la gente al pasar el ratón por encima.</span><br style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;" /><br style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;" />- Si quieres poner varios iconos, después de este código da un espacio con el teclado y vuelve a copiar el mismo código pero personalizándolo para cada red social. Aquí ves mi código completo como ejemplo de lo que te quedará:<br style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;" /><br style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;" /><br style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;" /><span style="color: #999999; font-family: Verdana, sans-serif; font-size: 14px;"><a href="<span style="color: #6aa84f;">https://twitter.com/2ndfunniest</span>" target="_blank"><img src="<span style="color: #990000;">https://sites.google.com/site/2ndfunniestthing/twitter.png</span>" alt="<span style="color: #3d85c6;">Seguir a 2nd Funniest Thing en Twitter</span>"/></a></span><br style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;" /><span style="color: #999999; font-family: Verdana, sans-serif; font-size: 14px;"><br /></span><span style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;"></span><span style="color: #999999; font-family: Verdana, sans-serif; font-size: 14px;"><a href="<span style="color: #6aa84f;">http://www.facebook.com/2ndfunniestthing</span>" target="_blank"><img src="<span style="color: #990000;">https://sites.google.com/site/2ndfunniestthing/facebook.png</span>" alt="<span style="color: #3d85c6;">Seguir a 2nd Funniest Thing en Facebook</span>"/></a></span><br style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;" /><span style="color: #999999; font-family: Verdana, sans-serif; font-size: 14px;"><br /></span><span style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;"></span><span style="color: #999999; font-family: Verdana, sans-serif; font-size: 14px;"><a href="<span style="color: #6aa84f;">http://www.bloglovin.com/en/blog/3732044/tutoriales-y-piezas-unicas-diys-un</span>" target="_blank"><img src="<span style="color: #990000;">https://sites.google.com/site/2ndfunniestthing/Bloglovin.png</span>" alt="<span style="color: #3d85c6;">Seguir a 2nd Funniest Thing en Bloglovin</span>"/></a> </span><br style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;" /><span style="color: #999999; font-family: Verdana, sans-serif; font-size: 14px;"><br /></span><span style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;"></span><span style="color: #999999; font-family: Verdana, sans-serif; font-size: 14px;"><a href="<span style="color: #6aa84f;">http://pinterest.com/2ndfunniesthing/</span>" target="_blank"><img src="<span style="color: #990000;">https://sites.google.com/site/2ndfunniestthing/pint</span></span><span style="color: #990000; font-family: Verdana, sans-serif; font-size: 14px;">erest.png</span><span style="color: #999999; font-family: Verdana, sans-serif; font-size: 14px;">" alt="</span><span style="color: #3d85c6; font-family: Verdana, sans-serif; font-size: 14px;">Seguir a 2nd Funniest Thing en Pinterest</span><span style="color: #999999; font-family: Verdana, sans-serif; font-size: 14px;">"/></a> </span><br style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;" /><span style="color: #999999; font-family: Verdana, sans-serif; font-size: 14px;"><br /></span><span style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;"></span><span style="color: #999999; font-family: Verdana, sans-serif; font-size: 14px;"><a href="<span style="color: #6aa84f;">http://feeds.feedburner.com/TutorialesYPiezasnicas-DiysUniquePieces</span>" target="_blank"><img src="<span style="color: #990000;">https://sites.google.com/site/2ndfunniestthing/mail.png</span>" alt="<span style="color: #3d85c6;">Seguir a 2nd Funniest Thing por email</span>"/></a></span><br style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;" /><span style="color: #999999; font-family: Verdana, sans-serif; font-size: 14px;"><br /></span><span style="color: #999999; font-family: Muli, sans-serif; font-size: 14px;"></span><span style="color: #999999; font-family: Verdana, sans-serif; font-size: 14px;"><a href="</span><span style="color: #6aa84f; font-family: Verdana, sans-serif; font-size: 14px;">http://www.linkedin.com/in/2ndfunniestthing</span><span style="color: #999999; font-family: Verdana, sans-serif; font-size: 14px;">" target="_blank"><img src="</span><span style="color: #990000; font-family: Verdana, sans-serif; font-size: 14px;">https://sites.google.com/site/2ndfunniestthing/linkedin.png</span><span style="color: #999999; font-family: Verdana, sans-serif; font-size: 14px;">" alt="</span><span style="color: #3d85c6; font-family: Verdana, sans-serif; font-size: 14px;">Contactar con 2nd Funniest Thing en LinkedIn</span><span style="color: #999999; font-family: Verdana, sans-serif; font-size: 14px;">"/></a></span>Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-13186393072410273012019-02-10T00:35:00.000+01:002023-06-10T23:10:56.552+02:00Sidebar<span style="font-size: large;">TÍTULO DE GADGET SIDEBAR CON LÍNEA SENCILLA ANTES Y DESPUÉS:</span><div class="separator" style="box-sizing: border-box; clear: both; color: #333333; font-family: Montserrat, sans-serif; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrQFmLUP9OVPhRRpDRqoAtQDSyemlBFHGHcqrSjqrjxOF2gDykKl7EePspj92qRZk_NflymmDi5kLFTMHVrDZSm0xb6fDuO4Wmd5czBYDPrcP3TgQmxQJrb3s58eejPdz_x8T4CtUnOzte/s1600/titulo-sidebar-l%25C3%25ADnea-antes-despues.png" imageanchor="1" style="box-sizing: border-box; color: #dfcaae; margin-left: 1em; margin-right: 1em; text-decoration-line: none; touch-action: manipulation;"><span style="font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrQFmLUP9OVPhRRpDRqoAtQDSyemlBFHGHcqrSjqrjxOF2gDykKl7EePspj92qRZk_NflymmDi5kLFTMHVrDZSm0xb6fDuO4Wmd5czBYDPrcP3TgQmxQJrb3s58eejPdz_x8T4CtUnOzte/s1600/titulo-sidebar-l%25C3%25ADnea-antes-despues.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin: auto; max-width: 100%; vertical-align: middle; width: auto;" /></span></a></div><span style="font-size: large;">.sidebar h2 {<br /> font-family: 'Arial' !important;<br /> font-size:12px !important;<br /> color: #666;<br /> text-transform: uppercase;<br /> letter-spacing: 2px;<br /> text-align: center;<br /> padding-top: 5px;<br /> padding-bottom: 5px;<br />}<br />.sidebar h2:before {<br /> font-size: 20px;<br /> content: "\2014" "\00A0" ;<br />}<br /> <br />.sidebar h2:after {<br /> font-size: 20px;<br /> content: "\00A0" "\2014" ; <br />}</span><table 20="" cellspacing="10" style="border-collapse: collapse; border-spacing: 0px; box-sizing: border-box; color: #333333; font-family: arial; letter-spacing: 3px; margin: 10px auto; text-align: center; text-transform: uppercase; width: 653px;"><tbody style="box-sizing: border-box;"><tr style="box-sizing: border-box;"><td style="border-bottom: 2px solid rgb(137, 171, 227); box-sizing: border-box; padding: 0px; width: 180px;"><div style="box-sizing: border-box; margin: 0px;"><div style="box-sizing: border-box; margin: 0px;"><div style="box-sizing: border-box;"><span style="font-size: large;"><br /><br />TÍTULO DE GADGET SIDEBAR CON LÍNEA TRIPLE ANTES Y DESPUÉS:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoliteCFGA37XMVfg6AbJH9KvE8o3iV_3SfPdrR5s4X4hzXymsDtdzVLdZm3uUW3Xv_GW-6J4sV6TI3YAOzXxBwPQqaRnwMY1N-pmQPbv8RNPuTSA8qnNVDVn0tTAdBKnLJhczsQ6Ac_xM/s1600/titulo-sidebar-l%25C3%25ADnea-antes-despues-3.png"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoliteCFGA37XMVfg6AbJH9KvE8o3iV_3SfPdrR5s4X4hzXymsDtdzVLdZm3uUW3Xv_GW-6J4sV6TI3YAOzXxBwPQqaRnwMY1N-pmQPbv8RNPuTSA8qnNVDVn0tTAdBKnLJhczsQ6Ac_xM/s1600/titulo-sidebar-l%25C3%25ADnea-antes-despues-3.png" imageanchor="1" style="box-sizing: border-box; margin-left: 1em; margin-right: 1em; touch-action: manipulation;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoliteCFGA37XMVfg6AbJH9KvE8o3iV_3SfPdrR5s4X4hzXymsDtdzVLdZm3uUW3Xv_GW-6J4sV6TI3YAOzXxBwPQqaRnwMY1N-pmQPbv8RNPuTSA8qnNVDVn0tTAdBKnLJhczsQ6Ac_xM/s1600/titulo-sidebar-l%25C3%25ADnea-antes-despues-3.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin: auto; max-width: 100%; vertical-align: middle; width: auto;" /></a></span></div></div></div></td></tr></tbody></table><span style="font-size: large;"><br /></span><span style="font-size: large;"><br /><br /><br /><br />.sidebar h2 {<br /> font-family: 'Arial' !important;<br /> font-size:12px !important;<br /> color: #666;<br /> text-transform: uppercase;<br /> letter-spacing: 2px;<br /> text-align: center;<br /> padding-top: 5px;<br /> padding-bottom: 5px;<br />}<br />.sidebar h2:before {<br /> font-size: 15px;<br /> content: "\2261" "\00A0" ;<br /><br />}<br /> <br />.sidebar h2:after {<br /> font-size: 15px;<br /> content: "\00A0" "\2261" ; <br />}<br /><br /><br /><br /><br /><br /><br />TÍTULO DE GADGET SIDEBAR CON LÍNEA DOBLE ANTES Y DESPUÉS:</span><div class="separator" style="box-sizing: border-box; clear: both; color: #333333; font-family: Montserrat, sans-serif; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4rM6xcSW3rzbrZsQLLKmznPZd4xgI58cyXieWi5qKLpOcmHXpeZvZYQLf2W4V6uE6osZokcUGtBIOEbw4z1H36KivsiCVhDs_q39Tywa9KFn6lmMqpFiK_d8ly_kIG3eogIKKYvQGF724/s1600/titulo-sidebar-l%25C3%25ADnea-antes-despues-2.png" imageanchor="1" style="box-sizing: border-box; color: #dfcaae; margin-left: 1em; margin-right: 1em; text-decoration-line: none; touch-action: manipulation;"><span style="font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4rM6xcSW3rzbrZsQLLKmznPZd4xgI58cyXieWi5qKLpOcmHXpeZvZYQLf2W4V6uE6osZokcUGtBIOEbw4z1H36KivsiCVhDs_q39Tywa9KFn6lmMqpFiK_d8ly_kIG3eogIKKYvQGF724/s1600/titulo-sidebar-l%25C3%25ADnea-antes-despues-2.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin: auto; max-width: 100%; vertical-align: middle; width: auto;" /></span></a></div><span style="font-size: large;"><br />.sidebar h2 { font-family: 'Arial' !important; font-size:12px !important; color: #666; text-transform: uppercase; letter-spacing: 2px; text-align: center; padding-top: 5px; padding-bottom: 5px;}.sidebar h2:before { font-size: 15px; content: "\2550" "\00A0" ; } .sidebar h2:after { font-size: 15px; content: "\00A0" "\2550" ; }<br /><br /><br />TÍTULO DE GADGET SIDEBAR CON CUADRADO:</span><div class="separator" style="box-sizing: border-box; clear: both; color: #333333; font-family: Montserrat, sans-serif; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSSmw9zr_X4zX0tx1c8HS7K2EDFdIdTFvh8UPoFVG4SJLdcsC4-KSOxCGybyIEsIaIs4bCFO7x9VvuYjyC7ZDpHBGRtVdUiex2P_U3hn7cVVIJ3V_tQfb4tuTZPX4Rf59UdYTxg91Bi5XH/s1600/titulo-sidebar-cuadro.png" imageanchor="1" style="box-sizing: border-box; color: #dfcaae; margin-left: 1em; margin-right: 1em; text-decoration-line: none; touch-action: manipulation;"><span style="font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSSmw9zr_X4zX0tx1c8HS7K2EDFdIdTFvh8UPoFVG4SJLdcsC4-KSOxCGybyIEsIaIs4bCFO7x9VvuYjyC7ZDpHBGRtVdUiex2P_U3hn7cVVIJ3V_tQfb4tuTZPX4Rf59UdYTxg91Bi5XH/s1600/titulo-sidebar-cuadro.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin: auto; max-width: 100%; vertical-align: middle; width: auto;" /></span></a></div><span style="font-size: large;"><br style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif;" /></span><span style="font-size: large;">.sidebar h2 { font-family: 'Arial' !important; font-size:12px !important; color: #666; text-transform: uppercase; letter-spacing: 3px; text-align: center; border:1px solid #8fb59e; padding: 15px; } </span><span style="font-size: large;"><br style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif;" /><span style="background-color: #6fa8dc; box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif;"><span style="box-sizing: border-box; color: white;"> </span></span><br /><br />R E C U E R D A : si modificas los píxeles en la parte de "border" puedes conseguir líneas más gruesas.<br /><br /><br /></span><br /><table 20="" cellspacing="10" style="border-collapse: collapse; border-spacing: 0px; box-sizing: border-box; color: #333333; font-family: arial; letter-spacing: 3px; margin: 10px auto; text-align: center; text-transform: uppercase; width: 653px;"><tbody style="box-sizing: border-box;"><tr style="box-sizing: border-box;"><td style="border-bottom: 2px solid rgb(137, 171, 227); box-sizing: border-box; color: #757575; padding: 0px; width: 180px;"><div style="box-sizing: border-box; margin: 0px;"><div style="box-sizing: border-box; margin: 0px;"><div style="box-sizing: border-box; text-align: left;"><span style="font-size: large;"><br style="box-sizing: border-box;" /></span></div><div style="box-sizing: border-box;"><span style="font-size: large;"><br style="box-sizing: border-box;" /></span></div></div></div></td></tr></tbody></table><span style="font-size: large;">TÍTULO DE GADGET SIDEBAR CON LÍNEA ARRIBA Y ABAJO:</span><div class="separator" style="box-sizing: border-box; clear: both; color: #333333; font-family: Montserrat, sans-serif; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4VeTaeJCBiK3BgjSRGSJyYku3bwFXd0oAGnBJ5Eqlt7W2tQI5eENdAAbyGEEygahmcPMYFvS8T4lW4qHNvIdtHFdXdhQONphEuqTisu46nB7Wu5XrKS9kW7NxeUW_O81U-7vgxIEggH3P/s1600/titulo-sidebar-linea-arriba-abajo.png" imageanchor="1" style="box-sizing: border-box; color: #dfcaae; margin-left: 1em; margin-right: 1em; text-decoration-line: none; touch-action: manipulation;"><span style="font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4VeTaeJCBiK3BgjSRGSJyYku3bwFXd0oAGnBJ5Eqlt7W2tQI5eENdAAbyGEEygahmcPMYFvS8T4lW4qHNvIdtHFdXdhQONphEuqTisu46nB7Wu5XrKS9kW7NxeUW_O81U-7vgxIEggH3P/s1600/titulo-sidebar-linea-arriba-abajo.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin: auto; max-width: 100%; vertical-align: middle; width: auto;" /></span></a></div><div class="separator" style="box-sizing: border-box; clear: both; color: #333333; font-family: Montserrat, sans-serif; text-align: center;"></div><span style="font-size: large;"><br style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif;" /></span><br /><span style="font-size: large;">.sidebar h2 { font-family: 'Arial' !important; font-size:12px !important; color: #666; text-transform: uppercase; letter-spacing: 3px; text-align: center; border-top:2px solid #8fb59e; border-bottom:2px solid #8fb59e; padding: 10px; } </span><div><span style="box-sizing: border-box; font-family: "courier new", courier, monospace;"><br /></span></div><div><span style="box-sizing: border-box; font-family: "courier new", courier, monospace;"><br /></span></div><div><span style="box-sizing: border-box;"><div class="separator" style="box-sizing: border-box; clear: both; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWXTR46fs58uVQ4XLf-QEx959nKTr3FLxa507fFJMEpC24aayXp58TPUZGFcYy_zkk0ztXALEWhnA4ccenTeco47yAwtdFxQHlTW1K9Fe_PGAJaqpPSIxhqEa3Dyt0ZosnsaphdasZZiJX/s1600/titulo-sidebar-efecto-washi-tape.png" imageanchor="1" style="box-sizing: border-box; color: #dfcaae; margin-left: 1em; margin-right: 1em; text-decoration-line: none; touch-action: manipulation;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWXTR46fs58uVQ4XLf-QEx959nKTr3FLxa507fFJMEpC24aayXp58TPUZGFcYy_zkk0ztXALEWhnA4ccenTeco47yAwtdFxQHlTW1K9Fe_PGAJaqpPSIxhqEa3Dyt0ZosnsaphdasZZiJX/s1600/titulo-sidebar-efecto-washi-tape.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin: auto; max-width: 100%; vertical-align: middle; width: auto;" /></a></div><br style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px;" /><span style="font-size: large;"><br /><br /> Voy a usar este modelo, que como sabéis <a href="http://www.bloggerpasoapaso.com/2016/05/tutorial-blogger-como-poner-imagenes-entrada-post.html">hay que optimizar la imagen</a> para que no tengamos que redimensionar las medidas, así que he modificado el tamaño para que me coincida con el de los títulos de la sidebar.</span><br /><div style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px; text-align: justify;"><br style="box-sizing: border-box;" /></div><div class="separator" style="box-sizing: border-box; clear: both; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg5hk8hP0HMpFHf0REu1_v8x6jwmHm-3U0azfkCoGtMg2qE4Y8bp0YkeW6g3TLdP7WC4ret3M9MyPY8YcTzZ5LtUhuNdD5j7v3vXokuvdMuzd2hSoakGUJDiVZgRKewMuj34mozujFD8dR/s1600/10washitape-grande-miss-lavanda.png" imageanchor="1" style="box-sizing: border-box; color: #dfcaae; margin-left: 1em; margin-right: 1em; text-decoration-line: none; touch-action: manipulation;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg5hk8hP0HMpFHf0REu1_v8x6jwmHm-3U0azfkCoGtMg2qE4Y8bp0YkeW6g3TLdP7WC4ret3M9MyPY8YcTzZ5LtUhuNdD5j7v3vXokuvdMuzd2hSoakGUJDiVZgRKewMuj34mozujFD8dR/s1600/10washitape-grande-miss-lavanda.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin: auto; max-width: 100%; vertical-align: middle; width: auto;" /></a></div><span style="font-size: large;">Pues allá vamos con el código:<br /><br /><br /><br /><br />.sidebar h2 {<br /> font-family: 'Arial' !important;<br /> font-size:12px !important;<br /> color: #fff !important;<br /> text-transform: uppercase;<br /> letter-spacing: 3px;<br /> text-align: center;<br /> background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg5hk8hP0HMpFHf0REu1_v8x6jwmHm-3U0azfkCoGtMg2qE4Y8bp0YkeW6g3TLdP7WC4ret3M9MyPY8YcTzZ5LtUhuNdD5j7v3vXokuvdMuzd2hSoakGUJDiVZgRKewMuj34mozujFD8dR/s1600/10washitape-grande-miss-lavanda.png);<br /> padding: 10px;<br /> } <br /><br /><br /><br /><br /><br /><br />TÍTULO DE GADGET SIDEBAR CON FONDO DE COLOR CUADRADO:</span><div class="separator" style="box-sizing: border-box; clear: both; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie-0hYliwF2GnAQ02sf35hgvOkQXnN3fwH5i22_D7c7XctqTLi6VsETNhnRgNB1vL5grn9AaH7I6EMeNg_BbeOpnHOaDDTObHw91Jh0XT3usyXgsJFSrmFSNEeGy7MBruQK8JKsyCOICTG/s1600/titulo-sidebar-fondo-color.png" imageanchor="1" style="box-sizing: border-box; color: #dfcaae; margin-left: 1em; margin-right: 1em; text-decoration-line: none; touch-action: manipulation;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie-0hYliwF2GnAQ02sf35hgvOkQXnN3fwH5i22_D7c7XctqTLi6VsETNhnRgNB1vL5grn9AaH7I6EMeNg_BbeOpnHOaDDTObHw91Jh0XT3usyXgsJFSrmFSNEeGy7MBruQK8JKsyCOICTG/s1600/titulo-sidebar-fondo-color.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin: auto; max-width: 100%; vertical-align: middle; width: auto;" /></a></div><br style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px;" /><br style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px;" /><span style="font-size: large;"><br />.sidebar h2 { font-family: 'Arial' !important; font-size:12px !important; color: #fff !important; text-transform: uppercase; letter-spacing: 3px; text-align: center; background: #8fb59e; padding: 10px; }<br /><br /><br /><br /><br /><br /><br /><br />TÍTULO DE GADGET SIDEBAR CON FONDO DE COLOR REDONDEADO:</span><div style="box-sizing: border-box;"><div class="separator" style="box-sizing: border-box; clear: both; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnFgHf7Z00yztRUU-xwXQRWx956i97JoE-6R9T3tB4qXF4KyW4TyWgL02q4ueqCmVxtgjoJLdLFCV9yMJOZYNDxzv8IaBmkN5iiT8zy6VQMjqUDCQJcUx62y69J8xQkQ-G9u2yYPAtqlaU/s1600/titulo-gadget-sidebar-borde-redondo.png" imageanchor="1" style="box-sizing: border-box; color: #dfcaae; margin-left: 1em; margin-right: 1em; text-decoration-line: none; touch-action: manipulation;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnFgHf7Z00yztRUU-xwXQRWx956i97JoE-6R9T3tB4qXF4KyW4TyWgL02q4ueqCmVxtgjoJLdLFCV9yMJOZYNDxzv8IaBmkN5iiT8zy6VQMjqUDCQJcUx62y69J8xQkQ-G9u2yYPAtqlaU/s1600/titulo-gadget-sidebar-borde-redondo.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin: auto; max-width: 100%; vertical-align: middle; width: auto;" /></a></div><span style="box-sizing: border-box; color: #333333; font-family: "courier new", courier, monospace; font-size: 15.4px;"><br style="box-sizing: border-box;" /></span><br style="box-sizing: border-box;" /><span style="font-size: large;"><br />.sidebar h2 { font-family: 'Arial' !important; font-size:12px !important; color: #fff !important; text-transform: uppercase; letter-spacing: 3px; text-align: center; background: #8fb59e;border-radius: 50px; padding: 10px; }<br /><br />TÍTULO DE GADGET SIDEBAR SOLO TEXTO:</span></div><div style="box-sizing: border-box;"><div class="separator" style="box-sizing: border-box; clear: both; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTc5ULksupKSwAn8YG7IK3phtIvSS4ftb-oi7OizPpB-pAD5BDZp5qxkYpf2h7G-RkdnAT8SCoOElOe250GNlkKBr08qeJU1MPkcf7faNt-3JkOXgAblUTinNaNGkBDK7FKTIZ5stnHf1y/s1600/titulo-sidebar-solo+texto.png" imageanchor="1" style="box-sizing: border-box; color: #dfcaae; margin-left: 1em; margin-right: 1em; text-decoration-line: none; touch-action: manipulation;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTc5ULksupKSwAn8YG7IK3phtIvSS4ftb-oi7OizPpB-pAD5BDZp5qxkYpf2h7G-RkdnAT8SCoOElOe250GNlkKBr08qeJU1MPkcf7faNt-3JkOXgAblUTinNaNGkBDK7FKTIZ5stnHf1y/s1600/titulo-sidebar-solo+texto.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin: auto; max-width: 100%; vertical-align: middle; width: auto;" /></a></div><span style="box-sizing: border-box; color: #333333; font-family: "courier new", courier, monospace; font-size: 15.4px;"><br style="box-sizing: border-box;" /></span><br style="box-sizing: border-box;" /><span style="font-size: large;"><br /><br />.sidebar h2 {<br />font-size:20px !important; color: #8fb59e !important;<br />text-transform: uppercase; letter-spacing: 5px; text-align: center; padding: 10px; }<br /><br /><br /><br />En este caso la tipografía es la que hemos elegido en nuestro editor de plantilla de blogger.<br /><br /><br />En <a href="http://www.bloggerpasoapaso.com/2014/08/css-personalizar-titulos-gadget-widget.html">este otro post</a> te explico muchas más opciones de personalización pero si no quieres meterme mucho en código puedes usar estos que te he facilitado. Lo único que debes cambiar en aquel código que elijas es el color.<br /><br />Para eso sabes que tienes que <a href="http://www.bloggerpasoapaso.com/2016/05/crear-cabecera-bonita-blog-curso-gratis.html">tener tu paleta de colores</a>, de donde podrás escoger el color que más te guste para esta tarea de hoy.</span></div><div style="box-sizing: border-box;"><span style="font-size: large;"><br /></span></div><div style="box-sizing: border-box;"><span style="font-size: large;"><br /></span></div><div style="box-sizing: border-box;"><a href="https://www.bloggerpasoapaso.com/2016/06/personaliza-titulos-gadget-sidebar-juntos.html">https://www.bloggerpasoapaso.com/2016/06/personaliza-titulos-gadget-sidebar-juntos.html</a><br /></div></span></div>Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-15313420470195106452019-02-10T00:24:00.000+01:002023-06-10T23:10:56.687+02:00Menús<h3 style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 1.75rem; line-height: 1.2; margin: 0px 0px 1.5rem; text-transform: uppercase;">FONDO DEL MENÚ CON WASHI-TAPE:</h3><div class="separator" style="box-sizing: border-box; clear: both; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6WStgyShhbEmV6V4WS43HZifPbssgx208FHqFM4xUpp24CSaqB_Zb5RDyi5Yn8doJavmpFyYKvWwb-U8gBsApeVAVoLFPTHN5spbTz9sqxBJeZCfNHE71_t_kV7B5SRlD-Omrz00Au-Oz/s1600/menu-paginas-washitape.png" imageanchor="1" style="box-sizing: border-box; color: #dfcaae; margin-left: 1em; margin-right: 1em; text-decoration-line: none; touch-action: manipulation;"><img border="0" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6WStgyShhbEmV6V4WS43HZifPbssgx208FHqFM4xUpp24CSaqB_Zb5RDyi5Yn8doJavmpFyYKvWwb-U8gBsApeVAVoLFPTHN5spbTz9sqxBJeZCfNHE71_t_kV7B5SRlD-Omrz00Au-Oz/s640/menu-paginas-washitape.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin: auto; max-width: 100%; vertical-align: middle; width: auto;" width="640" /></a></div><br style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px;" /><br /><div align="center" style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px;"><pre style="box-sizing: border-box; font-family: monospace, monospace; font-size: 1em;">.PageList {<br />text-align:center !important;<br />}<br />.PageList li {<br />display:inline !important; <br />float:none !important;<br />}<br />.tabs-inner .section:first-child {<br />margin: -10px 0px 30px 0px;<br />}<br />.tabs-inner .section:first-child ul {<br />border-top: 0px solid #000;<br />border-bottom: 0px dotted #000;<br />}<br />.tabs-inner .widget ul {<br /> background-image: url(https://1.bp.blogspot.com/-</pre><pre style="box-sizing: border-box; font-family: monospace, monospace; font-size: 1em;">Xj8sRQXmTOg/V0_lihNaDKI/AAAAAAAAAEQ/m87XGFP5sJYCBp90iSu5NF</pre><pre style="box-sizing: border-box; font-family: monospace, monospace; font-size: 1em;">gkWpJsUY0DwCLcB/s1600/fondo-menu-blogger-washitape.png);<br /> height: 60px;<br />margin-bottom: 0;<br /> margin-top: 0;<br /> margin-left: -30px;<br /> margin-right: -30px;<br />}<br />.tabs-inner .widget li a {<br /> display: inline-block;<br />padding: 26px 20px 15px 22px;<br /> font:normal bold 12px Arial;<br />text-transform: uppercase;<br />letter-spacing: 3px;<br /> color: #fff;<br /> border-$startSide: 0px solid #fff;<br /> border-$endSide: 0px solid #fff;<br />}<br />.tabs-inner .widget li:first-child a {<br /> border-$startSide: none;<br />}<br />.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {<br /> color: #666;<br /> background-color: transparent;<br /> text-decoration: none;<br />} </pre></div><span style="color: #333333; font-family: "montserrat" , sans-serif; font-size: 15.4px;">Selecciona el texto y copialo.</span><br /><br /><h3 style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 1.75rem; line-height: 1.2; margin: 0px 0px 1.5rem; text-transform: uppercase;">FONDO DEL MENÚ DE PÁGINAS CUADRADO</h3><div class="separator" style="box-sizing: border-box; clear: both; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhbEbjdPlyHZ8jTPDl5J7qdLBXAvo4f2-mjyQYTymiJtrE6hFozbqS-KBz4cvF_LSMzNTDW5UEKvtZy8wHYsKRYEH8SZr_Apca07T8kj8kR37qUvShkTinDWwgQbpWatIOTyWAPmGzpyVm/s1600/menu-paginas-cuadrado.png" imageanchor="1" style="box-sizing: border-box; color: #dfcaae; margin-left: 1em; margin-right: 1em; text-decoration-line: none; touch-action: manipulation;"><img border="0" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhbEbjdPlyHZ8jTPDl5J7qdLBXAvo4f2-mjyQYTymiJtrE6hFozbqS-KBz4cvF_LSMzNTDW5UEKvtZy8wHYsKRYEH8SZr_Apca07T8kj8kR37qUvShkTinDWwgQbpWatIOTyWAPmGzpyVm/s640/menu-paginas-cuadrado.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin: auto; max-width: 100%; vertical-align: middle; width: auto;" width="640" /></a></div><br style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px;" /><div style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px; text-align: center;"><pre style="box-sizing: border-box; font-family: monospace, monospace; font-size: 1em;">.PageList {<br />text-align:center !important;<br />}<br />.PageList li {<br />display:inline !important; <br />float:none !important;<br />}<br />.tabs-inner .section:first-child {<br />margin: -10px 0px 30px 0px; <br /><br />}<br /><br />.tabs-inner .section:first-child ul {<br />border-top: 0px solid #000;<br />border-bottom: 0px dotted #000;<br /><br />}<br /><br />.tabs-inner .widget ul {<br />background: #8fb59e;<br /> height: 50px;<br />margin-bottom: 0;<br /> margin-top: 0;<br /> margin-left: -30px;<br /> margin-right: -30px;<br />}<br /><br />.tabs-inner .widget li a {<br /> display: inline-block;<br /><br />padding: 20px;<br /><br /> font:normal bold 12px Arial;<br />text-transform: uppercase;<br />letter-spacing: 3px;<br /> color: #fff;<br /><br /> border-$startSide: 0px solid #fff;<br /> border-$endSide: 0px solid #fff;<br />}<br /><br />.tabs-inner .widget li:first-child a {<br /> border-$startSide: none;<br />}<br /><br />.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {<br /> color: #666;<br /> background-color: transparent;<br /> text-decoration: none;<br />}</pre></div><br style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px;" /><br /><h3 style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 1.75rem; line-height: 1.2; margin: 0px 0px 1.5rem; text-transform: uppercase;"><br style="box-sizing: border-box;" />FONDO DEL MENÚ DE PÁGINAS CUADRADO CON BORDES REDONDEADOS</h3><div class="separator" style="box-sizing: border-box; clear: both; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwsCaXGer9BDSclAIrrkwrVvg_g3MkN05ZUdYeTYq_6CrjS2Dz_jo2ozvT8a4wH_ljfpm85SuLDrjr2Z3MiByk_OlOgnCQ3JNwbuF1_tnomBA1dtV7ijpwKGuLRyX_H0VFbQJY5C_GPRzH/s1600/menu-paginas-redondeado1.png" imageanchor="1" style="box-sizing: border-box; color: #dfcaae; margin-left: 1em; margin-right: 1em; text-decoration-line: none; touch-action: manipulation;"><img border="0" height="44" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwsCaXGer9BDSclAIrrkwrVvg_g3MkN05ZUdYeTYq_6CrjS2Dz_jo2ozvT8a4wH_ljfpm85SuLDrjr2Z3MiByk_OlOgnCQ3JNwbuF1_tnomBA1dtV7ijpwKGuLRyX_H0VFbQJY5C_GPRzH/s640/menu-paginas-redondeado1.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin: auto; max-width: 100%; vertical-align: middle; width: auto;" width="640" /></a></div><br style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px;" /><div style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px; text-align: center;"><pre style="box-sizing: border-box; font-family: monospace, monospace; font-size: 1em;">.PageList {<br />text-align:center !important;<br />}<br />.PageList li {<br />display:inline !important; <br />float:none !important;<br />}<br />.tabs-inner .section:first-child {<br />margin: -10px 0px 30px 0px; /*posición*/<br /><br />}<br /><br />.tabs-inner .section:first-child ul {<br />border-top: 0px solid #000;<br />border-bottom: 0px dotted #000;<br /><br />}<br /><br />.tabs-inner .widget ul {<br />background: #8fb59e;<br />border-radius: 50px;<br /> height: 50px;<br />margin-bottom: 0;<br /> margin-top: 0;<br /> margin-left: -30px;<br /> margin-right: -30px;<br />}<br /><br />.tabs-inner .widget li a {<br /> display: inline-block;<br /><br />padding: 20px;<br /><br /> font:normal bold 12px Arial;<br />text-transform: uppercase;<br />letter-spacing: 3px;<br /> color: #fff;<br /><br /> border-$startSide: 0px solid #fff;<br /> border-$endSide: 0px solid #fff;<br />}<br /><br />.tabs-inner .widget li:first-child a {<br /> border-$startSide: none;<br />}<br /><br />.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {<br /> color: #666;<br /> background-color: transparent;<br /> text-decoration: none;<br />}</pre></div><br style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px;" /><h3 style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 1.75rem; line-height: 1.2; margin: 0px 0px 1.5rem; text-transform: uppercase;">MENÚ DE PÁGINAS CON LÍNEA ARRIBA Y ABAJO:</h3><div class="separator" style="box-sizing: border-box; clear: both; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNYLzFyxXupt_so6WAMu1quikom1_Q2DSuxH9u8DlR1EhfBGZDoaEKGUuQTIGwbHOS5xwsUGPuImaGDBxFagjUCSJxzl8yEJ8u0PHAl5UqH-bOnIJUlGXzTv7-QQUoHBYhT77EOvUDhF4j/s1600/menu-paginas-l%25C3%25ADnea-arriba-abajo.png" imageanchor="1" style="box-sizing: border-box; color: #dfcaae; margin-left: 1em; margin-right: 1em; text-decoration-line: none; touch-action: manipulation;"><img border="0" height="44" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNYLzFyxXupt_so6WAMu1quikom1_Q2DSuxH9u8DlR1EhfBGZDoaEKGUuQTIGwbHOS5xwsUGPuImaGDBxFagjUCSJxzl8yEJ8u0PHAl5UqH-bOnIJUlGXzTv7-QQUoHBYhT77EOvUDhF4j/s640/menu-paginas-l%25C3%25ADnea-arriba-abajo.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin: auto; max-width: 100%; vertical-align: middle; width: auto;" width="640" /></a></div><br style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px;" /><div style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px; text-align: center;"><pre style="box-sizing: border-box; font-family: monospace, monospace; font-size: 1em;">.PageList {<br />text-align:center !important;<br />}<br />.PageList li {<br />display:inline !important; <br />float:none !important;<br />}<br />.tabs-inner .section:first-child {<br />margin: -10px 0px 30px 0px; <br /><br />}<br /><br />.tabs-inner .section:first-child ul {<br />border-top: 2px solid #8fb59e;<br />border-bottom: 2px solid #8fb59e;<br /><br />}<br /><br />.tabs-inner .widget ul {<br /><br /> height: 50px;<br />margin-bottom: 0;<br /> margin-top: 0;<br /> margin-left: -30px;<br /> margin-right: -30px;<br />}<br /><br />.tabs-inner .widget li a {<br /> display: inline-block;<br /><br />padding: 20px;<br /><br /> font:normal bold 12px Arial;<br />text-transform: uppercase;<br />letter-spacing: 3px;<br /> color: #8fb59e;<br /><br /> border-$startSide: 0px solid #fff;<br /> border-$endSide: 0px solid #fff;<br />}<br /><br />.tabs-inner .widget li:first-child a {<br /> border-$startSide: none;<br />}<br /><br />.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {<br /> color: #666;<br /> background-color: transparent;<br /> text-decoration: none;<br />}<br /></pre></div><br style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px;" /><h3 style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 1.75rem; line-height: 1.2; margin: 0px 0px 1.5rem; text-transform: uppercase;">MENÚ DE PÁGINAS CON LÍNEA ARRIBA Y PUNTITOS ABAJO:</h3><div class="separator" style="box-sizing: border-box; clear: both; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnBiovK4lRujQEEI76AIyGuCGTS_ieJnnV_JN7prYQLyk1DCdto8YuLXQYA-k-i7dDL56rF4wMD-mhgnJtKny6tf-wRqKjfySbtqYZk4UKYXGaOEa-L6y63WN7QZ77AV0g2j3-SaXpIzQD/s1600/menu-paginas-l%25C3%25ADnea-solid-puntos.png" imageanchor="1" style="box-sizing: border-box; color: #dfcaae; margin-left: 1em; margin-right: 1em; text-decoration-line: none; touch-action: manipulation;"><img border="0" height="44" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnBiovK4lRujQEEI76AIyGuCGTS_ieJnnV_JN7prYQLyk1DCdto8YuLXQYA-k-i7dDL56rF4wMD-mhgnJtKny6tf-wRqKjfySbtqYZk4UKYXGaOEa-L6y63WN7QZ77AV0g2j3-SaXpIzQD/s640/menu-paginas-l%25C3%25ADnea-solid-puntos.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin: auto; max-width: 100%; vertical-align: middle; width: auto;" width="640" /></a></div><br style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px;" /><div style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px; text-align: center;"><pre style="box-sizing: border-box; font-family: monospace, monospace; font-size: 1em;">.PageList {<br />text-align:center !important;<br />}<br />.PageList li {<br />display:inline !important; <br />float:none !important;<br />}<br />.tabs-inner .section:first-child {<br />margin: -10px 0px 30px 0px; /*posición*/<br /><br />}<br /><br />.tabs-inner .section:first-child ul {<br />border-top: 2px solid #8fb59e;/*bordes del menú*/<br />border-bottom: 2px dotted #8fb59e;/*bordes del menú*/<br /><br />}<br /><br />.tabs-inner .widget ul {<br /><br /> height: 50px;<br />margin-bottom: 0;<br /> margin-top: 0;<br /> margin-left: -30px;<br /> margin-right: -30px;<br />}<br /><br />.tabs-inner .widget li a {<br /> display: inline-block;<br /><br />padding: 20px;/*espacio entre pestañas*/<br /><br /> font:normal bold 12px Arial;<br />text-transform: uppercase;<br />letter-spacing: 3px;<br /> color: #8fb59e;<br /><br /> border-$startSide: 0px solid #fff;<br /> border-$endSide: 0px solid #fff;<br />}<br /><br />.tabs-inner .widget li:first-child a {<br /> border-$startSide: none;<br />}<br /><br />.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {<br /> color: #666;<br /> background-color: transparent;<br /> text-decoration: none;<br />}</pre></div><h3 style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 1.75rem; line-height: 1.2; margin: 0px 0px 1.5rem; text-transform: uppercase;"><br style="box-sizing: border-box;" />MENÚ DE PÁGINAS CUADRADO CON SELECCIÓN EN BLANCO</h3><br style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px;" /><br /><div class="separator" style="box-sizing: border-box; clear: both; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqViN0xB8MXGJT-PJC-CSirvG9G0DFCxaOrWinLW9owkLM8wIP-I70b1t0unYML8rXPv6u0rXDco7g1kAcuwzEiQlCiGl4wxUuGALOEo3ASF_N5Ku3nIoKJQR5xP3bT_nGdYJmig1MLkdK/s1600/menu-paginas-cuadrado-blanco.png" imageanchor="1" style="box-sizing: border-box; color: #dfcaae; margin-left: 1em; margin-right: 1em; text-decoration-line: none; touch-action: manipulation;"><img border="0" height="42" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqViN0xB8MXGJT-PJC-CSirvG9G0DFCxaOrWinLW9owkLM8wIP-I70b1t0unYML8rXPv6u0rXDco7g1kAcuwzEiQlCiGl4wxUuGALOEo3ASF_N5Ku3nIoKJQR5xP3bT_nGdYJmig1MLkdK/s640/menu-paginas-cuadrado-blanco.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin: auto; max-width: 100%; vertical-align: middle; width: auto;" width="640" /></a></div><br style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px;" /><br /><div style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px; text-align: center;"><pre style="box-sizing: border-box; font-family: monospace, monospace; font-size: 1em;">.PageList {<br />text-align:center !important;<br />}<br />.PageList li {<br />display:inline !important; <br />float:none !important;<br />}<br />.tabs-inner .section:first-child {<br />margin: -10px 0px 30px 0px; /*posición*/<br /><br />}<br /><br />.tabs-inner .section:first-child ul {<br />border-top: 0px solid #000;/*bordes del menú*/<br />border-bottom: 0px dotted #000;/*bordes del menú*/<br /><br />}<br /><br />.tabs-inner .widget ul {<br />background: #8fb59e;<br /> height: 50px;<br />margin-bottom: 0;<br /> margin-top: 0;<br /> margin-left: -30px;<br /> margin-right: -30px;<br />}<br /><br />.tabs-inner .widget li a {<br /> display: inline-block;<br /><br />padding: 20px;/*espacio entre pestañas*/<br /><br /> font:normal bold 12px Arial;<br />text-transform: uppercase;<br />letter-spacing: 3px;<br /> color: #fff;<br /><br /> border-$startSide: 0px solid #fff;<br /> border-$endSide: 0px solid #fff;<br />}<br /><br />.tabs-inner .widget li:first-child a {<br /> border-$startSide: none;<br />}<br /><br />.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {<br /> color: #8fb59e;<br /> background-color: #fff;<br /> text-decoration: none;<br />}</pre><br style="box-sizing: border-box;" /><br style="box-sizing: border-box;" /><div style="box-sizing: border-box; text-align: left;"><div style="box-sizing: border-box; text-align: center;"><br style="box-sizing: border-box;" /></div><div style="box-sizing: border-box; text-align: center;">Ey!! ¿A que están chulos? Pues ¿Qué tal si lo personalizamos un poquito más a nuestro gusto? </div><h3 style="box-sizing: border-box; color: inherit; font-family: inherit; font-size: 1.75rem; line-height: 1.2; margin: 0px 0px 1.5rem; text-transform: uppercase;"><table 20="" cellspacing="10" style="border-collapse: collapse; border-spacing: 0px; box-sizing: border-box; font-family: arial; font-size: 11px; letter-spacing: 3px; margin: 10px auto; text-align: center; width: 653px;"><tbody style="box-sizing: border-box;"><tr style="box-sizing: border-box;"><td style="border-bottom: 2px solid rgb(137, 171, 227); box-sizing: border-box; color: #757575; padding: 0px; width: 180px;"><div style="box-sizing: border-box; margin: 0px;"><div style="box-sizing: border-box; margin: 0px;"><br style="box-sizing: border-box;" /></div></div></td></tr></tbody></table><span style="box-sizing: border-box; font-weight: bolder;">PERSONALIZAR LOS CÓDIGOS:</span></h3><div style="box-sizing: border-box; text-align: justify;">En las clases anteriores como en la de personalizar título de gadgets, hemos practicado la modificación básica de algunos códigos, para acercarnos al efecto deseado. De todas formas te dejo una explicación de todos los significados para que puedas adaptarlo.<br /><br style="box-sizing: border-box;" /><span style="box-sizing: border-box; color: #6aa84f; font-family: "courier new" , "courier" , monospace;">.PageList {</span><br /><span style="box-sizing: border-box; color: #6aa84f; font-family: "courier new" , "courier" , monospace;">text-align:center !important;</span><br /><span style="box-sizing: border-box; color: #6aa84f; font-family: "courier new" , "courier" , monospace;">}</span><br /><span style="box-sizing: border-box; color: #6aa84f; font-family: "courier new" , "courier" , monospace;">.PageList li {</span><br /><span style="box-sizing: border-box; color: #6aa84f; font-family: "courier new" , "courier" , monospace;">display:inline !important; </span><br /><span style="box-sizing: border-box; color: #6aa84f; font-family: "courier new" , "courier" , monospace;">float:none !important;</span><br /><span style="box-sizing: border-box; color: #6aa84f; font-family: "courier new" , "courier" , monospace;">}</span><br /><span style="box-sizing: border-box; color: #444444;"><br style="box-sizing: border-box;" /></span><span style="box-sizing: border-box; color: #444444;">Esta parte del código, lo llevan todos, es para centrar las pestañas. Si lo quieres a un margen basta con cambiar </span><span style="box-sizing: border-box; color: #6aa84f;">center </span><span style="box-sizing: border-box; color: #444444;">por </span><span style="box-sizing: border-box; color: #6aa84f;">right</span><span style="box-sizing: border-box; color: #444444;"> o </span><span style="box-sizing: border-box; color: #6aa84f;">left</span><span style="box-sizing: border-box; color: #444444;">, según quieras derecha o izquierda, respectivamente.</span><br /><span style="box-sizing: border-box; color: #6aa84f;"><br style="box-sizing: border-box;" /></span><span style="box-sizing: border-box; color: #e06666; font-family: "courier new" , "courier" , monospace;">.tabs-inner .section:first-child {</span><br /><span style="box-sizing: border-box; color: #e06666; font-family: "courier new" , "courier" , monospace;">margin: -10px 0px 30px 0px; </span><span style="box-sizing: border-box; font-family: inherit;">/*posición del menú*/</span><br /><span style="box-sizing: border-box; color: #e06666; font-family: "courier new" , "courier" , monospace;">}</span><br /><span style="box-sizing: border-box; color: #e06666;"><br style="box-sizing: border-box;" /></span><span style="box-sizing: border-box; color: #e06666; font-family: "courier new" , "courier" , monospace;">.tabs-inner .section:first-child ul {</span><br /><span style="box-sizing: border-box; color: #e06666; font-family: "courier new" , "courier" , monospace;">border-top: 0px solid #000;</span><span style="box-sizing: border-box; font-family: inherit;">/*bordes del menú arriba*/</span><br /><span style="box-sizing: border-box; color: #e06666; font-family: "courier new" , "courier" , monospace;">border-bottom: 0px dotted #000;</span><span style="box-sizing: border-box; font-family: inherit;">/*bordes del menú abajo*/</span><br /><span style="box-sizing: border-box; color: #e06666; font-family: "courier new" , "courier" , monospace;">}</span><br /><br style="box-sizing: border-box;" />En esta parte podemos cambiar todo lo que queramos para que se adapte a nuestro gusto. Cambiar el color, que ahora está en negro #000 o el tamaño de la línea, en este código con 0px.<br />- Si queremos que la línea sea punteada: <span style="box-sizing: border-box; color: #e06666;">dotted</span><br />- Si queremos que sea a rayas: <span style="box-sizing: border-box; color: #e06666;">dashed</span><br />- Ahora está en <span style="box-sizing: border-box; color: #e06666;">solid </span>que es una línea normal, arriba <span style="box-sizing: border-box; color: #e06666;">top </span>y punteada abajo <span style="box-sizing: border-box; color: #e06666;">bottom.</span><br />- Si quieres que también tenga línea a los lados usa <span style="box-sizing: border-box; color: #e06666;">border-left</span> y <span style="box-sizing: border-box; color: #e06666;">border-right</span> con el resto de código igual.<br /><br style="box-sizing: border-box;" /><br style="box-sizing: border-box;" /><span style="box-sizing: border-box; color: #e69138; font-family: "courier new" , "courier" , monospace;">.tabs-inner .widget ul {</span><br /><span style="box-sizing: border-box; color: #e69138; font-family: "courier new" , "courier" , monospace;">background: #8fb59e; </span>/*fondo del menú*/<br /><span style="box-sizing: border-box; color: #e69138; font-family: "courier new" , "courier" , monospace;"> height: 50px; </span>/* ancho del menú*/<br /><span style="box-sizing: border-box; color: #e69138;"><span style="box-sizing: border-box; font-family: "courier new" , "courier" , monospace;">margin-bottom: 0;</span> /</span>* margen abajo*/<br /><span style="box-sizing: border-box; color: #e69138;"><span style="box-sizing: border-box; font-family: "courier new" , "courier" , monospace;"> margin-top: 0;</span> </span>/* margen arriba*/<br /><span style="box-sizing: border-box; font-family: "courier new" , "courier" , monospace;"><span style="box-sizing: border-box; color: #e69138;"> margin-left: -30px;</span> </span>/* margen izquierda*/<br /><span style="box-sizing: border-box; color: #e69138;"><span style="box-sizing: border-box; font-family: "courier new" , "courier" , monospace;"> margin-right: -30px;</span> </span>/* margen derecha*/<br /><span style="box-sizing: border-box; color: #e69138; font-family: "courier new" , "courier" , monospace;">}</span><br /><span style="box-sizing: border-box; color: #674ea7;"><br style="box-sizing: border-box;" /></span><span style="box-sizing: border-box; color: #a64d79; font-family: "courier new" , "courier" , monospace;">.tabs-inner .widget li a {</span><br /><span style="box-sizing: border-box; color: #a64d79; font-family: "courier new" , "courier" , monospace;"> display: inline-block;</span><br /><span style="box-sizing: border-box; color: #a64d79; font-family: "courier new" , "courier" , monospace;">padding: 20px;</span>/*espacio entre pestañas*/<br /><span style="box-sizing: border-box; color: #a64d79;"><span style="box-sizing: border-box; font-family: "courier new" , "courier" , monospace;"> font:normal bold 12px Arial;</span> </span>/* tipo de letra*/<br /><span style="box-sizing: border-box; color: #a64d79;"><span style="box-sizing: border-box; font-family: "courier new" , "courier" , monospace;">text-transform: uppercase;</span> </span>/*mayúsculas, si no lo quieres elimína esta línea*/<br /><span style="box-sizing: border-box; color: #a64d79; font-family: "courier new" , "courier" , monospace;">letter-spacing: 3px; </span>/* espacio entre letras*/<br /><span style="box-sizing: border-box; color: #a64d79;"><span style="box-sizing: border-box; font-family: "courier new" , "courier" , monospace;"> color: #fff;</span> </span>/* color del texto*/<br /><span style="box-sizing: border-box; color: #a64d79;"><br style="box-sizing: border-box;" /></span><span style="box-sizing: border-box; color: #a64d79;"><span style="box-sizing: border-box; font-family: "courier new" , "courier" , monospace;"> border-$startSide: 0px solid #fff;</span> </span>/* borde en la pestaña, así no hay*/<br /><span style="box-sizing: border-box; color: #a64d79;"> <span style="box-sizing: border-box; font-family: "courier new" , "courier" , monospace;"> border-$endSide: 0px solid #fff;</span> </span>/* borde en la pestaña, así no hay*/<br /><span style="box-sizing: border-box; color: #a64d79; font-family: "courier new" , "courier" , monospace;">}</span><br /><span style="box-sizing: border-box; color: #674ea7;"><br style="box-sizing: border-box;" /></span><span style="box-sizing: border-box; color: #3d85c6; font-family: "courier new" , "courier" , monospace;">.tabs-inner .widget li:first-child a {</span><br /><span style="box-sizing: border-box; color: #3d85c6;"> <span style="box-sizing: border-box; font-family: "courier new" , "courier" , monospace;"> border-$startSide: none;</span> </span>/* borde en la pestaña, así no hay*/<br /><span style="box-sizing: border-box; color: #3d85c6; font-family: "courier new" , "courier" , monospace;">}</span><br /><span style="box-sizing: border-box; color: #3d85c6;"><br style="box-sizing: border-box;" /></span><span style="box-sizing: border-box; color: #3d85c6; font-family: "courier new" , "courier" , monospace;">.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {</span><br /><span style="box-sizing: border-box; color: #3d85c6;"><span style="box-sizing: border-box; font-family: "courier new" , "courier" , monospace;"> color: #8fb59e;</span> </span>/*Color cuando pasamos con el ratón*/<br /><span style="box-sizing: border-box; color: #3d85c6;"><span style="box-sizing: border-box; font-family: "courier new" , "courier" , monospace;"> background-color: #fff;</span> </span>/* fondo de la pestaña cuando pasamos con el ratón*/<br /><span style="box-sizing: border-box; color: #3d85c6;"><span style="box-sizing: border-box; font-family: "courier new" , "courier" , monospace;"> text-decoration: none;</span> </span>/* sin subrayado de enlace*/<br /><span style="box-sizing: border-box; color: #3d85c6; font-family: "courier new" , "courier" , monospace;">}</span><br /><br style="box-sizing: border-box;" />En todo el resto ya te lo dejo señalado en cada código, cambia al gusto.<br /><br style="box-sizing: border-box;" />Podéis cambiar todos los códigos de color e ir viendo los cambios para visualizar cómo os gusta más, pero si no controláis mucho de código <span style="box-sizing: border-box; font-weight: bolder;">os aconsejo que solamente uséis uno de los códigos que he compartido y cambies donde he puesto #8fb59e por el color que elijas de tu paleta de colores</span>, es super fácil, no me digas que no! ;)</div><br style="box-sizing: border-box;" />De todas formas<span style="box-sizing: border-box; font-weight: bolder;"> cualquier dudita ya sabes, me lo cuentas en los comentarios de aquí abajo </span>:)<br /><br style="box-sizing: border-box;" /><br style="box-sizing: border-box;" /><table 20="" cellspacing="10" style="border-collapse: collapse; border-spacing: 0px; box-sizing: border-box; font-family: arial; font-size: 11px; letter-spacing: 3px; margin: 10px auto; text-align: center; text-transform: uppercase; width: 653px;"><tbody style="box-sizing: border-box;"><tr style="box-sizing: border-box;"><td style="border-bottom: 2px solid rgb(137, 171, 227); box-sizing: border-box; color: #757575; padding: 0px; width: 180px;"><div style="box-sizing: border-box; margin: 0px;"><div style="box-sizing: border-box; margin: 0px;">.</div></div></td></tr></tbody></table><span style="box-sizing: border-box; font-weight: bolder;"><span style="box-sizing: border-box; font-size: medium;">Ahora vamos a colocar el código en nuestra plantilla</span></span> para que nuestro menú quede así de bonito.</div><div style="box-sizing: border-box; text-align: left;"><br style="box-sizing: border-box;" /></div><div style="box-sizing: border-box; text-align: left;"><span aria-hidden="true" class="fa fa-check-square-o" style="box-sizing: border-box; display: inline-block; font-family: "font awesome 5 free"; font-weight: 900; line-height: 1;"></span> Vamos a <span style="box-sizing: border-box; font-weight: bolder;">Plantilla</span><br /><span style="box-sizing: border-box; font-weight: bolder;"><br style="box-sizing: border-box;" /></span></div><div style="box-sizing: border-box; text-align: left;"><span aria-hidden="true" class="fa fa-check-square-o" style="box-sizing: border-box; display: inline-block; font-family: "font awesome 5 free"; font-weight: 900; line-height: 1;"></span> Hacemos una <span style="box-sizing: border-box; font-weight: bolder;">Copia de Seguridad</span><br /><span style="box-sizing: border-box; font-weight: bolder;"><br style="box-sizing: border-box;" /></span></div><div style="box-sizing: border-box; text-align: left;"><span aria-hidden="true" class="fa fa-check-square-o" style="box-sizing: border-box; display: inline-block; font-family: "font awesome 5 free"; font-weight: 900; line-height: 1;"></span> Le damos a <span style="box-sizing: border-box; font-weight: bolder;">Editar HTML</span><br /><span style="box-sizing: border-box; font-weight: bolder;"><br style="box-sizing: border-box;" /></span></div><div style="box-sizing: border-box; text-align: left;"></div></div><span aria-hidden="true" class="fa fa-check-square-o" i="" style="box-sizing: border-box; color: #333333; display: inline-block; font-family: "font awesome 5 free"; font-size: 15.4px; font-weight: 900; line-height: 1;"></span><span style="color: #333333; font-family: "montserrat" , sans-serif; font-size: 15.4px;"> Buscamos en plantilla (si no sabes cómo mira este vídeo) el siguiente código: </span><br /><blockquote class="tr_bq" style="border-left: 3px solid rgb(223, 202, 174); box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 1.2rem; font-style: italic; margin: 1rem 3rem 0px; padding: 0.5rem 2rem; position: relative;"><span style="box-sizing: border-box; font-family: "courier new" , "courier" , monospace;"><br style="box-sizing: border-box;" /></span><span style="box-sizing: border-box; font-family: "courier new" , "courier" , monospace;">.tabs-inner .section</span></blockquote><span aria-hidden="true" class="fa fa-check-square-o" style="box-sizing: border-box; color: #333333; display: inline-block; font-family: "font awesome 5 free"; font-size: 15.4px; font-weight: 900; line-height: 1;"></span><span style="color: #333333; font-family: "montserrat" , sans-serif; font-size: 15.4px;">Después </span><span style="box-sizing: border-box; color: #333333; font-family: "montserrat" , sans-serif; font-size: 15.4px; font-weight: bolder;">borramos </span><span style="color: #333333; font-family: "montserrat" , sans-serif; font-size: 15.4px;">todo lo que hay desde ese primer código hasta este otro:</span><br /><br /><blockquote class="tr_bq" style="border-left: 3px solid rgb(223, 202, 174); box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 1.2rem; font-style: italic; margin: 1rem 3rem 0px; padding: 0.5rem 2rem; position: relative;"><span style="box-sizing: border-box; font-family: "courier new" , "courier" , monospace;">.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {</span><span style="box-sizing: border-box; font-family: "courier new" , "courier" , monospace;"> color: $(tabs.selected.text.color);</span><span style="box-sizing: border-box; font-family: "courier new" , "courier" , monospace;"> background-color: $(tabs.selected.background.color);</span><span style="box-sizing: border-box; font-family: "courier new" , "courier" , monospace;"> text-decoration: none;</span><span style="box-sizing: border-box; font-family: "courier new" , "courier" , monospace;">}</span></blockquote><span style="color: #333333; font-family: "montserrat" , sans-serif; font-size: 15.4px;">Este anterior también se elimina.</span><br /><br style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px;" /><span style="box-sizing: border-box; color: #333333; font-family: "montserrat" , sans-serif; font-size: 15.4px; font-weight: bolder;"><span aria-hidden="true" class="fa fa-check-square-o" style="box-sizing: border-box; display: inline-block; font-family: "font awesome 5 free"; line-height: 1;"></span><u style="box-sizing: border-box;"> En su lugar</u></span><span style="color: #333333; font-family: "montserrat" , sans-serif; font-size: 15.4px;"> </span><span style="box-sizing: border-box; color: #333333; font-family: "montserrat" , sans-serif; font-size: 15.4px; font-weight: bolder;">pegamos el código que hayamos elegido</span><span style="color: #333333; font-family: "montserrat" , sans-serif; font-size: 15.4px;"> de los anteriores que os he compartido.</span><br /><br style="box-sizing: border-box; color: #333333; font-family: Montserrat, sans-serif; font-size: 15.4px;" /><span aria-hidden="true" class="fa fa-check-square-o" style="box-sizing: border-box; color: #333333; display: inline-block; font-family: "font awesome 5 free"; font-size: 15.4px; font-weight: 900; line-height: 1;"></span><a href="https://www.bloggerpasoapaso.com/2016/06/tutorial-blogger-personalizar-menu-paginas.html">https://www.bloggerpasoapaso.com/2016/06/tutorial-blogger-personalizar-menu-paginas.html</a><br /><span style="color: #333333; font-family: "montserrat" , sans-serif; font-size: 15.4px;"><br /></span><span style="color: #333333; font-family: "montserrat" , sans-serif; font-size: 15.4px;"><br /></span><span style="color: #333333; font-family: "montserrat" , sans-serif; font-size: 15.4px;"><br /></span><span style="color: #333333; font-family: "montserrat" , sans-serif; font-size: 15.4px;"><br /></span><span style="color: #333333; font-family: "montserrat" , sans-serif; font-size: 15.4px;"><br /></span>Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.comtag:blogger.com,1999:blog-9033271531591031537.post-44433216415812164192018-08-31T17:28:00.000+02:002018-09-18T18:03:28.002+02:00Para maquina<div style="background-color: white; color: #555555; font-family: "Century Gothic", AppleGothic, Arial, sans-serif; font-size: 13px; line-height: 22px; padding: 0px 0px 15px; text-align: center;">
<br /></div>
<ol style="background-color: white; color: #555555; font-family: "Century Gothic", AppleGothic, Arial, sans-serif; font-size: 13px; list-style-type: none; margin: 0px 0px 0px 30px; padding: 0px 0px 15px;">
<li style="list-style-type: decimal; margin: 0px; padding: 0px;"><a href="https://thesewingloftblog.com/wp-content/uploads/2015/01/scrap-pile-2-marked.jpg" style="color: #c19286; text-decoration-line: none;"><br /><img alt="Cómo hacer chatarra vinculante. El Loft de costura" class="aligncenter size-full wp-image-446776" height="400" sizes="(max-width: 600px) 100vw, 600px" src="https://thesewingloftblog.com/wp-content/uploads/2015/01/scrap-pile-2-marked.jpg" srcset="https://thesewingloftblog.com/wp-content/uploads/2015/01/scrap-pile-2-marked.jpg 600w, https://thesewingloftblog.com/wp-content/uploads/2015/01/scrap-pile-2-marked-300x200.jpg 300w" style="border: none; display: block; margin: 0px auto 10px; max-width: 100%;" width="600" /></a></li>
<li style="list-style-type: decimal; margin: 0px; padding: 0px;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Una vez que todas sus tiras hayan sido cortadas, es hora de dirigirse a la máquina. </span><span style="vertical-align: inherit;">Coloque el extremo de una tira en la parte superior del extremo de la otra, colocándolas en un ángulo de 90 grados el uno del otro. </span><span style="vertical-align: inherit;">Coser una línea diagonal en un ángulo de 45 grados, y recortar la esquina, así:</span></span><a href="https://thesewingloftblog.com/wp-content/uploads/2015/01/How-to-Sew-Scrap-Binding.jpg" style="color: #c19286; text-decoration-line: none;"><img alt="Convierta los restos de tela sobrantes en la encuadernación de la colcha. Cómo hacer chatarra vinculante. El Loft de costura" class="aligncenter size-full wp-image-446797" height="321" sizes="(max-width: 600px) 100vw, 600px" src="https://thesewingloftblog.com/wp-content/uploads/2015/01/How-to-Sew-Scrap-Binding.jpg" srcset="https://thesewingloftblog.com/wp-content/uploads/2015/01/How-to-Sew-Scrap-Binding.jpg 600w, https://thesewingloftblog.com/wp-content/uploads/2015/01/How-to-Sew-Scrap-Binding-300x161.jpg 300w" style="border: none; display: block; margin: 0px auto 10px; max-width: 100%;" width="600" /></a></li>
<li style="list-style-type: decimal; margin: 0px; padding: 0px;"><div dir="ltr" style="line-height: 22px; padding: 0px 0px 15px;">
<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Abre tus costuras y presiona. </span><span style="vertical-align: inherit;">Repita hasta que tenga suficiente encuadernación para completar su proyecto. </span><span style="vertical-align: inherit;">¿No estás seguro de cuánto enlace necesitas? </span><span style="vertical-align: inherit;">Haga clic aquí para aprender </span></span><span style="color: #993300;"><a href="https://thesewingloftblog.com/2014/07/01/make-straight-grain-binding/" style="color: #993300; text-decoration-line: none;" title="Cómo hacer un enlace de grano recto">a calcular el sesgo básico</a></span><span style="vertical-align: inherit;"> .</span></div>
</li>
<li style="list-style-type: decimal; margin: 0px; padding: 0px;"><span style="vertical-align: inherit;">Doble la tira por la mitad, presione y adjunte a su proyecto.</span><a href="https://thesewingloftblog.com/wp-content/uploads/2015/01/scrap-binding-sized-marked.jpg" style="color: #c19286; text-decoration-line: none;"><img alt="Convierta los restos de tela sobrantes en la encuadernación de la colcha. Cómo hacer chatarra vinculante. El Loft de costura" class="aligncenter size-full wp-image-446818" height="400" sizes="(max-width: 600px) 100vw, 600px" src="https://thesewingloftblog.com/wp-content/uploads/2015/01/scrap-binding-sized-marked.jpg" srcset="https://thesewingloftblog.com/wp-content/uploads/2015/01/scrap-binding-sized-marked.jpg 600w, https://thesewingloftblog.com/wp-content/uploads/2015/01/scrap-binding-sized-marked-300x200.jpg 300w" style="border: none; display: block; margin: 0px auto 10px; max-width: 100%;" width="600" /></a></li>
</ol>
<div class="adthrive-ad adthrive-dynamic adthrive-content" data-google-query-id="CKnU0e-SotwCFVcQGwodH6sEJg" id="AdThrive_Content_2_desktop" style="background-color: white; color: #555555; font-family: "Century Gothic", AppleGothic, Arial, sans-serif; font-size: 13px; margin-bottom: 10px; margin-top: 10px; overflow-x: hidden; text-align: center;">
<div id="google_ads_iframe_18190176/AdThrive_Content_2/57976cc4146cc0b06b467558_0__container__" style="border: 0pt none;">
<iframe frameborder="0" height="1" id="google_ads_iframe_18190176/AdThrive_Content_2/57976cc4146cc0b06b467558_0" marginheight="0" marginwidth="0" name="google_ads_iframe_18190176/AdThrive_Content_2/57976cc4146cc0b06b467558_0" scrolling="no" style="border-style: initial; border-width: 0px; vertical-align: bottom;" title="Contenido publicitario de terceros" width="1"></iframe></div>
</div>
<div style="background-color: white; color: #555555; font-family: "Century Gothic", AppleGothic, Arial, sans-serif; font-size: 13px; line-height: 22px; padding: 0px 0px 15px;">
<span style="vertical-align: inherit;">Ahora que tiene sus tiras de tela de desecho cosidas, es hora de pensar qué hacer.</span></div>
<div style="background-color: white; color: #555555; font-family: "Century Gothic", AppleGothic, Arial, sans-serif; font-size: 13px; line-height: 22px; padding: 0px 0px 15px;">
<a href="https://thesewingloftblog.com/wp-content/uploads/2015/01/scrap-binding-in-action-marked.jpg" style="color: #c19286; text-decoration-line: none;"><img alt="Estera de coser con detalles de encuadernación chatarra. El Loft de costura" class="aligncenter size-full wp-image-446823" height="450" sizes="(max-width: 600px) 100vw, 600px" src="https://thesewingloftblog.com/wp-content/uploads/2015/01/Sewing-Mat-Hero-Marked.jpg" srcset="https://thesewingloftblog.com/wp-content/uploads/2015/01/Sewing-Mat-Hero-Marked.jpg 600w, https://thesewingloftblog.com/wp-content/uploads/2015/01/Sewing-Mat-Hero-Marked-300x225.jpg 300w" style="border: none; display: block; margin: 0px auto 10px; max-width: 100%;" width="600" /><img alt="Cómo hacer chatarra vinculante. El Loft de costura" class="aligncenter size-full wp-image-446777" height="400" sizes="(max-width: 600px) 100vw, 600px" src="https://thesewingloftblog.com/wp-content/uploads/2015/01/scrap-binding-in-action-marked.jpg" srcset="https://thesewingloftblog.com/wp-content/uploads/2015/01/scrap-binding-in-action-marked.jpg 600w, https://thesewingloftblog.com/wp-content/uploads/2015/01/scrap-binding-in-action-marked-300x200.jpg 300w" style="border: none; display: block; margin: 0px auto 10px; max-width: 100%;" width="600" /></a></div>
<div style="background-color: white; line-height: 22px; padding: 0px 0px 15px;">
<span style="color: #555555; font-family: "century gothic" , "applegothic" , "arial" , sans-serif; font-size: 13px; vertical-align: inherit;">https://thesewingloftblog.com/</span></div>
<div style="background-color: white; color: #555555; font-family: "Century Gothic", AppleGothic, Arial, sans-serif; font-size: 13px; line-height: 22px; padding: 0px 0px 15px;">
<span style="vertical-align: inherit;"><br /></span></div>
Pilar Binaburo G.http://www.blogger.com/profile/04124990970970379365noreply@blogger.com