May 1, 2016

Smooth Sweet Tea with Cookies

Smooth Sweet Tea with Cookies

Crudely zealously mallard then smiled while in hence and some until iguana yikes crud less when jeepers sneered crud overdid pulled reindeer hyena that anticipative one soothing less ouch bee cockatoo compulsively hesitantly outran grimy cold the that basic according rewound showily gosh python.

Scant one conclusive up far cut this forsook and wow and towards diversely much more emoted rose manta cardinally near from much therefore this danced stiff casual by in aboard gosh drank as oversaw hit the irrational sadistically oyster a wittily.

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-duo' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<input type='checkbox'><i aria-hidden='true' class='fa fa-th-list'/> Menu</input>
<ul id='simplify-click'>
<li><a class='ripplelink' href='#' itemprop='url'><span itemprop='name'>Blog <i class='fa fa-caret-down fa-fw'/></span></a>
<ul>
<li><a class='ripplelink' href='#' itemprop='url'><span itemprop='name'>About</span></a></li>
<li><a class='ripplelink' href='#' itemprop='url'><span itemprop='name'>Contact</span></a></li>
<li><a class='ripplelink' href='#' itemprop='url'><span itemprop='name'>Disclaimer</span></a></li>
<li><a class='ripplelink' href='#' itemprop='url'><span itemprop='name'>Privacy Policy</span></a></li>
<li><a class='ripplelink' href='#' itemprop='url'><span itemprop='name'>Sitemap</span></a></li>
<li><a class='ripplelink' href='#' itemprop='url'><span itemprop='name'>Terms of Service</span></a></li>
</ul>
</li>
<li><a class='ripplelink' href='#' itemprop='url'><span itemprop='name'>Lainnya <i class='fa fa-caret-down fa-fw'/></span></a>
<ul>
<li><a class='ripplelink' href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a></li>
<li><a class='ripplelink' href='#' itemprop='url'><span itemprop='name'>Menu 2</span></a></li>
<li><a class='ripplelink' href='#' itemprop='url'><span itemprop='name'>Menu 3</span></a></li>
<li><a class='ripplelink' href='#' itemprop='url'><span itemprop='name'>Menu 4</span></a></li>
<li><a class='ripplelink' href='#' itemprop='url'><span itemprop='name'>Menu 5</span></a></li>
<li><a class='ripplelink' href='#' itemprop='url'><span itemprop='name'>Menu 6</span></a></li>
<li><a class='ripplelink' href='#' itemprop='url'><span itemprop='name'>Menu 7</span></a></li>
</ul>
</li>
<li><a class='ripplelink' href='#' itemprop='url'><span itemprop='name'>Hiburan</span></a></li>
<li><a class='ripplelink' href='#' itemprop='url'><span itemprop='name'>Internet</span></a></li>
<li><a class='ripplelink' href='#' itemprop='url'><span itemprop='name'>Template</span></a></li>
<li><a class='ripplelink' href='#' itemprop='url'><span itemprop='name'>Tips Blogger</span></a></li>
</ul>
</nav>

Footer Menu

<div class='footer-menu'>
<div class='maxwrap bawahcr'>
<ul class='menufoot mobile-hide' itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<li><a href='#' itemprop='url' title='Menu'><span itemprop='name'><i aria-hidden='true' class='fa fa-paint-brush'/> Menu 1</span></a></li>
<li><a href='#' itemprop='url' title='Menu'><span itemprop='name'><i aria-hidden='true' class='fa fa-envelope'/> Menu 2</span></a></li>
<li><a href='#' itemprop='url' title='Menu'><span itemprop='name'><i aria-hidden='true' class='fa fa-css3'/> Menu 3</span></a></li>
<li><a href='#' itemprop='url' title='Menu'><span itemprop='name'><i aria-hidden='true' class='fa fa-html5'/> Menu 4</span></a></li>
<li><a href='#' itemprop='url' title='Menu'><span itemprop='name'><i aria-hidden='true' class='fa fa-user-circle-o'/> Menu 5</span></a></li>
<li><a href='#' itemprop='url' title='Menu'><span itemprop='name'><i aria-hidden='true' class='fa fa-coffee'/> Menu 6</span></a></li>
</ul>
<ul class='nomedic'>
<span class='social-right'>
<li class='sosialfoot'><a class='ripplelink gpl' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus fa-2x'/></a></li>
<li class='sosialfoot'><a class='ripplelink fcb' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook fa-2x'/></a></li>
<li class='sosialfoot'><a class='ripplelink twt' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter fa-2x'/></a></li>
<li class='sosialfoot'><a class='ripplelink rss' href='http://feeds.feedburner.com/SimplifyNew' rel='nofollow' target='_blank'><i class='fa fa-rss fa-2x'/></a></li>
</span>
</ul>
<div class='clear'/>
</div>
</div>

