Sabtu, 04 Juni 2016

Simplify Template Documentation

New Light Template Documentation

Simplify 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, 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.

<nav id='simplify-nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<div class='maxwrap'>
  <input type='checkbox'><i aria-hidden='true' class='fa fa-th-list'/> Menu</input>
<ul id='simplify-click'>
<li><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='name'>Home</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Blog <i class='fa fa-caret-down fa-fw'/></span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>About</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Contact</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>CSS Minifier</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Disclaimer</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>HTML Converter</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Privacy Policy</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Sitemap 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Sitemap 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Static Page</span></a></li>
  <li><a href='/404' itemprop='url'><span itemprop='name'>404 Page Not Found</span></a></li>
</ul>
</li>
  <li><a href='#' itemprop='url'><span itemprop='name'>Menu <i class='fa fa-caret-down fa-fw'/></span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 3</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 4</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 5</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 6</span></a></li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Info Menarik</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Komputer</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Tips Blogger</span></a></li>
</ul>
</div>
</nav>

Top Navigation

<nav class='simplify-menu' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
 <ul>
   <li><a href='#' itemprop='url' title='Contact'><span itemprop='name'>Contact</span></a></li>
   <li><a href='#' itemprop='url' title='About'><span itemprop='name'>Disclaimer</span></a></li>
   <li><a href='#' itemprop='url' title='Privacy'><span itemprop='name'>Privacy</span></a></li>
   <li><a href='#' itemprop='url' title='Sitemap'><span itemprop='name'>Sitemap</span></a></li>
    </ul>  
    <div class='clear'/>
</nav>
<div class='sosial-atas'>
  <li class='menu-item'>
    <a href='#' rel='nofollow' target='_blank' title='Follow Our Facebook'><i class='fa fa-facebook'/></a>
  </li>
  <li class='menu-item'>
    <a href='#' rel='nofollow' target='_blank' title='Follow Our Twitter'><i class='fa fa-twitter'/></a>
  </li>
  <li class='menu-item'>
    <a href='#' rel='nofollow' target='_blank' title='Follow Our Google+'><i class='fa fa-google-plus'/></a>
  </li>
  <li class='menu-item'>
    <a href='#' rel='nofollow' target='_blank' title='Follow Our Youtube Channel'><i class='fa fa-youtube-play'/></a>
  </li>
  <li class='menu-item'>
    <a href='#' rel='nofollow' target='_blank' title='Follow Our Instagram'><i class='fa fa-instagram'/></a>
  </li>
  <li class='menu-item'>
    <a href='#' rel='nofollow' target='_blank' title='Follow Our Pinterest'><i class='fa fa-pinterest'/></a>
  </li>
  <li class='menu-item'>
    <a href='https://www.blogger.com/follow-blog.g?blogID=937167908293360410' rel='nofollow' target='_blank'>Join with us</a>
  </li>
</div>

Footer Menu

<div class='footer-column'>
  <div class='footer-menu'>
    <h3>About</h3>
    <p class='footer2'>
      Google today announced IT admins can now apply policies to Chrome on Android and iOS, in addition to Windows, Mac, Linux, and Chrome OS.
<div class='clear'/>
<div class='simplifymedsos'>
<a class='facebook' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a class='twitter' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>
<a class='googleplus' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<a class='rssfeed' href='#' rel='nofollow' target='_blank'><i class='fa fa-rss'/></a>
</div>
    </p>
  </div>
  <div class='footer-menu'>
    <h3>Web Tools</h3>
    <ul class='footer2 line'>
      <li><a href='#' title='Contact Form'>Contact Form</a></li>
      <li><a href='#' title='Disclaimer'>Disclaimer</a></li>
      <li><a href='#' title='Privacy Policy'>Privacy Policy</a></li>
      <li><a href='#' title='Daftar Isi Blog'>Sitemap</a></li>
      <li><a href='#' title='Terms of Service'>Terms of Service</a></li>
    </ul>
  </div>
  <div class='footer-menu' id='subscribe-footer'>
    <h3>Newsletter</h3>
    <p>Berlangganan artikel terbaru dari blog ini langsung via email.</p>
    <div class='emailfooter'>
      <form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=Blog-simplifyblog&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
        <input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Email address&quot;;}' onfocus='if (this.value == &quot;Email address&quot;) {this.value = &quot;&quot;;}' type='text' value='Email address'/>
        <input name='uri' type='hidden' value='simplifyblog'/>
        <input name='loc' type='hidden' value='en_US'/>
        <input class='submitfooter' type='submit' value='Submit'/>
      </form>
    </div>
  </div>
