TEMPLATE THEBOEGIS GOIFY BLOGGER

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.

Demo Download File

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='&quot;text/html; charset=&quot; + 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.

follow us

Search This Blog

TEMPLATE THEBOEGIS GOIFY BLOGGER

SEO META TAG

TOP MENU NAVIGASI

REPLACE GAMBAR PADA BOX WRAPPER

WIDGET SITEMAPS

WIDGET CONTACT FORM

SCRIPT TABEL POSTINGAN

DEMO DAN DOWNLOAD BUTTON

Kii Baoo TEMPLATE

follow us

Search This Blog

TEMPLATE THEBOEGIS GOIFY BLOGGER

SEO META TAG

TOP MENU NAVIGASI

REPLACE GAMBAR PADA BOX WRAPPER

WIDGET SITEMAPS

WIDGET CONTACT FORM

SCRIPT TABEL POSTINGAN

DEMO DAN DOWNLOAD BUTTON

Kii Baoo TEMPLATE

Jika Anda merasa bahwa artikel-artikel di blog ini bermanfaat, Anda bisa memberikan donasi melalui Paypal atau dengan Pulsa Dana hasil dari donasi akan digunakan untuk membeli domain dev-tamplate.com - Terima kasih.

You Might Also Like:

Recent Comments:×

Jika Anda merasa bahwa artikel-artikel di blog ini bermanfaat, Anda bisa memberikan donasi melalui Paypal atau dengan Pulsa Dana hasil dari donasi akan digunakan untuk membeli domain `dev-tamplate.com` - Terima kasih.

Recent Comments:
×