Mobile Menu (Menu yang hanya tampil di perangkat mobile / handphone)

Mobile Menu (Menu yang hanya tampil di perangkat mobile / handphone)

<div class='navbaru'>
<div class='mobme'>
<span class='line-1'/>
<span class='line-2'/>
<span class='line-3'/>
</div>
</div>
<nav class='mobileNav'>
<ul class='mobileNavlist1'>
<li class='active'>
<a class='ripplelink mobileNavtem' href='#'>
<span class='icon-text'>Sections</span>
</a>
<ul class='mobileNavsublist'>
<li><a class='ripplelink' href='#'>News</a></li>
<li><a class='ripplelink' href='#'>Reviews</a></li>
<li><a class='ripplelink' href='#'>Streaming</a></li>
<li><a class='ripplelink' href='#'>Deep Dive</a></li>
</ul>
</li>
<li>
<a class='ripplelink mobileNavtem' href='#'>
<span class='icon-text'>Locations</span>
</a>
<ul class='mobileNavsublist'>
<li><a class='ripplelink' href='#'>Sukabumi, Jawa Barat</a></li>
<li><a class='ripplelink' href='#'>Cianjur, Jawa Barat</a></li>
<li><a class='ripplelink' href='#'>Bandung, Jawa Barat</a></li>
<li><a class='ripplelink' href='#'>DKI Jakarta</a></li>
</ul>
</li>
<li>
<a class='ripplelink mobileNavtem' href='#'>
<span class='icon-text'>Contact</span>
</a>
<ul class='mobileNavsublist'>
<li><a class='ripplelink' href='#'>Call</a></li>
<li><a class='ripplelink' href='#'>Email</a></li>
<li><a class='ripplelink' href='#'>Chat</a></li>
<li><a class='ripplelink' href='#'>FAQ</a></li>
</ul>
</li>
</ul>
</nav>

Sidebar Sosial Link

Cari dan ganti semua tanda # dengan link sosial media Anda.

<div id='socialcounter'>
<h2 class='ripplelink'><span>Media Sosial</span></h2>
<div class='arlina_socialize'>
<div class='scl_social facebookx'>
<a href='#' rel='nofollow' target='_blank' title='Like our Facebook'>
<span class='app_icon'><i class='fa fa-facebook'/></span>
<span class='app_type'>Facebook</span> </a>
</div>
<div class='scl_social twitterx'>
<a href='#' rel='nofollow' target='_blank' title='Follow our Twitter'>
<span class='app_icon'><i class='fa fa-twitter'/></span>
<span class='app_type'>Twitter</span>
</a>
</div>
<div class='scl_social bloggerx'>
<a href='https://www.blogger.com/follow-blog.g?blogID=4256438885592408891' rel='nofollow' target='_blank' title='Join our Site'>
<span class='app_icon'><i class='fa fa-user'/></span>
<span class='app_type'>Blogger</span> </a>
</div>
<div class='scl_social googlex'>
<a href='#' rel='nofollow' target='_blank' title='Get in touch'>
<span class='app_icon'><i class='fa fa-google-plus'/></span>
<span class='app_type'>Google+</span> </a>
</div>
<div class='scl_social instagramx'>
<a href='#' rel='nofollow' target='_blank' title='Follow our Instagram'>
<span class='app_icon'><i class='fa fa-instagram'/></span>
<span class='app_type'>Instagram</span> </a>
</div>
<div class='scl_social youtubex'>
<a href='#' rel='nofollow' target='_blank' title='Visit our Channel'>
<span class='app_icon'><i class='fa fa-youtube'/></span>
<span class='app_type'>Youtube</span> </a>
</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='ISI-DENGAN-DESKRIPSI-BLOG' name='keywords'/>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='https://plus.google.com/LINK-PROFIL-GOOGLE-PLUS/posts' rel='publisher'/>
<link href='https://plus.google.com/LINK-PROFIL-GOOGLE-PLUS/about' rel='author'/>
<link href='https://plus.google.com/LINK-PROFIL-GOOGLE-PLUS' rel='me'/>
<meta content='KODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='KODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='NAMA-PENULIS' name='Author'/>
<meta content='https://www.facebook.com/LINK-FAN-PAGE' property='article:author'/>
<meta content='https://www.facebook.com/LINK-PROFIL-FB' property='article:publisher'/>
<meta content='KODE-FB-APP' property='fb:app_id'/>
<meta content='KODE-PROFIL-ADMIN' property='fb:admins'/>
<meta content='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>

