Video HTML CSS and Javascript for Web Developers. Watch Now

Download TEMPLATE THEBOEGIS GOIFY BLOGGER

CANDILKFB - Download TEMPLATE THEBOEGIS GOIFY BLOGGER, Mungkin banyak yang belum tahu terkait template ini, namanya yaitu theboegis goify. Sebuah template blog yang cocok untuk niche berbagi template.
CANDILKFB - Download TEMPLATE THEBOEGIS GOIFY BLOGGER, 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.

Download TEMPLATE THEBOEGIS GOIFY
TEMPLATE THEBOEGIS GOIFY

Fitur Template Theboegis Goify

mimin hanya menyebutkan secara garis besar fitur yang tersedia, sebab fiturnya ada banyak sekali.


  • Featured
  • Mobile Responsive
  • Google Testing Tools Validator
  • SEO Friendly
  • Latest Post Widget
  • 2 Columns
  • Main Navigation
  • Auto Readmore
  • Shortcodes
  • Breadcrumbs
  • Footer Menu
  • Documentations
  • Social Media Share


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='&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://1.bp.blogspot.com/-zMF7DPOvETU/XRJW6yJ1DuI/AAAAAAAAAMY/5jO6Ul0X3CgDDsVKD7NiUvC_txzt99nigCLcBGAs/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://2.bp.blogspot.com/-nkmaptT0VoA/WumFePAy9DI/AAAAAAAAGlM/8lA5aRi2E-okumpdikjQancIKDjYaGNqwCLcBGAs/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>

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.
Berdoa tanpa belajar akan jadi doa yang kosong. Belajar tanpa berdoa akan jadi usaha yang buta.

Posting Komentar

Silahkan beri komentar sesuai artikel.

Masukan anda sangat berarti buat saya untuk memperbaiki artikel berikutnya...