Sabtu, 04 Juni 2016

Simplify Template Documentation

Simplify 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='https://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='https://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

<form name="contact-form">
<div class='formcolumn1'>
<input id="ContactForm1_contact-form-name" name="name" placeholder='Name' size="30" type="text" value="" />
</div>
<div class='formcolumn2'>
<input id="ContactForm1_contact-form-email" name="email" placeholder='Email' size="30" type="text" value="" />
</div>
<div class='formcolumn3'>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder='Message' rows="7"></textarea>
</div>
<div class='formcolumn4'>
<input class="ripplelink" id="ContactForm1_contact-form-submit" type="button" value="Send Now" />
</div>
<div style="max-width: 100%; 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">
#ContactForm1,#comments{display:none}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{display:inline-block;width:100%;height:auto;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-email-message{font-family:'Poppins';width:100%;height:250px;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;border-color:rgba(0,0,0,0.18)}
#ContactForm1_contact-form-submit{background:#fff;color:#5f6368;font-size:16px;width:161px;height:45px;float:left;padding:0 0 0 20px;margin:10px 0 3px 5px;cursor:pointer;border:none;border-radius:24px;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);transition:box-shadow .08s linear,min-width .15s cubic-bezier(0.4,0.0,0.2,1)}
.formcolumn4{position:relative}
.formcolumn4:before{background-image:url(https://2.bp.blogspot.com/-nkmaptT0VoA/WumFePAy9DI/AAAAAAAAGlM/8lA5aRi2E-okumpdikjQancIKDjYaGNqwCLcBGAs/s1600/mailme.png);background-position:center;background-repeat:no-repeat;background-size:20px;content:'';display:block;height:63px;width:32px;position:absolute;z-index:1;left:15px;top:0}
#ContactForm1_contact-form-submit:hover{background:#fafafb;box-shadow:0 1px 3px 0 rgba(60,64,67,0.302),0 4px 8px 3px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{margin-top:35px}
form{color:#888}
.formcolumn1,.formcolumn2{float:left;width:50%}
.formcolumn1,.formcolumn2{margin:0 0 10px 0;padding:0 10px 0 0}
.formcolumn2{padding:0 0 0 10px}
@media only screen and (max-width:768px){.formcolumn1,.formcolumn2{width:100%;padding:0}}
</style>
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '937167908293360410';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d937167908293360410','//nubieseo.blogspot.com/','937167908293360410');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '937167908293360410', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>

Baca selengkapnya tentang cara menambahkan Formulir kontak di blog di Cara Terbaru Memasang Formulir Kontak di Blog

<div id='show-cat'>
</div>
<div id='show-post'>
<script type='text/javaScript'>
var cat_home='https://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 https://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:#bbb}
.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=!1,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='https://schema.org/Person'><span itemprop='name'><data:blog.title/></span></a> <span id='lightcredit'><a href='https://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/ssSbv6LkXCI">
</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/1.7.1/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("https://fonts.googleapis.com/css?family=Poppins:400,700");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.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.

Lorem ipsum is simply dummy text of the printing and typesetting industry.

This Is The Newest Post

139 komentar:

  1. Mantap!!! Keren banget :o

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

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

    BalasHapus
  4. keren templatenya mbak super duper :D

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

    BalasHapus
  6. Minta script banner yang kayak di blog ini dong :)

    BalasHapus
    Balasan
    1. sama script artikel terbarunya juga ya :D

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

      Hapus
  7. Mantap, keren juga nih Simplify.

    BalasHapus
  8. bagus banget template nya :D

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

    BalasHapus
    Balasan
    1. 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

      Hapus
    2. 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.

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

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

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

      Hapus
  11. menu drpodown versi mobil terkadang tidak bisa dklik, ada solusi

    BalasHapus
  12. cara ngisi widget artikel terbaru gmana mba?

    BalasHapus
  13. dropdown versi mobile masih blm work sis

    BalasHapus
  14. Kak kenapa search box nya ada dua yah?:(

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

    BalasHapus
  16. Cakep designnya, belajar dimana mbak? (y)

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

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

    BalasHapus
  19. widget labelnya gmna mba hehe makasi hihi

    BalasHapus
  20. 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

    BalasHapus
  21. banyak eror nya pdhal bgus

    BalasHapus
    Balasan
    1. Error di bagian mana, bisa lebih detail?

      Hapus
    2. 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

      Hapus
    3. iya teh lina, navigation gabisa diklik

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

      Hapus
  22. Perfect mbak, simple and Clean :D

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

    BalasHapus
  24. kak kenapa blog saya jadi ndak keluar komentarnya?

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

    BalasHapus
  26. 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?

    BalasHapus
  27. cara download nya gimana mbak ?

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

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

    BalasHapus
  30. Cara menampilkan kolom komentar gimana

    BalasHapus
  31. templatenya keren,,,mantaappppp

    BalasHapus
  32. cara download semua gmana ya

    BalasHapus
  33. Tq for the template.
    imej avatar tak muncul?

    BalasHapus
  34. Bagaimana mahu meletakkan driskripsi penulis di dalam author box?

    BalasHapus
  35. keren mba templatenya. :)

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

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

    BalasHapus
  38. Hola. Alguen habla español?

    BalasHapus
  39. 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

    BalasHapus
  40. 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

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

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

    BalasHapus
  43. 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.

    BalasHapus
    Balasan
    1. Harus ditambahkan secara manual gan.
      < p > disini deskripsi profil authorbox < / p >

      pemisah < dan p serta / dan > dihapus, dirapatkan

      Hapus
  44. 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

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

    BalasHapus
  46. posperpage nya gak fungsi di blog saya mbak, mohon solusinya

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

    BalasHapus
  48. 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

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

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

    BalasHapus
  51. thank you so much, you made my day!

    BalasHapus
  52. Izin ya, Mbak Arlina saya pake templetnya

    BalasHapus
  53. menu HOME kok gak bisa di klik mbak?

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

    BalasHapus
  55. Kerren mbak templatenya..
    Ijin pakai template mbak..

    BalasHapus
  56. Minta link downloadnya dink mbak??

    BalasHapus
  57. 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?

    BalasHapus
  58. 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

    BalasHapus
  59. ijin make mba, templatenya keren

    BalasHapus
  60. Izin Download Mbak, KEREN PISAN

    BalasHapus
  61. Teh ajarkeun abdi atuh lah,,,

    BalasHapus
  62. Teh ajarkeun abdi atuh lah,,,

    BalasHapus
  63. bagus templatnya, ijin ya teh

    BalasHapus
  64. template yang sangat bagus, izin memakainya ya mbak. Saya sangat berterimakasih sekali, seandainya kita bisa bertemu, ingin saya mempelajari tentang blogger template dsb. sekali lagi terimakasih

    BalasHapus
  65. thanks for sharing this best and helpful post for me and all people. this is a right and best platform for all windows user's.
    Gadget Spirit
    nomao camera
    netflix mod
    snapchat wont open
    mspy apk
    Geometry Dash 2.1 Apk

    BalasHapus
  66. menu navigasi gak bisa di klik mbak mohon update nya

    BalasHapus
  67. Templatenya oke banget Mba....
    Makasih yah..............

    BalasHapus
  68. mbk kontak form nya udah gak bisa tuh mbk..

    BalasHapus
  69. Ka ko saya pasang sitemap tapi sitemapnya nggk muncul ya?

    BalasHapus
  70. Kak Arlina, cara ganti model komentarnya gimana ya .. ?

    BalasHapus
  71. Template nya keren ya mbak..ingin coba upgread..nmun thn dpn lah..

    BalasHapus
  72. kontact formnya biar bisa masuk ke email kota gimana ua

    BalasHapus
  73. saya dah install template ini . terima kasih http://basyir769.blogspot.my/2018/03/saya-guna-template-responsive-di-blog.html
    .

    BalasHapus
  74. trimakasih smoga berkah san sukses selalu, mau tanya mba kalau mau tampilkan list widget artikel terknini gimana ya?

    BalasHapus
  75. terimasih,info nya bro.salam kenal

    BalasHapus
  76. Template ini saya dapatkan dari bonus waktu membeli template New Minima Colored Desember 2017 lalu... Saya sangat menyukai template ini dan sampai sekarang saya gunakan di blog saya Gatra Guru... Ringan dan past loading (Template Arlina memang luar biasa...)

    BalasHapus
  77. kak, gimana menambahkan tombol share whatsapp nya??

    BalasHapus
  78. waduh keren juga nih templlatenya gan..

    BalasHapus
  79. Maaf saya butuh informasinya di blog saya kok gak muncul ya artikel terbarunya

    BalasHapus
  80. mba Arlina kalau mau munculin Recent Posts gimana ya kok enggak bisa-bisa, terima kasih. Template bikinannya bagus-bagus.

    BalasHapus
  81. Ini ada versi berbayarnya gk ?

    BalasHapus
  82. Saya kok gak sticky ya sidebar nya?

    BalasHapus
    Balasan
    1. oooe... pantesan saya ngak bisa sticky..
      nti lah klo udah ada duit beli mbak.. mantap templatenya mbak.. fast banget... keren pokoknya

      Hapus
  83. untuk documentasi kak, mohon pencerahanya cara membuat sticky khusus di template ini.
    ditunggu pencerahanya

    BalasHapus


EmoticonEmoticon