Anunya is a Blogger template with Responsive layout and suited for all blog. It's design with simple color combination, clean and modern look, Fast, SEO Optimized, Design flat, and has been built by using some of the most popular current design trends.
Installation
1. Log in ke Blogger dashboard dan buka Template > Edit HTML.
2. Silahkan backup template lama Anda jika Anda memutuskan untuk menggunakannya lagi. Untuk melakukan ini, klik pada "download template lengkap" link dan simpan template.
3. Kemudian, cari lokasi XML template yang baru saja Anda download dan tekan "Upload".
Customize Theme
Navigation
Silakan buka Blogger > Template > "Edit HTML"
Cari dan ganti semua kode ini # dengan link Anda.
<ul>
<li><a href='/'><i class='icon-home'/> Home</a></li>
<li><a href='/p/about-me.html'><i class='icon-user'/> About Me</a></li>
<li><a href='/p/daftar-isi.html'><i class='icon-steam'/> Sitemap</a></li>
<li><a href='/p/flat-ui-color-generator.html'><i class='icon-font'/> Flat Ui Color</a></li>
</ul>
SEO Meta Tag
Buka Blogger, Template, "Edit HTML"
Cari dan ganti semua tulisan
xxxxx dengan keterangan blog Anda (Jika tidak diperlukan, hapus atau dibiarkan juga tidak apa-apa).
<link href='https://plus.google.com/u/0/xxxxxxxx' rel='author'/>
<link href='https://plus.google.com/xxxxxxxx/posts' rel='author'/>
<meta content='xxxxxxxx' name='google-site-verification'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://Link-Anda.blogspot.com/' rel='openid.delegate'/>
<meta content='xxxxxxxx' name='alexaVerifyID'/>
<meta content='xxxxxxxx' name='wot-verification'/>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<meta content='xxxxxxxx' name='geo.placename'/>
<meta content='xxxxxxxx' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
Image Caption
|
| Anunya Template SEO |
Widget Recent Post with Thumbnail
Tambahkan kode di bawah ini di dalam sidebar widget
<style scoped='' type='text/css'>
ul.recent_posts_arlina li{display:inline-block;margin:0;padding:10px 0;position:relative;width:100%}
ul.recent_posts_arlina li:last-child {border:0;}
.recent_posts_arlina .wrapinfo{display:inline-block;margin:0 10px 0 0;overflow:hidden;z-index:2;position:relative;width:62px;height:62px;float:left}
ul.recent_posts_arlina li img.recent_thumb{width:100%;height:auto}
.recent_posts_arlina {float:left;width:100%;margin:10px 10px 5px 0px;padding:0;font-size:.9rem;}
.recent_posts_arlina strong {font-size:13px;}
ul.recent_posts_arlina li a{color:#000;font-weight:700;line-height:normal}
ul.recent_posts_arlina li a:hover{color:#138be6}
.recent_posts_arlina i{font-style:normal;color:#999;font-size:13px}
</style>
<script style='text/javascript' src='https://rawgit.com/Arlina-Design/frame/master/recent-simplify.js'></script>
<script style='text/javascript'>
var numposts=5,showpostthumbnails=!0,displaymore=!1,displayseparator=!1,showcommentnum=!1,showpostdate=!1,showpostsummary=!0,numchars=62;
</script>
<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=recentpostinfoarlina'></script>
Youtube Responsive Video
Gunakan kode ini untuk embed youtube video responsive
<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/CD0v6y7cWPs">
</div>
</div>
</div>
Ganti kode yang ditandai dengan link video youtube.
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>
Nonaktifkan tampilan khusus mobile
Nonaktifkan versi mobile pada template ini, silakan klik Template > Tombol Gear > Pilih Tidak.
Oke cukup sekian untuk dokumentasi Anunya Template SEO Responsive Blogger
, jika ada kesulitan lain jangan segan untuk bertanya lewat formulir kontak blog
Oon Blogger. Terima kasih.