</div>

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

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

Iklan di Postingan

Cari dan ganti tulisan ini

<!-- Kode Banner/Iklan Anda Di sini -->

dengan skrip kode iklan Anda :

Anda bisa memparse kode iklan disini HTML Converter.

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

Image Caption

New Light Template Documentation
Simplify Template Documentation

Widget Formulir Kontak dan Sitemap


Tambahkan kode di bawah ini di dalam postingan halaman statis

Silakan isi form di bawah ini untuk menghubungi admin. Jika tidak ada halangan dan kesibukan lainnya, admin akan langsung merespon pesan yang Anda kirimkan.

<form id="kontak-arlina" name="contact-form">

<input id="ContactForm1_contact-form-name" name="name" placeholder="Name *" size="30" type="text" value="" />

<input id="ContactForm1_contact-form-email" name="email" placeholder="Email *" size="30" type="text" value="" />

<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message *" rows="5"></textarea> 
<input id="ContactForm1_contact-form-submit" type="button" value="Send Message" />  
<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}
form{color:#666}
#kontak-arlina{margin:auto;max-width:640px}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{height:auto;margin:5px auto;padding:15px 12px;background:#fff;color:#444;border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;width:100%;min-width:100%;transition:all 0.5s ease-out}
#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:15px 12px;background:#fff;color:#444;border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;resize:none;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:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)}
#ContactForm1_contact-form-submit{float:left;background:#34495e;margin:auto;vertical-align:middle;cursor:pointer;padding:12px 20px;font-size:14px;text-align:center;letter-spacing:.5px;border:0;width:100%;max-width:140px;border-radius:3px;color:#fff;font-weight:500;transition:all .8s ease}
#ContactForm1_contact-form-submit:hover{background:#3498db;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}
.post-body input{width:initial}
@media only screen and (max-width:640px){
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;}}
</style>

