Centering The Text Together With Putting A Centered Caption Below The Photos
Sunday, January 21, 2007
Edit
Centering Text
This post is to answer a enquiry for a reader of my blogs who desire the text centered together with to accept a caption below the photos. The slowly agency to centre text is to piece of job inwards the Compose Mode
past times clicking on the COMPOSE tab inwards the exceed right-hand corner of the post editor. Prepare your post inwards the Post Editor window inwards the normal way, together with and then when yous are finished, highlight all the text, together with then click the Align Center 
tab inwards the Post Editor toolbar, together with the text volition all last centre aligned.Putting a caption for the photo
To pose a caption for the photo, yous accept no choice, but to create it inwards the EDIT HTML mode. Upload a picture. By default, the movie volition last uploaded to the exceed of the post editor irrespective of where your cursor is. I am going to upload a movie the remnants of an quondam Portugese fort inwards Malacca, Malaysia (copyrighted past times Tourism, but tin last used for the operate of promote tourism to Malaysia. I am also posting this photograph inwards the promise that yous volition watch Malaysia equally Malaysia is having a Visit Malaysia Year instantly amongst lots of programs prepared for visitors. See Guide to Malaysia).
A'Formosa, Malacca, MalaysiaAs I accept mentioned inwards before posts, it volition last useful to know a chip virtually HTML together with CSS equally it is rattling difficult to avoid it fifty-fifty if yous are using the New Blogger, merely equally yous cannot avoid it now.
When I usage the "Align center" icon above, what I accept done is to environment the text amongst the <div style="text-align: center;"> together with </div> tags, that is pose <div style="text-align: center;"> at the commencement of the text, together with </div> at the goal of the text. All text that is placed betwixt these two tags volition last center-aligned.
When I uploaded the photo, if I switch to the EDIT HTML mode, I volition encounter at the exceed of the HTML for the photograph which is this:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ4UaayHAtrfEYEaDEOua0oCMFTeZ2SA4mZDKb5c8zqWfnOV7ia5dVUzLgv5gHxXDa9sI2HadyQSyMPufOrwu0MYkQP2zU2S29iGa4Zm97mmBIAXgNQLJlP2jh3uD4nDDdqw30LPYxPuXe/s1600-h/A'+Formosa,+Melaka.jpg"><img style="display:block; margin:0px machine 10px; text-align:center;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ4UaayHAtrfEYEaDEOua0oCMFTeZ2SA4mZDKb5c8zqWfnOV7ia5dVUzLgv5gHxXDa9sI2HadyQSyMPufOrwu0MYkQP2zU2S29iGa4Zm97mmBIAXgNQLJlP2jh3uD4nDDdqw30LPYxPuXe/s320/A'+Formosa,+Melaka.jpg" border="0" alt="This post is to answer a enquiry for a reader of my blogs who desire the text centered together with Centering the text together with putting a centered caption below the photos"id="BLOGGER_PHOTO_ID_5022244686822436482" /></a>
It volition last to a higher house the <div style="text-align: center;"> tag. (This spider web log is all the same using the quondam (classic) template, but amongst the New Blogger template, the HTML volition last slightly different, but similar). To house it elsewhere, highlight the whole HTML, cutting together with glue inwards the spot yous desire it to be. Regarding the caption, all yous accept to create is to await for the concluding </a> tag, together with type inwards the caption, eg.
..id="BLOGGER_PHOTO_ID_5022244686822436482" />A'Formosa, Malacca, Malaysia</a>. This caption is centered because it is already included inwards the text-align centre tags. If your texts are non centre aligned, together with then yous volition accept to type the caption equally <div style="text-align: center;">A'Formosa, Malacca, Malaysia</div>.
Search engines cannot read pictures. For search engine purposes, together with also hence that text volition last displayed when for approximately reasons the movie can't last displayed, add together approximately description betwixt the quotation marks inwards the alt"" attribute, eg alt="This post is to answer a enquiry for a reader of my blogs who desire the text centered together with Centering the text together with putting a centered caption below the photos". And for the caption to last centered, brand certain it is pasted before the concluding </div> tag, otherwise yous volition accept to centre it yourself.