Citlali Magazine
Hace 1 año
viernes, septiembre 03, 2010
lunes, mayo 24, 2010
Firma en el Post
María, me pregunta como poner una firma personalizada en los posts!
Nada más fácil que entrar en Livesignature, y crearla los pasos son muy sencillos, pero os los dejo de todos modos :
( visto en Si quieres puedes - transcrito )
Una vez en la página pulsais en CREATE SIGNATURE.
Os va a dar dos opciones, escogeis la de arriba "Using the signature creation wizard" para que te ofrezca tipos de letra, tamaño, etc. La segunda opción sería para hacer la firma desde una imagen escaneada.
Una vez seleccionado lo anterior os lleva a una pantalla en la que dice Enter the name, en la cajita de texto escribis el texto que quereis que se vea en la firma.
Os va a ofrecer seguidamente el tipo de letra que quereis, en la siguiente pantalla el tamaño, en la siguiente el color y por último la inclinación del texto. Vais seleccionando vuestras preferencias y pulsando Next Step. Cuando teneis todo elegido llegais a una pantalla que dice: Finished! The signature is ready. Tendreís la vista previa de vuestra firma y pulsando en: Want to use this signature? os lleva a la pantalla que os genera el código mágico. Elegis la primera opción que es la gratis y ya teneis una firma para vuestros posts.
Si no quereis pegar el código en cada una de las entradas,teneis que ir a la Edición y en Opciones elegís Formato, ahí teneis como última opción Plantilla de entrada. Pegando el código en ese espacio aparecera automáticamente en cada nueva entrada aunque no se pondrá en las que tuvierais hechas de antemano.
También podéis hacer de otra manera, que lo explica divinamente Rosa.
Nada más fácil que entrar en Livesignature, y crearla los pasos son muy sencillos, pero os los dejo de todos modos :
( visto en Si quieres puedes - transcrito )
Una vez en la página pulsais en CREATE SIGNATURE.
Os va a dar dos opciones, escogeis la de arriba "Using the signature creation wizard" para que te ofrezca tipos de letra, tamaño, etc. La segunda opción sería para hacer la firma desde una imagen escaneada.
Una vez seleccionado lo anterior os lleva a una pantalla en la que dice Enter the name, en la cajita de texto escribis el texto que quereis que se vea en la firma.
Os va a ofrecer seguidamente el tipo de letra que quereis, en la siguiente pantalla el tamaño, en la siguiente el color y por último la inclinación del texto. Vais seleccionando vuestras preferencias y pulsando Next Step. Cuando teneis todo elegido llegais a una pantalla que dice: Finished! The signature is ready. Tendreís la vista previa de vuestra firma y pulsando en: Want to use this signature? os lleva a la pantalla que os genera el código mágico. Elegis la primera opción que es la gratis y ya teneis una firma para vuestros posts.
Si no quereis pegar el código en cada una de las entradas,teneis que ir a la Edición y en Opciones elegís Formato, ahí teneis como última opción Plantilla de entrada. Pegando el código en ese espacio aparecera automáticamente en cada nueva entrada aunque no se pondrá en las que tuvierais hechas de antemano.
También podéis hacer de otra manera, que lo explica divinamente Rosa.
domingo, abril 11, 2010
Emoticonos en los comentarios
Nuevos emoticonos para formulario de comentarios
RECOPILADO DEL BLOG - EL ESCAPARATE DE ROSA
[1] En nuestro panel de Blogger nos situamos en Edición HTML.
[2] Marcamos ahora la casilla de "Expandir plantillas de artilugios".
[3] Localizamos esta línea de código:
[4] Justo debajo, pegamos este código:
[5] Guardamos los cambios y ya podemos comprobar que sobre el formulario de comentarios estarán los emoticonos y sus símbolos correspondientes.
Una vez incluida la imagen con los emoticonos, vamos a ver como incluir en la plantilla el código (script) que hará posible el usar los emoticonos en los comentarios.
[5] Localizamos la etiqueta </body> en nuestra plantilla (casi al final del código de la misma) y, justo sobre ella, pegamos el script:
[6] Guardamos cambios.
Nota:
RECOPILADO DEL BLOG - EL ESCAPARATE DE ROSA
[1] En nuestro panel de Blogger nos situamos en Edición HTML.
[2] Marcamos ahora la casilla de "Expandir plantillas de artilugios".
[3] Localizamos esta línea de código:
<p><data:blogCommentMessage/></p>
[4] Justo debajo, pegamos este código:
<div style=' width: 370px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKEPTdo1Ce6xT-iloK2Sp7D1KSbkdaVoKpV-W3HKd1hHWQySxCo7iYnKoODJ85TR2x3cZyaPNQycgqFQDXpmf_13m2FPuUcg8Z97BeDDDvcF2FeEqGnG_ZThrDs40wQFfD1O6SkSLL9xA/s800/emoticon-0100-smile.gif'/> :a
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiixTBQjbpolHwdHvg3NnzVgR_5lb8RPCO7asfeydxXkVH2BdW3ETrFOrB0AbWiviLm3bcUoJGIhEuVIrbw-pk_WNX_AWyj__UEY0MAxFEGfKflFObHZPknwc42VFf7r29TVfEgUYov8ws/s800/emoticon-0101-sadsmile.gif'/> :b
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0a7NVRlQJ7irk77YMRxhHIwsZKIqAoR34AjFeNuTJay_vL_gVJJ6iyeOWfdQdaVwwXavaj_EuTJrmApPsuWA_IUSRu5RWQqeo0xfRHNZOSO_KITe7FvwOHOS53-LIC5ZeRSfXnfzfltM/s800/emoticon-0102-bigsmile.gif'/> :c
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbEbBnvGNdvdhN1P1yGmvGaQTgGREFAk0LYLbQp3LrBCF7oY7iCyYIBCPy0b03PbxZEH10f22ESPKT3QQf9mcMERVlcb5YwQFpgIBApZ-QBvzNhRmH1NlitHzidh-0nyVhS72fJpPsXGQ/s800/emoticon-0105-wink.gif'/> :d
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Ldg8bydTDtHLfqlCBdg2etcgHjQdSFToPYkqKhWrJMcnhdqDO0zf2rhR5q5KDkUh-NZMjQ0nMaUZwGPkipovUPO2oCe3hkOHsdUE-MRZxPRqglwABWJFAEL9u0kVPcCgxVEUg14fgGo/s800/emoticon-0104-surprised.gif'/> :e
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwpB6EtqvzoN4FJBNUBalznzXGMweeaV9tBACPx-wGyfQAmNHt8FAGF43cvJ8Nq1NsNN1EPgmii_zL-bsOcb4Dw7J1n3SQ9WQiZ6fE7t-5YApE3AaQlbGdzbIa1RtTuQVuP9FlGAmhbNw/s800/emoticon-0106-crying.gif'/> :f
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPVzwIn2uQJRR_mFTGJyqYp25xVoPRV95LixUHKiqCe0TPBLMGrxnx_r2udP9191bYe5AGjB-H51m1tchzdBhOP-oaDFro7gWHh04nqtGrDllXagk9PQVMfmkOH_1jRi0HytGuupnPZF8/s800/emoticon-0109-kiss.gif'/> :g
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9pjUBg90Wo-XZ0re76moCugqb2NG6THbp7CtcjOqfYdVAZn0biKeWc7xGOu1zRGHnR5-niclM2l9L_jj8dAw2gqAiMf96G0-zRb3MZGB9UOaA0jZPzex3mXJ8uFO8NvmqnAGEM4hZGaw/s800/emoticon-0111-blush.gif'/> :h
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitJ8BgtXvfyM1tr_RIJ9iOEAk3BdrzPKkC4ENvpXCbvV8WlH1Mp_s_H8PufiI4sFARQBdOvKqdl_TDoFk6zx9Bov7owMHPVpQi54FtajJSn-apoAJvvuoI94JyL8zi7mZCFLtUZrXINOs/s800/emoticon-0110-tongueout.gif'/> :i
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiYIS_oT4oRlvWMyiGn7dmNGb67TEAE1CfxzdsDZZxOitlN2EtKYsdU0ceCy7-g-swm5BZCb3hF_Y8SaVPlD3RemL7fLtwna0Qll-b-vuYe9ioXg3g0doQitw8UFnHINQzdosXc6qXwhc/s800/emoticon-0126-nerd.gif'/> :j
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrPkdh_H8Sy6jJR3EEt15nCYEsmQ47a7jRSD8Mw6TbD86mIWwX3MENd1LAImDjxPthL4jN_qDX36zTpshBT7crQU7SZG7qhlWb-bgKWiutJzCXcND6sqIFbNMp_4hkG1oIoZb8aAnqS0s/s800/emoticon-0103-cool.gif'/> :k
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh07MbYzTL2Zdtv1yFU_3HmIB9p8zT1HnDSENeoYLPYNewxBjEJKM0rnBip6Cm3DXFJF84w_nGdjMReajhPKhakRJiv8TqARuO3eaqGlujP-0-h-BBQDPxymFH80JGbh5sDY_WSVCKHdSk/s800/emoticon-0130-devil.gif'/> :l
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3iOuZgtf1WxNGQxL1GeLfHN2qaLKfQUTzbcpaK1FpJWR7xqt76VyaPWwGNe6uqu5-YjJ4BJnoc6nrP0_CSuyfUJp9dH3LV__YPWe6sv6LaeAfhYc6tn5XrJyS7ikY5Old0FuTZ9yD4bo/s800/emoticon-0133-wait.gif'/> :m
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEMGNsHJ_JMcDadF4vu_CGPZflXZtVbSbfUXfcYQnbVzeEqj6A_gT8erb8WM7O2T81Ntg1tJhODrI9gE6AES0C5X0coL7Kay-AotB7m2r_YDvmdPnEnWosEA9e3CS4Dfw7Zbe1k7nHUR8/s800/emoticon-0137-clapping.gif'/> :n
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUaHPceIKBECVz2wTCPIRJZD0hwL1vj1QBcmny8FObGtpHkeO8zzFqMrTCeqj-4z8Rp4oD9q3TbWlSW0d3MNAWT0-N5c3kngCCPJ-Iy67T-gjUksMrD5ey5SVuffKPk2G-xXtnZOm0wkE/s800/emoticon-0136-giggle.gif'/> :o
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy15rSwkOIdVv_MMWNCGZeJW6rRDTfYo7QtGFvyKHAuL8Q4R4ve8ErttewNX_vaBuSBqlJPx7b2FbyGOjrHUx4jSjjhUiConzoSYGqVMvoCHRTcsyKUmkB3nJsI3LZoUBAGxLRcnQuk1g/s800/emoticon-0141-whew.gif'/> :p
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFFYH_FHs0oRzmrLjvLznKHG6BxCGHJbYuJ8H_0LwRgNNwOvguid_T2IE_s9wHzfxAEaQ5whDeuZOvtH2fgLbPCSSPKdx-F0qRUWpCOZvWu-gs5-o0EcqOrJ_MnRZprRCx5aaTKsnApX0/s800/emoticon-0148-yes.gif'/> :q
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Czdu3j0vwemMKHwXqOcRsfCdXbYbnGT6yAieWQmzluSb3NXvxbf7SKrMEbf9HCJzOd93kdGiCykaHnBSuUVhKTjCqcFMcUsSbgqUAUIaNEZaMvHAbdzMia7gibhHsi2O7p8eMQvnanc/s800/emoticon-0149-no.gif'/> :r
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO01krlRBSwwIOpiUNhFOBiSAZIjFKbQ71y0X2G05BNV0zrfIWp777ZI5_rVTUYDu1W9zP3X9g0iXfTzj-sx_J8iSVVWFt8U1gMmIwHIIoKVQxzeuEs7k00vdhC6RWP52WRzs3i400Cag/s800/emoticon-0178-rock.gif'/> :s
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8FS4K3XvRfZuwqzdsVAza10zcnZI8jYWcAq1gIbWtPu3ZgOfbx92dqnz5L8CpV8ENOHVWJt9XQCwi30dnWepzCAhntpva4110RsjcHXH61QHm-dpMFnk8MCLq0YbgaPDf328bFjF7yu0/s800/emoticon-0155-flower.gif'/> :t
</div>
[5] Guardamos los cambios y ya podemos comprobar que sobre el formulario de comentarios estarán los emoticonos y sus símbolos correspondientes.
Una vez incluida la imagen con los emoticonos, vamos a ver como incluir en la plantilla el código (script) que hará posible el usar los emoticonos en los comentarios.
[5] Localizamos la etiqueta </body> en nuestra plantilla (casi al final del código de la misma) y, justo sobre ella, pegamos el script:
<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') {
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiYIS_oT4oRlvWMyiGn7dmNGb67TEAE1CfxzdsDZZxOitlN2EtKYsdU0ceCy7-g-swm5BZCb3hF_Y8SaVPlD3RemL7fLtwna0Qll-b-vuYe9ioXg3g0doQitw8UFnHINQzdosXc6qXwhc/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrPkdh_H8Sy6jJR3EEt15nCYEsmQ47a7jRSD8Mw6TbD86mIWwX3MENd1LAImDjxPthL4jN_qDX36zTpshBT7crQU7SZG7qhlWb-bgKWiutJzCXcND6sqIFbNMp_4hkG1oIoZb8aAnqS0s/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh07MbYzTL2Zdtv1yFU_3HmIB9p8zT1HnDSENeoYLPYNewxBjEJKM0rnBip6Cm3DXFJF84w_nGdjMReajhPKhakRJiv8TqARuO3eaqGlujP-0-h-BBQDPxymFH80JGbh5sDY_WSVCKHdSk/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3iOuZgtf1WxNGQxL1GeLfHN2qaLKfQUTzbcpaK1FpJWR7xqt76VyaPWwGNe6uqu5-YjJ4BJnoc6nrP0_CSuyfUJp9dH3LV__YPWe6sv6LaeAfhYc6tn5XrJyS7ikY5Old0FuTZ9yD4bo/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEMGNsHJ_JMcDadF4vu_CGPZflXZtVbSbfUXfcYQnbVzeEqj6A_gT8erb8WM7O2T81Ntg1tJhODrI9gE6AES0C5X0coL7Kay-AotB7m2r_YDvmdPnEnWosEA9e3CS4Dfw7Zbe1k7nHUR8/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUaHPceIKBECVz2wTCPIRJZD0hwL1vj1QBcmny8FObGtpHkeO8zzFqMrTCeqj-4z8Rp4oD9q3TbWlSW0d3MNAWT0-N5c3kngCCPJ-Iy67T-gjUksMrD5ey5SVuffKPk2G-xXtnZOm0wkE/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy15rSwkOIdVv_MMWNCGZeJW6rRDTfYo7QtGFvyKHAuL8Q4R4ve8ErttewNX_vaBuSBqlJPx7b2FbyGOjrHUx4jSjjhUiConzoSYGqVMvoCHRTcsyKUmkB3nJsI3LZoUBAGxLRcnQuk1g/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFFYH_FHs0oRzmrLjvLznKHG6BxCGHJbYuJ8H_0LwRgNNwOvguid_T2IE_s9wHzfxAEaQ5whDeuZOvtH2fgLbPCSSPKdx-F0qRUWpCOZvWu-gs5-o0EcqOrJ_MnRZprRCx5aaTKsnApX0/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Czdu3j0vwemMKHwXqOcRsfCdXbYbnGT6yAieWQmzluSb3NXvxbf7SKrMEbf9HCJzOd93kdGiCykaHnBSuUVhKTjCqcFMcUsSbgqUAUIaNEZaMvHAbdzMia7gibhHsi2O7p8eMQvnanc/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8FS4K3XvRfZuwqzdsVAza10zcnZI8jYWcAq1gIbWtPu3ZgOfbx92dqnz5L8CpV8ENOHVWJt9XQCwi30dnWepzCAhntpva4110RsjcHXH61QHm-dpMFnk8MCLq0YbgaPDf328bFjF7yu0/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO01krlRBSwwIOpiUNhFOBiSAZIjFKbQ71y0X2G05BNV0zrfIWp777ZI5_rVTUYDu1W9zP3X9g0iXfTzj-sx_J8iSVVWFt8U1gMmIwHIIoKVQxzeuEs7k00vdhC6RWP52WRzs3i400Cag/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKEPTdo1Ce6xT-iloK2Sp7D1KSbkdaVoKpV-W3HKd1hHWQySxCo7iYnKoODJ85TR2x3cZyaPNQycgqFQDXpmf_13m2FPuUcg8Z97BeDDDvcF2FeEqGnG_ZThrDs40wQFfD1O6SkSLL9xA/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiixTBQjbpolHwdHvg3NnzVgR_5lb8RPCO7asfeydxXkVH2BdW3ETrFOrB0AbWiviLm3bcUoJGIhEuVIrbw-pk_WNX_AWyj__UEY0MAxFEGfKflFObHZPknwc42VFf7r29TVfEgUYov8ws/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0a7NVRlQJ7irk77YMRxhHIwsZKIqAoR34AjFeNuTJay_vL_gVJJ6iyeOWfdQdaVwwXavaj_EuTJrmApPsuWA_IUSRu5RWQqeo0xfRHNZOSO_KITe7FvwOHOS53-LIC5ZeRSfXnfzfltM/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbEbBnvGNdvdhN1P1yGmvGaQTgGREFAk0LYLbQp3LrBCF7oY7iCyYIBCPy0b03PbxZEH10f22ESPKT3QQf9mcMERVlcb5YwQFpgIBApZ-QBvzNhRmH1NlitHzidh-0nyVhS72fJpPsXGQ/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Ldg8bydTDtHLfqlCBdg2etcgHjQdSFToPYkqKhWrJMcnhdqDO0zf2rhR5q5KDkUh-NZMjQ0nMaUZwGPkipovUPO2oCe3hkOHsdUE-MRZxPRqglwABWJFAEL9u0kVPcCgxVEUg14fgGo/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwpB6EtqvzoN4FJBNUBalznzXGMweeaV9tBACPx-wGyfQAmNHt8FAGF43cvJ8Nq1NsNN1EPgmii_zL-bsOcb4Dw7J1n3SQ9WQiZ6fE7t-5YApE3AaQlbGdzbIa1RtTuQVuP9FlGAmhbNw/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPVzwIn2uQJRR_mFTGJyqYp25xVoPRV95LixUHKiqCe0TPBLMGrxnx_r2udP9191bYe5AGjB-H51m1tchzdBhOP-oaDFro7gWHh04nqtGrDllXagk9PQVMfmkOH_1jRi0HytGuupnPZF8/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9pjUBg90Wo-XZ0re76moCugqb2NG6THbp7CtcjOqfYdVAZn0biKeWc7xGOu1zRGHnR5-niclM2l9L_jj8dAw2gqAiMf96G0-zRb3MZGB9UOaA0jZPzex3mXJ8uFO8NvmqnAGEM4hZGaw/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitJ8BgtXvfyM1tr_RIJ9iOEAk3BdrzPKkC4ENvpXCbvV8WlH1Mp_s_H8PufiI4sFARQBdOvKqdl_TDoFk6zx9Bov7owMHPVpQi54FtajJSn-apoAJvvuoI94JyL8zi7mZCFLtUZrXINOs/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>
[6] Guardamos cambios.
Nota:
Para cambiar el diseño del rectángulo (div) donde van incluidos los emoticonos sobre el formulario, lo haremos en la primera línea del código:
width: 370px; Cambiamos el ancho del recuadro.
text-align: left; Alineación, en este caso a la izquierda.
border: 2px solid #0084ce; Grosor, aspecto y color del borde.
background: #FEF9EA; Color de fondo del rectángulo-contenedor.
padding: 10px; Distancia de los emoticonos (contenido) al borde.
color:#0084ce; Color del texto (los símbolos).
font-weight:bold; Fuente en negrita.
<div style=' width: 370px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold;'>
width: 370px; Cambiamos el ancho del recuadro.
text-align: left; Alineación, en este caso a la izquierda.
border: 2px solid #0084ce; Grosor, aspecto y color del borde.
background: #FEF9EA; Color de fondo del rectángulo-contenedor.
padding: 10px; Distancia de los emoticonos (contenido) al borde.
color:#0084ce; Color del texto (los símbolos).
font-weight:bold; Fuente en negrita.
miércoles, marzo 24, 2010
Lista de blogs en movimiento
Antes de hacer nada, guardar la plantilla, por si las moscas. Aunque no tiene ninguna complicación. Os dejo con la explicación:
Busca esta línea:
Un poco más abajo encontrarás esta otra línea:
Ahora borra desde esta línea hasta su etiqueta de cierre </b:includable> (ambas incluidas) como te muestro a continuación:
</span>
</div>
</b:if>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
( se borra solo lo que está en rojo)
Aquí tenéis la tabla de colores.
Visto en : El balcón de Jaime
Comprueba que has añadido el gadget "Lista de blogs":
En caso de no tenerlo, agrégalo a tu barra lateral.
Diseño>Edición de HTML>expandimos artilugios
Busca esta línea:
<b:widget id='BlogList1' locked='false' title='Mi lista de blogs' type='BlogList'>Lo que ves en naranja es el título de mi gadget. El tuyo tendrá el título que le hayas atribuido.
Un poco más abajo encontrarás esta otra línea:
<b:includable id='main'>
Ahora borra desde esta línea hasta su etiqueta de cierre </b:includable> (ambas incluidas) como te muestro a continuación:
<b:widget id='BlogList1' locked='false' title='Mi lista de blogs' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<ul expr:id='data:widget.instanceId + "_blogs"'>
<b:loop values='data:items' var='item'>
<li expr:style='data:item.displayStyle'>
<div class='blog-icon'>
<b:if cond='data:showIcon == "true"'>
<input expr:value='data:item.blogIconUrl' type='hidden'/>
</b:if>
</div>
<div class='blog-content'>
<div class='blog-title'>
<a expr:href='data:item.blogUrl' target='_blank'>
<data:item.blogTitle/></a>
</div>
<div class='item-content'>
<b:if cond='data:showItemThumbnail == "true"'>
<b:if cond='data:item.itemThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:item.blogUrl' target='_blank'>
<img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
</a>
</div>
</b:if>
</b:if>
<b:if cond='data:showItemTitle == "true"'>
<span class='item-title'>
<b:if cond='data:item.itemUrl != ""'>
<a expr:href='data:item.itemUrl' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
</b:if>
<b:if cond='data:showItemSnippet == "true"'>
<b:if cond='data:showItemTitle == "true"'>
-
</b:if>
<span class='item-snippet'>
<data:item.itemSnippet/>
</span>
</b:if>
<b:if cond='data:showTimePeriodSinceLastUpdate == "true"'>
<div class='item-time'>
<data:item.timePeriodSinceLastUpdate/>
</div>
</b:if>
</div>
</div>
<div style='clear: both;'/>
</li>
</b:loop>
</ul>
<b:if cond='data:numItemsToShow != 0'>
<b:if cond='data:totalItems > data:numItemsToShow'>
<div class='show-option'>
<span expr:id='data:widget.instanceId + "_show-n"' style='display: none;'>
<a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
</span>
<span expr:id='data:widget.instanceId + "_show-all"' style='margin-left: 5px;'>
Unstyle='margin-left: 5px;'><a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
( se borra solo lo que está en rojo)
Una vez eliminado, inserta este otro código en su lugar:Para cambiar el color, cambiar el número marcado en rosa.
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<marquee direction='up' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='1' scrolldelay='1' style='height: 240px; padding: 4px; border: 2px solid #cccccc;'><ul expr:id='data:widget.instanceId + "_blogs"'>
<b:loop values='data:items' var='item'>
<li expr:style='data:item.displayStyle'>
<div class='blog-icon' style='visibility: hidden; display: none;'>
<b:if cond='data:showIcon == "true"'>
<input expr:value='data:item.blogIconUrl' type='hidden'/>
</b:if>
</div>
<div class='blog-content'>
<div class='blog-title' style='margin-bottom: 14px; font-size: 14px; text-decoration: none;'>
<a expr:href='data:item.blogUrl' style='text-decoration: none;' target='_blank'>
<img src='http://icons3.iconfinder.netdna-cdn.com/data/icons/Sizicons/12x12/arrow_2_right_round.png'/> <data:item.blogTitle/>...</a>
</div>
<div class='item-content' style='text-decoration: none;'>
<b:if cond='data:showItemThumbnail == "true"'>
<b:if cond='data:item.itemThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:item.blogUrl' target='_blank'>
<img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
</a>
</div>
</b:if>
</b:if>
<b:if cond='data:showItemTitle == "true"'>
<span class='item-title'>
<b:if cond='data:item.itemUrl != ""'>
<a expr:href='data:item.itemUrl' style='color: #003399; text-decoration: none;' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
</b:if>
<b:if cond='data:showItemSnippet == "true"'>
<b:if cond='data:showItemTitle == "true"'>...
</b:if>
<span class='item-snippet'>
<data:item.itemSnippet/>
</span>
</b:if>
<b:if cond='data:showTimePeriodSinceLastUpdate == "true"'>
<div class='item-time' style='margin-top: 6px; color: #003399; text-align: right;'>
<img src='http://icons3.iconfinder.netdna-cdn.com/data/icons/circular%20icons/bullet_black.png' style='padding-right: 4px;'/><data:item.timePeriodSinceLastUpdate/>
</div>
</b:if>
</div>
</div>
<div style='margin-bottom: 14px; border: 3px solid #ccc; clear: both;'/>
</li>
</b:loop>
</ul></marquee>
<b:if cond='data:numItemsToShow != 0'>
<b:if cond='data:totalItems > data:numItemsToShow'>
<div class='show-option'>
<span expr:id='data:widget.instanceId + "_show-n"' style='display: none;'>
<a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
</span>
<span expr:id='data:widget.instanceId + "_show-all"' style='margin-left: 5px;'>
<a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
En caso de querer editar el movimiento, reemplazar el valor 1 (marcado en rojo) por 2, 3, 4...
Para cambiar la dirección y hacer que los blogs "bajen" en lugar de que "suban" cambiar up por down.
Aquí tenéis la tabla de colores.
Guarda el gadget para terminar.
Visto en : El balcón de Jaime
jueves, marzo 18, 2010
Poner vídeos en Blog
Primero entramos en la página de vídeos, de donde queremos sacarlo, por ejemplo Youtube.
En la página una vez seleccionado el vídeo que queremos, pinchamos en el, como cuando vamos a verlo. En esa misma página tienes por debajo dos códigos. Uno es el enlace para acceder a la página, y normalmente la nomean como URL, y luego tienes el segundo que pone insertar y en algunos casos Embed.
Copiais el código, y lo pegáis en la entrada en edición HTML, en la foto veréis donde tenéis que darle. Luego podéis seguir escribiendo en Redactar.
martes, marzo 16, 2010
Widgets en uno solo
No es tan complicado como parece, ni hace falta hacerse un curso de HTML.
Con estas nociones básicas lo puedes hacer :
Para dejar un espacio entre cada uno se usa , entre cada código.
quedaría así:
Para separarlos como un párrafo o salto de línea se usa <P> entre los códigos.
Y quedaría así :
Con estas nociones básicas lo puedes hacer :
Para dejar un espacio entre cada uno se usa , entre cada código.
quedaría así:
Para separarlos como un párrafo o salto de línea se usa <P> entre los códigos.
Y quedaría así :
lunes, marzo 15, 2010
Diseñador de plantillas
En Blogger in draft ( blogger en borrador), ahora se puede diseñar nuestra plantilla, sin perder nada de lo que tenemos.
Hay varios formatos a elegir, fondos, columnas, pie de página con columnas...cantidad de herramientas. Solo hecho en falta, que no hayan puesto una opción para subirnos, nuestra propia imagen ( o no la vi...).
De cualquier modo, antes de hacer cualquier cambio ( por si acaso) guardar siempre vuestra plantilla primero.
Hay varios formatos a elegir, fondos, columnas, pie de página con columnas...cantidad de herramientas. Solo hecho en falta, que no hayan puesto una opción para subirnos, nuestra propia imagen ( o no la vi...).
De cualquier modo, antes de hacer cualquier cambio ( por si acaso) guardar siempre vuestra plantilla primero.
Subscribe To
Entradas
Comentarios
