About this blogger:
Father Gabriel Lalemant won the crown the martyrdom on 17 March 1649. The smallest and most delicate in health among all the Jesuit missionaries, he had in six months won, by his iron will and unwavering determination, a martyr's end, in companionship with the spiritual and physical giant of the missions, Jean de Brébeuf.
Connect on Facebook:
Connect on Twitter:
"Although the Mass contains much instruction for the faithful, it has nevertheless not seemed expedient to the fathers that it be celebrated everywhere in the vernacular. The holy synod commands pastors and everyone who has the care of souls to explain frequently during the celebration of the Masses, either themselves or through others, some of the things that are read in the Mass, and among other things to expound some mystery of this most Holy Sacrifice, especially on Sundays and feastdays."
— Council of Trent, XII:8 (1562)
(DRAFT) Code & Tutorial Videos For Those Creating Blogs 7088
published 6 August 2010 by Corpus Christi Watershed


INTRODUCTORY (September 5, 2015) :     PART A   •   PART B

COMMON USE OF A PICTURE at the top:

<inline type="photologue.photo" id="ZZZZZZ" class="blog" align="right" style="margin: .3em 0 1em 2em;" />

COMMON USE of the beginning Capital Letter:

<img src="http://www.ccwatershed.org/media/photologue/photos/4ln_Z.png" align="left" style="margin: .3em 1em 0 0;"><strong>ZZZZZZZZZZ</strong>

LINK TARGET BLANK
<a href="ZZZZZZtheURLgoesHereZZZZZZ" target="_blank">ZZZZwhatTheySeeZZZZZ</a>

YOU CAN PRECEDE WITH stars & spaces:
&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: blue; font-size: 1em;"><b>* *</b></span>&nbsp;&nbsp;<a href="ZZZZZ" target="_blank"><strong></strong></a>

red text with bold
<span style="color: red;"><strong></strong></span>

Code for the Capital Letters   VIDEO

<img src="http://www.ccwatershed.org/media/photologue/photos/4ln_Z.png" align="left" style="margin: .3em 1em 0 0;"><b>ZZZZZZZZZZ</b>

<img src="http://www.ccwatershed.org/media/photologue/photos/3ln_Z.png" align="left" style="margin: .3em .7em 0 0;"><b>ZZZZZZZZ</b>

<img src="http://www.ccwatershed.org/media/photologue/photos/2ln_Z.png" align="left" style="margin: .3em .5em 0 0;"><b>ZZZZZZZZ</b>

Drop Caps for BLOCKQUOTE
CORRECTION to video: This code must be placed inside the blockquote   VIDEO
<img src="http://www.ccwatershed.org/media/photologue/photos/quoteZ.png" align="left" style="margin: .25em .5em 0 0;">

Adding a picture   VIDEO

Adding a picture at the top (1st Method)   VIDEO
<img src="zzzzIMAGEzzzzz" align="right" style="margin: .3em 0 1em 2em;">

Adding a picture at the top (2nd Method)   VIDEO
<inline type="photologue.photo" id="ZZZZZZ" class="blog" align="right" style="margin: .3em 0 1em 2em;" />

Adding a picture at the top (3rd Method)   VIDEO
(the code is identical to the 2nd method)

Adding a caption to your photo   VIDEO
<inline type="photologue.photo" id="ZZZZ" class="blog" align="right" style="margin: .3em 0 2em 2em;" />

Photo “gallery” (use .png files for galleries if possible)
<inline type="photologue.gallery" id="ZZZZZZZ" class="blog" />

Align text to the right (i.e. “right justify text”)
<span style="display: inline-block; float: right;">ZZZZZZZ</span>

Align items to the right
align="right" style="margin: .3em 0 1em 2em;"

Adding white space above or below text
<span style="display: inline-block; margin-bottom: 15px;"><b>To add white space after Blog Category Modification</b></span>

Using your “Facebook Metadata 300×300 image” as your Blog Preview Image   VIDEO
Here’s the link I remind you about in the video: Face “Debug” Link

When using the “center” command, there’s always too much space at the top.
A quick way to fix it is to insert a negative margin margin-top:. The code for a video would be the following:

<iframe width="560" height="315" src="http://www.youtube.com/embed/Odq_OlHaC5U" frameborder="0" allowfullscreen="" style="margin-top: -20px;"></iframe>

Working with Thumbnails:
November 14, 2013 (Part 1)   •   November 14, 2013 (Part 2)



FOOTNOTES:

REPLACE THE ZZZZ with “1” or “2” or whatever your number is and make sure to leave a space before you add it, otherwise the number will probably extend too far to the left in an ugly, hard-to-read way:

<span style="color: red; font-size: 1em; font-weight: bold;"><sup style="vertical-align: top; position: relative; top: -0.3em; left: -0.15em;">ZZZZ</sup></span>


For the part at the bottom, you must replace both ZZZZZZ slots; the number and the actual footnote

<br clear=all>

<img src="http://www.ccwatershed.org/media/photologue/photos/6584_BLACK_LINE.png">
<span style="color: black; font-size: .8em;"><b>NOTES FROM THIS ARTICLE:</b></span>

<blockquote><span style="color: red; font-size: 1em;"><strong>ZZZnumberZZZ</strong></span> &nbsp; ZZZZZZZZZ</blockquote>


If your article has a whole bunch of notes, it would look like this—notice how it always must END with a “blockquote” thing:

<img src="http://www.ccwatershed.org/media/photologue/photos/6584_BLACK_LINE.png">
<span style="color: black; font-size: .8em;"><b>NOTES FROM THIS ARTICLE:</b></span>

<blockquote><span style="color: red; font-size: 1em;"><strong>ZZZ</strong></span> &nbsp; ZZZZZ
<br>
<br><span style="color: red; font-size: 1em;"><strong>ZZZ</strong></span> &nbsp; ZZZZZ
<br>
<br><span style="color: red; font-size: 1em;"><strong>ZZZ</strong></span> &nbsp; ZZZZZ
<br>
<br><span style="color: red; font-size: 1em;"><strong>ZZZ</strong></span> &nbsp; ZZZZZ</blockquote>