Documentation

Documentation Pemasangan Asal SEO Blogger Template

Asal SEO Blogger Template Documentation

0. Daftar Isi

Info Template beserta Fitur & Kelebihan
Menu Navigasi
SEO Meta Tag
SEO
Widget
Setelan Blog
ShortCodes
Warning

1. Info Template beserta Fitur & Kelebihan

Info Template

Asal SEO adalah template Blogger dengan layout Responsif dan cocok untuk semua blog. Dengan desain yang memiliki kombinasi warna yang sederhana, terlihat bersih dan modern, SEO Optimized, dan telah dibangun dengan menggunakan beberapa trend desain saat ini yang paling populer.

Fitur Template

Responsive
SEO Friendly
Google Testing Tool Validator
2 Column
Resposnsive Navigation
Auto Readmore
Breadcrumbs
Featured Recent Post
Recent Post by Label
Blogger and Disqus Comment System
Newsletter Widget
News Update Widget
Footer Menu
Back to Top Button
ShareThis Share Button
Related Posts
Shortcodes
And More...

2. Top Menu Navigasi

Silahkan buka Blogger > Tema > Klik Edit HTML

Cari kode di bawah ini dan temukan kode # di bawahnya lalu ganti kode # dengan link blog Anda

<ul>
   <li>
      <a href='#' itemprop='url'><span itemprop='name'>About <i aria-hidden='true' class='fa fa-angle-down'/></span></a>
      <ul>
         <li><a href='#' itemprop='url'><span itemprop='name'>About</span></a></li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Contact Form</span></a></li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Disclaimer</span></a></li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Sitemap</span></a></li>
      </ul>
   </li>
   <li>
      <a href='#' itemprop='url'><span itemprop='name'>Filter <i aria-hidden='true' class='fa fa-angle-down'/></span></a>
      <ul>
         <li>
            <a href='#' itemprop='url'><span itemprop='name'>Product 1 <i aria-hidden='true' class='fa fa-angle-down'/></span></a>
            <ul>
               <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
               <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
               <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
               <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
            </ul>
         </li>
         <li>
            <a href='#' itemprop='url'><span itemprop='name'>Product 2 <i aria-hidden='true' class='fa fa-angle-down'/></span></a>
            <ul>
               <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
               <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
               <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
               <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
            </ul>
         </li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Product 3</span></a></li>
      </ul>
   </li>
   <li>
      <a href='#' itemprop='url'><span itemprop='name'>Filter <i aria-hidden='true' class='fa fa-angle-down'/></span></a>
      <ul>
         <li><a href='#' itemprop='url'><span itemprop='name'>Product 1</span></a></li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Product 2</span></a></li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Product 3</span></a></li>
      </ul>
   </li>
   <li><a href='#' itemprop='url'><span itemprop='name'>Entertainment</span></a></li>
   <li><a href='#' itemprop='url'><span itemprop='name'>Food</span></a></li>
   <li><a href='#' itemprop='url'><span itemprop='name'>Travel</span></a></li>
   <li><a href='#' itemprop='url'><span itemprop='name'>Error 404</span></a></li>
</ul>

Footer Menu

Silahkan buka Blogger > Tema > Klik Edit HTML

Cari kode di bawah ini dan temukan kode # di bawahnya lalu ganti kode # dengan link blog Anda

<div class='footer-rep'>
<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='About'><span itemprop='name'><i aria-hidden='true' class='fa fa-user-circle'/> About</span></a></li>
<li><a href='#' itemprop='url' title='Contact'><span itemprop='name'><i aria-hidden='true' class='fa fa-envelope'/> Contact</span></a></li>
<li><a href='#' itemprop='url' title='Disclaimer'><span itemprop='name'><i aria-hidden='true' class='fa fa-book'/> Disclaimer</span></a></li>
<li><a href='#' itemprop='url' title='Privacy Policy'><span itemprop='name'><i aria-hidden='true' class='fa fa-cloud'/> Privacy Policy</span></a></li>
<li><a href='#' itemprop='url' title='Sitemap'><span itemprop='name'><i aria-hidden='true' class='fa fa-list'/> Sitemap</span></a></li>
</ul>
<ul class='nomedic'>
<span class='social-right'>
<li class='sosialfoot'><a class='gpl' href='#' rel='nofollow noopener' target='_blank' title='Follow our Pinterest'><i class='fa fa-pinterest fa-2x'/></a></li>
<li class='sosialfoot'><a class='fcb' href='#' rel='nofollow noopener' target='_blank' title='Follow our Facebook'><i class='fa fa-facebook fa-2x'/></a></li>
<li class='sosialfoot'><a class='twt' href='#' rel='nofollow noopener' target='_blank' title='Follow our Twitter'><i class='fa fa-twitter fa-2x'/></a></li>
<li class='sosialfoot'><a class='rss' href='#' rel='nofollow noopener' target='_blank' title='Follow our Instagram'><i class='fa fa-instagram fa-2x'/></a></li>
</span>
</ul>
<div class='clear'/>
</div>
</div>

