Kembali lagi di postingan edisi berbagi template blog premium secara gratis bersama master dzgn. Mungkin banyak yang belum tahu terkait template ini, namanya yaitu theboegis goify. Sebuah template blog yang cocok untuk niche berbagi template.
Template ini memiliki tampilan minimalis dengan dominan warna cenderung dark, namun jika sobat ingin customisasi dengan mengganti warna dasar background juga bisa, sangat editable sekali. Strukturisasi tata letak cukup simpel dan tertata rapi, sehingga memudahkan dalam proses setting template.
Beberapa fitur unggulan dapat sobat lihat pada tabel deskripsi di bawah ini. Namun, mimin hanya menyebutkan secara garis besar fitur yang tersedia, sebab fiturnya ada banyak sekali.
| Featured | Availability |
|---|---|
| Mobile Responsive | True |
| Google Testing Tools Validator | True |
| SEO Friendly | True |
| Latest Post Widget | True |
| 2 Columns | True |
| Main Navigation | True |
| Auto Readmore | True |
| Shortcodes | True |
| Breadcrumbs | True |
| Footer Menu | True |
| Documentations | True |
| Social Media Share | True |
Yuk, langsung saja cek demonya dan download file template ini melalui tombol di bawah. Jika terdapat error link silahkan langsung hubungi admin atau komentar di bawah postingan ini.
Sedangkan untuk documentation atau kumpulan script widget dan sebagainya bisa simak pada ulasan berikut ini. Sudah include juga terkait button demo dan download pada sidebar.
SEO META TAG
Silahkan login ke dashboard blog sobat, kemudian pilih laman Tema > Edit HTML. Cari (tekan CTRL+F) dan ganti atau replace kode meta tag di bawah ini.
<meta content='#2c3e50' name='msapplication-navbutton-color'/>
<meta content='#2c3e50' name='apple-mobile-web-app-status-bar-style'/>
<meta content='#2c3e50' name='theme-color'/>
<meta content='YOUR_DMCA_VERIFICATION_CODE' name='dmca-site-verification'/>
<meta content='YOUR_GOOGLE_WEBMASTER_VERIFICATION_CODE' name='google-site-verification'/>
<meta expr:content='"text/html; charset=" + data:blog.encoding' http-equiv='Content-Type'/>
<meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
TOP MENU NAVIGASI
Cari kode di bawah ini (agar lebih mudah klik saja CTRL+F) kemudian ganti kode # dengan link url halaman yang akan dituju.
<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>
REPLACE GAMBAR PADA BOX WRAPPER
Seperti biasa untuk memudahkan pencarian kode, klik CTRL+F kemudian cari kode url gambar berikut ini dan ganti dengan url gambar sobat.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk3FPeNzUZy5K8h1QyMcFntcQlSfDcDcbH_n0YUmAVaGw0hxlvTAeE39slkp-oMLhLuDp5yJ7FuFRish1RvPL2Mc2xjcP40SYkQPLzogeRB4Q0frw23wSYpFEukpbc2s0UZe2RFPxewD8/s1600/tlc.png
WIDGET SITEMAPS
Klik menu Halaman kemudian Buat Halaman Baru, copy kode di bawah ini pada halaman statis di mode html bukan compose.
[sitemap]
WIDGET CONTACT FORM
Tambahkan script di bawah ini pada halaman statis mode HTML bukan Compose, lalu klik publikasikan dan cek previewnya.
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/AVvXsEjTjjsfkH42GZ5YTyno8d0kHl7qMPsVz8t5UeajKFJGwYp48v-91M0M2dTLGtbl7TYwgCEKBKpuhXcxZK-dSRR5aSnv_a9xs6lomD2svHlH4uwBxsuzuPLUWIofXUDZj4ZDTy8Hj0FEiK96/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>
SCRIPT TABEL POSTINGAN
Tambahkan script di bawah ini pada postingan mode HTML bukan Compose (setelah sobat paste-kan ke mode html, sobat bisa ubah lagi ke mode compose untuk menambahkan keterangan lainnya).
<table cellpadding="0" cellspacing="0" style="text-align: left;"><tbody>
<tr> <th>Features</th> <th>Availability</th> </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>Top Navigation</td> <td>True</td> </tr>
<tr> <td>Breadcrumbs</td> <td>True</td> </tr>
<tr> <td>2 Option Search Box</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>ShareThis Share Button</td> <td>True</td> </tr>
<tr> <td>Featured Recent Post</td> <td>Pro Version</td> </tr>
<tr> <td>2 Option Comment System</td> <td>Pro Version</td> </tr>
<tr> <td>Fast Version</td> <td>Pro Version</td> </tr>
<tr> <td>Newsletter Widget</td> <td>Pro Version</td> </tr>
<tr> <td>Related Post</td> <td>Pro Version</td> </tr>
<tr> <td>Sticky Sidebar</td> <td>Pro Version</td> </tr>
<tr> <td>Image Lightbox</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>Instagram Widget</td> <td>Pro Version</td> </tr>
<tr> <td>Fixed Menu on Mobile</td> <td>Pro Version</td> </tr>
<tr> <td>Version 1 and 2</td> <td>Pro Version</td> </tr>
<tr> <td>Shortcodes</td> <td>Pro Version</td> </tr>
</tbody></table>
DEMO DAN DOWNLOAD BUTTON
Tambahkan script di bawah ini pada postingan mode html (untuk penempatan bisa di akhir halaman) dan silahkan ganti kode # dengan url link demo dan download sobat.
<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>
Baik mungkin sekian dulu edisi bagi-bagi template gratis kali ini beserta ulasan script widget khusus template goify tersebut. Jangan lupa tinggalkan komentar kalian pada kolom komentar di bawah. Bagi sobat yang ingin berlangganan artikel gratis dari master dzgn bisa dengan subscribe atau follow by email pada widget sidebar. Terima kasih dan semoga harimu menyenangkan.