Template Blogspot Gratis Value untuk Katalog Produk – Cara Instal

Template Blogspot Gratis Value – Blogspot atau blogger adalah salahsatu platform blog gratis yang paling banyak penggunannya selain WordPress. Walaupun gratis, tampilan tema atau template nya tidak bisa dibilang ecek-ecek, banyak template yang sangat terlihat profesional, selain itu template bawaan yang disediakan Blogger bisa juga kita ganti atau kita custome mengikuti kemauan kita sendiri.

Template Blogspot Gratis Value

Salah satu nya adalah Template Blogspot Value. Selain ini adalah template blogspot gratis, dia juga responsive dengan tampilan smartphone yang kamu gunakan. Setidaknya ada 12 keunggulan lain yang disebutkan oleh developernya yaitu:

 

• SEO Friendly – Check Here
• Google Testing Tool Validator – Check Here
• Mobile Friendly – Check Here
• Custom 404 Page – Check Here
• Fast Loading – Check Here
• Ads Ready
• eCommerce
• Clean Layout
• Shopping
• Social Sharing
• Slider
• Browser Compatibility

Mungkin langsung aja kita mulai Bagaimana Cara Instal Template Blogspot Value untuk Katalog Produk

Pertama download dulu Template Blogspot Gratis Value nya disini.

Kemudian masuk ke dashboard blogspot www.blogger.com dengan cara sign in dengan akun gmail kalian. Kemudian pilih menu Theme atau Template. Lalu klik titik 3 di pojok kanan atas, kemudian pilih edit HTML.

Ekstrak file template Value yang sudah kalian download, kemudian klik kanan file Value Free Version.xml open with notepad/ms word. Copy semua isi coding dari file tersebut. Lalu paste kan di halaman HTML blogger kalian. Kemudian klik tombol/icon save di pojok kanan bawah.

SELESAI – Kini template Value kamu sudah terinstal. Sekarang kita setting agar tampilannya seperti di demo nya ya.

Masih di halaman Dashboard blogspot kalian, klik setting – other. Pada halaman Site Feed – Allow blog feed pilih Full

Cara setting Top Navigation atau Menu Utama

Pilih menu Theme atau Template. Lalu klik titik 3 di pojok kanan atas, kemudian pilih edit HTML.

<nav id='navigation'>
        <ul>
          <li class='active'><a href='/'>Home</a></li>
          <li><a href='#'>Labels</a></li>
          <li><a href='#'>Drop down</a>
            <ul>
              <li><a href='#'>Grid style</a></li>
              <li><a href='#'>Free logo's</a></li>
              <li><a href='#'>Bages style</a></li>
            </ul>
          </li>
          <li><a href='#'>Sample</a></li>
          <li><a href='/404'>Error 404</a></li>
          <li><a href='#'>Page</a></li>
        </ul>
      </nav>

 

Cari kode di atas dengan cara Klik Ctrl + F lalu masukan kode tersebut dipencarian. Ganti tanda # dengan link halaman kamu. Lalu klik Save Template.

Cara Merubah Kotak Info Box

Pilih menu Theme atau Template. Lalu klik titik 3 di pojok kanan atas, kemudian pilih edit HTML.

<div class=’widget-html text-center box ‘>
<div class=’body-wg-html’>
<div class=’bg-red col-lg-4 col-md-4 col-sm-4 col-xs-12′> <p>FREE WORLDWIDE SHIPPING</p> </div> <div class=’bg-gold col-lg-4 col-md-4 col-sm-4 col-xs-12′> <p>BUY ONLINE – PICK UP AT STORE</p> </div> <div class=’bg-blue col-lg-4 col-md-4 col-sm-4 col-xs-12′> <p>ONLINE BOOKING SERVICE</p> </div> </div>

Cari kode di atas dengan cara Klik Ctrl + F lalu masukan kode tersebut dipencarian. Lalu ganti teks yang berwarna biru dengan deskripsi kalian sendiri. Lalu klik Save Template.

Cara Setting Featured Post

Pilih menu Layout, lalu klik Add a Gadget > HTML/JavaScript pada kolom Intro Posts. Isian Title nya kosongkan, Content nya isi dengan label yang kamu buat di postingan artikel atau isi saja dengan teks recent atau random.

Cara Mengganti Logo

Pilih menu Theme atau Template. Lalu klik titik 3 di pojok kanan atas, kemudian pilih edit HTML.

Cari kode <div class=’head-area’> dengan cara Klik Ctrl + F lalu masukan kode tersebut dipencarian. Lalu ganti teks yang di highligh kuning dengan link tempat kamu meletakan logo kamu sendiri. Lalu klik Save (Icon disket paling kanan bawah).