Notifikasi Menu

Silahkan buka Blogger > Tema > Klik Edit HTML

Cari kode di bawah ini dan ganti isi dengan tulisan Anda

<div class='asalseotitle'>Notification</div>
<div class='notiftext'>
This is just an example, you can fill it later with your own note.</div>

4. SEO Meta Tag

Tema > Klik Edit HTML

Cari dan ganti tiap tulisan di kode meta tag di bawah ini pada template.

<!-- [ Meta Tag SEO ] -->
<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='https://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'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ &quot;@context&quot;: &quot;https://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESKRIPSI-BLOG' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;https://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/posts' rel='publisher'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author'/>
<link href='https://plus.google.com/USER-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='Indonesia' name='geo.placename'/>
<meta content='NAMA-ADMIN' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/>
<meta content='KODE-ADMIN-FACEBOOK' 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='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>

5. SEO

Untuk masalah SEO pada template ini sudah saya setting semaksimal mungkin sesuai dengan apa yang saya bisa. Sobat tidak perlu melakuan modifikasi apapun pada template ini.

Namun untuk lebih maksimal lagi sobat bisa baca postingan saya tentang SEO untuk blogger DI SINI

6. Widget

Widget Recent Post by Label

Klik menu Tata Letak > Klik Edit pada widget recent-sec1 dan recent-sec2 Ganti label Featured yang ada di dalam widget dengan label Anda pada kode seperti ini

Widget Recent Post by Label

Format untuk kode widget yang ada di atas

Widget Recent Post by Label

[Featured][recentbylabel]

Format untuk kode widget yang ada di bawah

[Featured][recentbylabel2]

Widget News Update

Klik menu Tema > Klik Edit HTML > Cari dan ganti alamat blog ini https://www.naminakiky.com/ dengan alamat blog Anda dan angka 10 untuk jumlah post yang akan ditampilkan.

