❓Answering Common Questions: How do I Visually Spiff up my Steemit Posts? Are there any Templates available? 🎀

in steem-help •  last year

Have you started to feel that all your posts look the same?


Are you tired of always having pictures on the left, block and blocks of text, a boring feel? There are some options to help visually spiff up your posts a bit!

Q: How do I center my images?

This is actually way harder than it should be in my opinion. Steemit's editor has two modes, markdown and editor (this mode has the MS Word like buttons.)

  • If you write you're posts in Markdown mode, all you have to do is put a <center> before the link for the picture and a </center> after this link. (Once you start typing in markdown mode, the editor button disappears.)
    For example: <center>www.something.com/this-is-my-picture</center>

  • If you write you're posts in Editor mode (which has the MS Word like buttons) than you'll need to click the 'Raw HTML' button at the top right corner of your editor. (Once you start typing in editor mode, you see the markdown button change to Raw HTML.)

Then you have to find your picture link and place the <center> and </center> (called center tags) around it. You will see some tags that look like <p> and </p> in there. Put the center tags outside of these.
Example: <center><p>https://steemitimages.com/DQvkrQnZXLoHbJ/image.png </p></center>

If this gives you trouble, don't let it get to you. It's way harder than it needs to be in my opinion. But once you do it a time or two, it gets easy pretty quick.

Q: How do you get those fancy section dividers in your posts @sykochica?

This on is EASY!! You just put them in like any other picture. If you search google image (setting reuse license to labeled for reuse of course) for 'page divider' you will find a ton of options. Just find the one you like, resize and/or crop it if you want to and you're ready to go. Toss it into your post just like any other picture.

Rather than having to upload my page divider every time I post, I just reuse the link for it from previous posts.

Q: Should I get a fancy signature for end of my posts?

Using a personalized signature or not is really a personal preference. Don't feel like you have to, I just enjoy it myself.

If you want a custom signature, there are multiple places that will create them for free! Mine is actually from the Online Signature website. However, if you google 'online signature generator' you'll find many other sites with their own options.

After you create it, it's given to you as an image file (jpg, png, etc) which you put in your post just like any other picture.

Q: You said something about there being a template I could use?

Months ago a @thecryptofiend, @rubellitefae and I made a bunch of different Steemit post templates which are free to use. Here are the posts showing what the different templates look like as well as download links.

Free Music, Recipe, Photography and Fiction Templates!

Free wordwrap, photography, poetry and non-fiction Steemit Templates!

Free Steemit Introduction Post Template!

To use these, you MUST have your editor set to Markdown mode (meaning it will say 'editor in the top right corner) before pasting the template in.

Once you've copy/pasted it in, just replace things with your own. The different sections will either having an example in there or say something like "put picture here." A few of these templates are harder to use than others. So if one doesn't seem to work well for you, just try another and it'll probably be a lot easier.

Feel free to ask me anything. I'm here to Help!




Previous Helpful Posts for Newbies

❓Answering Common Questions: What are all these keys in my wallet? Why so many? 🔑

❓Answering Common Questions: What should I write about? ✏️

❓Answering Common Questions: I'm getting frustrated...Are my Expectations too high? 🙍

❓Answering Common Questions: Why am I not getting votes? What can I do about it? 📷

❓Answering Common Questions: Why am I not getting votes? What can I do about it? 📷

❓Answering Common Questions: Where does the money come from? 💵

❓Answering Common Questions: Should I use 100% Steem Power or 50%/50% Payouts for my Post❓

❓Answering Common Questions: Reputation and Flags! What's this Number by my Name? #️⃣️

❓Answering Common Questions: Steem, Steem Power, Steem Dollars and What Should I do with them? 💲

What's this Slider Bar and Vote Power Percentage? What's the Difference?

Why Newbies Should be Excited about the next Hardfork

Answering Common Questions about Voting and Curation

Don't Miss the Show! Follow the Steemit Talk Podcast (STP) Account

New STP Website!!

Are you new to Steemit and Looking for Answers? - Try https://www.steemithelp.net.


Image Sources:
Woman

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

As with most things these days Google is your friend you can find pretty much all the markdown or HTML code you need (Remember you can't mix the two) Personally I find writing in raw, that's actual HTML or Markdown code, easier. Time consuming but you feel more rewarded in the "I created that!" stakes.

Here is how to achieve Left, Centre and Right for your images under HTML Simply change the pull-left to pull-right for right images. To centre simply remove class="pull-left" and close up <div> don't forget the Internet prefers the American spelling so its <center>

Tada!

<div class="pull-left">
<center>
<img src="http://www.cannon-linux.co.uk/wp-content/uploads/2017/06/cclogolarge.png" />
<br/>
<em><a href="http://www.cannon-linux.co.uk/wp-content/uploads/2017/06/cclogolarge.png">image source</a></em>
</center>
</div>

Pete

·

Great addition!! Thanks for tossing that in here! The floats definitely take things to another level.

I'm the same way...always in markdown/html mode. Having done some website building it wasn't anything out of my wheelhouse..I just figured there were a chunk of people who preferred the WYSIWYG editor so wanted to include both options.

·
·

Oh I have my lazy days and prefer wysiwyg. I'm a great believer in: WHATEVER GETS THE JOB DONE!

Some people get hung up on how something is produced and forget that it is the End Result that's important. :-)

Pete

·
·
·

LOVE this! I am not a newbie (in fact, an oldbie ;-) but I have been wondering about centering my posts for months! lol And I think I've been too lazy to have a fancy signature....well, when I get a moment, I'll remember to check back here.
Thank you @sykochica! I re-steemed for my newbie followers :-)

·

Hehe...we're all constantly learning, Myself included!
I've enjoyed having my subtle signature for a while...feels like a good closing. I'll keep an eye out and see what you end up doing with these 'new tricks.' :)

