Ad Code

Responsive Advertisement

Ticker

6/recent/ticker-posts

Styling PeakD Blog

 Want to make your readers enjoy reading your blog post?

Isn't it nice to give your readers a better user experience when they are reading your post especially when you are creating a cover for contests and challenges like Splinterlands.

Try these blogging tips and styling guides that will surely make your post more readable and enjoyable to read.

I won't discuss the obvious ways to style your blog by using the formatting toolbar at the top

image.png
image.png

I'll also change some of the terms so that it makes sense to what I'm going to teach you.

Text Formatting

As far as I know, there are only four colors for text that are allowed right now:

Black and White. The color automatically adjusts based on your settings (dark mode or light mode).

image.png

The other 2 are

Red
 and Blue

Blue Text

Blue Text is actually an Indicator that the word has a link, but sometimes I also use it to highlight a word or phrase.

You can use the chain icon at the toolbar

image.png

To change the Font Color to Blue, I just add a link to the text but instead of using a hyperlink, I just use "#"

This Code Will Make Your Text Turn Blue
Or you can use this code format

code:
[This Code Will Make Your Text Turn Blue](#)

Red Text

To turn the font to red use the code

This Code Will Make Your Text Red
code:
<div class="phishy">This Code Will Make Your Text Red </div>

Red Text Over White Background


If you want a text with a background you can put Red Text over a white background by using this code
Red Text Over White Background

code:
<code>Red Text Over White Background</code>

Superscript

A superscript refers to a number or letter that is written slightly above another character.
This is an example of how a Superscript would look like

RED 
©

The Code for Superscript is

code:
<sup>©</sup>

Subscript

The Opposite of Superscript is of course Subscript
A Subscript is a letter, figure, or symbol written below the line.
H2O
To do this, use this code

H<sub>[2](#)</sub>O

Blockquote

A blockquote is a formatting element used to highlight and visually separate quoted text from the main body of a document or article. It is commonly used to indicate a direct quotation, an excerpt from another source, or to draw attention to important information.

To do this, simply put a ">" at the beggining of a sentence

This will make this sentence a blockquote

>This will make this sentence a blockquote

Layout

There are several layouting styles that you can use to make your post more enjoyable to read.

The Text and Image

GOLD DRAGON

LEGENDARY Dragon Unit AB
There is only one living Golden Dragon, and he presides over the great Dragon Congress. His magic and armor are the greatest, and only the Hydra has put his mettle to the test. Suam Khepri, the leader of the united Gloridax, is always on the lookout for the next Gold Dragon, which prophecy says will hatch in these times.


The code for this is
<div class="pull-right">https://files.peakd.com/file/peakd-hive/jacksonizer/23uR7L9YHeuA9oivT12Rr3LmXo5TdttyghxZE5SUdFYTojEdPfmZ9eDvfH6qBZJZNGzKw.png</div>

Anything that you will write after the code will go to the left side

The Image and Text

Now to reverse this, all you need to do is to pull on the other side which is left

GOLD DRAGON

LEGENDARY Dragon Unit AB
There is only one living Golden Dragon, and he presides over the great Dragon Congress. His magic and armor are the greatest, and only the Hydra has put his mettle to the test. Suam Khepri, the leader of the united Gloridax, is always on the lookout for the next Gold Dragon, which prophecy says will hatch in these times.


<div class="pull-left">https://files.peakd.com/file/peakd-hive/jacksonizer/23uR7L9YHeuA9oivT12Rr3LmXo5TdttyghxZE5SUdFYTojEdPfmZ9eDvfH6qBZJZNGzKw.png</div>

Example:

Battle Of The Legends

ASTRAL ENTITY

LEGENDARY Death Summoner
n spite of this, death always seems to follow the Astral Entity’s arrival. Clans and nations go to war. Crops wither, livestock become ill or infertile, and famine ravages the land. Droughts, plagues of locusts, and violent storms bring empires to their knees. And when it’s over, the Astral Entity vanishes without a trace.


VS


GRANDMASTER RATHE

LEGENDARY Life Summoner
Grandmaster Rathe was the son of a blacksmith who taught him all he knew about the art of forging. However, he didn’t share his father’s interest in large weapons and heavy armors; he preferred those that were small and light, like daggers and other blades that could be concealed on one’s person. He also didn’t want to spend his entire life around the forges. They were hot, the hammers were heavy, and the work was hard.


If you combine these two it would create an awesome style that is enjoyable to read.

2 Column text or Text and Text

To do this, all you need to do is pull a set of words to the left then after that pull some words to the right

Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left
Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right
<div class="pull-left"> Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left </div>

<div class="pull-right"> Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right </div>

That's all about text formatting and layout. In my next post, I will teach you how to create an animated banner like this

that you can use as a divider or banner. So, make sure to follow me for more tutorials.

Topics That You Might Want To Read

Want To Build A Strong and Lasting Relationship?
Trying to Improve Your Personality?
Looking For That Spiritual Emptiness In Your Life?
Want To Know About The Latest Online Technologies?

I would like to ask for your support in helping me fund my websites: lifesnags.com and techcheckmag.com.

Any Amount will be appreciated

You can donate whatever amount you want by sending it through my Hive account @jacksonizer or by clicking the tip button below.

Life Snags is about my experiences and opinions that I share regarding life's difficulties, including topics like relationships, self-improvement, and spiritual growth. I built this website to help people in need by providing guidance on the daily struggles we face in life.

Tech Check Mag is a tech review platform that focuses on new online resources, such as apps that can improve your daily life or business, as well as information and guides on how to utilize the latest online technology.

Currently, I am hosting these websites on free accounts with limited storage capacity. In order for me to continue writing helpful articles, I need to upgrade to a plan that offers more storage capacity.

I don't have anything to offer in return except for genuine feelings of gratitude and friendship. Thank You

banner-follow.png

ᴀʙᴏᴜᴛ ᴍᴇ

Hi there, my name is Dennis and I'm from the Philippines. In my free time, you'll usually find me tending to my garden, sketching out new drawings, or writing about life, love, relationships, struggles, and faith.

Writing has always been a passion of mine, as it allows me to express my thoughts and feelings. Everyone has a unique story to tell, and through my writing, I hope to share my own experiences and connect with others who may be going through similar struggles.

Aside from my creative pursuits, I also work as a graphics and web designer, social media manager, and content creator. I have always been passionate about design and arts.

Ad Code

Responsive Advertisement