tag:blogger.com,1999:blog-38735619614674501572024-03-13T05:17:04.816+01:00Enriquim els blocsCRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.comBlogger36125tag:blogger.com,1999:blog-3873561961467450157.post-43080747669121363732016-10-13T18:00:00.000+02:002016-10-28T14:08:39.601+02:00Àlbums de fotos com una presentació o com un enllaç<br />
(Actualitzat el 13 d'octubre de 2016)<br />
La següent presentació està feta amb l'extensió <b>Àlbum</b> per a Google Chrome (<a href="https://chrome.google.com/webstore/detail/album/obknigmaekkacdkckfeegcfiefdaeked" target="_blank">afegeix-la des d'aquí</a>). Veure <a href="https://sites.google.com/a/xtec.cat/ajudaxtecblocs/insercio-de-continguts/creacio-de-galeries-d-imatges-amb-album2" target="_blank">guia completa</a>. Facilita molt les presentacions d'àlbums Google Fotos, Flickr, Instagram...<br />
<div style="text-align: center;">
<div style="text-align: left;">
<a href="https://3.bp.blogspot.com/-ChvFxEXktkw/V_-mNkC2H9I/AAAAAAAAQoQ/4SYCLf07pk0ivUT4L9HGmFBQiH_vdcm0gCLcB/s1600/icon24.png"><img border="0" src="https://3.bp.blogspot.com/-ChvFxEXktkw/V_-mNkC2H9I/AAAAAAAAQoQ/4SYCLf07pk0ivUT4L9HGmFBQiH_vdcm0gCLcB/s1600/icon24.png" /></a>Pugem les fotos a Google Fotos i creem un àlbum nou. Ara cliquem la icona de l'extensió Àlbum (a dalt a la dreta), tornem a la nostra pàgina de fotos i fem passar la pàgina fins a baix de tot. Les fotos apareixen a la llista de l'extensió. A configuració de <b>Galleria.io</b>, jo hi he posat 600x400 pixels. Les repassem per si és correcte i cliquem el botó GALLERIA.IO.</div>
<div style="text-align: left;">
Ara ja podem anar a la pestanya HTML de l'entrada del blog i enganxar el que tenim al porta-retalls.</div>
<div style="text-align: left;">
El resultat és com el que veiem abaix.</div>
<div style="text-align: left;">
<br /></div>
<div id="20A30" style="display: none; height: 400px; width: 600px;">
<img data-link="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipPmmmPeeMdsAyC241FOn4D8lWnmHd1JaKwo4MMn?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" src="https://lh3.googleusercontent.com/63rlfr2b9rZWIRIFBlGw_idJ3bjPna7iV0_bRYZXVPPY14GQbsDWtWZv0gV9Cmlm569-YJ43nlWtTXuv01gBjnscwD9RcViNKFCoqS3_4ciYYems2hNi_SXcrcWFMzlp5rkeFQIAswmLHSrJn74LgQwZ1dKJeAIRMKB0nFcy9pmFow9EVAt2syqpRLa2vwNX12wwqU4z-LE9ils4ahYDc1SHIHqokouwgAFIDYdPqcKMpZOmA1Ah9gkymIhWWAl0Y19WQEIr3li9pydtAlTi5HCbA7B_1G0TtJm_Eoh4MdOgKrBoovQ9ESzcWY-fiBE9tFej0Z201wPNMR3RhDxPCZBZO3uLGY3MZSxSpi-WBAimGJBu1oV6hIB1mmJAuP00AEvXylUpS_k0sfhcbcf7u10OuoHuOGDp7iFu_tqGZycFqRbN-dw7-ihyAenMjaAOPJ0TXpQJK5zTzs9AT-IK0xPmr0Frz8FOTzxOnK56bKyXBMTpsTJJ2sPh16fvxifR7heVVs-K4-a6FjY33GieYKGPtkLmPSxWT8wD4Ef_ysATJ_6f5s51yOWrGXh2Ll4LIdPLTqdKwQHcd3qzFEZllRBV437znQbce2HuqhRwpkBBVEI2=w800-h600-no" />
<img data-link="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipOu5onHddIyDSsuIZ9_J-vZlz8CVoa4Ssr_vkDa?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" src="https://lh3.googleusercontent.com/nbRZYsoVtzh18wpm12VhsdTUmUPHxyElrKM0574VxTz3X7tWW762hv2PR52rmyiMWDpIIRX0H61PgTNhiIOfVRffmr5rQz2qs7rK0BN-qnnoiPGi4URq1Hv8hTfOyOEiqf2M008RVWVWR3X4REZmLjiA-uc2ulT2741Klt8leORMBD1ctE2rK_oDYbtSTi84VnlkwGBVhefvT70CKduMDeFkg5MO2M9RS-KYw4iYoSRK86rHk4xnVpODLk1H5Wt6n19xQWMv7Yt0vtIiMONALImVx6jOQSijrN4-iaZYx6ZlKPeANNLv96K-68dxobxhtPjataIOx8pjmHsPO52aKUwZTbOyKQ1GJELSak-VU5OL4Owa1JO-2im8EU4uHDk_VGJs31ihrio2Bn7pLXutD4VB_DK8iirxtRihS91a-mH7KhHIAv0EPzaUyFxWm2jJVOkZViJN50eEDFS8KVKgnv573rYYa_Gycsh7BmPM9AWlrypFr2kmHgmx8piSA7dw4BJ2zzCTljy094rdDmXx6UWEt3YCGOV5B98g49CUGEO1ZleKMGmldp-cLy40KgEObr88MctqAMRIRQkffjehg57JCv1UJ1tqPvk4TWsoXJH72GDr=w800-h600-no" />
<img data-link="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipNzXN4ijMs6drN2S6sVsrcKw5mAYJzU-Tn5YVFx?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" src="https://lh3.googleusercontent.com/wXlXJrRaH5qL41BxLTkJoqdPQNj0TaS3Hu1IC4Gv4p6A2GsZNGYCNoeBgSJZXHkN5JfXMcJuFTTHm2ECGNvWPzX_yrYVQ1HDtoy4ea6Kqh9p6d5R2C1nvOGqLjrxMokwZcs6tKTJpfu_SaXge3Lud3acINw6av2zDqclDnN0hYUrF3CWymiLTgnJxsNi3eOSKoAKNCXISTT0Ouzp1qnPJ1cR_aNH_TiqgJt1lDdQbw9tMCSs0yp37h5_0lBZ8_1eqZSD4QB6tn9BZl8cnA5SmoqNQz8Iwi_k6buHN-8iTjeTHGNTazBUSjMumPMZrWuoFZODUJHFxns1Ac2Inb--ytorQCMxkpbn7lXGjIfwdVXVN5kLb20LmE0qJRX514fCC-WQw6R-l-nn6mnvRyFKFnKUfTA4pGQeFskK0Jiu67HgjW-RsADTMs0VuTq-NwZRhq8ncd3ZgxHgUT0GkvYYOWQdq1KVpqWtJ5_6uDAwJbzT-qQyUOmdaGsfV42suGvkXdtAbTR2fGT3UTLNzM7vRfL8SufITidLRdFol2SQk7u-fNQrd6BWxb7VB_5evfHqSN4xoX9carTIkbfxttaeXrZlmnJzN-zQhZhQHwYK2WYQpp67=w800-h600-no" />
<img data-link="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipOnPI8LGpNN2YZSYar9DN5n-SX6WtCeMPfQ9_Aj?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" src="https://lh3.googleusercontent.com/CxuonmdORebIRpbvmA7qWaXI7rWfE0SNk_SO1_Dr26PbmV9uWeKjurFq6IBoWXrAmvAQGYaujIjPt0gyIDbEt3O4CWK-JDL_vbWPVNJI2ask1CN0FAPOYCwRe2Wcu-Z2rrrdPcDcBBMnrZEnU2bed04VjSAh55buMVn_AK-Wa72wfoGiut_uN_YwRheUcI2HCQFwJ2P14lRvcP5piTNBV1hnQzhYThFfo2YaCjLp8NbrY8fZjg4wUNHe_Ww2r9f-FBUK85vgYm0wtsl9QTXKAFz9SCKXAiZj7rZOKGgxsp75TxzgmufmFkMQHfOr8Jg7LoHPej9Qle-8N8dgehrb-VDRaCJCM4CnxIIxmdCCGl8tc48Se1RfY2C1BYdY2sPKuHPrfCzqjRb0dYmARwUTL7CMPhy-we9rYDdhdJ5oebNtnyxgMk9_HLAMLxsfZ6ACMzItHDZMc60lGW_3z1Lc8pTSP0JcwxTuCn_ZEDTGfFdgXsSDFYvmCUfUK-tcW39gKSk39ZJrJKf_-0jlTNJzFeqNJS1zxD9-MDocKadrd32Z6VWipz6dDJJjb3ysslmWv_Y-MaPoXA-IQLCDqMncLc_Gz3Wb_ZIK86r5UsgdeUEfuCvv=w800-h600-no" />
<img data-link="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipNC2wdZvXZw5y7RCf7gylCc06aQYfhnZNVq763a?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" src="https://lh3.googleusercontent.com/vt9pVQa7vkxQdz5Rp3DgYPUeZM6yI_z30s1KSHBNrIpTFYdhv0yiGRaqoR2pALF_8v-3ieI3YYJnp7qesyOe6M84SqXA_-8gwtjAkUeQoQ4X2_hDAafh9SqNCRgp3RItSeH_l5eTHB6MV8dgPlelncIhs0lXMuFbIOzny1tA1QkL30uvysvIpw1O6kjiMO3g4vDjQe5drDIRvSPSoYOE1xjQ47UiEr0oI-SfdBjOBPvrCC7YqJ7Xh4A9wWKCeVgp7-uro-W3mZBD_YqmLwDdOdux6gPdrpE3BaEuwAiWnmeQuyfctBvxpegC3sYba_92ZQmL20vLm441lxaxmNR9H7TsdTFXCSLTROg7LyBjl0gBiz8dXLo_sSk4G0EeMs_YAjeBia9hsGmwO15rXgZnla58sgc_qRUmG91mt7Yt_YsgxgllP4UMjAjBTSvV-fPwRgfiZcXt_c0_VRMhjce2g8alL1Ms2LoQQPBL95p6nCk3yvgIMM_ndMnoRxd9RCiIZH0fxKT51xRXW75O5sIspzQDSn36mGeImgwRv9s_3kLuWHP9TdDMmmfQ20et2O-XCzd__kvSy6ER84bzi3aX2eZrJEnfQR0t7t-tLh5PPPLoOI7K=w800-h600-no" />
<img data-link="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipOrA2MKxeEKCp5P0Wri-XVsnfzWnl_-TgdoVetw?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" src="https://lh3.googleusercontent.com/HnRVPXjQrSejRMaFpUspre3HIw-u6gmkXVLuIeDoMw2yqD09LHYb1-EqmaFdQnlVgCK7osEGg8qpL7fh78EtF55qeI1_gp2wfgKVKiS2mMximeNNNYr-lOK6ADxZBSTZ07O9HBZ-CPeHNd2ZLgDBq63o-csU2kj8hYTH8qHwuz5waQf48DX2WXt8xAFB2pt4RXbH93GLcscmZeIguQLFB8YugtaLfZ4k6hqAHBSijD7AIue_1gBpmf6Ekh1nrr4YDuOdXFKLUFIGo-YlChmhnZqRyNhgFTC-Y3M-u5EDWgMMR2AYJtSLrlvLPwHYOk2dlx-imoFtri4caieWiSSLy17zeRO8mBLUzt4o8ZMyUM7ztQbXfAdfCzgARTrcGyMIcsqXRFo4kujt6He8vJJdtgJOopE4BT0_1c25vpsyhH1p5StXMkWcrMoe99UTYyjIV9_6gL4JGd2mpNwRtXO-eQo_DH67thRTtv4bfQbHkVWa2XoIR3f497ybbocNknylYyax7q26vQxBiN0NzEgjj-1tXWphHIdmx72VyNVALSdGVbYAenJ0Ad_SNO-1Bng167NcuKo3nGvaE13Zmg0kQVbMPS9AohRs2vLGJzrpNpKUFa1I=w800-h600-no" />
<img data-link="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipMTyK9ea85O9WZuu4wA7gRjY_kYXeDNZW0QjIbI?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" src="https://lh3.googleusercontent.com/7_4L6upQBtG0oi4rxLImaKXrpMB4k9JxDWqBSThThcyVZhqtN98gYwkZLCkr0h4nQsHLKwSQ6trwSeaea1XyX3CNMFRnqDn7fsq8pU_0Q6a6zDSrFINWRy76u1FuQH9f8ItwrGcfxZHQ0-hszfMtctrWFArqdyEnu2dQPRIhQ1_B2ZqSsLrXqthEgMTJJoFzh-x9fzKNnJPX03HhjHEk39nNdRw0G9pDpuvGDR31-y5gSAtO6eqiVw7YtAcr5j-VHcPLa92jBNBWjFiX-QxkerhcLzPl8FPgUJ6KRtxojQTwZtnNFb75OPYLws7i3g8h0s112LO86eIEWZiH5U1k4y_3t0JxxRLXiF2Vm8t0Arjxja5uw-00wZJuSHN2NwuceMfdTJ_ODX0TMtlwJTMEBg8AM6Z45gx66ZxPbzACVPqk2XgiUlnPFY_lBUzCqKPhharL5ZdsdNBvkg8B-oWCxPyBxVdRvtkJ9yo6PMlCjO5EMEcgqScsqsF7bnYKL5C4GVhEd21Rlj2d_hLufW6Hk9-Vxn5Dve-re9oWD04yTcOp5ySU0flLy_AlajN8HEUX60Kxe1yN8ujAY2XEeCChAZktHiwTKiXHajV3n3EbQG3MPALZ=w800-h600-no" />
<img data-link="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipNBrMA1XOxCBof3UbeY70lLHSm1_52svrVHAka0?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" src="https://lh3.googleusercontent.com/L6qVLwu1yxOZvOgRMt8NB9-cFIZpdHrv3eXUDcWdfObbfi0F3RgmFITejXZ6ptqB3y_0nKyabtraht5rKurHKxzXTeekST-4IpSNU0Sntl-qELXt4Zkf8-FNrKhPExL0b42A5hQlmye7z8ObTL30IKS9PThY2iuKk15pkzy0rT3fy8TVKhX1FaD4XtNPyRE6cONa543gDx8Gpz9bKq4wYsYaJK2vqQnt7LuYstbsPuuXKQxol8Ljf-hRmr3S8bonK0wj5FUwVUH92ZsRoqmqaToFJFqjmaImF1nxotr_DuAIYUdurcF5TjEamlGe6rRQsvI4wjfWcRQgfGNfi8MlXJr9JDMwNwrVoWBGRLaimH9LpsJCPP0FhZXzRePDRuI69iY3hwRWQc_bKp37VjXrJNv5AE6AGza1kgwxag1xWDwIfD7eP7CyVmt6h6H0OJHtkPbNZO76KrruaPra77xEpHSFrUJ6-BwwYgBoPA87I-wJ9ciiYdnXJX73sPczHRHkemORWX37Ek-gPvJVdPXaOPGF5FQTXZ3gHROURPPgKc9JWeX1XgmyN-gaTAr0-wU9InXzbx0jJvFnUvUKAzkNXr3jy7pSwbFdquzJ6loBIFA8J43_=w800-h600-no" />
<img data-link="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipM9RJmSpAFJ57RcbVwucA_rIJq_4WTFt3A6KODs?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" src="https://lh3.googleusercontent.com/C5HsG9ePl9DncrqzQi80YIvbSCWW6kOASlgeYzCBXC70e2cLVow4S1mcsry2hGQz57zmUJF6MkSVaEWUsxJ77DaGFmjxd_KdESfkBcFqcRszgRPlXhfsBXR2ECu7EouPSEIv2Ulwhz3BpzuWgrxiXK_nqZvzNHCfscJf4UuW_9MavDVblVsUAUmK2-Zj00YangMFNwhXRJuoe6iggHfQztuLKHhV3c219ej6iyr9g8b9BFmpuX1VsOeZ_TWOdP_MXcoAKwojY5NXje-_bL8KYyRWBJScCLgAkZrDVReZZoqv9CLLPppyYkJ0ejA53pGDgMhjSdlUmLYTqgJN94Z3QDLMnw-_puKXXkSkgymJ91x0FoiphQtEyls8HkN43BQaf_7TIE2eI2be5-oITTjpIv3NDzM9wo72OPRLtPt5bXMKy7ScKERxC643an6AsQiRT4-AwuXBYKfrPua05RrN73v8Fi99S9RfWf9Ck4OxR_9-a6NEgKwrUE2YPA7jkM_zMcaDWXVMh7IYudtXLvAXBq6yMXfMLJH_UaOw2xYUiNiH1EXcvUECzQrjgLcdqfBmlSxTAx8Fc5mYicPayziS1l8UlQ2dm6us3YrJV-91_KoFEBYR=w800-h600-no" />
<img data-link="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipPkUtQHEL0rz1z4nlSkLELebA7xZ1enpo6qvoFj?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" src="https://lh3.googleusercontent.com/esNxdQijGAm69J3xV8YBgjPXVQs3R7RreE7qvl8i7RJ7zBUyf6tjf6a6__L5oxKSTBx5rJA5veBYLzxs9hl88FkSRzOonCsEssyQvDEQA7wlCO7vhxLNFG4xQV4pPGToKX1k9HqEnS0-xHYyjDvJy6WvR6M8ZVnGgD35LkVFYxkNTxnW9tcs7LX4BJHdiRhLmWvBrdMxo83kLi5x-Jv3rx0NuxVceyblHlLqpTiNdDNw1HBwcny2kA8EYl6oCFyGl_pbtE9x58i7JYq300RGh8mRLvruz4cusxZAagFIT3n7xV_2XWbrWFFxvHTgDgCKNggjw-nST-3TcFtwCrmPRA04V4hvJ5c9b-hCvX3EnpPP5qyiFC8B-KeepDw7VFYtl_7wMKeTpT5OzUJ7a9IytDmxhljK0rRgH13zBunpZpEY-e5XyV1ZTS7cej3sdigcp4uPubjaehLLQ-nz7RMXt8eWhwYlgpfmZlEKLJmqAgjBIfC8RRW2rmE-JoKhxcty3UPI2WghoBV0lwU17LegsBdf3HXNS3ynkOCw8WA1iSvvfaXcccj2zvrF4bsbp3Tld2vLyuVc4lN2JZqpltXhbLsxGRcaEhFvI5wZTxLZVd4jrUIf=w800-h600-no" />
<img data-link="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipOfxylQ9yBgI9hCdfA4l3yqFCTaksi3pvP8NFS4?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" src="https://lh3.googleusercontent.com/ME8Y63BYkdBzgA2TRzdPX24s99oF1TCoC21xu8geVItjbYcjZr20NoR784vSzcMCWwsVdNlYdUOUKcNpNvNoRaW3g84DQ12h1_HVKnrJnOE49BSuNdL6tjhwIT4LF7eoFLd3hmV0kH133Fm30meWJeMnTP6wnnBbde7WX0tZeuQGVpM5S5Oze-bae9EekUWxEpuAC6kCerzL6IZhOKkH0HaVXtfhDuzi0UNY2DiAIbpfZitNoeT4C2077LdrLYxmchwYbE7esvFcHXk6VxJ8PYqaZSJDrNxtKQKiAPCa41O7eRrvqnCpvUYxBtBxoX2-SD6UL8DwlH7-pzBMx2SEAP5m6iLrvPKj_U9RLufsC1OxgZVM6dDXh_mT4ySAgySh-VRS15DQkBwrjEUQCJQxmoPlrSlM2ZGXHIU_KVY6FYbZoNQzgpg0TulMFU6nteN9Rfog9-6f7-jMWX7S2d-15iL-m5_Sx9mN7Xt3iivIgX1iJyHihEC2vruHEIU7TVoBoOjYmTetmVqP58dllQaZuiP07siPi6l-1oz4mKrK8FTc3Vhx38Uge2l1x83Xl021k2W628aGq4ADfaEGneddCqyaC9Jd3yiS7bmgdhCHjziZajM9=w800-h600-no" />
<img data-link="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipPZxGAXp820htDWHVmFZSuMG_fOjf-7oJEflcuA?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" src="https://lh3.googleusercontent.com/7LaD01enL4GzYZ--yFhX5wuUXaAgPWFLj2bp4SCNkFIArfiDMJmSP1ZY-cLusdvwltLunpeJE_h-s0I5D1wxr9KB7T8SznApJq4If32Yz7j-1Wy52VU5nW77GpOfm8wjUp05ojPv6O1QzBzqfrvhKcWBLDh0QMNASrJh4vUtpnVaRb2JiEGRBgYO5doT4gwlGY6VI0CYoiwBIC23JvYCRbaSAWvMBC12o7k2dMrKj-dUk5Bo_5t3fBo7MAzxmRpkJRM7Jjuf8DNaIUsbF_ATgV8DHkC7cOfhIOoxJl2WmS8yeCf8T7b-eMotBYbfqecC3dme_HEC9JRuiA4cbxGPti_4zFBDJvW9vCr1WyZ41X-KFtk3UcBD0V8-mun7Px57cfBvHxQ_bX69TZcBLfJxvQEAtwpnqNSAdq_xvOBrC8mRxiu4EGfY-uK1RiEyC-hAzyYJbgHFnTC7-qin3SyONh5_FFdFcPnAFDYw3vQKakE3f2v-7lt5O4gzT0pyhIwDcsIoK5_pfvQsKiOqvqJjcFaY35n4fVUR6NNIso0bTcHy31rWYqb5kjlmVgXVzi72BR1YBE4FHtKB3Au13IJ8iodqYQ_qZsVOs2XVBnpl65ox8zQJ=w800-h600-no" />
</div>
<script src="https://cdn.jsdelivr.net/jquery/1.12.3/jquery.min.js" type="text/javascript"></script><script>
(MyGalleries=(typeof MyGalleries === 'undefined' ? [] : MyGalleries)).push({gallId:'#20A30',autoplay:true,lightbox:true,popupLinks:true});
if(typeof GalleryLoaded === 'undefined'){
GalleryLoaded = jQuery(function(){
jQuery.ajax({url:'https://cdn.jsdelivr.net/galleria/1.4.2/galleria.min.js',dataType:'script',cache:true}).done(function(){
Galleria.loadTheme('https://cdn.jsdelivr.net/galleria/1.4.2/themes/classic/galleria.classic.js');
for(var n in MyGalleries){Galleria.run(MyGalleries[n].gallId, MyGalleries[n]);jQuery(MyGalleries[n].gallId).css('display','block');}
});
});
}
</script>
<br />
<div style="text-align: left;">
Els plugins de presentacions han patit molts canvis i problemes. Si anaven amb Flash, els navegadors els bloquejaven i no es veien.</div>
<div style="text-align: left;">
La manera més senzilla i duradora és <b>posar una foto petita de la portada de l'àlbum que enllaci la pàgina corresponent de Google Fotos</b> amb un missatge que serveixi d'avís.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://plus.google.com/photos/107318580079406966762/albums/5834741761884754321" target="_blank"><img border="0" height="150" src="https://1.bp.blogspot.com/-dDzPG44R3V0/UPkr10EtEEI/AAAAAAAACEE/gqVk-DE1BBk/s200/imatge+039.jpg" width="200" /></a></div>
Clica la imatge per veure totes les fotos.</div>
CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-36593577231521224152016-10-13T14:03:00.000+02:002016-10-28T14:09:23.001+02:00L'àlbum de fotos com un mosaic(Actualitzat el 13 d'octubre de 2016)<br />
El que més inserim als blocs són imatges. Les imatges amb massa resolució (superiors a 1600x1200), o una filera ben llarga d'imatges pot quedar maco, però alenteix molt la càrrega de la pàgina. Per tant, abans de pujar les fotos a <b>Google Fotos</b> haurem de redimensionar totes les imatges. Ho podem fer amb el programa portable <a href="http://luci.criosweb.ro/riot/" target="_blank">RIOT</a> per canviar d'un sol cop la mida de tots els fitxers d'imatge que volem pujar a l'àlbum. (<a href="https://docs.google.com/presentation/d/1bdz4JydGsYQSCPxa_hwlrpscS2xzOu8HX1_blxMSxuA/edit#slide=id.p" target="_blank">veure guia ràpida de RIOT</a>).<br />
Per afegir ràpidament les fotos de l'àlbum, amb enllaç per ampliar-les, utilitzarem una nova extensió de Google Chrome anomenada <b>Àlbum (<a href="https://chrome.google.com/webstore/detail/album/obknigmaekkacdkckfeegcfiefdaeked" target="_blank">afegeix-la des d'aquí</a>)</b>. Veure <a href="https://sites.google.com/a/xtec.cat/ajudaxtecblocs/insercio-de-continguts/creacio-de-galeries-d-imatges-amb-album2" target="_blank">guia completa</a>.<br />
<a href="https://3.bp.blogspot.com/-ChvFxEXktkw/V_-mNkC2H9I/AAAAAAAAQoQ/4SYCLf07pk0ivUT4L9HGmFBQiH_vdcm0gCLcB/s1600/icon24.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-ChvFxEXktkw/V_-mNkC2H9I/AAAAAAAAQoQ/4SYCLf07pk0ivUT4L9HGmFBQiH_vdcm0gCLcB/s1600/icon24.png" /></a>Pugem les fotos a Google Fotos i creem un àlbum nou. Ara cliquem la icona de l'extensió Àlbum (a dalt a la dreta), tornem a la nostra pàgina de fotos i fem passar la pàgina fins a baix de tot. Les fotos apareixen a la llista de l'extensió. A configuració de Mosaic, jo hi he posat 200x200 pixels. Les repassem per si és correcte i cliquem el botó MOSAIC.<br />
Ara ja podem anar a la pestanya HTML de l'entrada del blog i enganxar el que tenim al porta-retalls.<br />
El resultat és com el que veiem abaix.<br />
<br />
<a href="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipPmmmPeeMdsAyC241FOn4D8lWnmHd1JaKwo4MMn?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" target="_blank"><img src="https://lh3.googleusercontent.com/63rlfr2b9rZWIRIFBlGw_idJ3bjPna7iV0_bRYZXVPPY14GQbsDWtWZv0gV9Cmlm569-YJ43nlWtTXuv01gBjnscwD9RcViNKFCoqS3_4ciYYems2hNi_SXcrcWFMzlp5rkeFQIAswmLHSrJn74LgQwZ1dKJeAIRMKB0nFcy9pmFow9EVAt2syqpRLa2vwNX12wwqU4z-LE9ils4ahYDc1SHIHqokouwgAFIDYdPqcKMpZOmA1Ah9gkymIhWWAl0Y19WQEIr3li9pydtAlTi5HCbA7B_1G0TtJm_Eoh4MdOgKrBoovQ9ESzcWY-fiBE9tFej0Z201wPNMR3RhDxPCZBZO3uLGY3MZSxSpi-WBAimGJBu1oV6hIB1mmJAuP00AEvXylUpS_k0sfhcbcf7u10OuoHuOGDp7iFu_tqGZycFqRbN-dw7-ihyAenMjaAOPJ0TXpQJK5zTzs9AT-IK0xPmr0Frz8FOTzxOnK56bKyXBMTpsTJJ2sPh16fvxifR7heVVs-K4-a6FjY33GieYKGPtkLmPSxWT8wD4Ef_ysATJ_6f5s51yOWrGXh2Ll4LIdPLTqdKwQHcd3qzFEZllRBV437znQbce2HuqhRwpkBBVEI2=w800-h600-no" style="max-height: 200px; max-width: 200px;" /></a>
<a href="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipOu5onHddIyDSsuIZ9_J-vZlz8CVoa4Ssr_vkDa?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" target="_blank"><img src="https://lh3.googleusercontent.com/nbRZYsoVtzh18wpm12VhsdTUmUPHxyElrKM0574VxTz3X7tWW762hv2PR52rmyiMWDpIIRX0H61PgTNhiIOfVRffmr5rQz2qs7rK0BN-qnnoiPGi4URq1Hv8hTfOyOEiqf2M008RVWVWR3X4REZmLjiA-uc2ulT2741Klt8leORMBD1ctE2rK_oDYbtSTi84VnlkwGBVhefvT70CKduMDeFkg5MO2M9RS-KYw4iYoSRK86rHk4xnVpODLk1H5Wt6n19xQWMv7Yt0vtIiMONALImVx6jOQSijrN4-iaZYx6ZlKPeANNLv96K-68dxobxhtPjataIOx8pjmHsPO52aKUwZTbOyKQ1GJELSak-VU5OL4Owa1JO-2im8EU4uHDk_VGJs31ihrio2Bn7pLXutD4VB_DK8iirxtRihS91a-mH7KhHIAv0EPzaUyFxWm2jJVOkZViJN50eEDFS8KVKgnv573rYYa_Gycsh7BmPM9AWlrypFr2kmHgmx8piSA7dw4BJ2zzCTljy094rdDmXx6UWEt3YCGOV5B98g49CUGEO1ZleKMGmldp-cLy40KgEObr88MctqAMRIRQkffjehg57JCv1UJ1tqPvk4TWsoXJH72GDr=w800-h600-no" style="max-height: 200px; max-width: 200px;" /></a>
<a href="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipNzXN4ijMs6drN2S6sVsrcKw5mAYJzU-Tn5YVFx?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" target="_blank"><img src="https://lh3.googleusercontent.com/wXlXJrRaH5qL41BxLTkJoqdPQNj0TaS3Hu1IC4Gv4p6A2GsZNGYCNoeBgSJZXHkN5JfXMcJuFTTHm2ECGNvWPzX_yrYVQ1HDtoy4ea6Kqh9p6d5R2C1nvOGqLjrxMokwZcs6tKTJpfu_SaXge3Lud3acINw6av2zDqclDnN0hYUrF3CWymiLTgnJxsNi3eOSKoAKNCXISTT0Ouzp1qnPJ1cR_aNH_TiqgJt1lDdQbw9tMCSs0yp37h5_0lBZ8_1eqZSD4QB6tn9BZl8cnA5SmoqNQz8Iwi_k6buHN-8iTjeTHGNTazBUSjMumPMZrWuoFZODUJHFxns1Ac2Inb--ytorQCMxkpbn7lXGjIfwdVXVN5kLb20LmE0qJRX514fCC-WQw6R-l-nn6mnvRyFKFnKUfTA4pGQeFskK0Jiu67HgjW-RsADTMs0VuTq-NwZRhq8ncd3ZgxHgUT0GkvYYOWQdq1KVpqWtJ5_6uDAwJbzT-qQyUOmdaGsfV42suGvkXdtAbTR2fGT3UTLNzM7vRfL8SufITidLRdFol2SQk7u-fNQrd6BWxb7VB_5evfHqSN4xoX9carTIkbfxttaeXrZlmnJzN-zQhZhQHwYK2WYQpp67=w800-h600-no" style="max-height: 200px; max-width: 200px;" /></a>
<a href="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipOnPI8LGpNN2YZSYar9DN5n-SX6WtCeMPfQ9_Aj?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" target="_blank"><img src="https://lh3.googleusercontent.com/CxuonmdORebIRpbvmA7qWaXI7rWfE0SNk_SO1_Dr26PbmV9uWeKjurFq6IBoWXrAmvAQGYaujIjPt0gyIDbEt3O4CWK-JDL_vbWPVNJI2ask1CN0FAPOYCwRe2Wcu-Z2rrrdPcDcBBMnrZEnU2bed04VjSAh55buMVn_AK-Wa72wfoGiut_uN_YwRheUcI2HCQFwJ2P14lRvcP5piTNBV1hnQzhYThFfo2YaCjLp8NbrY8fZjg4wUNHe_Ww2r9f-FBUK85vgYm0wtsl9QTXKAFz9SCKXAiZj7rZOKGgxsp75TxzgmufmFkMQHfOr8Jg7LoHPej9Qle-8N8dgehrb-VDRaCJCM4CnxIIxmdCCGl8tc48Se1RfY2C1BYdY2sPKuHPrfCzqjRb0dYmARwUTL7CMPhy-we9rYDdhdJ5oebNtnyxgMk9_HLAMLxsfZ6ACMzItHDZMc60lGW_3z1Lc8pTSP0JcwxTuCn_ZEDTGfFdgXsSDFYvmCUfUK-tcW39gKSk39ZJrJKf_-0jlTNJzFeqNJS1zxD9-MDocKadrd32Z6VWipz6dDJJjb3ysslmWv_Y-MaPoXA-IQLCDqMncLc_Gz3Wb_ZIK86r5UsgdeUEfuCvv=w800-h600-no" style="max-height: 200px; max-width: 200px;" /></a>
<a href="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipNC2wdZvXZw5y7RCf7gylCc06aQYfhnZNVq763a?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" target="_blank"><img src="https://lh3.googleusercontent.com/vt9pVQa7vkxQdz5Rp3DgYPUeZM6yI_z30s1KSHBNrIpTFYdhv0yiGRaqoR2pALF_8v-3ieI3YYJnp7qesyOe6M84SqXA_-8gwtjAkUeQoQ4X2_hDAafh9SqNCRgp3RItSeH_l5eTHB6MV8dgPlelncIhs0lXMuFbIOzny1tA1QkL30uvysvIpw1O6kjiMO3g4vDjQe5drDIRvSPSoYOE1xjQ47UiEr0oI-SfdBjOBPvrCC7YqJ7Xh4A9wWKCeVgp7-uro-W3mZBD_YqmLwDdOdux6gPdrpE3BaEuwAiWnmeQuyfctBvxpegC3sYba_92ZQmL20vLm441lxaxmNR9H7TsdTFXCSLTROg7LyBjl0gBiz8dXLo_sSk4G0EeMs_YAjeBia9hsGmwO15rXgZnla58sgc_qRUmG91mt7Yt_YsgxgllP4UMjAjBTSvV-fPwRgfiZcXt_c0_VRMhjce2g8alL1Ms2LoQQPBL95p6nCk3yvgIMM_ndMnoRxd9RCiIZH0fxKT51xRXW75O5sIspzQDSn36mGeImgwRv9s_3kLuWHP9TdDMmmfQ20et2O-XCzd__kvSy6ER84bzi3aX2eZrJEnfQR0t7t-tLh5PPPLoOI7K=w800-h600-no" style="max-height: 200px; max-width: 200px;" /></a>
<a href="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipOrA2MKxeEKCp5P0Wri-XVsnfzWnl_-TgdoVetw?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" target="_blank"><img src="https://lh3.googleusercontent.com/HnRVPXjQrSejRMaFpUspre3HIw-u6gmkXVLuIeDoMw2yqD09LHYb1-EqmaFdQnlVgCK7osEGg8qpL7fh78EtF55qeI1_gp2wfgKVKiS2mMximeNNNYr-lOK6ADxZBSTZ07O9HBZ-CPeHNd2ZLgDBq63o-csU2kj8hYTH8qHwuz5waQf48DX2WXt8xAFB2pt4RXbH93GLcscmZeIguQLFB8YugtaLfZ4k6hqAHBSijD7AIue_1gBpmf6Ekh1nrr4YDuOdXFKLUFIGo-YlChmhnZqRyNhgFTC-Y3M-u5EDWgMMR2AYJtSLrlvLPwHYOk2dlx-imoFtri4caieWiSSLy17zeRO8mBLUzt4o8ZMyUM7ztQbXfAdfCzgARTrcGyMIcsqXRFo4kujt6He8vJJdtgJOopE4BT0_1c25vpsyhH1p5StXMkWcrMoe99UTYyjIV9_6gL4JGd2mpNwRtXO-eQo_DH67thRTtv4bfQbHkVWa2XoIR3f497ybbocNknylYyax7q26vQxBiN0NzEgjj-1tXWphHIdmx72VyNVALSdGVbYAenJ0Ad_SNO-1Bng167NcuKo3nGvaE13Zmg0kQVbMPS9AohRs2vLGJzrpNpKUFa1I=w800-h600-no" style="max-height: 200px; max-width: 200px;" /></a>
<a href="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipMTyK9ea85O9WZuu4wA7gRjY_kYXeDNZW0QjIbI?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" target="_blank"><img src="https://lh3.googleusercontent.com/7_4L6upQBtG0oi4rxLImaKXrpMB4k9JxDWqBSThThcyVZhqtN98gYwkZLCkr0h4nQsHLKwSQ6trwSeaea1XyX3CNMFRnqDn7fsq8pU_0Q6a6zDSrFINWRy76u1FuQH9f8ItwrGcfxZHQ0-hszfMtctrWFArqdyEnu2dQPRIhQ1_B2ZqSsLrXqthEgMTJJoFzh-x9fzKNnJPX03HhjHEk39nNdRw0G9pDpuvGDR31-y5gSAtO6eqiVw7YtAcr5j-VHcPLa92jBNBWjFiX-QxkerhcLzPl8FPgUJ6KRtxojQTwZtnNFb75OPYLws7i3g8h0s112LO86eIEWZiH5U1k4y_3t0JxxRLXiF2Vm8t0Arjxja5uw-00wZJuSHN2NwuceMfdTJ_ODX0TMtlwJTMEBg8AM6Z45gx66ZxPbzACVPqk2XgiUlnPFY_lBUzCqKPhharL5ZdsdNBvkg8B-oWCxPyBxVdRvtkJ9yo6PMlCjO5EMEcgqScsqsF7bnYKL5C4GVhEd21Rlj2d_hLufW6Hk9-Vxn5Dve-re9oWD04yTcOp5ySU0flLy_AlajN8HEUX60Kxe1yN8ujAY2XEeCChAZktHiwTKiXHajV3n3EbQG3MPALZ=w800-h600-no" style="max-height: 200px; max-width: 200px;" /></a>
<a href="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipNBrMA1XOxCBof3UbeY70lLHSm1_52svrVHAka0?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" target="_blank"><img src="https://lh3.googleusercontent.com/L6qVLwu1yxOZvOgRMt8NB9-cFIZpdHrv3eXUDcWdfObbfi0F3RgmFITejXZ6ptqB3y_0nKyabtraht5rKurHKxzXTeekST-4IpSNU0Sntl-qELXt4Zkf8-FNrKhPExL0b42A5hQlmye7z8ObTL30IKS9PThY2iuKk15pkzy0rT3fy8TVKhX1FaD4XtNPyRE6cONa543gDx8Gpz9bKq4wYsYaJK2vqQnt7LuYstbsPuuXKQxol8Ljf-hRmr3S8bonK0wj5FUwVUH92ZsRoqmqaToFJFqjmaImF1nxotr_DuAIYUdurcF5TjEamlGe6rRQsvI4wjfWcRQgfGNfi8MlXJr9JDMwNwrVoWBGRLaimH9LpsJCPP0FhZXzRePDRuI69iY3hwRWQc_bKp37VjXrJNv5AE6AGza1kgwxag1xWDwIfD7eP7CyVmt6h6H0OJHtkPbNZO76KrruaPra77xEpHSFrUJ6-BwwYgBoPA87I-wJ9ciiYdnXJX73sPczHRHkemORWX37Ek-gPvJVdPXaOPGF5FQTXZ3gHROURPPgKc9JWeX1XgmyN-gaTAr0-wU9InXzbx0jJvFnUvUKAzkNXr3jy7pSwbFdquzJ6loBIFA8J43_=w800-h600-no" style="max-height: 200px; max-width: 200px;" /></a>
<a href="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipM9RJmSpAFJ57RcbVwucA_rIJq_4WTFt3A6KODs?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" target="_blank"><img src="https://lh3.googleusercontent.com/C5HsG9ePl9DncrqzQi80YIvbSCWW6kOASlgeYzCBXC70e2cLVow4S1mcsry2hGQz57zmUJF6MkSVaEWUsxJ77DaGFmjxd_KdESfkBcFqcRszgRPlXhfsBXR2ECu7EouPSEIv2Ulwhz3BpzuWgrxiXK_nqZvzNHCfscJf4UuW_9MavDVblVsUAUmK2-Zj00YangMFNwhXRJuoe6iggHfQztuLKHhV3c219ej6iyr9g8b9BFmpuX1VsOeZ_TWOdP_MXcoAKwojY5NXje-_bL8KYyRWBJScCLgAkZrDVReZZoqv9CLLPppyYkJ0ejA53pGDgMhjSdlUmLYTqgJN94Z3QDLMnw-_puKXXkSkgymJ91x0FoiphQtEyls8HkN43BQaf_7TIE2eI2be5-oITTjpIv3NDzM9wo72OPRLtPt5bXMKy7ScKERxC643an6AsQiRT4-AwuXBYKfrPua05RrN73v8Fi99S9RfWf9Ck4OxR_9-a6NEgKwrUE2YPA7jkM_zMcaDWXVMh7IYudtXLvAXBq6yMXfMLJH_UaOw2xYUiNiH1EXcvUECzQrjgLcdqfBmlSxTAx8Fc5mYicPayziS1l8UlQ2dm6us3YrJV-91_KoFEBYR=w800-h600-no" style="max-height: 200px; max-width: 200px;" /></a>
<a href="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipPkUtQHEL0rz1z4nlSkLELebA7xZ1enpo6qvoFj?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" target="_blank"><img src="https://lh3.googleusercontent.com/esNxdQijGAm69J3xV8YBgjPXVQs3R7RreE7qvl8i7RJ7zBUyf6tjf6a6__L5oxKSTBx5rJA5veBYLzxs9hl88FkSRzOonCsEssyQvDEQA7wlCO7vhxLNFG4xQV4pPGToKX1k9HqEnS0-xHYyjDvJy6WvR6M8ZVnGgD35LkVFYxkNTxnW9tcs7LX4BJHdiRhLmWvBrdMxo83kLi5x-Jv3rx0NuxVceyblHlLqpTiNdDNw1HBwcny2kA8EYl6oCFyGl_pbtE9x58i7JYq300RGh8mRLvruz4cusxZAagFIT3n7xV_2XWbrWFFxvHTgDgCKNggjw-nST-3TcFtwCrmPRA04V4hvJ5c9b-hCvX3EnpPP5qyiFC8B-KeepDw7VFYtl_7wMKeTpT5OzUJ7a9IytDmxhljK0rRgH13zBunpZpEY-e5XyV1ZTS7cej3sdigcp4uPubjaehLLQ-nz7RMXt8eWhwYlgpfmZlEKLJmqAgjBIfC8RRW2rmE-JoKhxcty3UPI2WghoBV0lwU17LegsBdf3HXNS3ynkOCw8WA1iSvvfaXcccj2zvrF4bsbp3Tld2vLyuVc4lN2JZqpltXhbLsxGRcaEhFvI5wZTxLZVd4jrUIf=w800-h600-no" style="max-height: 200px; max-width: 200px;" /></a>
<a href="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipOfxylQ9yBgI9hCdfA4l3yqFCTaksi3pvP8NFS4?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" target="_blank"><img src="https://lh3.googleusercontent.com/ME8Y63BYkdBzgA2TRzdPX24s99oF1TCoC21xu8geVItjbYcjZr20NoR784vSzcMCWwsVdNlYdUOUKcNpNvNoRaW3g84DQ12h1_HVKnrJnOE49BSuNdL6tjhwIT4LF7eoFLd3hmV0kH133Fm30meWJeMnTP6wnnBbde7WX0tZeuQGVpM5S5Oze-bae9EekUWxEpuAC6kCerzL6IZhOKkH0HaVXtfhDuzi0UNY2DiAIbpfZitNoeT4C2077LdrLYxmchwYbE7esvFcHXk6VxJ8PYqaZSJDrNxtKQKiAPCa41O7eRrvqnCpvUYxBtBxoX2-SD6UL8DwlH7-pzBMx2SEAP5m6iLrvPKj_U9RLufsC1OxgZVM6dDXh_mT4ySAgySh-VRS15DQkBwrjEUQCJQxmoPlrSlM2ZGXHIU_KVY6FYbZoNQzgpg0TulMFU6nteN9Rfog9-6f7-jMWX7S2d-15iL-m5_Sx9mN7Xt3iivIgX1iJyHihEC2vruHEIU7TVoBoOjYmTetmVqP58dllQaZuiP07siPi6l-1oz4mKrK8FTc3Vhx38Uge2l1x83Xl021k2W628aGq4ADfaEGneddCqyaC9Jd3yiS7bmgdhCHjziZajM9=w800-h600-no" style="max-height: 200px; max-width: 200px;" /></a>
<a href="https://photos.google.com/share/AF1QipNiYMqDqq4PktkMe1bksmOsxIjR-chaQWNY1L_pzlgoj-ZPZhdAlpW5pgYMS3KAIQ/photo/AF1QipPZxGAXp820htDWHVmFZSuMG_fOjf-7oJEflcuA?key=S0FZUmh3ZnhKMlRyREdhby1rODYwY2x6eTBZRTR3" target="_blank"><img src="https://lh3.googleusercontent.com/7LaD01enL4GzYZ--yFhX5wuUXaAgPWFLj2bp4SCNkFIArfiDMJmSP1ZY-cLusdvwltLunpeJE_h-s0I5D1wxr9KB7T8SznApJq4If32Yz7j-1Wy52VU5nW77GpOfm8wjUp05ojPv6O1QzBzqfrvhKcWBLDh0QMNASrJh4vUtpnVaRb2JiEGRBgYO5doT4gwlGY6VI0CYoiwBIC23JvYCRbaSAWvMBC12o7k2dMrKj-dUk5Bo_5t3fBo7MAzxmRpkJRM7Jjuf8DNaIUsbF_ATgV8DHkC7cOfhIOoxJl2WmS8yeCf8T7b-eMotBYbfqecC3dme_HEC9JRuiA4cbxGPti_4zFBDJvW9vCr1WyZ41X-KFtk3UcBD0V8-mun7Px57cfBvHxQ_bX69TZcBLfJxvQEAtwpnqNSAdq_xvOBrC8mRxiu4EGfY-uK1RiEyC-hAzyYJbgHFnTC7-qin3SyONh5_FFdFcPnAFDYw3vQKakE3f2v-7lt5O4gzT0pyhIwDcsIoK5_pfvQsKiOqvqJjcFaY35n4fVUR6NNIso0bTcHy31rWYqb5kjlmVgXVzi72BR1YBE4FHtKB3Au13IJ8iodqYQ_qZsVOs2XVBnpl65ox8zQJ=w800-h600-no" style="max-height: 200px; max-width: 200px;" /></a>CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-52135875285291058862016-01-30T02:47:00.000+01:002016-10-27T13:02:19.168+02:00El codi QR<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="https://2.bp.blogspot.com/-zZ-9whHxO90/WBHcHDGT5DI/AAAAAAAAQr0/IZnbfuEz710XK9gKd9XPCstF6A9hSHoCgCLcB/s1600/qrenriquimeb.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://2.bp.blogspot.com/-zZ-9whHxO90/WBHcHDGT5DI/AAAAAAAAQr0/IZnbfuEz710XK9gKd9XPCstF6A9hSHoCgCLcB/s200/qrenriquimeb.png" width="200" /></a>En veiem arreu, de codis QR. Amb una sola imatge capturada amb el mòbil obtenim l'adreça del lloc web i el navegador ens l'obre tot seguit.<br />
<br />
Anem a provar-ho. Necessitem una pàgina que ens generi <a href="http://www.qrcode.es/es/generador-qr-code/" target="_blank">codi QR</a> a partir de l'URL del nostre blog.<br />
Escrivim l'adreça, triem el fons, el color, la mida i la precisió, generem el codi i el descarreguem. Inserim la imatge a l'entrada del blog, a la barra lateral de la portada...<br />
<br />
Si teniu un mòbil Smartphone i un programa que llegeixi els codis (QR Code Reader) ens podreu dir si ho hem fet bé...<br />
<br />
Els codis QR poden codificar imatges, adreces web, missatges de text i també de veu com fan a <a href="http://qrvoice.net/" target="_blank">QR voice</a>. També hi ha programes lectors per a PC com <a href="https://chrome.google.com/webstore/detail/quickmark-qr-code-extensi/bhddglpocgogkbpkbkoieiplhgbjmiim?hl=ca" target="_blank">QReader</a>, una extensió per a Google Chrome.CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-50211750439786884812013-03-05T16:47:00.000+01:002013-03-07T09:42:53.955+01:00Glogster, el pòster digital interactiuHeu creat mai un pòster digital interactiu amb <a href="http://edu.glogster.com/" target="_blank">Glogster</a>? Aquesta eina 2.0 arracona la cartolina i la cola dels pòsters tradicionals. Té un gran potencial educatiu de cares a fer una síntesi del tema que hem estudiat. En ell pots barrejar imatges, text, enllaços, múltiples dissenys i gràfics animats, música i vídeo i després compartir-lo amb gent.<br />
N'hem trobat molts, fets per alumnes de 1r d'ESO, en <a href="http://surfingabroad1.blogspot.com.es/p/our-presentations.html" target="_blank">aquesta pàgina</a> de l'Institut Sa Palomera, com aquest que podeu veure aquí a sota. Ens subministra el codi embed de la mida que necessitem. El copiem i l'enganxem a la pestanya HTML de la nostra entrada.<br />
<br />
<div style="text-align: center;">
<iframe frameborder="0" height="745" marginheight="0" marginwidth="0" scrolling="no" src="http://edu.glogster.com/glog.php?glog_id=19867869&scale=58" style="overflow: hidden;" width="550"></iframe></div>
CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-72280950636892575942013-03-05T14:47:00.004+01:002014-01-09T18:12:54.917+01:00Dewplayer, el nostre reproductor de mp3<a href="http://www.alsacreations.fr/dewplayer.html" target="_blank">Dewplayer</a> és un reproductor de mp3 fet amb flash, molt lleuger, fàcil d'utilitzar i gratuït. Haurem de buscar un allotjament per als fitxers swf (reproductor) i mp3 (música). Podem pujar la carpeta amb els fitxers al web de la XTEC amb el Filezilla. En aquest moment no ens serveix pujar-los a Drive ja que no ens dóna l'url que necessitem.<br />
Hi ha 7 tipus de reproductors (mini, clàssic, playlist... <a href="https://sites.google.com/a/xtec.cat/sdtac-girona/2012-2013/eines/inserir-audio-al-bloc" target="_blank">(veure ajuda)</a>.<br />
<br />
<span style="background-color: #eeeeee;"><object data="<b>url del fitxer swf</b>" height="20" id="dewplayer" name="dewplayer" type="application/x-shockwave-flash" width="200"> <param name="wmode" value="transparent" /></span><br />
<span style="background-color: #eeeeee;"><param name="movie" value="<b>url del fitxer swf</b>" /></span><br />
<span style="background-color: #eeeeee;"><param name="flashvars" value="mp3=<b>url del fitxer mp3</b>" /></span><br />
<span style="background-color: #eeeeee;"></object></span><br />
<span style="background-color: #eeeeee;"></span><br />
<div>
<span style="background-color: #eeeeee;"><span style="background-color: #eeeeee;"><br /></span></span></div>
<span style="background-color: #eeeeee;">
</span>Aquest codi l'hem d'inserir a la pestanya HTML de l'entrada o en un gadget HTML/JavaScript de la barra lateral. En el nostre cas el codi i el resultat és el següent:<br />
<div>
<span style="background-color: #eeeeee;"><br /><object data="<b>http://www.xtec.cat/serveis/crp/b7990105/dewplayer/dewplayer.swf</b>" height="20" id="dewplayer" name="dewplayer" type="application/x-shockwave-flash" width="250"> <param name="wmode" value="transparent" /><br /><param name="movie" value="<b>http://www.xtec.cat/serveis/crp/b7990105/dewplayer/dewplayer.swf</b>" /><br /><param name="flashvars" value="mp3=<b>http://www.xtec.cat/serveis/crp/b7990105/dewplayer/mp3/test1.mp3</b>" /><br /></object></span><br />
<div>
<br />
<div style="text-align: center;">
<object data="http://www.xtec.cat/serveis/crp/b7990105/dewplayer/dewplayer.swf" height="20" id="dewplayer" name="dewplayer" type="application/x-shockwave-flash" width="250"> <param name="wmode" value="transparent" />
<param name="movie" value="http://www.xtec.cat/serveis/crp/b7990105/dewplayer/dewplayer.swf" />
<param name="flashvars" value="mp3=http://www.xtec.cat/serveis/crp/b7990105/dewplayer/mp3/test1.mp3" />
</object></div>
</div>
</div>
CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-33345600422177260942013-03-05T01:53:00.003+01:002013-06-25T12:41:20.821+02:00Un núvol de paraules<a href="http://www.wordle.net/show/wrdl/6444349/Enriquim_els_blocs" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" title="Wordle: Enriquim els blocs"><img alt="Wordle: Enriquim els blocs" src="http://www.wordle.net/thumb/wrdl/6444349/Enriquim_els_blocs" height="240" style="border: 1px solid rgb(221, 221, 221); padding: 4px;" width="320" /></a>Hem anat al web de <a href="http://www.wordle.net/" target="_blank">Wordle</a> i enlloc d'introduir un text, hi hem afegit l'url del nostre blog. I aquest és el núvol de paraules que ens ha donat.<br />
<br />
Lògicament, BLOC és la paraula que més surt. El que sembla és que només ens ha llegit la pàgina principal, o sigui, les 3 últimes entrades, però el resultat és prou maco. Hem provat diferents opcions de color i amb aquesta ens hem quedat.<br />
<br />
Un cop desat, ens ha deixat copiar l'embed per inserir-lo a la pestanya HTML de la nostra entrada.<br />
<br />
<div style="text-align: center;">
</div>
CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-43249631352483350852013-03-05T01:10:00.003+01:002013-06-25T12:39:22.902+02:00Un puzzleI ara no us vindria bé de fer un puzzle. Hem anat a la web de <a href="http://www.jigsawplanet.com/" target="_blank">jigsawplanet.com</a>, no ens ha calgut registre, hem pujat la imatge de Sa Palomera, li hem dit que volíem un puzzle clàssic de 20 peces i ens ha deixat copiar el codi que hem d'inserir a la pestanya HTML de la nostra entrada. Ja pots comprovar si hi ha totes les peces. No fos cas que n'haguéssim perduda alguna...<br />
<br />
<div style="text-align: center;">
<iframe frameborder="0" src="http://www.jigsawplanet.com/?rc=play&pid=205c2ebdd8f8&view=iframe" style="height: 600px; width: 100%;" title="Sa Palomera - Blanes - online jigsaw puzzle - 20 pieces">[Your web browser does not support frames or is currently configured not to display frames. However, you may visit <a href="http://www.jigsawplanet.com/?rc=play&pid=205c2ebdd8f8" target="_top">the related page</a>.]</iframe></div>
CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-37474415672352790862013-03-05T00:41:00.000+01:002014-11-25T13:14:11.868+01:00La sopa de lletres<div style="text-align: left;">
Ara toca resoldre una sopa de lletres...</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe frameborder="0" height="450" src="http://www.educaplay.com/es/recursoseducativos/1027982/html5/pobles_de_la_selva.htm" width="550"></iframe><br />
<a href="http://www.educaplay.com/es/recursoseducativos/1027982/pobles_de_la_selva.htm">Pobles de la Selva</a>
</div>
<div style="text-align: left;">
Aquest tipus d'activitat, en català, és escassa a la xarxa i que es deixin enllaçar, encara n'hi ha menys. En canvi, en trobem moltes en castellà i en anglès.</div>
<br />
I com l'hem inserida? És una activitat flash i, com vam explicar en <a href="http://enriquimelsblocs.blogspot.com.es/2013/01/inserim-un-arxiu-flash.html" target="_blank">aquesta entrada</a>, tan sols hem de saber l'adreça de la sopa de lletres i inserir-la enmig del codi a la pestanya HTML de l'entrada. L'amplada de la zona de continguts del nostre blog és 550. Amb 450 d'alt queda ben proporcionada.<br />
<br />
Aquesta activitat l'hem feta nosaltres des d'Educaplay. L'inconvenient, ja el veieu, és la publicitat. Aquí teniu el codi:
<br />
<span style="background-color: #eeeeee;"><div style="text-align: center;"></span><br />
<span style="background-color: #eeeeee;"><iframe frameborder="0" height="<b>450</b>" src="http://www.educaplay.com/es/recursoseducativos/1027982/html5/pobles_de_la_selva.htm" width="<b>550</b>"></iframe><a href="http://www.educaplay.com/es/recursoseducativos/1027982/pobles_de_la_selva.htm">Pobles de la Selva</a></span><br />
<span style="background-color: #eeeeee;"></div></span><br />
<div style="text-align: left;">
Animeu-vos a fer-ne una! </div>
CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-60610805828962725122013-03-04T17:52:00.001+01:002013-06-25T12:37:06.506+02:00Voki, l'avatar animat que parla<div class="separator" style="clear: both; text-align: center;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" height="267" id="widget_name" style="clear: right; float: right;" width="200"><param name="movie" value="http://vhss-d.oddcast.com/vhss_editors/voki_player.swf?doc=http://vhss-d.oddcast.com/php/vhss_editors/getvoki/chsm=a904f13890045753e41fba58e16f5172%26sc=7667168" /><param name="quality" value="high" /><param name="allowScriptAccess" value="always" /><param name="width" value="200" /><param name="height" value="267" /><param name="allowNetworking" value="all"/><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><embed height="267" width="200" src="http://vhss-d.oddcast.com/vhss_editors/voki_player.swf?doc=http%3A%2F%2Fvhss-d.oddcast.com%2Fphp%2Fvhss_editors%2Fgetvoki%2Fchsm=a904f13890045753e41fba58e16f5172%26sc=7667168" quality="high" allowScriptAccess="always" allowNetworking="all" wmode="transparent" allowFullScreen="true" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" name="widget_name"></object></div>
<br />
<img border="0" src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzNjI*MTUyMjcyNTMmcHQ9MTM2MjQxNTIzMzQxOSZwPTk3NTA3MiZkPTAwMCUyMC*lMjBWb2tpJTIwV2lkZ2V*Jmc9/MSZvPWVjNWI5OWVjMWMyMzQ1YWVhMTRhYjNjMTZmZGUzNWE4Jm9mPTA=.gif" height="0" style="height: 0px; visibility: hidden; width: 0px;" width="0" />Aquest voki és un avatar que es va movent mentre va llegint el text que li hem escrit. L'hem creat des del web <a href="http://www.voki.com/create.php" target="_blank">voki.com</a>.<br />
<br />
Després de registrar-nos hem triat el personatge més semblant al que volíem, li hem canviat alguns trets físics i del vestit. Hem personalitzat el fons i l'hem desat. Hem copiat el codi que ens ha donat a la pestanya HTML de l'entrada i aquest és el resultat.<br />
<br />
Ara tenim al nostre blog una secretària virtual que dóna la benvinguda als visitants.CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-21272563773938324612013-03-04T12:34:00.000+01:002013-06-25T12:35:32.536+02:00Configuració del blogHi trobem els següents apartats:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-4pU2KzEms4o/USJc_rUX3DI/AAAAAAAACic/VCx7GlN9fFs/s1600/config+bloc.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-4pU2KzEms4o/USJc_rUX3DI/AAAAAAAACic/VCx7GlN9fFs/s1600/config+bloc.png" /></a></div>
<br />
<ul>
<li><b>Bàsic</b>: Hi podem canviar el<i> títol</i>, la <i>descripció</i>, l'<i>adreça</i>..., afegir<i> autors</i> (de moment no poden ser @xtec.cat) i restringir els lectors si encara no volem fer <i>públic</i> el blog.</li>
<li><b>Entrades i comentaris</b>: Decidim el <i>nombre d'entrades</i> (3-7) a la pàgina principal. Si hi posem moltes imatges, vídeos... reduirem el màxim d'entrades de la pàgina principal per millorar la velocitat de càrrega. La <i>moderació de comentaris</i> la deixarem activada sempre per evitar publicitat, grolleries... Sabrem que han arribat comentaris pel correu, a la llista d'entrades... Al menú de l'esquerra hi ha un apartat de <i>Comentaris</i> on podem gestionar els que estan pendents de moderació.</li>
<li><b>Mòbils i correu electrònic: </b>Demana les dades per fer entrades des d'aquests sistemes.</li>
<li><b>Idioma i format</b>: Permet triar l'idioma per defecte, la zona horària (Compte! Acostuma a deixar l'hora del Pacífic si no la canviem) i el format de la data.</li>
<li><b>Preferències de cerca</b>: Facilita que ens localitzin i ens visitin. </li>
<li><b>Altres</b>: Conté les eines per exportar el blog (una còpia de seguretat desada al nostre ordinador), importar el blog (restaurar la còpia anterior, si l'hem feta!) o eliminar el blog. </li>
</ul>
<b><br /></b>CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-38984073161006478642013-03-04T12:30:00.000+01:002013-06-25T12:35:00.822+02:00Tercera entrada (hi afegim un vídeo)Ara hi afegirem un <b>vídeo</b>. Cliquem la icona corresponent i al quadre de diàleg que se'ns obre tenim diferents opcions:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-VSUdkfyvSkg/USIKEQcA9dI/AAAAAAAAChM/7-0DSqVWYZg/s1600/e2video.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-VSUdkfyvSkg/USIKEQcA9dI/AAAAAAAAChM/7-0DSqVWYZg/s1600/e2video.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li><i>Càrrega</i>: Localitzem el vídeo a l'ordinador, cliquem Obre i en veure la miniatura, cliquem Penja. Físicament aquest vídeo queda allotjat en els nostres àlbums de Picasa.</li>
<li><i>Des de YouTube</i>: Escrivim les paraules de cerca, localitzem el vídeo, el seleccionem i l'afegim. No ens oblidem de centrar-lo. En <i>Els meus vídeos de YouTube</i> ens mostrarà només els que hàgim penjat nosaltres. </li>
<li>Per modificar-ne la mida de visualització haurem de començar a treballar amb la pestanya HTML. Vegeu aquesta altra <a href="http://enriquimelsblocs.blogspot.com.es/2013/01/publiquem-un-video.html">entrada</a> del blog.</li>
</ul>
<br />CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-27887623531456581352013-03-04T12:28:00.000+01:002016-10-27T17:48:22.252+02:00Menú del blog: pàgines, format...<a href="http://4.bp.blogspot.com/-H-nrU_7jojs/USJdpWitVsI/AAAAAAAACik/KGJLEhaXifs/s1600/menu+bloc.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-H-nrU_7jojs/USJdpWitVsI/AAAAAAAACik/KGJLEhaXifs/s1600/menu+bloc.png" /></a>Hi trobem els següents apartats:<br />
<ul>
<li><b>Visió general:</b> Un resum estadístic del blog. Hi veiem si tenim comentaris pendents de moderació.</li>
</ul>
<ul>
<li><b>Entrades: </b>Hi trobem fàcilment els esborranys, pendents de publicació. Totes les entrades es podran editar des d'aquí, visualitzar-les o eliminar-les. També hi trobarem les visualitzacions i els comentaris de cada pàgina.</li>
</ul>
<ul>
<li><b>Pàgines: </b>La pàgina d'inici és on van a parar les entrades que anem fent. </li>
</ul>
Les pàgines noves són pàgines en blanc estàtiques (ideals per presentar el blog, per índexs...)<br />
Les podem visualitzar com a pestanyes superiors a l'encapçalament (barra horitzontal a sota del títol) on també hi podem afegir enllaços web (hi podem posar-hi les etiquetes). Veure aquesta <a href="http://enriquimelsblocs.blogspot.com/2013/02/configuracio-de-les-entrades-les.html">entrada</a>).<br />
<div>
<b>Comentaris: </b>Anem aquí per publicar o eliminar els comentaris pendents de moderació. </div>
<ul>
<li><b>Estadístiques:</b> Li podem dir que no compti les nostres visualitzacions.</li>
<li><b>Format:</b> Des d'aquí podem editar i reordenar els diferents elements/gadgets de l'encapçalament, de la barra lateral i del peu de pàgina. En acabat cliquem <i>Desa l'organització</i> si volem fer efectius els canvis. </li>
</ul>
<blockquote class="tr_bq">
Cliquem <i>Afegeix un gadget</i> a la barra lateral: Hi podem afegir una imatge (una foto, el títol del blog), un text, l'arxiu del blog, les pàgines, les etiquetes, quadres de cerca, comptadors...i molts més que es poden entrar amb HTML/JavaScript. (veure<a href="http://enriquimelsblocs.blogspot.com.es/p/aqui-hi-trobem-lindex-actualitzat-i.html"> índex de gadgets</a>)</blockquote>
<ul>
<li><b>Plantilla:</b> Podem provar les visualitzacions dinàmiques de pàgina si tenim una imatge per a cada entrada. Millor no modificar la plantilla sense tenir un nivell avançat i abans haver-ne fet còpia de seguretat.</li>
<li><b>Configuració:</b> La trobem analitzada en aquesta <a href="http://enriquimelsblocs.blogspot.com/2013/02/configuracio-del-bloc.html">entrada</a>.</li>
</ul>
CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-64845807342061614062013-03-04T12:11:00.000+01:002015-03-16T16:23:47.152+01:00Creació del blogTenim un compte Google? Doncs, endavant! Si no en teniu, cal que us en creeu un des d'aquest <a href="https://accounts.google.com/SignUp?service=mail&continue=http%3A%2F%2Fmail.google.com%2Fmail%2Fe-11-3b988366f9f1e8bbc7e96ec54423d5-4fa62bdef7b74b5a7529b40d4f486dc78e4fc441%3Fhl%3Dca&hl=ca" target="_blank">enllaç</a>. Anem a <a href="http://blogger.com/" target="_blank">blogger.com</a> i ens identifiquem amb el nostre nom d'usuari (no cal posar @gmail) i contrasenya.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-fioYGRxQGNY/VQb1XqeU_dI/AAAAAAAALDE/22MWE4RTVm0/s1600/blocnou1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-fioYGRxQGNY/VQb1XqeU_dI/AAAAAAAALDE/22MWE4RTVm0/s1600/blocnou1.png" height="185" width="320" /></a></div>
Si ja havíem entrat al compte Google, veurem la franja negra del menú a dalt. L'opció <i>Més</i> es desplega i triem l'opció <i>Blogger</i>.<br />
<br />
Aquí hem de clicar <b>Bloc nou</b><i>,</i> tant si és el primer blog que fem com si ja en tenim d'altres. Recordem que el març del 2013 l'<a href="http://dlc.iec.cat/results.asp?txtEntrada=blog&operEntrada=0" target="_blank">IEC va concloure que blog</a> s'escriu amb "g" després d'un inici amb "c" i un temps de convivència acceptada de les dues grafies.<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="http://3.bp.blogspot.com/-8qE55W9LOwY/URzZzPZy0LI/AAAAAAAACdI/vGXiI2ylxsw/s1600/blocnou2.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://3.bp.blogspot.com/-8qE55W9LOwY/URzZzPZy0LI/AAAAAAAACdI/vGXiI2ylxsw/s320/blocnou2.png" height="287" width="320" /></a>1) A la finestra que se'ns obre hem d'escriure el <b>títol </b>que volem per al nostre blog.<br />
<br />
2) Proposem una <b>adreça</b> per al nostre blog. Al cap de pocs segons ens diu si l'adreça està disponible.<br />
Si no ho està n'haurem d'anar proposant d'altres fins que ens donin el vist-i-plau.<br />
<br />
3) Aquí podem triar la <b>plantilla</b>. No cal que hi dediquem gaire temps ara ja que el format i el disseny els poden canviar sempre que vulguem.<br />
<br />
4) Ja podem <b>crear el blog nou</b>.<br />
<a href="http://2.bp.blogspot.com/-DR75vIBAeMk/URzZ0Kc5kPI/AAAAAAAACdQ/Bh_-xaz2Cig/s1600/blocnoufi.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" src="http://2.bp.blogspot.com/-DR75vIBAeMk/URzZ0Kc5kPI/AAAAAAAACdQ/Bh_-xaz2Cig/s320/blocnoufi.png" height="127" width="320" /></a><br />
Ara podem :<br />
<i>- </i><b>visualitzar el blog</b> i veure com queda, o<br />
<i>- </i><b>començar a fer una entrada</b> clicant la icona del llapis sobre fons taronja.CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-29080630430062612462013-02-18T21:52:00.000+01:002013-02-18T22:14:19.041+01:00Canvi de disseny i formatAra ens podem entretenir a canviar aspectes estètics i de format del bloc. Hi ha blocs que canvien de fons a cada estació de l'any. Canviar de tant en tant pot sorprendre però gaire sovint pot desconcertar.<br />
Des del menú <i>Plantilla</i>, podem clicar <i>Personalitza</i> o des de la visualització del bloc podem clicar<i> Dissenya</i>.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-xlwrQGFanHw/USKTBLkyw5I/AAAAAAAACjQ/RlaNkbd2wx4/s1600/disseny1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-xlwrQGFanHw/USKTBLkyw5I/AAAAAAAACjQ/RlaNkbd2wx4/s1600/disseny1.jpg" /></a></div>
<br />
<ul>
<li><b>Plantilles</b>: En tenim 6 per triar. Cada una disposa de 3 a 7 variacions. Les noves visualitzacions dinàmiques (<i>Flipcard, Snapshot</i>...) poden agradar o no. Busquem la que més ens agrada. Després la podrem personalitzar canviant molts més detalls. </li>
</ul>
<div style="text-align: center;">
<a href="http://2.bp.blogspot.com/-rQfPMujUqNc/USKTBUcAoOI/AAAAAAAACjY/e6n4uoe6qlU/s1600/disseny2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-rQfPMujUqNc/USKTBUcAoOI/AAAAAAAACjY/e6n4uoe6qlU/s1600/disseny2.jpg" /></a></div>
<ul>
<li><b>Fons</b>: Canviem la imatge de fons. Hi ha moltíssimes fotografies disponibles. També en podem penjar alguna que hàgim fet nosaltres. Canviem el tema del color principal. Triem la gamma de colors que més ens plagui. Compte! Alguns dissenys dificulten la lectura.</li>
</ul>
<div style="text-align: center;">
<a href="http://4.bp.blogspot.com/-T34XuXj1Vpc/USKTBbayEtI/AAAAAAAACjc/yclzqoigSyU/s1600/disseny3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-T34XuXj1Vpc/USKTBbayEtI/AAAAAAAACjc/yclzqoigSyU/s1600/disseny3.jpg" /></a></div>
<ul>
<li><b>Ajusta les amplades del bloc</b>: Per a pantalles amb una resolució estàndard de 1024 píxels d'amplada, el bloc pot tenir 960 px d'ample i la barra lateral fins a 300 (1/3 del total). Blocs massa amples faran que en pantalles de poca resolució hàgim de fer servir les barres de desplaçament.</li>
</ul>
<div style="text-align: center;">
<a href="http://4.bp.blogspot.com/-FBy3EVjraXY/USKTBps0ySI/AAAAAAAACjg/h73UTHAaYUs/s1600/disseny4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-FBy3EVjraXY/USKTBps0ySI/AAAAAAAACjg/h73UTHAaYUs/s1600/disseny4.jpg" /></a></div>
<ul>
<li><b>Format</b>: Triem el disseny del cos (quantes barres laterals posarem i on) i del peu de pàgina.</li>
</ul>
<div style="text-align: center;">
<a href="http://2.bp.blogspot.com/-mVcx-Q-IOZo/USKTCNjOBGI/AAAAAAAACjs/HKZew-Cop9k/s1600/disseny5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-mVcx-Q-IOZo/USKTCNjOBGI/AAAAAAAACjs/HKZew-Cop9k/s1600/disseny5.jpg" /></a></div>
<ul>
<li><b>Avançat</b>: Aquí ens hi podem entretenir molt per canviar colors de fons, els tipus, mida i color de lletra, els colors dels enllaços...a totes les zones del bloc (encapçalament, zona de continguts, barra lateral, peu de pàgina. La zona afectada queda ressaltada de color vermell a la part inferior. Compte amb triar lletres poc comunes. La majoria d'ordinadors no les tindran i la substituiran per d'altres amb resultats insospitats. </li>
</ul>
Si no estem satisfets dels canvis fets, cliquem <i>Torna a Blogger</i> i no haurà canviat res, però si ens volem quedar amb els canvis, clicarem <i>Aplica-ho al bloc</i>. Que ens ho repensem i no ens agrada com queda? Cap problema. Tornem al <i>Dissenyador de plantilles</i> i continuem remenant...CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-52838140220382606622013-02-18T21:50:00.000+01:002013-02-18T21:50:13.405+01:00Segona entrada (amb un enllaç i una imatge)<div class="separator" style="clear: both; text-align: left;">
<a href="http://2.bp.blogspot.com/-mMWgumXQAyk/USH9z6Di59I/AAAAAAAACg8/K8QUk72o9Mk/s1600/e2ink.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="271" src="http://2.bp.blogspot.com/-mMWgumXQAyk/USH9z6Di59I/AAAAAAAACg8/K8QUk72o9Mk/s320/e2ink.jpg" width="320" /></a></div>
A la segona entrada fem un pas més. Ara volem inserir un <b>enllaç</b>.<br />
<a href="http://2.bp.blogspot.com/-y8MvKqn_zfs/UR0au-Ez_nI/AAAAAAAACeY/Ikn-YzaH3h0/s1600/e2imatge.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="http://2.bp.blogspot.com/-y8MvKqn_zfs/UR0au-Ez_nI/AAAAAAAACeY/Ikn-YzaH3h0/s1600/e2imatge.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="http://2.bp.blogspot.com/-y8MvKqn_zfs/UR0au-Ez_nI/AAAAAAAACeY/Ikn-YzaH3h0/s1600/e2imatge.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><br />
<br />
Obrim una pestanya nova del navegador tenim la pàgina que volem enllaçar. Seleccionem i <b>copiem</b> l'adreça amb ajuda del botó dret del ratolí.<br />
<br />
A l'entrada del bloc escrivim el nom de pàgina i la seleccionem, cliquem <i>Enllaç i</i> al quadre de diàleg que se'ns obre <b>enganxem</b> l'adreça web que abans havíem copiat. Activem l'opció <i>Obre aquest enllaç en una finestra nova</i> si es tracta d'un enllaç extern.<br />
L'enllaç queda subratllat i de color diferent. Si cliquem damunt ens ensenya l'adreça enllaçada i ens ofereix la possibilitat de <i>canviar</i>-la o <i>eliminar</i>-la.<br />
<br />
Inserim una<b> imatge</b>. Cliquem la icona del menú. Al quadre de diàleg que se'ns obre tenim diferents opcions:<br />
<br />
<ul>
<li><i>Tria els fitxers</i> (de l'ordinador): Localitzem el fitxer (poden ser més d'un), cliquem <i>Obre</i>. Veiem la miniatura del fitxer, la cliquem i <i>Afegim la selecció</i>.</li>
<li><i>D'aquest bloc</i>: Podem escollir una imatge de les que ja tenim pujades al bloc.</li>
<li><i>D'àlbums web Picasa</i>: Veiem tots els àlbums que tenim (també els àlbums del nostres blocs), triem el que volem i escollim la foto desitjada.</li>
<li><i>Del telèfon</i> i de la <i>càmera web</i> podrem recuperar fotos si tenim aquests aparells connectats a l'ordinador.</li>
<li><i>D'un url</i>: En una altra pestanya cliquem amb el botó dret del ratolí sobre la imatge que volem enllaçar. En el desplegable cliquem "Copia l'url de la imatge" (Chrome), "Copia l'ubicació de la imatge" (Firefox), "Copia la drecera" (IE). En el quadre de diàleg (Imatge/D'un url) enganxem la drecera al calaix superior, veiem la imatge al cap de pocs segons, la cliquem i <i>Afegim la selecció</i>.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-y8MvKqn_zfs/UR0au-Ez_nI/AAAAAAAACeY/Ikn-YzaH3h0/s1600/e2imatge.jpg" /></div>
<div>
Quan ja veiem la imatge a l'entrada podem clicar-la i <i><b>canviar la mida</b></i> (per defecte posa una mida mitjana), <i>canviar l'alineació</i>, <i>afegir una llegenda</i>/peu de foto, un text alternatiu per si no apareix la foto i <i>eliminar</i> la foto.</div>
<div>
També la podem arrossegar cap a un costat o fins el punt del text que desitgem. Si no ens en sortim tenim l'opció de seleccionar la imatge, retallar-la (CTRL+R) i enganxar-la (CTRL+V) quan tinguem el cursor al lloc adequat.</div>
<div>
Per defecte la foto està <b>enllaçada</b> a la seva ubicació (Ens ensenyaria la foto a mida original en una pàgina nova). La podem treure (clicant el botó activat d'enllaç) o canviar-la (tornant a clicar el botó desactivat d'enllaç i afegint l'adreça d'un àlbum de fotos, d'una pàgina web...).</div>
<div>
<ul>
<li>Per millorar la velocitat de càrrega del bloc és convenient<b> reduir la mida de la imatge abans de pujar-la</b> i adaptar-la a l'amplada del bloc (no més de 500 px per a un bloc optimitzat a 1024 px d'amplada).</li>
</ul>
</div>
CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-44821907058147677822013-02-14T15:01:00.000+01:002013-06-25T12:32:32.206+02:00Primera entrada (només text)<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Volem escriure una entrada molt senzilla, amb només text:</div>
<div class="separator" style="clear: both; text-align: left;">
1) Ens assegurem que la pestanya activa sigui <b>Redacta</b>. (S'obre on l'havíem deixat en el darrer accés)</div>
<div class="separator" style="clear: both; text-align: left;">
2) <b>Escrivim el text</b>. (El tipus i mida de lletra de la plantilla manté l'estil del blog a totes les entrades)</div>
<div class="separator" style="clear: both; text-align: left;">
3) El <i>desem</i> (automàticament ho fa cada pocs segons) i <i>previsualitzem</i> l'entrada en una finestra nova.</div>
<div class="separator" style="clear: both; text-align: left;">
4a) <i>Tanquem</i>. (L'entrada es queda en format d'<i>esborrany</i>) La podrem acabar un altre dia.</div>
<div class="separator" style="clear: both; text-align: left;">
4b) Ja hem acabat l'entrada? <b>Publiquem-la</b> i cliquem <i>Mostra</i> o <i>Visualitza el blog</i>. </div>
<div class="" style="clear: both; text-align: left;">
<br /></div>
<div class="" style="clear: both; text-align: left;">
Si ja l'hem publicat i la volem retocar, podem clicar l'icona del llapis que està just a sota de l'entrada i la tornarem a tenir a punt per editar.</div>
<div class="" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://2.bp.blogspot.com/-puDx3qU9l0s/UR0F6enNQ0I/AAAAAAAACeA/r-vGnQ6bhGs/s1600/entrada1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" src="http://2.bp.blogspot.com/-puDx3qU9l0s/UR0F6enNQ0I/AAAAAAAACeA/r-vGnQ6bhGs/s1600/entrada1.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Podem destacar ara una part del<i> text</i> amb una altra mida, amb negreta, color... Podem modificar els <i>paràgrafs</i> introduint vinyetes, sagnia... Un text molt llarg pot necessitar afegir un <i>salt</i>. En publicar-se veurem només el primer fragment i l'enllaç <i>Més informació</i> que podem clicar si volem veure la segona part.</div>
<div class="separator" style="clear: both; text-align: left;">
Si hem enganxat el text d'un altre lloc, portarà el format anterior i serà convenient clicar <i>Esborra el format</i>. Una revisió ortogràfica abans d'acabar sempre va bé.</div>
<br />CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-48587316243448969372013-02-14T11:17:00.003+01:002016-10-27T17:50:19.348+02:00Configuració de les entrades. Les etiquetesA <i>Configuració d'entrades</i>, a la dreta de la finestra d'edició, trobem 5 apartats:<br />
<br />
<ul>
<li><b>Etiquetes</b>: Ens permetran endreçar les entrades, classificar-les segons la temàtica o el curs que l'ha fet (si és un blog de cicle). Despleguem l'apartat <i>Etiquetes</i> i escrivim el tema, el curs... Si ja l'hem utilitzat abans només caldrà clicar el nom de la llista. Podem posar més d'una etiqueta, separades per comes, a cada entrada. Confirmem l'elecció clicant <i>Fet</i>. Al final de cada entrada podem veure les seves etiquetes, i clicar-les si volem.</li>
</ul>
1) A la configuració del blog, des del menú Format/Afegeix un Gadget/ podem afegir a la <b>barra lateral</b> el gadget <i>Etiquetes</i>. Quedarà com a la imatge de sota, a la dreta. Si quan naveguem cliquem una etiqueta es filtren les entrades i es mostren només les que contenen aquella etiqueta.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-6VKS7q3LN5U/USIzwhQZ7AI/AAAAAAAAChs/DJIckNeUt4Y/s1600/etiguetes1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-6VKS7q3LN5U/USIzwhQZ7AI/AAAAAAAAChs/DJIckNeUt4Y/s1600/etiguetes1.jpg" /></a></div>
<div>
<br />
<div>
2) Si ens agrada més veure les etiquetes a la <b>barra horitzontal</b>, on veiem habitualment les pàgines, hem de seguir aquests passos: Hi posem l'etiqueta amb l'adreça url de la mateixa. (La url la podem copiar de la barra de direccions després d'haver-la clicat. Tindrà l'estructura url blog <b>/search/label/ </b>nom de l'etiqueta.)<br />
<div style="text-align: left;">
</div>
<div>
Si no veiem la barra de menús horitzontal cal fer-la aparèixer des del menú <i>Format </i>/ <i>Afegeix un gàdget </i>(a sota del títol) / <b>Pàgines</b>. Aquí podem decidir quines pàgines es veuran a la barra horitzontal i canviar-ne l'ordre. Els gàdgets <i>Pàgines</i> i <i>Etiquetes</i> es poden arrossegar de la barra lateral a la horitzontal (aquí només n'hi pot haver una).</div>
<div>
<br /></div>
<div>
Els altres apartats del menú de <i>Configuració d'entrades</i> són:<br />
<ul>
<li>A <i>Planifica</i>, podem posar l'hora a partir de la qual es podrà veure l'entrada que hem fet. Passarà d'Esborrany a Publicat a l'hora que fixem. Una altra utilitat pot ser la d'endarrerir manualment una entrada, si anem tard en la publicació o per decidir l'ordre de les entrades (posem la data més antiga d'una entrada que volem "amagar" que la d'una que volem "destacar").</li>
<li>L'<i>enllaç permanent</i> ens dóna la url de l'entrada abans de publicar-la i ens permet personalitzar-la.</li>
<li>Podem personalitzar la <i>Ubicació</i> per a cada entrada, si fem un bloc itinerant.</li>
<li>A <i>Opcions</i> podem decidir si aquella entrada permetrà comentaris, els amagarà... al marge del que digui la Configuració del blog.</li>
</ul>
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-XF7yub8xYvE/USIX51soLhI/AAAAAAAAChc/oPO6xVZoqOU/s1600/config-ent.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-XF7yub8xYvE/USIX51soLhI/AAAAAAAAChc/oPO6xVZoqOU/s1600/config-ent.jpg" /></a></div>
</div>
</div>
CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0Blanes, Girona, Espanya41.6759954 2.790228899999988241.628550399999995 2.709547899999988 41.7234404 2.8709098999999885tag:blogger.com,1999:blog-3873561961467450157.post-53022145697699073182013-02-14T01:59:00.001+01:002016-10-27T13:07:55.296+02:00Prezi, la presentació dinàmicaLes presentacions amb Prezi ja fa temps que ens tenen el cor robat. Unes transicions espectaculars afegides a la possibilitat d'inserir text, imatges, enllaços i arxius de so l'han convertit en una eina en línia imprescindible si es vol quedar bé. No és convenient abusar dels moviments en les transicions ja que ens poden apartar l'atenció necessària cap al contingut.<br />
Com molts d'altres objectes es poden compartir (Share) i embedir (copiem el codi d'amplada 550 px de la pestanya Embed) dins el nostre blog a través de les pestanyes HTML. Compte! Triga a carregar-se. Alentirà el blog!
<br />
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="400" id="iframe_container" mozallowfullscreen="" src="https://prezi.com/embed/yqfu-lxm9kxr/?bgcolor=ffffff&lock_to_path=0&autoplay=0&autohide_ctrls=0&landing_data=bHVZZmNaNDBIWnNjdEVENDRhZDFNZGNIUE43MHdLNWpsdFJLb2ZHanI0ejJOdk9oMmZrdWpjbzFORCtaY2pCTGZRPT0&landing_sign=iYVVYgdvUX1FiiSHXsR7L_ULVfXQ2QUKrkbhiajrZhE" webkitallowfullscreen="" width="550"></iframe></div>
<div style="text-align: left;">
Aquí podem veure un tutorial de Prezi traduït al castellà per Dolors Reig. Es pot veure a pantalla completa.</div>
CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-69120169096896232852013-02-14T01:31:00.002+01:002013-06-25T11:26:35.934+02:00Els comptadors de visites<a href="http://4.bp.blogspot.com/-tzu3sLG1YGg/URwtSkmk6KI/AAAAAAAACaw/PwP1FROnHhE/s1600/estadistiques.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-tzu3sLG1YGg/URwtSkmk6KI/AAAAAAAACaw/PwP1FROnHhE/s400/estadistiques.png" height="132" width="400" /></a>El mateix Blogger, des del menú de configuració, ja et subministra estadístiques prou completes. Compta les visualitzacions del blog i les entrades més visitades i en fa gràfics, també analitza la url i el país de procedència, el navegador i el sistema operatiu utilitzat...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="http://2.bp.blogspot.com/-2zKvmf2p3IY/URwvEGZNFiI/AAAAAAAACbA/wtdvYGFzKtg/s1600/compta.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-2zKvmf2p3IY/URwvEGZNFiI/AAAAAAAACbA/wtdvYGFzKtg/s1600/compta.png" /></a>A més pots disposar d'un gadget per a la barra lateral per mostrar públicament les visites que té el blog.<br />
Té poques opcions, però això no és un obstacle. En trobarem més per la xarxa...<br />
<br />
A <a href="http://www.histats.com/ad/?act=6" target="_blank">Histats.com</a> n'hem trobat un que ens ha agradat. Ens ha calgut registrar-nos, afegir web, triar comptador i copiar el seu embed a la pestanya HTML. El resultat és aquest:<br />
<center>
<!-- Histats.com START (standard)-->
<script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script>
<a href="http://www.histats.com/" target="_blank" title=""><script type="text/javascript">
try {Histats.start(1,2224467,4,26,190,115,"00001000");
Histats.track_hits();} catch(err){};
</script></a>
<noscript><a href="http://www.histats.com" target="_blank"><img src="http://sstatic1.histats.com/0.gif?2224467&101" alt="" border="0"></a></noscript>
<!-- Histats.com END --></center>
<br />
I l'últim l'hem trobat al web <a href="http://www.revolvermaps.com/?target=gallery" target="_blank">RevolverMaps.com</a>. Ens indica gràficament amb puntets vermells o banderes i noms l'origen de les visites sobre el globus terraqüi o el planisferi.
<br />
<center>
<script async="async" src="http://jf.revolvermaps.com/2/1.js?i=55df0688b8c&s=220&m=0&v=false&r=false&b=000000&n=false&c=ff0000" type="text/javascript"></script></center>
CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-78513351996343193542013-02-14T00:05:00.002+01:002013-10-04T13:43:00.048+02:00Popplet: més que un mapa conceptual<a href="http://popplet.com/" target="_blank">Popplet</a> és una relativament nova eina en línia per a organitzar les idees. Dins els requadres, que pots moure, engrandir, relacionar..., hi pots posar text, imatges, vídeos... Tant pots fer un mapa conceptual com una presentació dinàmica (estil Prezi).<br />
Pots registrar-te, crear el teu "popplet" i compartir-lo al blog. Només cal que cliquis <i>Share</i> i ja veuràs l'embed que hauràs de copiar a la pestanya HTML.<br />
<br />
<div style="text-align: center;">
<object height="460" width="460"><param value="http://popplet.com/app/Popplet_Alpha.swf?page_id=466094&em=1" name="movie"></param>
<param value="true" name="allowFullScreen"></param>
<param value="always" name="allowscriptaccess"></param>
<embed src="http://popplet.com/app/Popplet_Alpha.swf?page_id=466094&em=1" height="460" width="460" allowfullscreen="false" allowscriptaccess="always" type="application/x-shockwave-flash"></embed></object></div>
<div style="text-align: left;">
<div style="text-align: center;">
Aquest gràfic sobre la Competència digital del professorat l'hem trobat al web del CRP del Gironès. Permet visualitzar-se a pantalla completa.<br />
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
D'altres webs on podem fer mapes conceptuals són: <a href="http://www.mindomo.com/es/index.htm?chg-lng=true" target="_blank">Mindomo</a> i <a href="https://bubbl.us/" target="_blank">Bubbl.us</a>.</div>
</div>
</div>
CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-89637440011641819792013-01-31T14:02:00.000+01:002013-06-25T11:07:32.776+02:00El mapa de Google<a href="http://2.bp.blogspot.com/-7wgAjlWmazQ/UQZ8zsWnjrI/AAAAAAAACKo/48n8XxcKcSs/s1600/Carrer+Proven%C3%A7a+++Google+Maps.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://2.bp.blogspot.com/-7wgAjlWmazQ/UQZ8zsWnjrI/AAAAAAAACKo/48n8XxcKcSs/s320/Carrer+Proven%C3%A7a+++Google+Maps.png" height="216" width="320" /></a>Els mapes de Google ens donen la possibilitat d'inserir-los en una pàgina web, sigui una imatge gran dins d'un missatge o una més petita a la barra lateral que indiqui la situació del nostre centre.<br />
Anem a <a href="https://maps.google.es/maps?ll=41.84092,2.197266&spn=3.408765,4.938354&t=h&z=8" target="_blank">Google Maps</a>, escrivim l'adreça del lloc, ens aproximem al punt desitjat i centrem al mapa. Podem triar la visualització de mapa o de satèl·lit. Un cop tenim la zona desitjada, cliquem el símbol d'enllaç i copiem el codi HTML com indica la imatge.<br />
<br />
Si el volem inserir com un gadget a la barra lateral, cliquem <i>Format - Afegeix un gadget - HTML/JavaScript</i>, posem el <i>Títol</i> i a la zona de <i>Contingut</i> enganxem el codi que tenim a la memòria. Ara caldrà que retoquem el codi en funció del lloc on el vulguem inserir. El codi següent està adaptat a la nostra barra lateral. El que es veu en negreta és el que hem retocat.<br />
<br />
<span style="background-color: #eeeeee;"><iframe width="<b>250</b>" height="<b>250</b>" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.es/maps?f=d&amp;source=s_d&amp;saddr=41.675528,2.781499&amp;daddr=&amp;hl=ca&amp;geocode=&amp;sll=41.675761,2.781872&amp;sspn=0.00236,0.002411&amp;t=h&amp;mra=mift&amp;mrsp=0&amp;sz=19&amp;ie=UTF8&amp;ll=41.675761,2.781872&amp;spn=0.00236,0.002411&amp;output=embed"></iframe><br /><small><a href="https://maps.google.es/maps?f=d&amp;source=embed&amp;saddr=41.675528,2.781499&amp;daddr=&amp;hl=ca&amp;geocode=&amp;sll=41.675761,2.781872&amp;sspn=0.00236,0.002411&amp;t=h&amp;mra=mift&amp;mrsp=0&amp;sz=19&amp;ie=UTF8&amp;ll=41.675761,2.781872&amp;spn=0.00236,0.002411" style="color:#0000FF;text-align:left">Mostra un mapa més gran</a></small></span><br />
<div style="text-align: center;">
<div style="text-align: left;">
<br />
Cliquem <i>Desa</i>. Ara hem de desplaçar el nostre gadget (queda a dalt) fins al lloc de la barra lateral on el volem veure i <i>Desar organització</i>. Ja podem <i>Visualitzar el blog</i> per veure'n el resultat.</div>
<center>
<iframe frameborder="0" height="250" marginheight="0" marginwidth="0" scrolling="no" src="https://maps.google.es/maps?f=d&source=s_d&saddr=41.675528,2.781499&daddr=&hl=ca&geocode=&sll=41.675761,2.781872&sspn=0.00236,0.002411&t=h&mra=mift&mrsp=0&sz=19&ie=UTF8&ll=41.675761,2.781872&spn=0.00236,0.002411&output=embed" width="250"></iframe></center>
</div>
<div style="text-align: center;">
<small><a href="https://maps.google.es/maps?f=d&source=embed&saddr=41.675528,2.781499&daddr=&hl=ca&geocode=&sll=41.675761,2.781872&sspn=0.00236,0.002411&t=h&mra=mift&mrsp=0&sz=19&ie=UTF8&ll=41.675761,2.781872&spn=0.00236,0.002411" style="color: blue; text-align: left;">Mostra un mapa més gran</a></small></div>
CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-56994430117095448132013-01-31T11:59:00.000+01:002013-10-04T13:45:05.972+02:00Com fem el títol?Sempre queda maco personalitzar el títol. I si és amb 3 D i fons transparent encara més... Aquí us deixem una imatge amb el que hem fet nosaltres amb el Microsoft Word <b>2010 <a href="https://www.dropbox.com/s/crqe7pk8q92ud1v/titol%20bo.docx" target="_blank">(arxiu model</a>)</b> i el Paint Shop Pro, dues eines que tenim a l'escola.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-5WmjPD-nD2s/UQpNyvXD7EI/AAAAAAAACPE/MAlnVkxOJtQ/s1600/com+fem+el+titol.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="http://1.bp.blogspot.com/-5WmjPD-nD2s/UQpNyvXD7EI/AAAAAAAACPE/MAlnVkxOJtQ/s640/com+fem+el+titol.jpg" width="547" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Un cop tenim la imatge que ens servir de títol, ja podem anar a Format - Editar la barra de l'encapçalament - </div>
<div class="separator" style="clear: both; text-align: left;">
Seleccionar la imatge (si ja en tenim una, suprimir la imatge abans) - Ubicació (enlloc del títol i la descripció).</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Hi ha webs on es poden fer <a href="http://www.gifss.com/texto3d/" target="_blank">Títols 3D</a> molt més fàcilment. Només hem d'escriure el text, la lletra (tipus, mida, estil i color). Cliquem <i>Preview</i> i si ens agrada ja ens podem desar la imatge.</div>
CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-77048100529134814952013-01-30T09:31:00.002+01:002013-01-31T16:11:55.806+01:00Més vídeos a Vimeo, el karaokeNo tot s'acaba en YouTube. A <a href="http://www.vimeo.com/" target="_blank">Vimeo</a> la compartició és semblant. Cliquem <i>Share-Show options, </i>modifiquem la mida i el color de fons i copiem el codi per enganxar-lo a la pestanya HTML. En les opcions del vídeo hem de recordar de no activar mai l'<i>Autoplay per no</i> alentir la càrrega de la pàgina.<br />
En aquest vídeo trobem una altra utilitat dels vídeos que és la de poder fer de karaoke.<br />
<br />
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="300" mozallowfullscreen="" src="http://player.vimeo.com/video/39043266?title=0&byline=0&portrait=0" webkitallowfullscreen="" width="400"></iframe></div>
CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-12456093558191502652013-01-30T03:04:00.000+01:002013-06-25T11:02:14.234+02:00Documents Google al blogDes de <i>Drive - Documents de Google </i>també podem inserir al blog documents de text, documents PDF, dibuixos, presentacions, full de càlcul, formularis... que un cop inserits s'actualitzaran automàticament cada vegada que nosaltres modifiquem el fitxer original (si deixem activada aquesta opció). En tots els casos, per trobar el codi que hem d'afegir a la pestanya HTML, cal obrir el fitxer i al menú <i>Arxiu </i>clicar <i>Publica al web</i>.<br />
<br />
<span style="background-color: #eeeeee;"><iframe <b>height="300"</b> src="https://docs.google.com/document/d/1PWbTPUT-FKKZEF0jxUanbOgC68YT3P11_6iSmslrnyQ/pub?embedded=true" <b>width="550</b>"></iframe></span><br />
<br />
Al codi, hi hem hagut d'afegir el que està en negreta per adaptar la mida a l'espai del blog. No ens oblidem de centrar els objectes inserits!<br />
<br />
<div style="text-align: center;">
<iframe height="300" src="https://docs.google.com/document/d/1PWbTPUT-FKKZEF0jxUanbOgC68YT3P11_6iSmslrnyQ/pub?embedded=true" width="550"></iframe>
<i>Document de text</i><br />
<i><br /></i></div>
<div style="text-align: center;">
<iframe frameborder="0" height="300" src="https://docs.google.com/spreadsheet/pub?key=0Atw1UQArsgj-dEIyUzZ6QmVBUEJNb096VWR6RjJUVXc&output=html&widget=true" width="550"></iframe><br />
<i>Full de càlcul</i><br />
<i><br /></i>
<br />
<center>
<iframe frameborder="0" height="300" marginheight="0" marginwidth="0" src="https://docs.google.com/spreadsheet/embeddedform?formkey=dEZRNmlHMW5pN25LbVg3d1BhYTFodmc6MA" width="550">S'està carregant...</iframe></center>
<i>Formulari</i><br />
<i><br /></i>
<br />
<div style="text-align: left;">
De presentacions de Google en podeu veure en aquesta mateix blog en <a href="http://enriquimelsblocs.blogspot.com.es/2013/01/albums-de-fotos-amb-google.html" target="_blank">aquesta entrada</a>.</div>
</div>
CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0tag:blogger.com,1999:blog-3873561961467450157.post-71540419145469963642013-01-30T01:31:00.001+01:002013-10-04T12:25:37.308+02:00Issuu: Documents i presentacionsAra penjarem un document sobre animals fantàstics, fet per alumnes de 3r, a <a href="http://www.issuu.com/" target="_blank">Issuu</a>. Va ser fet amb l'Open Office, fusionades totes les pàgines en un sol document i exportat a PDF.<br />
Cal dir que, abans de pujar documents PDF o presentacions, aquest web demana que ens registrem. Un cop pujat triga uns minuts en estar disponible per a enllaçar-lo o descarregar-lo.<br />
Com sempre, cliquem l'embed, configurem la mida i el color de fons, copiem el codi i l'enganxem a la pestanya HTML de l'entrada.<br />
El codi antic té més opcions de configuració i no deixa publicitat<br />
<div style="text-align: center;">
<object style="height: 297px; width: 420px;"><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fcolor%2Flayout.xml&backgroundColor=000000&showFlipBtn=true&documentId=110323121902-5b0bbf8da02b4b8fad7f3db0dbdc00d6&docName=animalsfantastics3b&username=nsoliva&loadingInfoText=Animals%20fant%C3%A0stics%20-%203r%20B&et=1359508088401&er=91" /><param name="allowfullscreen" value="true"/><param name="menu" value="false"/><param name="allowscriptaccess" value="always"/><embed src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" menu="false" style="width:420px;height:297px" flashvars="mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fcolor%2Flayout.xml&backgroundColor=000000&showFlipBtn=true&documentId=110323121902-5b0bbf8da02b4b8fad7f3db0dbdc00d6&docName=animalsfantastics3b&username=nsoliva&loadingInfoText=Animals%20fant%C3%A0stics%20-%203r%20B&et=1359508088401&er=91" /></object><br />
<br /></div>
I aquí teniu què fa el codi nou...
<br />
<div class="issuuembed" data-configid="0/1281520" style="height: 185px; width: 525px;">
</div>
<script async="true" src="//e.issuu.com/embed.js" type="text/javascript"></script>CRP Selva IIhttp://www.blogger.com/profile/16683471905829880831noreply@blogger.com0