<div id='show-cat'>
</div>
<div id='show-post'>
<script type='text/javaScript'>
var cat_home='http://nubieseo.blogspot.com';cat_numb=11;cat_pre='Prev';cat_nex='Next';
var cat_name;var cat_start;var cat_class;
function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+='<li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow" title="'+cat_title+'">'+cat_title+'</a>';dw+='</li>'}dw+='</ul>';dw+='<div id="navi-cat">';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_pre+'">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_nex+'">'+cat_nex+'</a>'}dw+='<span>'+cat_start;if(cat_start!=tt){dw+=' &ndash; '+(cat_start+i-1)}dw+=' / '+tt+'</span>';dw+='</div>';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){dw+='<li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false" title="';dw+=cat[i].term;dw+='">';dw+=cat[i].term;dw+='</a>';dw+='</li>'}dw+='</ul>';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"><\/script>');
</script>
</div>
<style scoped="" type="text/css">
#show-cat{float:left;margin:20px 2% 20px 0;width:25%;height:389px;overflow-x:hidden;overflow-y:auto;line-height:normal;border:1px solid rgba(0,0,0,0.1)}
#show-cat ul{margin:0;border-top:0 solid rgba(0,0,0,0.1);padding:0}
#show-post ul li{list-style-type:none;margin:0 0 0 -25px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#show-post ul li:hover{margin-right:10px;border-color:#fcd3d3}
#show-cat ul li a{display:block;padding:10px;border-bottom:1px solid rgba(0,0,0,0.1);transition:initial}
#navi-cat a:hover{color:#fff!important}
#show-cat ul li:last-child a{border-bottom:none}
#show-cat ul li a,#navi-cat a{background:#fff;color:#555;font-weight:bold;text-decoration:none}
#show-cat ul li a,#navi-cat a,#navi-cat span{font-size:13px}
#show-cat ul li a:hover,#navi-cat a:hover{background:#666;color:#fff}
#show-post{float:left;width:69%;line-height:1.6em}
#show-post a{color:#333;font-size:14px}
#show-post a:hover{color:#f14b4b}
#navi-cat{padding:20px 0}
#navi-cat a{padding:5px 10px;background:rgba(0,0,0,0.7);margin:0 5px 0 0;color:#fff;border-radius:3px;}
#navi-cat a:nth-child(2){background:#f14b4b;margin:0 10px 0 0;color:#fff}
#navi-cat span{float:right;padding:5px 0;font-size:12px;color:rgba(0,0,0,0.5);font-weight:700}
#show-cat::-webkit-scrollbar{width:8px;height:8px}
#show-cat::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1);}
#show-cat::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)}
#show-cat::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);transition:all 400ms ease-in-out}
@media screen and (max-width:768px){#show-cat{width:35%}#show-post{width:59%}}
@media screen and (max-width:480px){#show-cat{width:100%;margin:20px 0}#show-post{width:100%}}
</style>

Ganti http://nubieseo.blogspot.com dengan URL blog Anda.

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://cdn.rawgit.com/Arlina-Design/FlamingTree/master/recentpostarlina.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>

Link di Footer

Cari dan ganti semua tanda # dengan link pilihan Anda.

<div id='footme'>
<div class='footmekanan'>
<a href='#' title='Contact us'>Contact</a> 
<a href='#' title='Disclaimer'>Disclaimer</a> 
<a href='#' title='Privacy Policy'>Privacy Policy</a> 
<a href='#' title='Daftar Isi Blog'>Sitemap</a>
<a href='#' title='Terms Of Service'>TOS</a>
<div class='clear'/>
Copyright &#169; <span id='current-year'/> <a expr:href='data:blog.homepageUrl' itemprop='creator' itemscope='itemscope' itemtype='http://schema.org/Person'><span itemprop='name'><data:blog.title/></span></a> <span id='lightcredit'><a href='http://www.arlinadzgn.com/' target='_blank' title='Designed by Arlina Design'>Arlina Design</a></span> <a href='https://www.blogger.com/' rel='nofollow' target='_blank' title='Powered by Blogger'>Blogger</a>
</div>
<div class='footmekiri'>
<div class='simplifymedsos'>
<a class='facebook' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a class='twitter' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>
<a class='googleplus' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<a class='rssfeed' href='#' rel='nofollow' target='_blank'><i class='fa fa-rss'/></a>
</div>
</div>
</div>

Page Navigation

Cari dan ganti angka 7 pada kode postperpage=6 dengan jumlah post yang ingin ditampilkan di tiap halaman.

var postperpage=7;var numshowpage=3;var upPageWord ='Prev';var downPageWord ='Next';var urlactivepage=location.href;var home_page="/";

Author Box di bawah postingan

<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img class='author_avatar' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' expr:title='data:post.author' height='90' width='90'/>
</a>
</div>
<div class='author_description_container'>
<h4><a href='#' rel='author'><data:post.author/></a> <i class='fa fa-check-circle' style='color:rgb(17,143,249);font-size:14px;' title='Verified Author'/></h4>
<p>
<data:post.authorAboutMe/>       
</p>
<div class='social-links'>
<li><a class='external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a></li>
<li><a class='external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a></li>
<li><a class='external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a></li>
<div class='clear'/>
</div>
</div>
</div>
</div>

Shortcodes


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/CCNDZ1VHmlg">
</div>
</div>
</div>

Ganti kode yang ditandai dengan link video youtube.

Simak contoh youtube video responsive di bawah ini


Drop Caps

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

Your First Letter here Ea eam labores imperdiet, apeirian democritum ei nam, doming neglegentur ad vis. Ne malorum ceteros feugait quo, ius ea liber offendit placerat, est habemus aliquyam legendos id. Eam no corpora maluisset definitiones, eam mucius malorum id. Quo ea idque commodo utroque, per ex eros etiam accumsan.

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>


Membagi konten post menjadi dua kolom

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

Ea eam labores imperdiet, apeirian democritum ei nam, doming neglegentur ad vis. Ne malorum ceteros feugait quo, ius ea liber offendit placerat, est habemus aliquyam legendos id. Eam no corpora maluisset definitiones, eam mucius malorum id. Quo ea idque commodo utroque, per ex eros etiam accumsan.

Membagi konten post menjadi tiga kolom

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

Ea eam labores imperdiet, apeirian democritum ei nam, doming neglegentur ad vis. Ne malorum ceteros feugait quo, ius ea liber offendit placerat, est habemus aliquyam legendos id. Eam no corpora maluisset definitiones, eam mucius malorum id. Quo ea idque commodo utroque, per ex eros etiam accumsan.

Membagi konten post menjadi empat kolom

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

Ea eam labores imperdiet, apeirian democritum ei nam, doming neglegentur ad vis. Ne malorum ceteros feugait quo, ius ea liber offendit placerat, est habemus aliquyam legendos id. Eam no corpora maluisset definitiones, eam mucius malorum id. Quo ea idque commodo utroque, per ex eros etiam accumsan.

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

Table Header 1 Table Header 2 Table Header 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3

Setelan Lain


jQuery Onhaschange

Hapus kode di bawah ini untuk menghilangkan fungsi onhashchange

$(window).on("hashchange",function(n){history.replaceState("",document.title,n.originalEvent.oldURL)});

jQuery Library

Bagi yang ada masalah dengan menu yang kadang tidak bisa di klik, ganti kode di bawah ini

<script type='text/javascript'>
(function() { var ad = document.createElement(&#39;script&#39;); ad.type = &#39;text/javascript&#39;; ad.async = true; ad.src = &#39;//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js&#39;; var sc = document.getElementsByTagName(&#39;script&#39;)[0]; sc.parentNode.insertBefore(ad, sc); })();
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css");
//]]>
</script>

Dengan kode ini

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'/>
<script type='text/javascript'>
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css");
//]]>
</script>

Nonaktifkan tampilan khusus mobile


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

Oke cukup sekian untuk dokumentasi template Simplify, jika ada kesulitan lain jangan segan untuk bertanya lewat formulir kontak blog Arlina Design. Terima kasih.

Blog ini dibuat atas ketertarikan dan minat kami dengan website dan juga sebagai media sosial berbagi Info Menarik serta Hiburan lainnya.

This Is The Newest Post

121 comments

Komentar ini telah dihapus oleh pengarang.

kok mirip template dari kompi ajaib ya mbak :D.. hehe

Makasih, belum fix hehe...

simpel dan keren....(y). Sudah gak sabar ingin nyoba(kalau gratis) hihi

Mantap ijin simpan buat blog baru saya nantinya... :)

keren templatenya mbak super duper :D

Keren, Sangat Membantu. Jadi, nggak perlu ribet-ribet utak-atik. Terimakasih.

Minta script banner yang kayak di blog ini dong :)

sama script artikel terbarunya juga ya :D

Mantap, keren juga nih Simplify.

Hanya html dan css aja, bisa cek inspect. Kode artikel terbaru sudah ada di atas

Buk.. kenapa menu navigasinya ga aktif? bagai mana cara mengatasinya buk arlina?

cara biar widget artikel terbaru hanya muncul di postingan aja gimana mba ?
jadi di home ngga keliatan widget artikel terbarunya x-)

Bisa cek http://www.arlinadzgn.com/2014/09/beberapa-fungsi-tag-kondisional-pada-widget.html

menu drpodown versi mobil terkadang tidak bisa dklik, ada solusi

mbak kalo di kompi simpel kan ndak bisa diganti gambar tu headernya, bgaimana dengan punya mbak arlina ini?

menu navigasinya gak bisa di klik mba. tolong infonya
ini blog ane smartygemz.xyz

Oke, silakan baca kembali dokumentasi

masih gak work mba navigasinya, cek www.carangeblog[.]club

cara ngisi widget artikel terbaru gmana mba?

dropdown versi mobile masih blm work sis

Kak kenapa search box nya ada dua yah?:(

Menu Navigasinya masih ga bisa di Klik, cuma bagian Blog aja yang bisa, yang lainnya ga

Cakep designnya, belajar dimana mbak? (y)

Mbak kalo cara nambahin kayak page selanjutnya gimana ya? saya pake template yang vienna tapi gak ada page selanjutnya. mohon tanggapannya mbak. nuhun

Mbak kalo cara nambahin kayak page selanjutnya gimana ya? saya pake template yang vienna tapi gak ada page selanjutnya. mohon tanggapannya mbak. nuhun

widget labelnya gmna mba hehe makasi hihi

Maap mbak. kalo ane buka di mozila semua menunya jalan dengan baik. tapi kalo di chrome jalan kecuali halamanya lagi loading. kalo udah 100% loading udah gak bisa di klik lagi menu nya. versi mobile nya juga gitu mba

mbak, saya klik menu (bukan dropdown) yang sudah diisi link href, malah tidak bisa dibuka, harus klik kanan open link new tab, cara mengatasinya gmna ? thx

masih belum bisa di klik mba, udah saya ganti jQuery Library seperti diatas. solusi lain mba?
Blog saya : luffy-albahri(dot)blogspot(dot)com

FIX Menu Navigasi Sementara by carangeblog[.]club
http://www.carangeblog.club/2016/06/cara-mengatasi-error-menu-navigasi-simplify-blogger-template.html

Bisa, ganti dengan gambar dengan ukuran menyesuaikan tinggi menu

Error di bagian mana, bisa lebih detail?

Menunya ada yang tidak aktif, pada hal sudah saya kasih link aktif. Menu "HOME" tidak aktif, INFO MENARIK, KOMPUTER, TIPS, itu tidak aktif buk, yang aktif hanya, link pada menu BLOG dan MENU 1, 2, 3, 4, 5.

Lainnya tidak bisa klik, walaupun sudah kasih link. Sementara pada menu 1, 2, 3 itu aktif dan bisa kita klik, begitu juga dengan BLOG. lain tidak bisa.

mohon penjelasannya.. terima kasih

Sudah saya ganti nama menu navigasi sesuai tag yang ada di blog saya, pada saat taruh link pada menu seperti saya jelasin di atas, tapi tidak bisa di klik aja buk, beartikan tidak aktif. Tu lah yang aneh.

saya bantu jawab aja ya mba, ga benyak sih yg eror tpi d bagian navigasi memang sepertinya blm fix mba, meski sudah ada update, terlebih d menu dropdown, menu yang sudah diisi data href ga berfungdi ktika di klik, saya lihat di bagian code pentup input,div,div,nav itu berwarna merah, apa mungkin ini berpengaruh,saya blm paham banyak tenang kode yg sperti ini, trimkasih

Perfect mbak, simple and Clean :D

http://www.sosialmedia.site/ ::: Terima kasih templatenya mbak. sudah saya terapkan di web saya.. keren... hehehe saya ubah-ubah sedikit.

kak kenapa blog saya jadi ndak keluar komentarnya?

Itu membuat konten pos dibagi 2 naruh scriptnya dmana mba? Mau bikin artikel terkait kayak blog ini jadi 2 kolom..mohon pencerahan mbak.mksh

iya teh lina, navigation gabisa diklik

kalau ganti heder teks dengan gambar, ukurannya lebar x tinggi berapa px?

terimakasih

teh gimana ini teh menu nya masih belom bisa diklik, pdahal code nya udh di ganti ama code yg teteh suruh ganti, tp kok ttep gabisa di klik ya? kenpa itu teh?

cara download nya gimana mbak ?

bener bagus templatenya mbak, tapi navigasi atasnya masih belum berfungsi. cuman navigasi sosmednya aja yg berfungsi

Permisi mbak mau tanya. Cara mengganti content dari "" yang ada di bawah posting (author box) itu dimana ya?

Gimana kalau widget 'Recent Posts' ngak working ya? Cuma ada titlenya..:(

Cara menampilkan kolom komentar gimana

templatenya keren,,,mantaappppp

mbak,,bisa ksh tau ukurannya tinggi dan learnya agar bisa menyesuaikan..Thanks seelumnya

Tq for the template.
imej avatar tak muncul?

iya, punya saya juga sama, menu Menu "HOME" tidak aktif, INFO MENARIK, KOMPUTER, TIPS ga aktif

Bagaimana mahu meletakkan driskripsi penulis di dalam author box?

keren mba templatenya. :)

Kak mau tanya, ini widgetnya kok pindah ke bwah ya klo pas buka halaman artikel http://prntscr.com/cfanxv

Mbak, gimana caranya buat sidebar Artikel Terbaru tetep sticky sampai kolom komentar, kan cuman bisa sticky sampai di author box doang.

Hola. Alguen habla español?

nice template
http://www.kangalip.com/

Penasaran kenapa menunya ga bisa di klik ya yang ini, padahal yang simplify 2 di akalalin bisa ko yang ini ga bisa ya.. solusi dong kaka hihi

Wah jadi ketagihan pakai Template Mba Arlina, soalnya blog ku yg pertama memakai template nubie banget,Alhamdulillah earningku jadi berlipat, untuk blog yang kedua aku ingin memakai template yg ini, jadi mohon ijin Mba Arlina. Semoga Sukses selalu dan templatenya semakin banyak peminatnya

mau nanya kok menu navigasinya gabisa di klik biasa ya? harus di klik kanan > open new tab

Terima kasih templatenya mbak. sudah saya terapkan di web saya.. keren... hehehe saya ubah-ubah sedikit.
http://www.poenyasahid(dot)com/

Bagus mbak templatenya. Sudah saya gunakan untuk blog saya. Oh iya, jika boleh bertanya. Di author box kan ada deskripsi authornya. Cara menampilkannya bagaimana ya? Thx.

mbak, kalau gabar di beri caption keterangan, ditampilan hp tampilan gambar tinggal separuh. kalau tidak diberi caption gmbar mucncul seperti biasa. saya cari cara mengatasinya di google tdk ketemu. bagaimana cara mengatasinya

TQ mbak templatenya, SEO di chkme 100%
mantap deh sekali lagi thank's
aku pake disini www.majalah.web[dot]id

posperpage nya gak fungsi di blog saya mbak, mohon solusinya

(y) Mantab, saya izin pake templatenya ya Mb...

Cara bikin menu dropdownnya otomatis kebuka gimana ya mbak? kan tmeplate ini ga otomatis, di klik dulu baru muncul, dan di klik lagi buat nutup

maaf mba mau tanya, menunya gk bisa diklik, maksudnya ketika diklik gk ada reaksi apapun dan juga ketika tampilan mobile, judulnya melebar, terimakasih

masalah nav gak bisa di klik ? ga digubris ? #ngakak . makanya ane rada ragu pake template arlina #piss.

thank you so much, you made my day!

Komentar ini telah dihapus oleh pengarang.

Izin ya, Mbak Arlina saya pake templetnya

menu HOME kok gak bisa di klik mbak?

gk bisa di klik gan menunya...

Template nya keren, Contact Form nya mesti di perbaiki.
karena belum bisa dipakai.

Kerren mbak templatenya..
Ijin pakai template mbak..

Minta link downloadnya dink mbak??

Selamat Malam Mbak Lina,
Saya pake simplify bonus waktu saya beli N-light kemarin. Tapi menu 'Home' yang di main menu tidak berfungsi
.

Bisa dibantu?

Di template ini menu - menu yang deket header itu ga aktif ya?
saya coba disini juga sama, ketika sudah masuk posting klik tombol home, eh ga ada efek apa

ijin make mba, templatenya keren

Tambahkan komentar Anda
EmoticonEmoticon