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
Panduan Setting Template
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
Find and change the highlights text with yours
Find and change the highlights text with yours
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:"<i class='fa fa-ellipsis-h fa-lg'/>",
lastText:"<i class='fa fa-ellipsis-h fa-lg'/>",
nextText:"<i class='fa fa-angle-right fa-lg'/>",
prevText:"<i class='fa fa-angle-left fa-lg'/>"
}
</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'/>
Posts
