1. Top Menu Navigasi
Temukan Code Berikut di dalam Edit Html,
<nav id='cssmenu' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'>
<div id='head-mobile'/>
<div class='button' id='menu-button'>
<span class='hamburger1'/>
<span class='hamburger2'/>
<span class='hamburger3'/>
</div>
<!-- menu navigasi header start -->
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a>
<ul>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Sitemap</a></li>
</ul>
</li>
<li><a href='#'>Category</a>
<ul>
<li><a href='#'>Safelink</a></li>
<li><a href='#'>Responsive</a></li>
<li><a href='#'>Material</a></li>
</ul>
</li>
<li><a href='#' title='Password Rar File'>Other Menu</a></li>
<li><a class='notif-show' href='javascript:;' title='Latest Comments'><svg viewBox='0 0 24 24'>
<path d='M3,15H1V3A2,2 0 0,1 3,1H19V3H3V15M12,23A1,1 0 0,1 11,22V19H7A2,2 0 0,1 5,17V7A2,2 0 0,1 7,5H21A2,2 0 0,1 23,7V17A2,2 0 0,1 21,19H16.9L13.2,22.71C13,22.89 12.76,23 12.5,23H12M9,9V11H19V9H9M9,13V15H17V13H9Z'/>
</svg></a>
</li>
</ul>
</nav>Keteragan : Ganti sesuai Kebutuhan
2. Button Home
<div class='hero-wrap' id='hero-vvv'>
<div class='hero-content container'>
<div class='widget-wrap'>
<div class='button-wrapper'>
<span>Professional Template</span>
</div>
<h2 class='heading-title'>Download Premium Templates that are SEO, Valid HTML, Minimalis, Simple and Professional for Free</h2>
<div class='button-home'>
<a href='/search/label/Premium?max-results=6'>
<span class='but'>
<svg viewBox='0 0 24 24'>
<path d='M17,18A2,2 0 0,1 19,20A2,2 0 0,1 17,22C15.89,22 15,21.1 15,20C15,18.89 15.89,18 17,18M1,2H4.27L5.21,4H20A1,1 0 0,1 21,5C21,5.17 20.95,5.34 20.88,5.5L17.3,11.97C16.96,12.58 16.3,13 15.55,13H8.1L7.2,14.63L7.17,14.75A0.25,0.25 0 0,0 7.42,15H19V17H7C5.89,17 5,16.1 5,15C5,14.65 5.09,14.32 5.24,14.04L6.6,11.59L3,4H1V2M7,18A2,2 0 0,1 9,20A2,2 0 0,1 7,22C5.89,22 5,21.1 5,20C5,18.89 5.89,18 7,18M16,11L18.78,6H6.14L8.5,11H16Z'/>
</svg>
Premium
</span>
</a>
<a href='/p/download-guide.html'>
<span class='bus'>
<svg viewBox='0 0 24 24'>
<path d='M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z'/>
</svg>
How to Download?
</span>
</a>
</div>
</div>
<div class='coll'><span class='bg1'/>
</div>
</div>
<svg class='wave' height='50px' preserveAspectRatio='none' style='pointer-events: none' viewBox='0 0 1920 75' width='100%'>
<defs>
<clipPath id='a'>
<rect class='a' height='75' width='1920'/>
</clipPath>
</defs>
<g class='b'>
<path class='c' d='M1963,327H-105V65A2647.49,2647.49,0,0,1,431,19c217.7,3.5,239.6,30.8,470,36,297.3,6.7,367.5-36.2,642-28a2511.41,2511.41,0,0,1,420,48'/>
</g>
<g class='b'>
<path class='d' d='M-127,404H1963V44c-140.1-28-343.3-46.7-566,22-75.5,23.3-118.5,45.9-162,64-48.6,20.2-404.7,128-784,0C355.2,97.7,341.6,78.3,235,50,86.6,10.6-41.8,6.9-127,10'/>
</g>
<g class='b'>
<path class='d' d='M1979,462-155,446V106C251.8,20.2,576.6,15.9,805,30c167.4,10.3,322.3,32.9,680,56,207,13.4,378,20.3,494,24'/>
</g>
<g class='b'>
<path class='d' d='M1998,484H-243V100c445.8,26.8,794.2-4.1,1035-39,141-20.4,231.1-40.1,378-45,349.6-11.6,636.7,73.8,828,150'/>
</g>
</svg>
</div>Keteragan : Ganti sesuai Kebutuhan
3. ICon webtemplates
Temukan Code Berikut di dalam Edit Html,
<div class='icon-tags bs-row text-center'>
<div class='col-md-3 col-6'>
<a href='/search/label/Blogger?max-results=9'>
<div class='tag-grid tag-blogger'>
<svg viewBox='0 0 24 24'>
<path d='M14,13H9.95A1,1 0 0,0 8.95,14A1,1 0 0,0 9.95,15H14A1,1 0 0,0 15,14A1,1 0 0,0 14,13M9.95,10H12.55A1,1 0 0,0 13.55,9A1,1 0 0,0 12.55,8H9.95A1,1 0 0,0 8.95,9A1,1 0 0,0 9.95,10M16,9V10A1,1 0 0,0 17,11A1,1 0 0,1 18,12V15A3,3 0 0,1 15,18H9A3,3 0 0,1 6,15V8A3,3 0 0,1 9,5H13A3,3 0 0,1 16,8M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z'/>
</svg>
<span class='icon-title'>Blogger</span>
</div>
</a>
</div>
<div class='col-md-3 col-6'>
<a href='/search/label/Wordpress?max-results=9'>
<div class='tag-grid tag-wordpress'>
<svg viewBox='0 0 24 24'>
<path d='M3.42,12C3.42,10.76 3.69,9.58 4.16,8.5L8.26,19.72C5.39,18.33 3.42,15.4 3.42,12M17.79,11.57C17.79,12.3 17.5,13.15 17.14,14.34L16.28,17.2L13.18,8L14.16,7.9C14.63,7.84 14.57,7.16 14.11,7.19C14.11,7.19 12.72,7.3 11.82,7.3L9.56,7.19C9.1,7.16 9.05,7.87 9.5,7.9L10.41,8L11.75,11.64L9.87,17.27L6.74,8L7.73,7.9C8.19,7.84 8.13,7.16 7.67,7.19C7.67,7.19 6.28,7.3 5.38,7.3L4.83,7.29C6.37,4.96 9,3.42 12,3.42C14.23,3.42 16.27,4.28 17.79,5.67H17.68C16.84,5.67 16.24,6.4 16.24,7.19C16.24,7.9 16.65,8.5 17.08,9.2C17.41,9.77 17.79,10.5 17.79,11.57M12.15,12.75L14.79,19.97L14.85,20.09C13.96,20.41 13,20.58 12,20.58C11.16,20.58 10.35,20.46 9.58,20.23L12.15,12.75M19.53,7.88C20.2,9.11 20.58,10.5 20.58,12C20.58,15.16 18.86,17.93 16.31,19.41L18.93,11.84C19.42,10.62 19.59,9.64 19.59,8.77L19.53,7.88M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,21.54C17.26,21.54 21.54,17.26 21.54,12C21.54,6.74 17.26,2.46 12,2.46C6.74,2.46 2.46,6.74 2.46,12C2.46,17.26 6.74,21.54 12,21.54Z'/>
</svg>
<span class='icon-title'>Wordpress</span>
</div>
</a>
</div>
<div class='col-md-3 col-6'>
<a href='/search/label/HTML5?max-results=9'>
<div class='tag-grid tag-html5'>
<svg viewBox='0 0 24 24'>
<path d='M12,17.56L16.07,16.43L16.62,10.33H9.38L9.2,8.3H16.8L17,6.31H7L7.56,12.32H14.45L14.22,14.9L12,15.5L9.78,14.9L9.64,13.24H7.64L7.93,16.43L12,17.56M4.07,3H19.93L18.5,19.2L12,21L5.5,19.2L4.07,3Z'/>
</svg>
<span class='icon-title'>Static HTML5</span>
</div>
</a>
</div>
<div class='col-md-3 col-6'>
<a href='/search/label/Dashboard?max-results=9'>
<div class='tag-grid tag-dashboard'>
<svg viewBox='0 0 24 24'>
<path d='M13,3V9H21V3M13,21H21V11H13M3,21H11V15H3M3,13H11V3H3V13Z'/>
</svg>
<span class='icon-title'>Dashboard</span>
</div>
</a>
</div>
</div>Keteragan : Ganti sesuai Kebutuhan
4. ShortCodes
- A. Menambahkan demo dan download button.
<blockquote class="tr_bq">
Untuk file yang di download, ekstrak file menggunakan aplikasi Winrar / Winzip terbaru.</blockquote>
<br />
<br />
<div style="display: none;">
<div id="Theme-details">
<div id="store-style">
<a class="storebutton but1" href="#" rel="nofollow" target="_blank"> Live Preview</a><br />
<div class="rio-ss idb">
See it live with all the features that exist, both on the homepage and the page posts.</div>
</div>
<div id="store-style">
<a class="storebutton but2" href="#" rel="nofollow" target="_blank">Download</a><br />
<div class="rio-ss">
<span class="storelist">Remove Footer Credits</span><br />
<span class="storelist">For Unlimited Domains</span><br />
<span class="storelist">No Encrypted Scripts</span><br />
<span class="storelist">And Many More...</span>
</div>
</div>
</div>
</div>- B. Memasang tabel di postingan
<table cellpadding="0" cellspacing="0" style="text-align: left;"><tbody>
<tr> <th>Features</th> <th>Availability</th> </tr>
<tr> <td>Responsive</td> <td>True <a href="http://www.responsinator.com/?url=https%3A%2F%2Fmoccaidua.blogspot.com%2F" rel="nofollow noopener" target="_blank">Cek</a></td> </tr>
<tr> <td>Mobile Friendly</td> <td>True <a href="https://search.google.com/test/mobile-friendly?id=CGxpdczVu6edLDqdYmHzkg" rel="nofollow noopener" target="_blank">Cek</a></td> </tr>
<tr> <td>Google Testing Tool Validator (Index)</td> <td>True <a href="https://search.google.com/structured-data/testing-tool#url=https%3A%2F%2Fmoccaidua.blogspot.com%2F" rel="nofollow noopener" target="_blank">Cek</a></td> </tr>
<tr> <td>Google Testing Tool Validator (Item)</td> <td>True <a href="https://search.google.com/structured-data/testing-tool#url=https%3A%2F%2Fmoccaidua.blogspot.com%2F2018%2F10%2Fresponsive-blogger-template.html" rel="nofollow noopener" target="_blank">Cek</a></td> </tr>
<tr> <td>SEO Friendly</td> <td>True</td> </tr>
<tr> <td>Personal Blog</td> <td>True</td> </tr>
<tr> <td>2 Column</td> <td>True</td> </tr>
<tr> <td>Main Navigation</td> <td>True</td> </tr>
<tr> <td>Auto Readmore</td> <td>True</td> </tr>
<tr> <td>Infinite Posts</td> <td>True</td> </tr>
<tr> <td>Breadcrumbs</td> <td>True</td> </tr>
<tr> <td>Back to Top Button</td> <td>True</td> </tr>
<tr> <td>Footer Menu</td> <td>True</td> </tr>
<tr> <td>Featured Popular Posts</td> <td>True</td> </tr>
<tr> <td>Fixed Menu on Mobile</td> <td>True</td> </tr>
<tr> <td>Shortcodes</td> <td>True</td> </tr>
<tr> <td>5 Style : Mocca, Blue, Gradient, Black, and Simple</td> <td>Pro Version</td> </tr>
<tr> <td>Sitemap Widget</td> <td>Pro Version</td> </tr>
<tr> <td>Contact Form Widget</td> <td>Pro Version</td> </tr>
<tr> <td>Documentation</td> <td>Pro Version</td> </tr>
</tbody></table>
<br />Keteragan : Ganti sesuai Kebutuhan
5. Disqus Comments
Temukan Id : metaltailaco di dalam Edit Html,
dan ganti dengan id disqus anda
Trimakasih
