Menu bagian atas sudah dikurangi/ dihapus

wes dites google index OK

Vienna Lite 2 Background Gelap.xml

Customize Theme
Navigation
Silakan buka Blogger > Template > "Edit HTML"

Cari dan ganti semua kode ini # dengan tulisan Anda.

Top Navigation :
<nav class='top-menulite'>
<ul>
<li><a href='#' title='About Us'><i class='fa fa-ioxhost'/>
About</a></li>
<li><a href='#' title='Our Sitemap'><i class='fa fa-folder-o'/>
Sitemap</a></li>
<li><a href='#' title='Contact us'><i class='fa fa-envelope-o'/>
Contact</a></li>
<li><a href='#' title='Disclaimer'><i class='fa fa-check-circle-
o'/> Disclaimer</a></li>
<li class='doremifa join'><a href='#' rel='nofollow' target='_blank'
title='Join Our Site'><i class='fa fa-plus'/><span class='inv'/></a></li>
<li class='doremifa gplus'><a href='#' rel='nofollow' target='_blank'
title='Follow us on Google+'><i class='fa fa-google-plus'/><span
class='inv'/></a></li>
<li class='doremifa facebook'><a href='#' rel='nofollow' target='_blank'
title='Follow us on Facebook'><i class='fa fa-facebook'/><span
class='inv'/></a></li>
<li class='doremifa deviantart'><a href='#' rel='nofollow' target='_blank'
title='Follow us on Deviantart'><i class='fa fa-deviantart'/><span
class='inv'/></a></li>
<li class='doremifa twitter'><a href='#' rel='nofollow' target='_blank'
title='Follow us on Twitter'><i class='fa fa-twitter'/><span
class='inv'/></a></li>
</ul>
<a href='#' id='pull'>MENU</a>
</nav>

Main Navigation :
<nav id='nav' itemscope='itemscope'
itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<div id='nav2'>
<a class='slide-menu' href='#'><i class='fa fa-list'/> Menu</a>
<ul class='nav vienna-menulite'>
<li><a class='active' href='/'><span itemprop='name'><i class='fa fa-th-list
fa-lg'/></span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Kategori</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Blogger</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Web
Design</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Portfolio</span></a></li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Blogger</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Galeri
Foto</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Info
Menarik</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Manga</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Tutorial</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Video</span></a></li>
</ul>
<form action='/search' id='search-form' method='get' style='display:
inline;'><table><tbody><tr><td class='search-box'><input id='search-box'
name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;'
onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;'
type='text' value='Search...'/></td>
<td class='search-button'><input id='search-button' type='submit'
value=''/></td></tr></tbody></table></form>
</div>
</nav>
Page Navigation :

Cari kode perPage: 6, dan ganti dengan jumlah artikel yang akan ditampilkan

var pageNaviConf = {
perPage: 6,
numPages: 5,
firstText: &quot;First&quot;,
lastText: &quot;Last&quot;,
nextText: &quot;Next&quot;,
prevText: &quot;Prev&quot;
}

SEO Meta Tag

Buka Blogger, Template, "Edit HTML"

Cari dan ganti semua tulisan xxxxx dengan tulisan Anda.

<meta content='xxxxx' name='keywords'/>

<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
<link href='https://plus.google.com/xxxxx/about' rel='author'/>
<link href='https://plus.google.com/xxxxx' rel='me'/>
<meta content='xxxxx' name='google-site-verification'/>
<meta content='xxxxx' name='msvalidate.01'/>
<meta content='xxxxx' name='alexaVerifyID'/>
<meta content='xxxxx' name='Author'/>
<meta content='xxxxx' property='og:description'/>
<meta content='xxxxx' property='fb:app_id'/>
<meta content='xxxxx' property='fb:admins'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>

Post Page

Iklan di Postingan

Cari dan ganti tulisan ini dengan skrip kode iklan Anda :

Anda bisa memparse kode iklan disini Ad Converter.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

&lt;div style=&quot;display:block;text-align:center;margin:15px
auto;&quot;&gt;
<!-- Kode Banner/Iklan Anda Di sini -->
&lt;/div&gt;
</b:if>
Widgets

Contact Form

Buat post di halaman statis, kemudian terapkan kode di bawah ini pada tab HTML. Catatan : Jika
sudah menambahkan kode ini, disarankan untuk tidak menggunakan mode Compose di halaman
Pos ini.

<form name="contact-form">
<span><i class="fa fa-pencil-square-o"></i> Name </span>
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text"
value="" />

<span><i class="fa fa-envelope-o"></i> Email Address <span style="color:

#f56954; font-size: x-small; font-weight: bold;">important</span></span>
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text"
value="" />

<span><i class="fa fa-keyboard-o"></i> Content <span style="color: #f56954;

