Documentation for Make Articles

Inka Story is a Blogger template with Responsive layout and suited for all blog. It's design with simple color combination, clean, and has been built by using some of the most popular current design trends.

Installation & Customize Theme

You can see in Documentation files.

Shortcodes

Image Caption

Inka Template Documentation

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/3tmd-ClpJxA">
</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>

Your First Letter here Ea eam labores imperdiet, apeirian democritum ei nam, doming neglegentur ad vis. Ne malorum ceteros feugait quo, ius ea liber offendit placerat, est habemus aliquyam legendos id. Eam no corpora maluisset definitiones, eam mucius malorum id. Quo ea idque commodo utroque, per ex eros etiam accumsan.

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>

Ea eam labores imperdiet, apeirian democritum ei nam, doming neglegentur ad vis. Ne malorum ceteros feugait quo, ius ea liber offendit placerat, est habemus aliquyam legendos id. Eam no corpora maluisset definitiones, eam mucius malorum id. Quo ea idque commodo utroque, per ex eros etiam accumsan.

Divide post content into three columns

<div class="bagitiga">
--- ADD CONTENT HERE ---
</div>

Ea eam labores imperdiet, apeirian democritum ei nam, doming neglegentur ad vis. Ne malorum ceteros feugait quo, ius ea liber offendit placerat, est habemus aliquyam legendos id. Eam no corpora maluisset definitiones, eam mucius malorum id. Quo ea idque commodo utroque, per ex eros etiam accumsan.

Divide post content into four columns

<div class="bagiempat">
--- ADD CONTENT HERE ---
</div>

Ea eam labores imperdiet, apeirian democritum ei nam, doming neglegentur ad vis. Ne malorum ceteros feugait quo, ius ea liber offendit placerat, est habemus aliquyam legendos id. Eam no corpora maluisset definitiones, eam mucius malorum id. Quo ea idque commodo utroque, per ex eros etiam accumsan.

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 myAbdurrahim ID. Thank you.


**UPDATE Versi 2.1.1
- Breadcrumbs
- Fix for nav num page.
- Search
- Numbered List
- Menu Nav