2-10-19
Formatting that first Blog and more
When it comes to making that first blog post everyone wants it to look nice and organized, and that it looks like you know what you are doing. This is not an easy thing to do. If you are familiar with HTML, then that will be some help, but not a whole lot since a lot of the HTML code is not available to use. So they have come up with what is called markdown, or markup language. It is simple to use most times, but when you start to mix it with HTML, things can go awry.
You can use BOLD, Italic, and a COMBO of both of them. Those are pretty much your choices when wanting to make your text look different. By using the "`" tic mark next to the number 1 key you can highlight code so it shows up and has no effect.
You can use **BOLD**, *Italic*, and a ***COMBO*** of both of them. Those are pretty much your choices when wanting to make your text look different.
The asterisk and the number used on either side of what you want to highlight determines the look: Bold two asterisks, Italic one asterisks, and Italic bold combo three asterisks.
The asterisk is used a lot in markup another thing it is used for is making a bulleted list. You start a line with * then it will begin a bulleted list for you. asterisk and space
- item 1
- Item 2
third item
as you can see you will need to end the list at some point, or not depends on what you want to accomplish. by not ending it all your further text is going to be indented to the bulleted line. To end a list is pretty simply you need to put in a line break or a return function so a blank line is shown.
I ended the above paragraph with a return/enter key on the keyboard as you can see no effect, so you need to put a blank line in where you want to end the list at. So two enter/return key presses will do it.
Now this line is no longer indented to the list margin. So an asterisk followed by a space will give you a bulleted list.
* item 1
If for some reason you want to start a line with an asterisk and space but do not want to have a list:
* not a list
* Not a list item 2
then you will need to preceed the asterisk with a forward slash \ the forward slash will not show up it is telling the code (asterisk in this case), to not work.
\* not a list
While we are talking list: suppose you wanted a numbered list. That is pretty simple;
- List item 1
- List item 2
- List item 3
- List item 4
Simply start your list with a number, it does not matter what number any number followed by a . (period), will generate a numbered list.
7. List item 1
1. List item 2
1. List item 3
22. List item 4
The above is what was typed for the 4 item list. So if you wanted to start a list with number 10. I do not know how to do that, any number with a period after it will start a numbered list if it is at the beginning of a line and will always start with 1. Doesn't matter what number you type the first number in the list is always 1.
- List item 1
- list item 1's bullet list (four blank spaces)
- second bullet item in list item (four Blank spaces)
- List item 2
a. list item 2 alpha list (no spaces really needed) (it is a good idea however to use the two spaces, it makes it easier to see when you go and look back at your code)
b. list item 2 beta item (no spaces really needed) - List Item 3
a. alpha (no spaces needed)- second number nested list (four spaces needed)
- List in list and list
- the bullet list
a. the bullet list alpha list (no spaces needed)- the bullet list alpha list with a numbered list. (four spaces needed)
- the bullet list
- list item 5?
This took a bit of doing and remembering and experimenting on my part. If you want to have a bullet list contained in a list, (List Item 1), then you will need to use 4 spaces before the asterisk. When creating nested list list spacing is the key. Futz with it, experiment with it, play with it, and you will get the listing style you want.
Okay you may want to know about how I did the headline. But first the skinny bar, above a couple of ways to make that horizontal rule. One is going back to our old friend above the asterisk, type three on a line and then hit the return key and you get the Horizontal rule, you could also use three --- dashes and get the same effect:
A horizontal line made with the three dashes.
---
***
Both make the horizontal line.
Headlines
How do they do them. Well it's not with the asterisk but with the pound (#) key. There are six levels of headlines one pounder, then two, three, and so on to number six. The amount of pound keys you use may seem like it should make for bigger headlines but the smaller the number used the bigger. One # is the biggest. Here they are to see:
one pound headline
two
three
four
five
six
####### seven, as you can see seven does not work. below is the code:
# one pound headline
## two
### three
#### four
##### five
###### six
####### seven
Center this
Yes that's all well and good, but how did you get the headline in the middle of the page?
- I do not know of the Markup center function, so this is where HTML code gets mixed in. So to use HTML code you need to us code holders, and that is the angle brackets <> and the backslash /. Almost all HTML code needs to be closed out. to close out HTML code you need to type </HTML Code used> to close it our <center></center>. So this code - # *** <center>Center this</center>*** gives this:
Center this
# ***<center>Center this</center>*** code view.
That's the bare basics of formatting that can be used, to make your post. There are a lot help pages on formating post, just type in steemit post formatting or something similar and you will get a lot of options to look through, I am sure one of them will be easy/easier to use.
Making a Link
Pretty easy to do in markup. Start with the [, (right next to the "P" on the keyboard), the squared bracket. [This is the text that will show as a link] not that it is contained by the brackets. (https://steemit.com/@bashadow) use the parentheses to hold the link you want the text to go to . No space is used between the ]( so you end up with this [This is the text that will show as a link](https://steemit.com/@bashadow) and that will display as below, in nice steemit green.
This is the text that will show as a link
And that is all there is to making a link in steemit.
So how do I link a picture?
A. I am not sure in markup how to do this. This is where I use HTML to get the job done.
- It is a two part process first you need the link to go to in this case my home page, the HTML link looks like this
<a href="https://steemit.com/@bashadow"> - second you need to use HTML to identify the image,
<img src="https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmRUfcQys1oDyV5fPjKmQbaJmKfeSic6EcVZJDAZWeVMNk/footer%202.jpg">img src is Image Source (where is it) - Then being as it is HTML code we need to close it out with a
</a>, then you have a working picture link. - The whole code for the image link, including centering:
<center><a href="https://steemit.com/@bashadow"><img src="https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmRUfcQys1oDyV5fPjKmQbaJmKfeSic6EcVZJDAZWeVMNk/footer%202.jpg"></a></center>
I hope that helps.
First post in the series, password and banners explained
Any question just leave them in the comments. Something else that would help you? Just let me know and I will try.