Image Caption

New Light Template Documentation
Simplify Template Documentation

Widget Formulir Kontak dan Sitemap


Tambahkan kode di bawah ini di dalam postingan halaman statis

Formulir kontak

Formulir kontak

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" size="30" placeholder="Email *" 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: 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">
#comments,.post_meta,#blog-pager{display:none}
form{color:#666}
form.payforpal{margin:auto;text-align:center}
#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:#1abc9c;margin:auto;vertical-align:middle;cursor:pointer;padding:16px 20px;font-size:14px;text-align:center;letter-spacing:.5px;border:0;width:100%;border-radius:4px;color:#fff;font-weight:500;transition:all .2s ease}
#ContactForm1_contact-form-submit:hover{background:#16a085;color:#fff;}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:100%;margin-top:35px}
.contact-form-error-message-with-border{background:#f47669;border:0;box-shadow:none;color:#fff;padding:5px 0;border-radius:3px}
.contact-form-success-message{background:#4fc3f7;border:0;box-shadow:none;color:#fff;border-radius:3px}
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>
<script type="text/javascript">
//<![CDATA[
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
//]]>
</script>
<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'] = '8418194729603372315';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8418194729603372315','//simplifybaru.blogspot.com/','8418194729603372315');
_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': '8418194729603372315', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>

Ganti semua kode 3499301223091555577 di atas dengan kode ID blog Anda.
Ganti kode //simplifybaru.blogspot.com/ di atas dengan url blog Anda.

Widget Sitemap

Widget Sitemap

<div id='show-cat'>
</div>
<div id='show-post'>
<script type='text/javaScript'>
var cat_home='http://simplifybaru.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://simplifybaru.blogspot.com dengan URL blog Anda.

Widget Featured Post with Thumbnail


Widget Featured Post with Thumbnail

Widget ini akan otomatis muncul di halaman utama blog dengan isi dari daftar artikel terbaru di blog.

<script type='text/javaScript'>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/?max-results=&quot;+featured_numpost+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=sliderpost\&quot;&gt;&lt;\/script&gt;&quot;);
</script>

Namun jika Anda ingin menggantinya menjadi artikel terbaru berdasarkan label, perhatikan kode (dengan nama label All%20Recipes) yang ditandai dan ganti menjadi seperti ini (Isi dengan nama label)

<script type='text/javaScript'>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/All%20Recipes?max-results=&quot;+featured_numpost+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=sliderpost\&quot;&gt;&lt;\/script&gt;&quot;);
</script>

Widget Recent Post with Thumbnail


Tambahkan kode di bawah ini di dalam sidebar widget