font-size: x-small; font-weight: bold;">important</span></span>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-
message" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="Send" />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>

<style scoped="" type="text/css">

#comments,.post_meta,#blog-pager {display:none;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
height:auto;margin:5px
auto;padding:10px;background:#fafafa;color:#444;border:1px solid #ccc;border-
radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-
sizing:border-box;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px
0;padding:10px;background:#fafafa;color:#444;font-family:'Open Sans',sans-
serif;border:1px solid #ccc;border-radius:3px;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus,
#ContactForm1_contact-form-email-
message:focus{outline:none;background:#fff;color:#444;border-
color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);}
#ContactForm1_contact-form-submit{font-family:'Open
Sans';float:left;background:#cf4d35;color:#fff;margin:10px auto;vertical-
align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-
size:14px;text-align:center;text-transform:uppercase;letter-
spacing:.5px;border-radius:4px;border:0;transition:all .8s ease}
#ContactForm1_contact-form-submit:hover {background:#e45a40;color:#fff;}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-
message{width:100%;margin-top:35px;}
.contact-form-error-message-with-border {background:#f6f6f6;border:none;box-
shadow:none;color:#444;padding:5px 0;}
.contact-form-success-message {background:#4fc3f7;border:none;box-
shadow:none;color:#fff;}
img.contact-form-cross {line-height:40px;margin-left:5px;}
@media only screen and (max-width:640px){
#ContactForm1_contact-form-name, #ContactForm1_contact-form-
email,#ContactForm1_contact-form-submit{width:100%;}}
</style>

Sitemap

Buat post di halaman statis, kemudian terapkan kode di bawah ini pada tab HTML.

<div id="bp_toc">
Loading TOC. Please wait....</div>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-
simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?
alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc"
type="text/javascript"></script>

Recent Comments

Klik tata letak, Buat widget baru, kemudian salin semua kode di bawah ini.

<style scoped='' type="text/css">

ul.arlinacomments{list-style:none;margin:0;padding:0}.arlinacomments
li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px
solid #e3e3e3;word-break:break-all;padding:10px 0;margin:0}.arlinacomments
li .avatarImage{float:left;margin-
right:10px;position:relative;overflow:hidden}.arlinacomments li
img{position:relative;overflow:hidden;display:block;width:42px;height:42px}.ar
linacomments li a{font-weight:700}.arlinacomments li span{margin-
top:2px;color:#666;display:block;font-size:12px;line-height:1.4}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments
function arlinacomments(a){var e;e='<ul class="arlinacomments">';for(var
t=0;numComments>t;t++){var
r,o,n,i;if(t==a.feed.entry.length)break;e+="<li>";for(var
d=a.feed.entry[t],s=0;s<d.link.length;s+
+)"alternate"==d.link[s].rel&&(r=d.link[s].href);for(var
l=0;l<d.author.length;l++)o=d.author[l].name.$t,n=d.author[l].gd$image.src;n=-
1!=n.indexOf("/s1600/")?n.replace("/s1600/","/s"+avatarSize+"-c/"):-1!
=n.indexOf("/s220/")?n.replace("/s220/","/s"+avatarSize+"-c/"):-1!
=n.indexOf("/s512-c/")&&0!=n.indexOf("http:")?"http:"+n.replace("/s512-
c/","/s"+avatarSize+"-c/"):-1!=n.indexOf("blogblog.com/img/b16-
rounded.gif")?"http://1.bp.blogspot.com/-
7bkcAKdpGXI/UrbyQRqvSKI/AAAAAAAAFmI/oBv_yMeYnMQ/s"+avatarSize+"/blogger.png":-
1!=n.indexOf("blogblog.com/img/openid16-
rounded.gif")?"http://2.bp.blogspot.com/-
VgnInuIUKBU/UrbzyXTYWRI/AAAAAAAAFmU/3f_Vfj3TI6A/s"+avatarSize+"/openid.png":-
1!=n.indexOf("blogblog.com/img/blank.gif")?-1!
=defaultAvatar.indexOf("gravatar.com")?
defaultAvatar+"&s="+avatarSize:defaultAvatar:n,1==showAvatar&&(i=1==roundAvata
r?"avatarRound":"",e+='<div class="avatarImage '+i+'"><img class="'+i+'"
src="'+n+'" alt="'+o+'" width="'+avatarSize+'"
height="'+avatarSize+'"/></div>'),e+='<a href="'+r+'">'+o+"</a>";var
A=d.content.$t,v=A.replace(/(<([^>]+)>)/gi,"");""!=v&&v.length>characters?
(v=v.substring(0,characters),v+="&hellip;",1==showMorelink&&(v+='<a
href="'+r+'">'+moreLinktext+"</a>")):v=v,e+="<span>"+v+"</span>",e+="</li>"}e+
="</ul>";var
c="";0==hideCredits&&(c="display:block;"),e+="",document.write(e)}var
numComments=3,showAvatar=!0,avatarSize=42,roundAvatar=!
0,characters=40,showMorelink=!1,defaultAvatar="http://2.bp.blogspot.com/-
XjxrXKBPQqs/VYcGtLWPGUI/AAAAAAAAKaQ/5jr871JIwds/s1600/default-
avatar.jpg",hideCredits=!0,numComments=numComments||5,avatarSize=avatarSize||
60,characters=characters||
40,defaultAvatar=defaultAvatar||"http://4.bp.blogspot.com/-
SRSVCXNxbAc/UrbxxXd06YI/AAAAAAAAFl4/332qncR9pD4/s1600/default-
avatar.jpg",moreLinktext=moreLinktext||" More
&raquo;",showAvatar="undefined"==typeof showAvatar?!
0:showAvatar,showMorelink="undefined"==typeof showMorelink?!
1:showMorelink,roundAvatar="undefined"==typeof roundAvatar?!
0:roundAvatar,hideCredits="undefined"==typeof hideCredits?!1:roundAvatar;
//]]>
</script>
<script type="text/javascript" src="/feeds/comments/default?
alt=json&amp;callback=arlinacomments&amp;max-results=3"></script>

Ad Banner HTML

Di Tata Letak tambah widget baru, Kemudian terapkan kode di bawah ini.

Banner 728x90.

<div class='kotak_iklan3'>
<a href='#' target='_blank' title='ADS-DESCRIPTION'><img alt='iklan banner'
height='90' src='IMAGE-URL' title='ADS-DESCRIPTION' width='728'/></a>
</div>

Banner 125x125.

<div class="kotak_iklan">
<a href="#" title="judul iklan"><img style="border: none;" src="IMAGE-URL"
alt="text gambar" width="125" height="125" /></a>
<a href="#" title="judul iklan"><img style="border: none;" src="IMAGE-URL"
alt="text gambar" width="125" height="125" /></a>
<a href="#" title="judul iklan"><img style="border: none;" src="IMAGE-URL"
alt="text gambar" width="125" height="125" /></a>
<a href="#" title="judul iklan"><img style="border: none;" src="IMAGE-URL"
alt="text gambar" width="125" height="125" /></a>
</div>

ShortCodes

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

Blockquote

Untuk membuat Blockquote cukup pilih semua teks yang Anda ingin menjadi Kutipan dan klik
pada icon Kutipan dari posting blog panel editor teks.

Buttons

Menambahkan demo dan download 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>

Spoiler
<div id="flippy"><button>Spoiler</button></div>
<div id="flippanel">
--- TAMBAHKAN KONTEN DISINI ---
</div>

Membagi konten post menjadi tiga

<div class="bagitiga">
--- TAMBAHKAN KONTEN DISINI ---
</div>

Memasang Table di postingan

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

Perbaikan

Mobile Responsive

Nonaktifkan versi mobile pada template ini, silakan klik Template > Tombol Gear > Pilih Tidak.
 RGB KODE

Color Code Color Code Color Code Color Code Color Code
. EEEEEE . FFFFCC . FFCCFF . FF99FF . FF66FF
. DDDDDD . FFFF99 . FFCCCC . FF99CC . FF66CC
. CCCCCC . FFFF66 . FFCC99 . FF9999 . FF6666
. BBBBBB . FFFF33 . FFCC66 . FF9966 . FF6633
. AAAAAA . FFFF00 . FFCC33 . FF9933 . FF6633
. 999999 . CCFFFF . FFCC00 . FF9900 . FF6600
. 888888 . CCFFCC . CCCCFF . CC99FF . CC66FF
. 777777 . CCFF99 . CCCCCC . CC99CC . CC66CC
. 666666 . CCFF66 . CCCC99 . CC9999 . CC6699
. 555555 . CCFF33 . CCCC66 . CC9966 . CC6666
. 444444 . CCFF00 . CCCC33 . CC9933 . CC6633
. 333333 . 99FFFF . CCCC00 . CC9900 . CC6600
. 222222 . 99FFCC . 99CCFF . 9999FF . 9966FF
. 111111 . 99FF99 . 99CCCC . 9999CC . 9966CC
. FF0000 . 99FF66 . 99CC99 . 999966 . 996699
. EE0000 . 99FF33 . 99CC33 . 999933 . 996633
. CC0000 . 66FFFF . 66CCFF . 6699FF . 6666FF
. 33FFFF . 00FFFF . 00CCFF . 3399FF . 3366FF
. FF00FF . CC00FF . 00EE00 . 0000FF . 6600FF