ALIGN
PHOTOS IN BLOGGER: A GUIDE
The free blog posting system, Blogger, does not provide the
latest in technology to help your blog prosper. It is a daunting task to make
money from your blog on Blogger. Getting photos in a neat line or position is impossible
unless you know / understand HTML. Paragraph spacing, font sizes, indents,
etc., is next to impossible. I have written a tutorial on how to arrange photos
in a neat line, not strewn around the post with only the size and area under
your control. The only limiting factor here is that the total width of all photographs should not exceed 700 spaces.
1. Select the blog you want to insert photos into and click Edit. You get two options, Compose and HTML. In the Compose mode, select the place where you want the pictures to appear and upload the pictures you want to put into your post at that place. They will appear one below the other. You can leave the sizes as they are, or use the options available to select small. Now click HTML and move into Blogger’s unwanted miles of data. Most of it is
dispensable-try it and see for yourself. This is what you will see:
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves/>
<w:TrackFormatting/>
<w:DoNotShowComments/>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>EN-US</w:LidThemeOther>
<w:LidThemeAsian>X-NONE</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
mso-tstyle-colband-size:0; plus
scores of similar lines.
Use Control + F and a slot
opens up bottom left/top right. Insert <a href= and press ‘Highlight all’. You’ll soon see the HTML
zone you want to use. These are the lines you want:
<div class="separator" style="clear: both;
text-align: center;">
" src=" https://2.bp.blogspot.com/-SJY2Fbwx2T4/
WRDCxq_WEQI/AAAAAAAACos/nl4gw1RtOgwRhJina3OFzREbF1sa8qoDwCLcB/s1600/buch8.jpg"
width="180"
/></a></div>
<br />
<div class="separator" style="clear: both;
text-align: center;">
src="https://3.bp.blogspot.com/-tNeX5Uo_WFw/
WRDC6rUix0I/ AAAAAAAACow/ ZecaDlueunM4uunpcOquRMkxg4-NK8eRACLcB/s1600/fort.jpg
" width="180"
/></a></div>
<div
class="separator" style="clear: both; text-align:
center;">
</div>
Look for the src= and then copy the URL
leaving the inverted commas out, from http:// all the way along to xxxxxxxxxxx.jpg
This example showed placement of only 2 pics. The height and width are
relatively small. Now add your bit below the last green
width if you have more than one picture to put in line and above the pink div class="separator
line. There will also be an image height slot; use 300.
Change the width dimensions as required to fit best.
Paste the yellow highlighted URLs into the yellow
highlighted URL above. This set can take 4 pics. For more, just add more lines. Ensure total width doesn't exceed 700 pts. Update the post, publish it
and finally, switch back to Compose (text) from HTML. Delete the random pics.
This is for 7 pics.
<table>
<tbody>
<tr>
<td><img height="xxx"><img src=" "
width="xx" /></td>
<td><img height="xxx"><img src=" "
width="xx" /></td>
<td><img height="xxx"><img src=" "
width="xx" /></td>
<td><img height="xxx"><img src=" "
width="xx" /></td>
<td><img height="xxx"><img src=" "
width="xx" /></td>
<td><img height="xxx"><img src=" "
width="xx" /></td>
<td><img height="xxx"><img src=" "
width="xx" /></td>
</tr>
</tbody>
</table>
Let's start with an example, Glen Orrin. Copy that pic onto your desktop, in your docs/pics/just desktop. Edit/crop it as required using MS photo manager or MS Paint. Now upload this snap into your blog in the Compose mode. Switch to Edit mode and this is what you will see in HTML: <a href="https://1.bp.blogspot.com/-d2kFAx3q6Ms/ XW41czpzQlI/AAAAAAAAHEE/xfJB_KsvA1ENatmzWAKvBl_IMgG9Hr1hwCLcBGAs/s1600/aldi-supermarket-glen-orrin-blended-malt-scotch-whisky-M41WGB.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="1016" data-original-width="251" height="200" width="49" /></a><span style="font-family:
Verdana, sans-serif;"> </span><br />
What this means is that you copied the Glen Orrin pic with original dimensions of 1016 by 251 pixels. You then edited/cropped the photo to one fifth, down to height="200" from 1016 pts from its source (src), which resized the width to ~a fifth of 251, i.e., 49. You can increase height to say 300, i.e., a 50% increase, so you must increase height to 74 pts. And, when lining it up with others in HTML, do ensure the others have the same height of 200 or 300 or whatever. The blue shaded portion is to be copied and pasted into the "src" window.
<td><img height="xxx"><img src=" " width="xx" /></td>
-------------------------------------------------------
Scotch is back with a bang. Global exports in 2016 turned positive after three long years, with values mounting 4% to £4 billion (U$5.2bn). Single Malts took the biggest share of the pie in percentage with a solid revival: exports soared by 12% in value to cross the £1bn (US$1.3bn) barrier for the first time.
Johnnie Walker and Chivas Regal both saw losses, yet others, including Ballantine’s and Black & White, saw impressive gains. William Grant & Sons also flourished, with volume sales climbing by 9.5% to 1.21 million cases for Glenfiddich putting daylight between it and main rival The Glenlivet, owned by Pernod Ricard. Glenfiddich is attracting the next generation of premium whisky drinkers through the release of highprofile new expressions, particularly The Glenfiddich Experimental Series, a range of unexpected and unusual variants created by malt master Brian Kinsman, taking single malt into a bold new direction and helping to define a new Scotch era, according to a company spokesman.
Sales of Scotch
Whisky in Million 9l Cases
|
BRAND
|
OWNER
|
2012
|
2013
|
2014
|
2015
|
2016
|
% +/-
|
Johnnie Walker
|
Diageo
|
19.70
|
20.10
|
17.90
|
17.60
|
17.40
|
-1.14%
|
Ballantine’s
|
Pernod Ricard
|
5.81
|
6.01
|
6.13
|
6.22
|
6.70
|
7.72%
|
Grant’s
|
Wm Grant& Sons
|
4.46
|
4.71
|
4.37
|
4.35
|
4.48
|
2.90%
|
Chivas Regal
|
Pernod Ricard
|
4.83
|
4.68
|
4.59
|
4.39
|
4.26
|
-2.96%
|
J&B
|
Diageo
|
4.20
|
4.00
|
3.70
|
3.50
|
3.50
|
0.00%
|
William Peel
|
MBWS
|
2.50
|
2.65
|
2.75
|
2.90
|
3.00
|
3.45%
|
Wm Lawson’s
|
Bacardi
|
2.58
|
2.80
|
3.06
|
3.11
|
2.99
|
-3.86%
|
Dewar’s
|
Bacardi
|
3.04
|
2.95
|
2.70
|
2.68
|
2.80
|
4.48%
|
Label 5
|
La Martiniquaise
|
2.51
|
2.51
|
2.58
|
2.58
|
2.59
|
0.39%
|
Bell’s
|
Diageo
|
2.50
|
2.50
|
2.50
|
2.20
|
2.10
|
-4.55%
|
Black & White
|
Diageo
|
N/A
|
1.20
|
1.30
|
1.40
|
1.80
|
28.57%
|
Passport
|
Pernod Ricard
|
1.20
|
1.43
|
1.63
|
1.94
|
1.74
|
-10.31%
|
Buchanan’s
|
Diageo
|
1.90
|
1.90
|
1.60
|
1.40
|
1.70
|
21.43%
|
Teacher’s Hi’land Cream
|
Beam Suntory
|
2.10
|
2.02
|
1.99
|
1.62
|
1.55
|
-4.07%
|
Clan Campbell
|
Pernod Ricard
|
1.31
|
1.66
|
1.65
|
1.61
|
1.55
|
-3.73%
|
Sir Edward’s
|
La Martiniquaise
|
1.38
|
1.43
|
1.54
|
1.54
|
1.54
|
0.00%
|
100 Pipers
|
Pernod Ricard
|
1.58
|
1.32
|
1.38
|
1.45
|
1.44
|
-0.69%
|
White Horse
|
Diageo
|
N/A
|
1.50
|
1.70
|
1.50
|
1.30
|
-13.33%
|
Glenfiddich
|
Wm Grant& Sons
|
1.03
|
1.05
|
1.05
|
1.11
|
1.21
|
9.50%
|
Vat 69
|
Diageo
|
N/A
|
1.20
|
1.20
|
1.30
|
1.20
|
-7.69%
|
The Glenlivet
|
Pernod Ricard
|
0.90
|
0.97
|
1.04
|
1.06
|
1.03
|
-2.83%
|
----------------------------