b269a6cd9c7fb6390d4ff2603151f87eb8490f288203181e72c51be3c386017e204ba57b71771155

Cara Edit dan Kustomisasi Template Textrim Keren!

September 29, 2019 Posted By: Admin Setdowr ID
Haloo Braderr:))....

Kesempatan kali ini Jemerik Blog akan memberikan tutorial kostumisasi template Textrim karya mbak igniel, siapa sih yang belum tahu mbak igniel ini?! Mbak Igniel adalah pembuat atau developer dari template Igniel.com dan Textrim.

Untung saja mba Igniel memberikan template textrim ini gratis, karna jika dilihat dari spesifikasinya template ini sudah mirip dengan template-template premium, Oiya untuk kamu yang ingin membeli temlplate premiumnya karya mba igniel bisa kunjungi igniel.com. Recommended sekali bila saya sedang punya uang pun saya beli tuh template karna speknya sugguh keren .

Cara Edit dan Kostumisasi Template Textrim


source igniel.com


Sebelumnya ini dia kelebihan Template Textrim,Text only on homepage

  1.  Super Ringan, Karna Cuma Text di Homepage.
  2.  Blogger Layout v3 & Widget v2, yang merupakan versi terbaru dan tercanggih dari Blogger.
  3.  SEO Friendly pastinya,
  4.  Valid Structure data google
  5.  Mobile Friendly
  6.  Share Button ke Media Sosial
  7.  Jika igin mengubah font,warna,tampilan cukup mudah tinggal masuk ke theme desaigner tanpa harus muter-muter mengedit di HTML.
  8.  Sangat Responsif tentunya,
  9.  Dan masih banyak lagi...




Okee...Langsung saja simak langkah-langkahnya :

1. Mengedit Header

Caranya Masuk ke BLOGGER->>TEMA->>EDIT HTML->>LOMPAT KE WIDGET->>HEADER1
Maka akan muncul seperti ini

<header>
      <div class='inner'>
        <b:section id='header' name='Header' showaddelement='false'>
          <b:widget id='Header1' locked='true' title='Jemerik Blog (Header)' type='Header' visible='true'>

Ubah Tulisan yang berwarna merah dengan nama Blog kamu.

2. Mengedit Menu sitemap,privacy policy,dll.

Caranya Masuk ke BLOGGER->>TEMA->>EDIT HTML->>Cari->> ketik Disclaimer->>klik ENTER
Maka akan muncul dan cari kode seperti ini

<div class='menu'>
              <a href='#' title='About'>About</a>
              <a href='#' title='Contact'>Contact</a>
              <a href='#'>Disclaimer</a>
              <a href='#'>Privacy Policy</a>
              <a href='#'>Sitemap</a>
            </div>


Ganti tanda '#' dengan Url Kalian misal 'https://www.jemerik.com/p/sitemap.html'  tempatkan sesuai kodenya .
Note: untuk Cari gunakan CTRL+F

3. Mengedit Menu Blog

Caranya Masuk ke BLOGGER->>TEMA->>EDIT HTML->>Cari->> ketik Menu 1->>klik ENTER
Maka akan muncul kode seperti ini

 <ul>
          <li><a href='#' title='Menu 0'>Enterpreneur</a></li>
          <li><a href='#' title='Menu 1'>Blogging</a></li>
          <li><a href='#' title='Menu 2'>Teknologi</a></li>
          <li><a href='#' title='Menu 3'>Kesehatan</a></li>
          <li><a href='#' title='Menu 4'>Parenting</a></li>
          <li><a href='#' title='Menu 5'>TipsTrik</a></li>
        </ul>


Ganti tanda '#' denga Url Kalian contoh untuk pencarian label blogging 'www.jemerik.com/search/label/blogging', Dan ganti menu 0,menu 1,dll. dengan nama menu yang kalian inginkan contoh 'Blogging' ,Ganti menu blogging,teknologi,dll. sesuaikan dengan niche blog kalian.

4. Tambahkan tag google analitic

<!-- Global site tag (gtag.js) - Google Analytics -->

Berhubung template ini belum dilengkapi google analitic maka kamu harus memasangnya secara manual hehhee maklum namanya juga template free.

Sebenarnya tujuan diberi tag google analitic itu agar blog kalian tambah SEO, dan mudah dikenali crawl oleh mesin pencari/Google bot,Untuk cara pasang google analitic bisa searching digoogle  disana banyak tutorialnya.

5. Mengedit Font,Tampilan,Warna


Caranya Masuk ke BLOGGER->>TEMA->>klik SESUAIKAN->>klik LANJUTAN->>lalu edit sesuka kalian dan sekreatif mugkin hehee...


Demikian Tutorial dari saya ,semoga bermanfaat untuk kita semua.
Jangan lupa tinggalkan komentar yaa...


View: - Tags: Blogging