Article Template
This is the template I made a while back and keep a copy of in a text file for posting articles. I made it "fill in the blank" so that it would go quickly and would not have to mess with the html too much aside from adding tweets, pics, etc. So here it is (code in red, fill in the blank black caps):
<link rel="stylesheet" href="https://use.typekit.net/xun5jxy.css">
<link href="https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,700,700i&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Alfa+Slab+One|Asap+Condensed:400,400i,700,700i&display=swap" rel="stylesheet"></link>
<br />
<br />
<div style="text-align: center;">
<span style="font-family: typeka,sans-serif;"><span style="color: #951239;"><span style="font-size: 22px;"><b><a href="WEB ADDRESS OF THE ARTICLE GOES IN BETWEEN THESE QUOTATION MARKS">AUTHOR'S NAME, FOR, WEBSITE</a></b></span></span></span></div>
<br />
<br />
<div style="text-align: center;">
<div style="line-height: 35px;">
<span style="font-family: 'EB Garamond', serif;"><span style="font-size: 40px;"><span style="color: #323232;"><b>HEADING TITLE OF THE ARTICLE GOES HERE, NOTE THAT THIS IS NOT THE SAME AS TITLING IT IN BLOGGER</b></span></span></span></div></div>
<br />
<br />
UPLOAD YOUR PICTURE AND THEN PASTE THE HTML HERE. UPLOAD AT ORIGINAL SIZE SO THAT IT WILL AUTOMATICALLY RESIZE AND RE-SCALE THE RESOLUTION.
<br />
<br />
<div style="text-align: left;">
<span style="font-family: 'EB Garamond', serif;"><span style="font-size: 15px;"><span style="color: #323232;">PUBLISH INFO GOES HERE, EX. By: Some Dude on some day of the year</span></span></span></div>
<br />
<br />
<div style="text-align: justify;">
<div style="line-height: 27px;">
<span style="font-family: 'EB Garamond', serif;"><span style="font-size: 24px;"><span style="color: #323232;">THIS IS WHERE YOUR PARAGRAPHS GO. THERE HAS TO BE TWO <br /> TAGS IN ORDER TO DOUBLE SPACE IN BETWEEN THE TAGS YOU CAN KEEP THIS GOING UNTIL YOU HAVE TO INSERT A TWEET, BLOCKQUOTE, PIC, ETC. IN THAT CASE INSERT YOUR HTML FOR THE TWEET, ETC AFTER THE TWO <br /> TAGS BELOW THIS, THEN SIMPLY COPY THIS WHOLE SECTION FROM THE FIRST BLUE TAG ABOVE TO THE LAST ONE BELOW THIS PARAGRAPH. RINSE/REPEAT UNTIL YOU HAVE FILLED OUT YOUR ARTICLE, PREVIEW, AND THEN SCHEDULE TO PUBLISH. WHEN SCHEDULING IT IS ALWAYS COURTEOUS TO GIVE YOUR FELLOW CONTRIBUTORS ABOUT 45 MINUTES TO AN HOUR FOR THEIR POST TO SIT AT THE TOP OF THE BLOG. </span></span></span></div></div>
<br />
<br />
COPY THE APPROPRIATE ARTICLE LOGO LIVE LINK FROM OUR TUTORIAL PAGE AND PASTE IT HERE
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghqLBEutlCSup9gx8JQriwHdU8-gtlrqUJ-G-Du3AUo36YU6RRfg6ph91HJtCFDUOh_DBXQh24GhwyB1DoLXZlApt0028o-u2yp1H68fGPD53GfD9KqWJOYB9_Amij3Aj-79IEIv8YcXg/s1600/line.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="5" data-original-width="750" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghqLBEutlCSup9gx8JQriwHdU8-gtlrqUJ-G-Du3AUo36YU6RRfg6ph91HJtCFDUOh_DBXQh24GhwyB1DoLXZlApt0028o-u2yp1H68fGPD53GfD9KqWJOYB9_Amij3Aj-79IEIv8YcXg/s1600/line.png" /></a></div>
<br />
<div style="text-align: center;">
<div style="line-height: 30px;">
<span style="font-family: "alfa slab one" , cursive;"><span style="font-size: 25px;"><span style="color: #36454f;">Don't Forget to Recommend<br /></span></span></span>
<span style="font-family: "alfa slab one" , cursive;"><span style="font-size: 25px;"><span style="color: #36454f;">and Follow us at our<br /></span></span></span><br />
<span style="font-family: typeka,sans-serif;"><span style="color: #951239;"><span style="font-size: 30px;"><b><a href="https://disqus.com/home/forum/w3p-test-3/">W3P Homepage</a></b></span></span></span></div></div>
<br />
<br />
