Template Blog Arlina Design : Minima Responsive

Deskripsi Template :
Template Blog Arlina Design : Minima Responsive adalah template desain karya amelia puteri atau yang akrab disebut arlina design. arlina hadir dengan karya desain template yang responsive dan memiliki nilai seo. template minima ini cocok digunakan bagi blog dengan segala niche.

Fitur :  Responsive, SEO, Custom Threaded Comment, Facebook Comment, 2 Column, Light Base Theme Color, Simple Flat Design, Auto Read More with Thumbnail, Responsive Ad Slot, Breadcrumbs, Top Navigation, Main Navigation, Top Social Bookmark, Related Posts with Thumb, Search Box, Social Share Button, Custom 404 Page, Smooth Scroll back To Top, Better Print Page Layout, Custom Subscribe Box Widget, 3 Different Sitemap Widget Style, Well Documentation.
 

Author Template : Arlina Design

Demo Download

Panduan Setting Template

Template Blog Arlina Design : Minima Responsive

1.    TOP MENU, CHANGE ALL “#” WITH YOUR LINKS
Go to Blogger >> Template >> "Edit HTML"
Find and change the highlights text with yours

<nav id='menutop'>
<input type='checkbox'/>
<label/>
<ul>
<li><a href='/' title='Home'>Home</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>About</a></li>
<li><a class='dutt' href='#'>Submenu</a>
<ul class='menux'>
<li><a href='#'>Submenu 1</a></li>
<li><a href='#'>Submenu 2</a></li>
<li><a href='#'>Submenu 3</a></li>
<li><a href='#'>Submenu 4</a></li>
<li><a href='#'>Submenu 5</a></li>
</ul>
</li>
<li><a href='#'>Disclaimer</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a class='dutt' href='#'>Submenu</a>
<ul class='menux'>
<li><a href='#'>Submenu 1</a></li>
<li><a href='#'>Submenu 2</a></li>
<li><a href='#'>Submenu 3</a></li>
<li><a href='#'>Submenu 4</a></li>
<li><a href='#'>Submenu 5</a></li>
</ul>
</li>
<li class='sorting-01 facebook'><a href='#'><i class='fa fa-facebook fa-lg'/><span class='inv'/></a></li>
<li class='sorting-02 twitter'><a href='#'><i class='fa fa-twitter fa-lg'/><span class='inv'/></a></li>
<li class='sorting-03 googleplus'><a href='#'><i class='fa fa-google-plus fa-lg'/><span class='inv'/></a></li>
<li class='sorting-06 linkedin'><a href='#'><i class='fa fa-linkedin fa-lg'/><span class='inv'/></a></li>
<li class='sorting-04 youtube'><a href='#'><i class='fa fa-youtube fa-lg'/><span class='inv'/></a></li>
</ul>
</nav>

2.    MAIN MENU, CHANGE ALL “#” WITH YOUR LINKS

Go to Blogger >> Template >> "Edit HTML"
Find and change the highlights text with yours

<div id='menu-wrapper'>
<div class='content-wrapper'>
            <nav id='menu'>
<input type='checkbox'/>
<label/>
<ul>
<li class='homers'><a href='/'><i class='fa fa-home fa-2x fa-fw'/></a></li>
<li><a href='#'>Static</a></li>
<li><a href='#'>Flat UI</a></li>
<li><a href='#'>Retro</a></li>
<li><a class='ai' href='#'>Submenu</a>
<ul class='menus'>
<li><a href='#'>Submenu 1</a></li>
<li><a href='#'>Submenu 2</a></li>
<li><a href='#'>Submenu 3</a></li>
<li><a href='#'>Submenu 4</a></li>
<li><a href='#'>Submenu 5</a></li>
</ul>
</li>
<li><a href='#'>Button</a></li>
<li><a class='ai' href='#'>Submenu</a>
<ul class='menus'>
<li><a href='#'>Submenu 1</a></li>
<li><a href='#'>Submenu 2</a></li>
<li><a href='#'>Submenu 3</a></li>
<li><a href='#'>Submenu 4</a></li>
<li><a href='#'>Submenu 5</a></li>
</ul>
</li>
<li class='searchbutton'/>
</ul>
</nav>

3.    PRE CODE IN THE POST (HTML MODE)

<pre title="HTML"><code class="language-markup"> ... HTML CODE (already `escape`) HERE ... </code></pre>
<pre title="CSS"><code class="language-css"> ... CSS CODE HERE ... </code></pre>
<pre title="Javascript"><code class="language-javascript"> ... JAVASCRIPT CODE HERE ... </code></pre>

DEMO AND DOWNLOAD BUTTON (HTML MODE)

Style 1

<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="#" target="_blank">DEMO</a></li>
<li><a class="download" href="#" target="_blank">DOWNLOAD</a></li>
</ul>
</div>
<div class="clear">
</div>

Style 2

<div class="whitebuttondemo">
      <a href="#">Demo</a>
      <span class="up">click to begin</span>
    </div>

<div class="whitebutton">
      <a href="#">Download</a>
      <span class="up">click to begin</span>
      <span class="down">1.6MB .rar</span>
    </div>

4.    Meta Tag and Facebook ID

Go to Blogger >> Template >> "Edit HTML"

Find and change the highlights text with yours (if there any not necessary, just remove the line)

<!-- [ Meta Tag SEO ] -->
<meta content='YOUR, KEYWORD, PUT, HERE' name='keywords'/></b:if>
<link href='https://plus.google.com/YOURGPLUS/posts' rel='publisher'/>
<link href='https://plus.google.com/YOURGPLUS/about' rel='author'/>
<link href='https://plus.google.com/YOURGPLUS' rel='me'/>
<meta content='YOUR VERIFICATION GOOGLE CODE' name='google-site-verification'/>
<meta content='YOUR VERIFICATION BING CODE' name='msvalidate.01'/>
<meta content='YOUR VERIFICATION ALEXA CODE' name='alexaVerifyID'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='YOUR NAME' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<meta content='YOURFBAPPSID' property='fb:app_id'/>
<meta content='YOURFBUSERID' property='fb:admins'/>

5.    PAGE NAVIGATION

Find and change highlights text with yours

    <b:includable id='page-navi'>
    <div class='pagenav'>
        <script type='text/javascript'>
        var pageNaviConf = {
            perPage: 5,
            numPages: 5,
            firstText: &quot;First&quot;,
            lastText: &quot;Last&quot;,
            nextText: &quot;Next&quot;,
            prevText: &quot;Prev&quot;
        }
        </script>