Wonderful topic and very timely considering the growth of users.
Unfortunately I can't bring myself to use all the features of markdown and start making visually beautiful posts :D

·

Thank you!
Lol, you've seemed to get along just fine without the markdown. :P

Thanks for the super helpful tips @sykochica! I'm going to use the divider tip and the signature. It makes all your posts look super professional, I love it. Dying to check out those templates too and possibly creating some of my own. Upvoted for sure!

·

You're welcome! I'm happy to help out.

Let me know how the templates treat you. It may be time to get some newer ones put together.

Awesome post, tons of good information in there
thanks !

·

Thank you!! I'm happy to be able to help out! :D

Feel free to ask any questions should they come to mind. :)

I appreciate the love that you put into this community. You are one of the 5 or so names that I give folks who need information and getting started tips.

You are appreciated.

Just when I'm ready to call myself a steemit veteran; I pickup something new that was staring me in the face. Page dividers! I've just been using the in house line divider, boring. Thanks!

·

Scaredycatguide 2.0 begins now! Muuaaahahaha, lol

Wow! this was the post I was looking for.
I use markdown mode cauz I feel it easy, and I was wondering how I could make that fancy section divider, now I get to know it is a picture :D

WOW! Great post, Thanks for the tips- I always wondered how the borders were done. The Sig Generator is great too. :) Thank you.

·

Thank you! It seemed like a good time to share some of my tricks. :P

great guide, should be really useful

·

Thank you! I definitely hope it's helpful. :)

Is there a way to center my pictures in markdown mode?

·

Yep...you'll just put the <center> ... </center> tags around your image link. If this doesn't work, just delete the extra characters around the image link like the ! [] sort of stuff.

·
·

Thank you.. Does it also work to center text?

·
·
·

Yep :)

·
·
·
·

Cool. Thank you

very helpful for those of us who are new to blogging, or online writing in general.

Two things:
.
one, this is very helpful. i have been looking for such information for a little while now.
.
two, you gonna go to St Joe's later in June to @StellaBelle's MeetUp? I think @VirtualGrowth is gonna at least try and swing by. If you are going, I'm happy to chip in for gas.

·

Hehe, more than happy to help out!

I do plan on going to her meetup in a few weeks. I'm happy to give you a ride..don't have to worry about gas money. It's no problem. Actually, this reminds me I still needed to get a hotel booked. lol

·
·

Yes! Thank you sykochica. I'm looking forward to meeting people.

Great stuff! And you remind me I need to create some copy and paste footer code.
It will be nice when the system offers automatic footers for posts, or post snippets you choose from. :)

·

Thank you!
Oh yea...the copy/paste footer saves sooo much time. I either just take if from a .rtf on my drive or edit/copy from a previous post.

Ohh..that would be a great feature to have!

Very timely post! As a newbie I'm struggling with getting my posts the way I envision them. I'll have to pour over this and see if I can bring up my game 😉

·

Hehe, I'm secretly a mind reader! Muuaahaha..lol.

I do hope it's helpful. Always feel free to ask questions if you have any problems. Even though I've been slow to respond this week.

Extremely helpful, thanks for the post. Cheers @silverbug

Great information @sykochica, I was actually trying to figure out how to make my own posts look a tiny bit elegant. Thanks for showing us how to do just that.

·

Thank you!! More than happy to help out! :)

Wow.. This is very useful..
I will used this ..haha
Thanks!
🍻 cheerz!!

·

Haha, thank you! Good to see you got it figured out!

Thanks for sharing. Upvoted.

Great article!!.. i just joined, for me its Really helpful..... very interesting!! Thanks for sharing
upvoted and resteem it :)

Thanks for posting this! helped me out. Keep up the good work

Voted up ;-)

Thank you for all your kind advice.

Good faq @sykochica

You have been PROMOTED FREE for using the "faq" TAG (hashtag)

https://steemit.com/promoted/faq

I wish i could save posts to view later, thanks for the info!

·

Hehe, I definitely know the feeling wishing I had a bookmark for stuff I've come across. That option is there in the esteem app by good-karma, or can always just bookmark in your browser, but that always overflows quickly. lol

Thanks for the great advice blogs! This is the third I've read and I'm on to another! I just wanted to tag some friends who might find your posts helpful like I did! @melodyrussell @johnbutler @jasonrussell

I got to resteem this one! Perfect info for people getting started like me.
Great information will have to read more about it a little later when I get off work, but thanks for posting this article!