$(document).ready(function(){var e="https://www.naminakiky.com/",t=10;

Widget Disqus Comments

Klik menu Tema > Klik Edit HTML > Cari dan ganti tulisan YOUR-DISQUS-BLOG dengan username Disqus blog Anda.

function load_Comments(){var e=document.getElementById("disqusshow");e.style.display="none";var t="YOUR-DISQUS-BLOG";!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://"+t+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()}

Widget sitemap

Tambahkan kode di bawah ini di dalam postingan statis blog dan ganti alamat blog https://asalseopro.blogspot.com/ dengan alamat blog Anda.

<div class="tabbed-toc" id="tabbed-toc"></div>
<script>
var tabbedTOC={blogUrl:"https://asalseopro.blogspot.com/",containerId:"tabbed-toc",activeTab:1,showDates:!0,showSummaries:!1,numChars:200,showThumbnails:!0,thumbSize:60,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",monthNames:["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:7,newText:' &ndash; <em style="color:red;">New</em>'};
</script>
<script src="https://cdn.jsdelivr.net/gh/Indzign/InSEO@master/daftarisikeren.js"></script>
<style scoped="" type="text/css">
.tabbed-toc{margin:0 auto;position:relative;background:linear-gradient(-45deg,#EE7752,#E73C7E,#23A6D5,#23D5AB);background-size:400% 400%;animation:Gradient 15s ease infinite}
.tabbed-toc .loading{display:block;padding:2px 12px;color:#fff}
.tabbed-toc ul,.tabbed-toc ol,.tabbed-toc li{margin:0;padding:0;list-style:none}
.tabbed-toc .toc-tabs{width:20%;float:left}
.tabbed-toc .toc-tabs li a{display:block;overflow:hidden;color:#fff;text-decoration:none;padding:12px;font-size:13px;transition:all .3s}
.tabbed-toc .toc-tabs li a:hover{background-color:rgba(0,0,0,0.05)}
.tabbed-toc .toc-tabs li a.active-tab{background:rgba(0,0,0,0.05);position:relative;z-index:5;margin:0 -1px 0 0}
.tabbed-toc .toc-content,.tabbed-toc .toc-line{width:80%;float:right;background-color:#fff;box-sizing:border-box}
.tabbed-toc .toc-line{float:none;display:block;position:absolute;top:0;right:0;bottom:0}
.tabbed-toc .panel{position:relative;z-index:5}
.tabbed-toc .panel li a{color:#1277cb;display:block;position:relative;font-weight:500;font-size:14px;padding:6px 12px;overflow:hidden}
.tabbed-toc .panel li time{display:block;font-weight:normal;font-size:11px;color:#666;float:right}
.tabbed-toc .panel li .summary{display:block;padding:10px 12px 10px;font-size:13px}
.tabbed-toc .panel li .summary img.thumbnail{float:left;display:block;margin:5px 8px 0 0;width:72px;height:72px;background-color:#fafafa}
.tabbed-toc .panel li{background-color:#f9f9f9;margin:0}
.tabbed-toc .panel li:nth-child(even){background-color:#fff}
.tabbed-toc .panel li a:hover,.tabbed-toc .panel li a:focus,.tabbed-toc .panel li.bold a{background-color:rgba(0,0,0,0.03);outline:none}
.tabbed-toc .panel li a em{background:#f39c12;color:#fff!important;font-style:initial;font-size:11px;margin:0 0 0 5px;padding:2px 10px;border-radius:22px}
.tabbed-toc .panel li:before{display:none}
@-webkit-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-moz-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@media (max-width:768px){.tabbed-toc .toc-tabs,.tabbed-toc .toc-content{overflow:hidden;width:auto;float:none;display:block}.tabbed-toc .toc-tabs li{display:inline;float:left}.tabbed-toc .toc-tabs li a.active-tab{background-color:rgba(64,64,64,0.1)}.tabbed-toc .toc-content{border:none}.tabbed-toc .toc-line,.tabbed-toc .panel li time{display:none}}
</style>

Widget Contact Form

Tambahkan kode di bawah ini di dalam postingan statis blog

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 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{display:none}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{font-family:'Poppins';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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwgeKHbgSCXWT26L-8yAh7l4dG4_1UQADy5jMGMwW11j8MQcTah7CRHqCDrDrXo_qJsSBetJ5QXHIYPiTC99CxJxKdWh0o6wzmvy0P9yRRMI2dd6yFeOBCEin1SJvhNRhf2gxaZDM19g1W/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>

Widget Newsletter

Silahkan buka Blogger > Tata Letak > Klik Edit/Tanda pensil pada widget Newsletter

Cari kode di bawah ini dan temukan kode asalseopro di bawahnya lalu ganti dengan feedburner blog Anda

<div id="subscribe-css">
<div class="subscribe-wrapper">
<h2>Newsletter</h2>
<p>If you like articles on this blog, please subscribe for free via email.</p>
<div class="subscribe-form">
<form action='https://feedburner.google.com/fb/a/mailverify?uri=asalseopro' class="subscribe-form" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=asalseopro', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="asalseopro" />
<input name="loc" type="hidden" value="en_US" />
<input class="subscribe-css-email-field" name="email" autocomplete="off" placeholder="Enter your email"/>
<input class="subscribe-css-button" title="" type="submit" value="Submit" />
</form>
</div>
</div></div>

6. Setelan Blog

Untuk setelan blog sesuaikan dengan gambar di bawah ini

Responsive dan Versi Mobile

ShortCodes

Blockquote

Untuk membuat Blockquote cukup pilih semua teks yang Anda ingin menjadi Kutipan dan klik pada icon Kutipan dari posting blog panel editor teks.

Button

Menambahkan demo dan download 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>

Membagi konten post menjadi tiga

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

Memasang 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>

Memasang Video Youtube di Postingan

Tambahkan kode di bawah ini di dalam postingan blog pada tab HTML dan ganti link video youtube ini _1EYAH8dmx0 dengan link video youtube Anda

<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/_1EYAH8dmx0">
</div>
</div>
</div>

Menambahkan Kode Highlighter di Postingan

Tambahkan kode di bawah ini di dalam postingan blog pada tab HTML dan ganti tulisan ini --PASTE KODE DI SINI-- dengan tulisan kode HTML/JavaScript/CSS Anda

<pre><code>--PASTE KODE DI SINI--</code></pre>

Kode markup sebaiknya diparse dulu di sini DI SINI

Warning

Jika Anda menggunakan Blogger versi terbaru, pastikan gambar yang diupload dalam satu postingan terdapat gambar yang lebih dari dua. Karena Recent by Label tidak bisa membaca format gambar terbaru dari Blogger.

Situs Blogger Indonesia

Documentation

Documentation Pemasangan Asal SEO Blogger Template

0. Daftar Isi

1. Info Template beserta Fitur & Kelebihan

2. Top Menu Navigasi

4. SEO Meta Tag

5. SEO

6. Widget

6. Setelan Blog

ShortCodes

Warning

No Images

No Images 2

Favico Ico