Template Blog Arlina Design : lycoris full dark

Deskripsi Template :
Template Blog Arlina Design : lycoris full dark adalah template desain karya amelia puteri atau yang akrab disebut arlina design. arlina hadir dengan karya desain template yang responsive dan memiliki nilai seo. lycoris full dark ini cocok digunakan bagi blog dengan segala niche, khususnya niche teknologi yang menyediakan tutorial.

Fitur :  Responsive, SEO,1 Column (Homepage and Static Page),2 Column (Post Page),Masonry Grid ,Base Homepage Post,Mixed Full Dark Color Scheme,Share Button (Homepage and Post Page),Fixed Top ,Menu,Main Side Menu,Search Button,Subscribe Box,Recent Post Feed Rotator (Sidebar),Less Encrypted ,CSS and Script (Feel free to explore your creativity),Social Bookmark (Header Section),Floating Bounce to Top Button,Sitemap Widget (Static Page),Contact Form Widget (Static Page),Credits

All images in demo page is taken from various site on Google. Images are for demo purpose only, so I not included theme in download package..
 

Author Template : Arlina Design

Demo Download

Panduan Setting Template

Template Blog Arlina Design : lycoris full dark

info perbaikan pada template arlina design "
CSS
Go to Blogger >> Template >> "Edit HTML"
Find and change : .post-info, #copyright, #side-kanan {display:none;visibility:hidden;}

With this code :  .post-info, #side-kanan {display:none;visibility:hidden;}

---

1. SOCIAL BOOKMARK AND HEADER SECTION, CHANGE ALL “#” WITH YOUR LINKS

Go to Blogger >> Template >> "Edit HTML"
Find and change the highlights text with your words and social network profile

<section class='hero' id='hero1'>
  <div class='inner1'>
    <div class='copyv'>
    <h3> Luna<span>fy</span> </h3>
    <p>Free Responsive Gallery Blogger Template</p>
     <div id='mariber-social'>

<ul>
<li class='fb-item'>
<a href='#'><i class='fa fa-facebook-square'/><span class='inv'/></a>
</li>
<li class='twitter-item'>
<a href='#'><i class='fa fa-twitter-square'/><span class='inv'/></a>
</li>
<li class='pinterest-item'>
<a href='#'><i class='fa fa-pinterest-square'/><span class='inv'/></a>
</li>
<li class='google-item'>
<a href='#'><i class='fa fa-google-plus-square'/><span class='inv'/></a>
</li>
<li class='instagram-item'>
<a href='#'><i class='fa fa-instagram'/><span class='inv'/></a>
</li>
<li class='youtube-item'>
<a href='#'><i class='fa fa-youtube-square'/><span class='inv'/></a>
</li>
<li class='linkedin-item'>
<a href='#'><i class='fa fa-linkedin-square'/><span class='inv'/></a>
</li>
<li><a href='#'><i class='fa fa-rss-square'/><span class='inv'/></a></li>
</ul>
      </div>
    </div>
  </div>
</section>

2. TOP NAVIGATION, CHANGE ALL “#” WITH YOUR LINKS

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

<nav class='main-nav'>
<!-- Main menu -->
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Static Page</a></li>
<li class='searchbutton'/>
<li class='menu' title='Menu'/>
</ul>
<a href='#' id='pull'>Menu</a>
</nav><!-- /main-nav -->

3. MAIN SIDE NAVIGATION, CHANGE ALL “#” WITH YOUR LINKS

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

<li><a href='/' title='Home'><span>Home</span></a></li>
<li class='has-sub'><a href='#'><span>Category</span></a>
 <ul class='expand'>
 <li><a href='#'>Animation</a></li>
 <li><a href='#'>Nature</a></li>
 <li><a href='#'>People</a></li>
 <li><a href='#'>Technology</a></li>
 <li><a href='#'>Vogue</a></li>
 <li class='last'><a href='#'>Other</a></li>
 </ul>
 </li>
 <li class='has-sub'><a href='#'><span>Tools</span></a>
 <ul class='expand'>
 <li><a href='#'>CSS</a></li>
 <li><a href='#'>jQuery</a></li>
 <li><a href='#'>Cookies</a></li>
 <li class='last'><a href='#'>Wicked</a></li>
 </ul>
 </li>
 </ul>

4. PRE CODE IN THE POST (HTML MODE)

change the highlights text with yours

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

5. Meta Keywords, Description and Facebook ID

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

Find and change the highlights text with yours

<meta content='YOUR DESCRIPTION HERE' name='description'/>
<meta content='YOUR KEYWORDS HERE' name='keywords'/>
<meta content='YOURFBAPPID' property='fb:app_id'/>
<meta content='YOURFBID' property='fb:admins'/>

Google + Author URL
Find and change the highlights text with yours
<link href='https://plus.google.com/YOURGOOGLEPLUS' rel='author'/>

6.PAGE NAVIGATION

Find and change highlights text with yours

<b:includable id='page-navi'>
    <div class='pagenav'>
        <script type='text/javascript'>
        var pageNaviConf = {
            perPage:9,
            numPages:5,
            firstText:&quot;<i class='fa fa-ellipsis-h fa-lg'/>&quot;,
            lastText:&quot;<i class='fa fa-ellipsis-h fa-lg'/>&quot;,
            nextText:&quot;<i class='fa fa-angle-right fa-lg'/>&quot;,
            prevText:&quot;<i class='fa fa-angle-left fa-lg'/>&quot;
        }
        </script>

To change all max result on this template, just simply find all and change the value of   max-results=9

CSS Button

change the highlights text with yours

<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>

Little Extra

To enable smooth effect when scrolling the page, add below code before </body>

<script src='https://dl.dropbox.com/s/3d35b1uv91986jq/smooth%20scroll' type='text/javascript'/>