Terimakasih anda telah menggunakan Template Mas Sugeng Template ini, sebenarnya template ini based dari Template N Light Blogger Template Buatan Arlina Design tetapi sudah saya Redesign sedemikian rupa sehinggan mirip seperti Template Blog Mas Sugeng tanpa menghilangkan credit. Saya mohon maaf apabila saya meredesign tanpa ijin dan meniru template blog Mas Sugeng.
Pemasangan
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.
<input type='checkbox'/>
<label/>
<ul>
<li><a href='/' title='Ini Menu 1'> Menu 1</a>
<li><a href='/' title='Menu 2'> Menu 2</a></li>
<li><a href='/' title='Menu 3'> Menu 3</a></li>
<li><a href='/' title='Menu 3'> Menu 4</a></li>
<li><a href='/' title='Menu 4'> Menu 4</a></li>
<li><a href='/' title='Menu 5'> Menu 5</a></li>
</li>Kotak Subscribe
Cari Dan Kode Seperti Dibawah, Ganti kode BlogDiversan dengan url feedburner anda
<div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
<div class='subscribe-wrapper'>
<p>Nggak perlu bolak-balik ke blog ini untuk ngecek postingan terbaru, berlangganan aja via email.</p>
<div class='subscribe-form'>
<form action='http://feedburner.google.com/fb/a/mailverify' class='subscribe-form' id='1359348936' method='post' onsubmit='window.open ('http://feedburner.google.com/fb/a/mailverify?uri= BlogDiversan', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='BlogDiversan'/>
<input name='loc' type='hidden' value='en_US'/>
<input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='Alamat Email '/>
<input class='subscribe-css-button' title='' type='submit' value='Lanjutkan'/>
</form>
</li>
SEO Meta Tag
Buka Blogger, Template, "Edit HTML"
Cari dan ganti semua tulisan "GANTI" dengan keterangan blog Anda (Jika tidak diperlukan, hapus atau dibiarkan juga tidak apa-apa).
Buka Blogger, Template, "Edit HTML"
Cari dan ganti semua tulisan "GANTI" dengan keterangan blog Anda (Jika tidak diperlukan, hapus atau dibiarkan juga tidak apa-apa).
<!-- Meta Tag Start -->
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script><![endif]-->
<b:include data='blog' name='all-head-content'/>
<meta charset='utf-8'/>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>
<meta content='never' name='Expires'/>
<meta content='index, follow' name='robots'/>
<meta content='2 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='https://plus.google.com/GANTI/post' property='article:publisher'/>
<meta content='https://plus.google.com/GANTI/about' property='article:author'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='GANTI' property='fb:app_id'/>
<meta content='GANTI' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='GANTI' name='google-site-verification'/>
<meta content='GANTI' name='Author'/>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='summary' name='twitter:card'/>
<meta content='@GANTI' name='twitter:creator'/>
<meta content='all' name='spiders'/>
<meta content='index, follow, noodp, noydir' name='robots'/>
<meta content='follow, all' name='Googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='msnbot'/>
<meta content='all, follow' name='Yahoobot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='all, follow' name='Bingbot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='BecomeBot'/>
<meta content='follow, all' name='CatchBot'/>
<meta content='follow, all' name='dotbot'/>
<meta content='follow, all' name='Teoma'/>
<meta content='follow, all' name='YahooSeeker'/>
<meta content='follow, all' name='YandexImages'/>
<meta content='follow, all' name='msnbot-media'/>
<meta content='follow, all' name='Gigabot'/>
<meta content='follow, all' name='ia_archiver'/>
<meta content='follow, all' name='Baiduspider'/>
<meta content='follow, all' name='Mediapartners-Google'/>
<meta content='follow, all' name='NewsGator'/>
<meta content='follow, all' name='Yahoo! Slurp'/>
<meta content='follow, all' name='YandexBot'/>
<meta content='follow, all' name='Speedy Spider'/>
<meta content='follow, all' name='Seekbot'/>
<meta content='follow, all' name='Twitterbot'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta expr:href='data:blog.homepageUrl' name='copyright'/>
<meta content='public' http-equiv='Cache-control'/>
<meta expr:content='data:blog.title' name='twitter:title'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<meta expr:href='data:blog.homepageUrl' name='twitter:domain'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGfS9EkyxUxn9l-h8Lg5bFzmI4brwKccpFN_1XLI4CkmbIMXc5-P5BbEAyQjI8QtnG6cTH2kCbgype8rAUgp0H0ky0pBigQj2QmIdkbdwN1NBEwMXTZKHkRaZDRYdh3R3u3yADjRqO6ic/s320/Blog+Diversan+New.png' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/GANTI/posts' rel='publisher'/>
<link href='https://plus.google.com/GANTI/about' rel='author'/>
<link href='https://plus.google.com/GANTI/' rel='me'/>
Cari dan ganti tulisan ini
<!-- Kode Banner/Iklan Anda Di sini -->
dengan skrip kode iklan Anda :
<div style="display:block;text-align:center;margin:20px auto;">
<!-- Kode Banner/Iklan Anda Di sini -->
</div>
Link di Footer
Jika perlu, anda dapat menambahkan menu pada footer (bagian bawah blog), caranya cari kode <div class='footmekanan'> , lalu tambahkan kode dibawah ini, dan jangan lupa mengubah kode "#" dengan link anda
<a href='#' title='About'>About</a> |
<a href='#' title='Contact'>Contact</a> |
<a href='#' title='Disclaimer'>Disclaimer</a> |
<a href='#' title='Privacy Policy'>Privacy Policy</a> |
<a href='#' title='Sitemap'>Sitemap</a>
Sehingga akan terlihat seperti dibawah
<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter' role='contentinfo'>
<div id='footme'>
<div class='footmekanan'>
<a href='#' title='About'>About</a> |
<a href='#' title='Contact'>Contact</a> |
<a href='#' title='Disclaimer'>Disclaimer</a> |
<a href='#' title='Privacy Policy'>Privacy Policy</a> |
<a href='#' title='Sitemap'>Sitemap</a>
<div class='clear'/>
Hak Cipta © <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://sugeng.id' rel='dofollow' target='_blank' title='Copyright Mas Sugeng Blog'>Sugeng.id</a>
| <a href='http://www.blog.diversan.xyz' rel='dofollow' target='_blank' title='Redesign By Purnomo Rudi'>Diversan Blog</a>
</div>
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/L3T9tupOab8">
</div>
</div>
</div>
Ganti kode yang ditandai dengan link video youtube.
Button
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li>
<li><a class="download" href=" YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>
</ul>
</div>
<div class="clear"></div>
Spoiler
<div id="flippy"><button>Spoiler</button></div>
<div id="flippanel">
--- TAMBAHKAN KONTEN DISINI ---
</div>
<div class="bagitiga">
--- TAMBAHKAN KONTEN DISINI ---
</div>
<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>
Nonaktifkan tampilan khusus mobile
Nonaktifkan versi mobile pada template ini, silakan klik Template > Tombol Gear > Pilih Tidak.
Nonaktifkan versi mobile pada template ini, silakan klik Template > Tombol Gear > Pilih Tidak.
Penutup
Oke cukup sekian untuk dokumentasi template Mas Sugeng, jika ada kesulitan lain jangan segan untuk bertanya lewat formulir kontak blog Diversan Blog. Terima kasih.
EmoticonEmoticon