tag:blogger.com,1999:blog-292414632024-03-18T21:18:28.286-07:00WhiteMontanaMontanahttp://www.blogger.com/profile/15299355037628422298noreply@blogger.comBlogger7125tag:blogger.com,1999:blog-29241463.post-74607166137461099982007-05-30T09:44:00.000-07:002007-07-11T13:12:21.551-07:00Easy image upload to your header Makkelijk! Een afbeelding in je header<div align="center">If you are using the new template with widgets, it's very easy now to upload a photo to your header. Check out the link below.<br /><br /></div><div align="center"><span style="color:#993300;">Als je een nieuw template met widgets gebruikt, is het nu heel makkelijk om een afbeelding in je header te plaatsen. Klik op de link hieronder om de video te zien.<br /><br /></span></div><div align="center"><span style="color:#993300;"></span></div><div align="center"><span style="font-family:arial;font-size:130%;color:#3333ff;"><strong><a href="http://www.freevlog.org/index.php/2007/05/22/screencast-customize-your-blogger-header/" target="_blank">Video : Customize your Blogger Header</a></strong></span></div>Montanahttp://www.blogger.com/profile/15299355037628422298noreply@blogger.com1tag:blogger.com,1999:blog-29241463.post-27018695255224104872007-04-23T21:01:00.000-07:002007-04-23T22:14:27.374-07:00Clickable image Aanklikbare foto<div align="center"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3jCbCd2PYUMYRsGTP8c8PsOtMuQBVOhHNmUCGEqPb8fAmlPuzdcFtCSJof7at5pfUM6NribfrJI0hcycCzuN980QPmYyBm10VeLQvrMFnsGcM59gkEo2sqoL08KyrZ9HE5k_C/s1600-h/1-logo+photobucket.jpg"><img id="BLOGGER_PHOTO_ID_5056845641156121938" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3jCbCd2PYUMYRsGTP8c8PsOtMuQBVOhHNmUCGEqPb8fAmlPuzdcFtCSJof7at5pfUM6NribfrJI0hcycCzuN980QPmYyBm10VeLQvrMFnsGcM59gkEo2sqoL08KyrZ9HE5k_C/s400/1-logo+photobucket.jpg" border="0" /></a> If you click this photobucket logo in the sidebar, it brings you to the photobucket website. It's very easy to add a clickable photo to your sidebar: </div><div align="center">Upload the photo/image/logo you want to use, because you will need a URL. I used Photobucket's logo, it's 198 pixels wide, so it will fit perfectly in my sidebar, which is 240 pixels wide, and uploaded it to photobucket's website.</div><div align="center"><span style="color:#993300;">Als je op het Photobucket logo in de sidebar klikt, kom je op de website van Photobucket terecht. Zo'n aanklikbaar logo is heel makkelijk te plaatsen:</span></div><div align="center"><span style="color:#993300;">Upload de foto/tekening/logo op een foto hosting website, want je hebt een URL nodig. Ik gebruikte het logo van Photobucket.com. Het is 198 pixels breed, het past dus prima in de sidebar, die hier 240 pixels breed is. </span></div><div align="center"><br /></div><div align="center"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj94r23ExAZXgWF9zTy2otf7S2tZnUZPaJNzHKOu3OQHvc9GbjT7qNNv8JVg7WBtjvKvsDwihBONahqjVDhE9fvyKAIKXeFVcluQBTc8WpJf8GyNMc8xIL6ocznCk17_BYHF2CH/s1600-h/2-logo+photobucket-url.jpg"><img id="BLOGGER_PHOTO_ID_5056845555256776002" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj94r23ExAZXgWF9zTy2otf7S2tZnUZPaJNzHKOu3OQHvc9GbjT7qNNv8JVg7WBtjvKvsDwihBONahqjVDhE9fvyKAIKXeFVcluQBTc8WpJf8GyNMc8xIL6ocznCk17_BYHF2CH/s400/2-logo+photobucket-url.jpg" border="0" /></a>Copy the URL, if you use photobucket, you have to copy the upper line. </div><div align="center"><span style="color:#993300;">Kopiëer de URL, als je photobucket gebruikt, neem je de bovenste lijn.<br /><br /></span><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsqLBHGg6mZ7D7YADxhq5OZ4f9XO2GbHkfFLCqsXcUonNM9Dfbng3ge8As8FreZKS-2OiWR0GTBax5HjrLbUmTxP9oSMB4vNKwaYEsyaTc98TiF3uq9zjagIbr7hBophc-B1iy/s1600-h/3-logo+photobucket-dashboard.jpg"><img id="BLOGGER_PHOTO_ID_5056845465062462770" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsqLBHGg6mZ7D7YADxhq5OZ4f9XO2GbHkfFLCqsXcUonNM9Dfbng3ge8As8FreZKS-2OiWR0GTBax5HjrLbUmTxP9oSMB4vNKwaYEsyaTc98TiF3uq9zjagIbr7hBophc-B1iy/s400/3-logo+photobucket-dashboard.jpg" border="0" /></a>Log in to you blog. On the dashboard click "layout"<br /><span style="color:#993300;">Log in op je blog. Kies "layout" op het dashboard.<br /></span><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizmKNTJ5BZxTTzmkvJGY2lXsbgWIIRIrMCyayJN9nkfUxQFdJ3qFKwWNRGbxrtbrI9-YRscMavETGLPqPkJo_9xuzqQLD6eu_gSqdN8e-_xTTY37Mt8VDw9N58iaqLZgEZyNfl/s1600-h/4-logo+photobucket-add+page+element.jpg"><img id="BLOGGER_PHOTO_ID_5056845392048018722" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizmKNTJ5BZxTTzmkvJGY2lXsbgWIIRIrMCyayJN9nkfUxQFdJ3qFKwWNRGbxrtbrI9-YRscMavETGLPqPkJo_9xuzqQLD6eu_gSqdN8e-_xTTY37Mt8VDw9N58iaqLZgEZyNfl/s400/4-logo+photobucket-add+page+element.jpg" border="0" /></a> Click "Add a Page Element"<br /><span style="color:#993300;">Klik "Add a Page Element"<br /></span><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_njMnlQdZ16cmihOXprIl402wRH0Ke03djnL-ObV5r4uJK1ZJZBa18xpx0ntZYHzxmmLy0_aZU0h-UwL5cPICAkn2EcXugwLa9wrMTfTr8xnPeYS-kCRfahKrvWLLnDK-xhnG/s1600-h/5-logo+photobucket+choose+new+page+element.jpeg"><img id="BLOGGER_PHOTO_ID_5056845327623509266" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_njMnlQdZ16cmihOXprIl402wRH0Ke03djnL-ObV5r4uJK1ZJZBa18xpx0ntZYHzxmmLy0_aZU0h-UwL5cPICAkn2EcXugwLa9wrMTfTr8xnPeYS-kCRfahKrvWLLnDK-xhnG/s400/5-logo+photobucket+choose+new+page+element.jpeg" border="0" /></a>Choose HTML/Java Script from the box that pops up.<br /><span style="color:#993300;">Kies in het volgende venster HTML/Java Script.<br /></span><br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZof0nDt4v5kVjmQ31SFo8BQs52jFQlStVW7eGnFgrP0Q1HoVYHOM5aBt-vNhQW5WKufp2bl4RQZSNf0Lxlx3ivv9TUbpi7y3cyGXt5Wu_dcNL6AyaXfvyet65xZtS1R84sHpQ/s1600-h/6-logo+photobucket-html.jpg"><img id="BLOGGER_PHOTO_ID_5056845224544294146" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZof0nDt4v5kVjmQ31SFo8BQs52jFQlStVW7eGnFgrP0Q1HoVYHOM5aBt-vNhQW5WKufp2bl4RQZSNf0Lxlx3ivv9TUbpi7y3cyGXt5Wu_dcNL6AyaXfvyet65xZtS1R84sHpQ/s400/6-logo+photobucket-html.jpg" border="0" /></a> In the next box that pops up, you can add a title.<br />I wanted to link to photobucket's website, so that's the URL you see in the first part between the quotation marks, replace it by the URL of the website you want to link to. The second part is the code that makes the image show up on your blog, so that's where I have pasted the URL of the uploaded logo. Replace it by the URL of your uploaded image.<br /><span style="color:#993300;">In het volgende venster kan je een titel invullen als je wil.</span><br /><span style="color:#993300;">Ik wilde naar de website van Photobucket linken, dus dat is de URL die je tussen de aanhalingstekens in het eerste deel ziet. Vervang die URL door die van de website waar je naar wil linken. Het tweede gedeelte is de code die je foto op je blog zet, dus daar heb ik de URL van het logo, die ik eerder gekopiëerd heb, weer geplakt. Vervang die URL tussen de aanhalingstekens door de URL van jouw foto.</span> <br /><br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTFs2PDM78YJl8edL4xT0t-AQGAmy99_5S8YAyLsZqWtvVTgCBiOzoW1hyphenhyphen-izPJ6dPJJe7qE3vp6phrxpwWVMAJ4uLruteJ6ON8fhcoQb_Z_nXL3d0QrzXrYlD9O8KZvHL56v8/s1600-h/7-logo+photobucket-arrange+page+elements.jpg"><img id="BLOGGER_PHOTO_ID_5056845117170111730" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTFs2PDM78YJl8edL4xT0t-AQGAmy99_5S8YAyLsZqWtvVTgCBiOzoW1hyphenhyphen-izPJ6dPJJe7qE3vp6phrxpwWVMAJ4uLruteJ6ON8fhcoQb_Z_nXL3d0QrzXrYlD9O8KZvHL56v8/s400/7-logo+photobucket-arrange+page+elements.jpg" border="0" /></a><br />Click "preview", if it looks OK click "Save"<br /><span style="color:#993300;">Klik op "Preview". Als het in orde is klik je op "Save".</span> <div></div><br /></div>Montanahttp://www.blogger.com/profile/15299355037628422298noreply@blogger.com5tag:blogger.com,1999:blog-29241463.post-67650056870793800902007-04-09T02:12:00.000-07:002007-07-11T13:11:11.422-07:00Adding a header Een header plaatsen<div align="center">Earlier I explained how I put a header on this blog. You can read about it if you click <a href="http://whitemontana.blogspot.com/2006/11/how-do-i-put-header-on-my-blog-hoe.html" target="_blank"><strong>HERE.</strong></a></div><div align="center">Apperently in newer blogs the template looks a little bit different. So the changes you have to do might look like this: the red parts is what you should add or change in your template.<br /></div><div align="center"></div><div align="center"><span style="color:#993300;">Eerder beschreef ik al hoe ik een header op deze blog plaatste. Je kan het lezen als je </span><a href="http://whitemontana.blogspot.com/2006/11/how-do-i-put-header-on-my-blog-hoe.html" target="_blank"><strong><span style="color:#993300;">HIER</span></strong></a><span style="color:#993300;"> klikt. Blijkbaar is het template in nieuwere blogs lichtjes veranderd, en waarschijnlijk moet je nu dit toevoegen of veranderen aan je template: ik heb de wijzigingen in rood getypt.</span></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcL09RuO0-md4zobH1l_avbFTrLuWBFjml9fbFjGgEkhIBmEHv0QPULluV8OvyoSwczWdhu4FgJr7p9PDMOhyuM2TID0BlEWbP45vJRfrfq0N5pFBiZziYoKjAlXARO-rwXLta/s1600-h/adding+header-1.jpeg"><img id="BLOGGER_PHOTO_ID_5051354025649809554" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcL09RuO0-md4zobH1l_avbFTrLuWBFjml9fbFjGgEkhIBmEHv0QPULluV8OvyoSwczWdhu4FgJr7p9PDMOhyuM2TID0BlEWbP45vJRfrfq0N5pFBiZziYoKjAlXARO-rwXLta/s400/adding+header-1.jpeg" border="0" /></a><br /><div align="center"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVOeL_8niMTA30D3p5u_JzyieUEPLK1m4bgIFvbyOgZHbgIRAmdYiAMgW8RpzSVEXao1a_qPdMqfCRReY36gbtkgGXt1QzZNuTCW5BuX8NnUl0Hi9F7eCu-UYE90ZiJXDlpgQL/s1600-h/adding+header-2.jpeg"><img id="BLOGGER_PHOTO_ID_5051353944045430914" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVOeL_8niMTA30D3p5u_JzyieUEPLK1m4bgIFvbyOgZHbgIRAmdYiAMgW8RpzSVEXao1a_qPdMqfCRReY36gbtkgGXt1QzZNuTCW5BuX8NnUl0Hi9F7eCu-UYE90ZiJXDlpgQL/s400/adding+header-2.jpeg" border="0" /></a><br />Click on the pictures above to enlarge them.</div><div align="center"><span style="color:#993300;">Klik op de foto's hierboven om ze te vergroten.</span></div><div align="center"><span style="color:#993300;"></span> </div><div align="center"><span style="color:#993300;"></span> </div><div align="center"><span style="color:#000000;"><strong> <a href="http://whitemontana.blogspot.com/2007/05/easy-image-upload-to-your-header.html" target="_blank">HEADER VIDEO : click HERE</a></strong></span></div>Montanahttp://www.blogger.com/profile/15299355037628422298noreply@blogger.com2tag:blogger.com,1999:blog-29241463.post-69965118029546148122007-01-17T06:40:00.000-08:002007-01-17T07:54:46.421-08:00How do I add a background image? Hoe plaats ik een foto/tekening op de achtergrond?<div align="center">A simple way to customize your blog is adding a background image. This is how I did it, but safe a copy of your template before you do any changes:</div><div align="center"><span style="color:#990000;">Een eenvoudige manier om je blog te personalizeren is een foto op de achtergrond plaatsen. Ik deed het zo, maar maak een kopie van je template vooraleer je begint:</span></div><div align="center"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCy37-3K4xaxs5RNj19oRn9aypyO0ucCxah9Elg3U3GCd7Z0HEYH4R7B9C55D_NEzcaGqXYf9wnkchY94P7bE8-wsbNKHfhd90iVHoLSNeR0HZIyawkm_IXj_UywAeFVJSFn2-/s1600-h/background+image-clematis+montana+alba.jpg"><img id="BLOGGER_PHOTO_ID_5021011926807864546" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCy37-3K4xaxs5RNj19oRn9aypyO0ucCxah9Elg3U3GCd7Z0HEYH4R7B9C55D_NEzcaGqXYf9wnkchY94P7bE8-wsbNKHfhd90iVHoLSNeR0HZIyawkm_IXj_UywAeFVJSFn2-/s400/background+image-clematis+montana+alba.jpg" border="0" /></a> This is the picture I used. Size is 200 x 200 pixels. If the picture is on your harddisk, you can see the size when you hover over the picture.</div><div align="center"><span style="color:#990000;">Ik gebruikte deze foto. Afmetingen zijn 200 x 200 pixels. Als de foto op je harde schijf opgeslagen is, kan je de afmetingen zien wanneer je met de cursor over de foto gaat.</span><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibbVTxTJd96VPU3JfkPjbOBqvdukRfL1Y00R5-pqc3Qy_hTWhJBQ7GfJUAbCgrrl_0asdyWNd87T4ZGhcPbyAVsqx7FOvPqIFEhbly7HU28Un0Xtu3JiHzGxy5-kce6DCP_t04/s1600-h/background+image-clematis+montana+alba-3.jpg"><img id="BLOGGER_PHOTO_ID_5021011806548780242" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibbVTxTJd96VPU3JfkPjbOBqvdukRfL1Y00R5-pqc3Qy_hTWhJBQ7GfJUAbCgrrl_0asdyWNd87T4ZGhcPbyAVsqx7FOvPqIFEhbly7HU28Un0Xtu3JiHzGxy5-kce6DCP_t04/s400/background+image-clematis+montana+alba-3.jpg" border="0" /></a>I used photo editing software to give the picture a watermark look, because I prefer it that way. Now the picture has to be online somewhere, because you need a URL. I uploaded it to Photobucket.com, as you can see below. It's free.<br /><span style="color:#990000;">Ik bewerkte de foto om ze het uitzicht van een watermerk te geven, gewoon omdat ik dat mooier vind. Omdat je een URL nodig hebt, moet de foto ergens online geplaatst worden. Ik gebruikte Photobucket.com, zoals je hieronder kan zien. Het is gratis.</span><br /><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4hbz3A0c7FYU-lolrtW2sL1RDyD_dVpB3PF8WS5013tJw_zSJQHNFf04Vni2qqS34RfoOSOG7spj8i5agRQI-Zu51lAyqEq23qgp2pnyo1Mtx1L9h7a3aoZTQQBsXocTC6VJt/s1600-h/photobucket+url+arrow.jpg"><img id="BLOGGER_PHOTO_ID_5021011608980284610" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4hbz3A0c7FYU-lolrtW2sL1RDyD_dVpB3PF8WS5013tJw_zSJQHNFf04Vni2qqS34RfoOSOG7spj8i5agRQI-Zu51lAyqEq23qgp2pnyo1Mtx1L9h7a3aoZTQQBsXocTC6VJt/s400/photobucket+url+arrow.jpg" border="0" /></a> Copy the URL of your photo, you need the upper line in Photobucket.</div><div><span style="color:#990000;">Kopiëer de URL van je foto, bij Photobucket gebruik je de bovenste lijn.</span><br /><br /><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9iG89e5lR1tffHt77HHfPFMvFQgzu_PdObYOgbQGW9PB1OaoK0QkSDdmZK7O2NzuJqtae4GSn9__6YffcUb-O3IuNnkocGb5oo-AINA2RiJUZ46YEup_arGuI92VnQnSVk4jR/s1600-h/edit+hateemel.jpg"><img id="BLOGGER_PHOTO_ID_5021011454361461938" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9iG89e5lR1tffHt77HHfPFMvFQgzu_PdObYOgbQGW9PB1OaoK0QkSDdmZK7O2NzuJqtae4GSn9__6YffcUb-O3IuNnkocGb5oo-AINA2RiJUZ46YEup_arGuI92VnQnSVk4jR/s400/edit+hateemel.jpg" border="0" /></a> Sign in to Blogger. Click TEMPLATE, and then click EDIT HTML.</div><div><span style="color:#990000;">Log in op je blog. Klik op TEMPLATE, en vervolgens op EDIT HTML.</span><br /><br /><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVWHWNv7qFPfIj98T2rVaZCHacLd7Ed5uNldvi9cobCcYz_HxHwFnXCiD-_YVdZk9Kpo4S80yPVbsEtRY4V5p-nb4W38BOs2x0hlpnYEAapQ5LO9nApkbALPuE148T-FJ9EFmY/s1600-h/template+background+image+left.jpg"><img id="BLOGGER_PHOTO_ID_5021011222433227938" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVWHWNv7qFPfIj98T2rVaZCHacLd7Ed5uNldvi9cobCcYz_HxHwFnXCiD-_YVdZk9Kpo4S80yPVbsEtRY4V5p-nb4W38BOs2x0hlpnYEAapQ5LO9nApkbALPuE148T-FJ9EFmY/s400/template+background+image+left.jpg" border="0" /></a></div><div>Click on the photo to enlarge for better view. </div><div><span style="color:#990000;">Klik op de foto om ze te vergroten.</span></div><div> Look for the part you see on the picture above. The red text is the part I have added : it's the URL of my image. REPEAT-Y and TOP LEFT makes my image appear from top to bottom at the left side of my screen. Be sure to have all the punctuation marks right!</div><div><span style="color:#990000;">Zoek naar het gedeelte dat je ziet op de foto hierboven. De rode tekst heb ik toegevoegd: het is de URL van mijn foto. REPEAT-Y en TOP LEFT zorgen ervoor dat de foto van boven naar beneden herhaald wordt aan de linkerzijde van het scherm. Zorg dat alle leestekens juist zijn!</span><br /><br /><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMkrBjI_AmFUvBo2IrU2hefA-Q2n-SrUqnbkq-CHmqp9AYLJxrZleJYnX2Y4CGaEVpo9XGuj9gCuEFmWS0aaUsaIzbEC_vnjzOFQXiQaFul2wObV3q-8lnOPXh3cvMYLPrfgXy/s1600-h/image+left.jpg"><img id="BLOGGER_PHOTO_ID_5021011115059045522" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMkrBjI_AmFUvBo2IrU2hefA-Q2n-SrUqnbkq-CHmqp9AYLJxrZleJYnX2Y4CGaEVpo9XGuj9gCuEFmWS0aaUsaIzbEC_vnjzOFQXiQaFul2wObV3q-8lnOPXh3cvMYLPrfgXy/s400/image+left.jpg" border="0" /></a> You should see your image now if you click PREVIEW. Click SAVE TEMPLATE if you are satisfied.</div><div><span style="color:#990000;">Je moet nu de foto kunnen zien als je op PREVIEW klikt. Klik op SAVE TEMPLATE als je tevreden bent.</span><br /><br /><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-wdueZZC1yojYzGtjK0qtH_VgOrTRonpRKF9qiv-rVcbMNn3YPjh53eAUhIwBQLd6i-2r6AD0Z98bdoer2PBj1xNXjWXEE9tRcHK2cntGS9qgYOjYE90UDFdgpNDeiTbonn2l/s1600-h/template+background+image+right.jpg"><img id="BLOGGER_PHOTO_ID_5021010934670419074" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-wdueZZC1yojYzGtjK0qtH_VgOrTRonpRKF9qiv-rVcbMNn3YPjh53eAUhIwBQLd6i-2r6AD0Z98bdoer2PBj1xNXjWXEE9tRcHK2cntGS9qgYOjYE90UDFdgpNDeiTbonn2l/s400/template+background+image+right.jpg" border="0" /></a>Here I replaced LEFT by RIGHT: this makes the picture appear at the right side of the screen as you can see on the picture below.</div><div><span style="color:#990000;">Hier verving ik LEFT door RIGHT. Daardoor verschijnen de foto's aan de rechterkant van het scherm, zoals je op de foto hieronder kan zien.</span><br /><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUKQbOypm2feuZl998D58MXhR8ZbG5CDgc_8UXDYREYFxN2KnT11VqUiULobCWkNNbjaYdfxHma7frNxdXBefNuqVYqgq9Y8AnaW4UTsQKbeQERDSYmtVCkhli4Kq_5ebG-CiG/s1600-h/image+right.jpg"><img id="BLOGGER_PHOTO_ID_5021010810116367474" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUKQbOypm2feuZl998D58MXhR8ZbG5CDgc_8UXDYREYFxN2KnT11VqUiULobCWkNNbjaYdfxHma7frNxdXBefNuqVYqgq9Y8AnaW4UTsQKbeQERDSYmtVCkhli4Kq_5ebG-CiG/s400/image+right.jpg" border="0" /></a>Have fun! </div><div><span style="color:#990000;">Veel plezier!</span> <div></div></div></div></div></div></div></div><br /></div>Montanahttp://www.blogger.com/profile/15299355037628422298noreply@blogger.com10tag:blogger.com,1999:blog-29241463.post-2549073258548297792006-11-17T08:11:00.000-08:002006-11-18T04:50:05.914-08:00How do I change the width of my blog Hoe verander ik de breedte van mijn blog<div align="center">When you are logged in, you can click CUSTOMIZE in the top bar. On the next screen click EDIT HTML. You see your template now. You can make a safety copy first, just in case. Look for the part you see on the picture below. The parts in red, are the things I changed to make my blog wider. 800 was 660, 520 was 410, 240 was 220. You'll notice if you add 520 to 240 it is less than 800. That's the way it should be. Click PREVIEW, if you're satisfied click SAVE TEMPLATE.<br /><br /></div><div align="center"><span style="color:#cc6600;"><span style="color:#990000;">Als je ingelogd bent, kan je klikken op CUSTOMIZE. Op het volgende scherm klik je op de EDIT HTML knop. Je ziet nu je template, en je kan voor alle zekerheid eerst een kopie maken. Zoek in je template naar het gedeelte dat je op onderstaande foto ziet. De gedeeltes in't rood heb ik gewijzigd: 800 was 660, 520 was 410, 240 was 220. Je zal merken dat de som van 520 en 240 minder is dan 800, en zo hoort het ook. Klik op PREVIEW en als je tevreden bent op SAVE TEMPLATE.<br /></span><br /></div></span><div align="center"><a href="http://photos1.blogger.com/x/blogger2/4215/3569/1600/428183/blog%20width-%20template%20changes.jpg"><img style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://photos1.blogger.com/x/blogger2/4215/3569/400/80025/blog%20width-%20template%20changes.jpg" border="0" /></a> Click on the photo to enlarge.<br /><br /></div><div align="center"><span style="color:#990000;">Klik op de foto om ze te vergroten.<br /></span></div>Montanahttp://www.blogger.com/profile/15299355037628422298noreply@blogger.com3tag:blogger.com,1999:blog-29241463.post-33008935001860681312006-11-17T07:15:00.000-08:002007-07-11T13:17:37.936-07:00How do I put a header on my blog Hoe plaats ik een header op mijn blog<div align="center"><span style="color:#000000;"><strong>ETA : New easy way to add a header: <a href="http://whitemontana.blogspot.com/2007/05/easy-image-upload-to-your-header.html" target="_blank">Header Video : click here</a></strong></span></div><div align="center"><span style="color:#990000;"><strong>Nieuwe makkelijke manier om een header te plaatsen: <a href="http://whitemontana.blogspot.com/2007/05/easy-image-upload-to-your-header.html" target="_blank">Header video: klik HIER</a><br /><br /></strong></span></div><div align="center"><span style="color:#000000;"></span></div><div align="center"><span style="color:#000000;">Before you do changes make a copy of your template, so you can restore it in case you messed things up.</span></div><div align="center"><span style="color:#000000;">There are probably different ways to put a header on your blog. This is how I did it:</span></div><div align="center"><br /><span style="color:#000000;">Be sure you know the dimensions of your image. Mine is 800 pixels wide and 172 pixels high. You can see the size of your image on your harddisk when you hover with the mouse over it. The last picture in this post shows what happens if the dimensions are wrong. Don't use a picture wider than 800 pixels, because people who use a low resultion would have to scroll all the time. Upload the image to a photo hosting website (I use photobucket.com, it's free) .<br /><br /></span></div><div align="center"><span style="color:#990000;">Vooraleer je dingen verandert aan je blog, neem je best een kopie van je template. Zo kan je alles terug herstellen als je iets verknoeid hebt. </span></div><div align="center"><span style="color:#cc6600;"><span style="color:#990000;">Er zijn waarschijnlijk verschillende manieren om een header op je blog te plaatsen. Dit is hoe ik het gedaan heb:<br /></span><span style="color:#990000;"><br />Zorg dat je de juiste afmetingen kent van de afbeelding die je wil gebruiken. Die kan je zien als de afbeelding op je harde schijf staat, en je met de muis over de afbeelding beweegt. Mijn afbeelding is 800 pixels breed en 172 pixels hoog. Op de laatste foto van deze post kan je zien wat er gebeurt als de afmetingen niet kloppen. Gebruik geen afbeelding breder dan 800 pixels. Voor mensen die een lage resolutie gebruiken betekent het dat ze steeds de schuifbalk moeten gebruiken. Upload de afbeelding naar een photo hosting website (ik gebruik photobucket.com, het is gratis)<br /></span><br /></div></span><div align="center"><a href="http://photos1.blogger.com/x/blogger2/4215/3569/1600/135461/edit%20hateemel.jpg"><img style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://photos1.blogger.com/x/blogger2/4215/3569/400/520923/edit%20hateemel.jpg" border="0" /></a> When you are logged in, you can click CUSTOMIZE in the top bar. On the next screen click on the EDIT HTML button.<br /><br /></div><div align="center"><span style="color:#cc6600;"><span style="color:#990000;">Als je ingelogd bent kan je klikken op de CUSTOMIZE knop in de balk bovenaan. Op het volgende scherm klik je op de EDIT HTML knop.<br /></span><br /></div><p align="center"></span><a href="http://photos1.blogger.com/x/blogger2/4215/3569/1600/49572/header%20template%20changes.jpg"><img style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://photos1.blogger.com/x/blogger2/4215/3569/400/485271/header%20template%20changes.jpg" border="0" /></a>You see your template now. You can copy your template first. In the screenshot of my template you can see the lines I've changed or added, they are in red. (click on the image to enlarge it, so you can take a closer look) You can see I have put the dimensions of my image here (800 x 172). You have to add: background-image:(...) and fill in the URL of your uploaded image. Don't forget the semi-colon at the end. </p><p align="center">Maybe your template looks different if you have a newer blog. It can look like this: <a href="http://whitemontana.blogspot.com/2007/04/adding-header.html" target="_blank">Click here. </a></p><p align="center"><br /><br /><span style="color:#990000;">Nu zie je je template. Je kan eerst een kopie nemen. Op de foto zie je welke regels ik toegevoegd of veranderd heb. Ze staan in't rood. (Klik op de foto om ze te vergroten. Zo kan je het beter zien) Je ziet hier de juiste afmetingen van mijn afbeelding (800 x 172) . Ook heb ik background-image:(...) toegevoegd en de URL van de foto ingevuld. Vergeet de puntkomma op het einde niet. </span></p><p align="center"><span style="color:#990000;">Als je een nieuwere blog hebt, kan het template er anders uitzien, zoals hier: <a href="http://whitemontana.blogspot.com/2007/04/adding-header.html" target="_blank">Klik</a><br /></span><br /></p><a href="http://photos1.blogger.com/x/blogger2/4215/3569/1600/775949/url%20photobucket-pijl.jpg"><img style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://photos1.blogger.com/x/blogger2/4215/3569/400/80146/url%20photobucket-pijl.jpg" border="0" /> <p align="center"></a>Here you can see which line you should use, the first one. Copy and paste this line to your template.<br /><br /><span style="color:#990000;">Hier kan je zien welke lijn je moet gebruiken, de bovenste. Kopiëer deze lijn en plak ze in je template.<br /></span><br /><br /></p><a href="http://photos1.blogger.com/x/blogger2/4215/3569/1600/940344/preview.jpg"><img style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://photos1.blogger.com/x/blogger2/4215/3569/400/191728/preview.jpg" border="0" /> <p align="center"></a>Click PREVIEW. If you're satisfied click SAVE TEMPLATE.<br /><br /><span style="color:#990000;">Klik op PREVIEW. Als je tevreden bent klik je SAVE TEMPLATE.<br /></span><br /><br /><br /></p><a href="http://photos1.blogger.com/x/blogger2/4215/3569/1600/9228/wrong%20header.jpg"><img style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://photos1.blogger.com/x/blogger2/4215/3569/400/617999/wrong%20header.jpg" border="0" /> <p align="center"></a>This is how it can look if the dimensions you used are wrong.<br /><br /><br /><span style="color:#990000;">Zo kan het er uitzien als je de verkeerde afmetingen ingegeven hebt.</span> </p>Montanahttp://www.blogger.com/profile/15299355037628422298noreply@blogger.com7tag:blogger.com,1999:blog-29241463.post-1149415208338435032006-06-04T02:55:00.000-07:002006-11-18T04:43:06.817-08:00My first post<div align="center"><a href="http://photos1.blogger.com/x/blogger2/4215/3569/1600/254279/White%20Montana.jpg"><img style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://photos1.blogger.com/x/blogger2/4215/3569/320/233500/White%20Montana.jpg" border="0" /></a>This picture is a Clematis in our garden, variety is Montana, and it's white. That's how I came up with my blog name. </div><div align="center">On this blog I'm going to try to explain things you can do to customize your blog. Not that I know much about it, just simple things you can do. I'll add screenshots wherever I can to make it easier. My English is not so good, especially if I have to explain this kind of things. So, I hope everything will be as clear as mud... :)<br /><br /></div><div align="center"></div><div align="center"><span style="color:#990000;">Op deze foto staat een clematis uit onze tuin, varieteit is montana, en de kleur is wit. Zo kwam ik aan een naam voor deze blog.</span></div><div align="center"><span style="color:#990000;">Ik ga hier proberen wat eenvoudige dingen uit te leggen die je kan doen om je blog wat aan te passen, zodat ie echt naar je zin is. Niet dat ik er veel van ken, gewoon wat simpele dingen die ik zelf geprobeerd heb. Ik zal waar het kan foto's toevoegen die ik neem van het scherm, zodat alle stappen duidelijk zijn, ... hoop ik :)</span></div>Montanahttp://www.blogger.com/profile/15299355037628422298noreply@blogger.com0