Documentation Template Platinumify
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
DONASI VIA PAYPAL
Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi Anda membantu Admin untuk lebih giat lagi dalam membagikan template blog yang berkualitas. Terima kasih.
Postingan Lebih Baru
Postingan Lebih Baru
Postingan Lama
Postingan Lama
Komentar