How to Write Beautiful Article/Blog Post in Blogger with Shortcodes

How to Write Beautiful Article/Blog Post in Blogger with Shortcodes

Documentation for Make Articles

Shortcodes

Image Caption

CAT

Youtube Responsive Video

Use this code for embed youtube video responsive

<div class="videoyoutube">

<div class="video-responsive">

<div class="video-youtube loader" data-src="//www.youtube.com/embed/RKioDWlajvo">

</div>

</div>

</div>

and change with url video youtube, which has been marked

see demo youtube video responsive

Drop Caps

<span class="first-letter">Your First Letter here</span>

If you are currently confused about the type of template you want to install on blogger, then it's a good idea to follow the tutorial on 2020 Best Blogger Template Recommendations. This is based on my personal analysis using data from several online tools.

button

<div style="text-align: center;">

<ul class="button">

<li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li>

<li><a class="download" href=" YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>

</ul>

</div>

<div class="clear"></div>

• DEMO
• DOWNLOAD

Divide post content into two columns

<div class="bagidua">

--- ADD CONTENT HERE ---

</div>

A good blog template that is most often sought after by novice bloggers is definitely a free template with an attractive appearance, fast loading and mobile frindly. Several other features such as the share button to social media, recent posts, Related posts, Popular Posts, Subscribe boxes and several other built-in template features that are usually also glimpsed before choosing and then installing the template.

Divide post content into three columns

<div class="bagitiga">

--- ADD CONTENT HERE ---

</div>

Some of its features are very well supported for news sites. This template is believed to be able to compete with wordpress format news templates. This is also what makes a lot of bloggers with news and information niches use this theme. In addition to its cool appearance, this blog template is also very popular because it is free and easy to operate. And there are also many other features of this theme that are very supportive for those of you who have information and news niches.

Divide post content into four columns

<div class="bagiempat">

--- ADD CONTENT HERE ---

</div>

From the name alone, we already know that this fooddyBlog template is a template designed for a food theme. Usually people use this theme for those who like culinary tours. By utilizing its appearance, FooddyBlog is believed to be able to attract the attention of blog visitors who are looking for favorite dishes and places to eat.

Make table in post

<table cellpadding="0" cellspacing="0" style="text-align: left;">

    <tbody>

        <tr>

            <th>Table Header 1</th>

            <th>Table Header 2</th>

            <th>Table Header 3</th>

        </tr>

        <tr>

            <td>Division 1</td>

            <td>Division 2</td>

            <td>Division 3</td>

        </tr>

        <tr>

            <td>Division 1</td>

            <td>Division 2</td>

            <td>Division 3</td>

        </tr>

        <tr>

            <td>Division 1</td>

            <td>Division 2</td>

            <td>Division 3</td>

        </tr>

    </tbody>

</table>

Table Header 1	Table Header 2	Table Header 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3

Spoiler

<div id="flippy"><button>Spoiler</button></div>

<div id="flippanel">

--- ADD CONTENT HERE ---

</div>

Demo Spoiler

This Just Demo for spoiler.

If you have question, you can cantact me on Bloginger. Thank you.