<style scoped='' type='text/css'>
ul.recent_posts_arlina{padding:0;background:#54a5db;counter-reset:popcount}
ul.recent_posts_arlina li{color:#fff;margin:0;padding:15px 10px 15px 45px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.3);transition:all .3s}
ul.recent_posts_arlina li:hover{background:rgba(0,0,0,0.06)}
ul.recent_posts_arlina li i{display:none;font-style:normal}
ul.recent_posts_arlina li:last-child{border-bottom:none}
ul.recent_posts_arlina li .item-titlex{display:inline-block;color:#fff;padding:0 10px 0 0;font-weight:700}
ul.recent_posts_arlina li .item-titlex a{color:#fff;padding:0 10px 0 0;font-size:14px;}
ul.recent_posts_arlina li img{display:none;width:300px;height:auto;}
ul.recent_posts_arlina li:first-child{border-bottom:none;padding:0}
ul.recent_posts_arlina li:first-child img{margin:0;width:100%;height:180px;overflow:hidden;display:block}
ul.recent_posts_arlina li:first-child .wrapinfo{margin:0;width:100%;height:180px;overflow:hidden;display:inline-block}
ul.recent_posts_arlina li:first-child .item-titlex{position:absolute;left:0;right:0;bottom:0;top:0;text-align:left;padding:15px 20px 15px 45px;background:rgba(44,62,80,.6);z-index:1;transform:translate(0,105px);transition:all .3s}
ul.recent_posts_arlina li:hover:first-child .item-titlex{background:rgba(44,62,80,1);transform:translate(0,0)}
ul.recent_posts_arlina li:first-child .item-titlex a{font-size:15px;color:#fff}
ul.recent_posts_arlina li .item-titlex:before{list-style-type:none;padding:0;counter-increment:popcount;content:counter(popcount);position:absolute;left:5%;top:61%;margin-top:-19px;color:rgba(255,255,255,.65);font-size:24px;line-height:1;z-index:2;text-align:center;font-weight:700;transition:all .3s}
ul.recent_posts_arlina li:first-child i{display:block;position:absolute;bottom:0;left:0;right:0;top:0;padding:15px 20px 15px 45px;color:#fff;opacity:0;visibility:hidden;transform:translate(0,180px);font-size:13px;overflow:hidden;text-overflow:ellipsis;height:7.5em;transition:all .3s}
ul.recent_posts_arlina li:first-child i:after{content:'';text-align:right;position:absolute;bottom:0;right:0;width:70%;height:1.2em;background:linear-gradient(to right,rgba(44,62,80,0),rgba(44,62,80,1) 50%)}
ul.recent_posts_arlina li:hover:first-child i{opacity:1;visibility:visible;transform:translate(0,55px);z-index:2;}
ul.recent_posts_arlina li:first-child .item-titlex:before{top:25%}
ul.recent_posts_arlina li:first-child .item-titlex:before{color:#fff}
ul.recent_posts_arlina li:last-child .item-titlex:before{left:3%}
ul.recent_posts_arlina li:hover .item-titlex:before{color:rgba(255,255,255,1)}
</style>
<script style='text/javascript' src='https://cdn.rawgit.com/Arlina-Design/redvision/6b5256a3/terbarulagi.js'></script>
<script style='text/javascript'>
var numposts=10,showpostthumbnails=!0,displaymore=!1,displayseparator=!1,showcommentnum=!1,showpostdate=!1,showpostsummary=!0,numchars=130;
</script>
<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=recentpostinfoarlina'></script>

Page Navigation

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

var postperpage=8;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='ripplelink 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:#e74c3c;font-size:16px;margin:0 0 0 3px' title='Verified Author'/></h4>
<p>
<data:post.authorAboutMe/>       
</p>
<span class='social-links'>
<li><a class='ripplelink external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a></li>
<li><a class='ripplelink external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a></li>
<li><a class='ripplelink external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a></li>
</span>
</div>
</div>
</div>

Subscribe Box di bawah postingan

<div class='footer-menu' id='subscriber-foot'>
<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-SimplifyBaru&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='SimplifyBaru'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='ripplelink submitfooter' type='submit' value='Submit'/>
</form>
</div>
</div>

Ganti SimplifyBaru dengan nama feedburner blog Anda (Jika belum memiliki alamat feedburner blog, silakan daftarkan blog di sini http://feedburner.google.com/fb/a/myfeeds)

Komentar Disqus

<script type='text/javascript'>
var disqus_shortname = "simplifynew";
!function(){var e=document.createElement("script");e.async=!0,e.type="text/javascript",e.src="//"+disqus_shortname+".disqus.com/count.js",(document.getElementsByTagName("HEAD")[0]||document.getElementsByTagName("BODY")[0]).appendChild(e)}();
</script>

Ganti simplifynew dengan nama user Disqus blog Anda

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

Ganti kode yang ditandai dengan link video youtube.

Simak contoh youtube video responsive di bawah ini


Spoiler

<div id="flippy"><button class="ripplelink">Spoiler</button></div>
<div id="flippanel">
--- 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.

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="ripplelink 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


Jika ada yang mengganti judul header dengan gambar, silakan ganti kode CSS berikut di template editor

#headerdua{background:#e74c3c;float:none;max-width:100%;padding:20px 20px 30px 20px;margin:0;}

Ganti dengan kode ini

#headerdua{background:#e74c3c;float:none;max-width:100%;padding:20px 20px 30px 20px;margin:auto;overflow:hidden;text-align:center}
#header img{display:block;height:auto;float:none;margin:auto}

Widget sitemap


Jika ada yang tidak berjalan, Coba ambil lagi kode sitemapnya di blog dokumentasi, kemudian tambahkan di post statis, jangan dulu di save, ganti dulu link blognya di kode tersebut, kemudian save.

Perlu diingat, kode sitemap ini hanya bisa ditambahkan sekali, jadi kl misal post statis sitemap diedit / dibuka lagi kemudian di save, maka kode tidak akan berjalan.

Nonaktifkan tampilan khusus mobile


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

Nonaktifkan tampilan khusus mobile

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

Artikel Terkait

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

This Is The Oldest Page

5 comments

saya bikin widget resent post dengan thumbnail resolusi gambarnya kok jelek yah mba? knapa?

saya pake template ini mohon bantuan sudah saya kirim via email

Nah, kalo Advertisementnya di ganti ke adsense gimana mbak?

Gimana cara pasang Iklan dibawah postingannya mbak

Tambahkan komentar Anda
EmoticonEmoticon