Panduan The Smart Template Blogspot Gratis

Panduan The Smart Template Blogspot Gratis

Klik Edit (Widget Blog Post)
Berikut ini yang bisa anda lakukan disini :
- Mengatur jumlah post
- Mengatur tobol read more / baca selengkapnya
- Menampilkan atau menyembunyikan Nama Penulis
- Menampilkan atau menyembunyikan Waktu posting
- Menampilkan atau menyembunyikan Jumlah komentar
- Menampilkan atau menyembunyikan Tombol Share Social Media
- Menampilkan atau menyembunyikan Tentang Penulis

Klik Edit (Widget About)
- Masukkan kode ini dan Ganti yang berwarna hijau

<img alt='logo' id='logo-footer' src='URL-LOGO' title='logo'/>
<p>Isi tentang blog anda secara singkat</p>
<ul class='contact-details-alt'>
<li><i class='fa fa-map-marker/> <p>Alamat Anda</p></li>
<li><i class='fa fa-phone/> <p>No Hp Anda</p></li>
<li><i class='fa fa-envelope/> <p>Alamat Email anda</p></li>
</ul>

Klik Edit (Widget Category 1) & (Widget Category 2)
- Widget ini berfungsi menampilkan posting / artikel terbaru berdasarkan label.
Berikut ini yang harus anda lakukan disini :
- Ubah judul widget
- Masukkan Label yang akan ditampilkan diwidget ini. Ex: Smartphone

Klik Edit (Widget Recent Post)
- Widget ini berfungsi menampilkan posting / artikel terbaru di bagian sidebar.
Berikut ini yang harus anda lakukan disini :
- Ubah judul widget
- Masukkan jumlah posting terbaru yang akan ditampilkan. Ex: 10

Klik Edit (Widget Footer Menu)
- Widget ini berfungsi menampilkan menu untuk halaman dibagian footer.


Pasang Iklan Dibagian Artikel
EDIT HTML > Cari Kode yang diwarna hijau lalu ganti dengan kode iklan yang sudah diparse
- Iklan diatas artikel
<!-- Iklan 336x280 Atas -->

- Iklan ditengah artikel
<!-- Iklan 336x280 Tengah -->

- Iklan dibawah artikel
<!-- Iklan 336x280 Bawah -->
 
Setting Meta Keyword

EDIT HTML > Cari Kode berikut dan ganti keyword blog anda, pisahkan dengan koma.
<meta content='Keyword 1, Keyword 2, Keyword 3, Keyword 4, Keyword 5, Keyword 6, dst' name='keywords'/>

Setting Menu Navigasi
<!-- ============= Navigation ============== -->
<nav class='style-1' id='navigation'>
<div class='left-corner'/>
<div class='right-corner'/>
<ul class='menu' id='responsive'>
<li><a href='/'><i class='fa fa-home'/> Home</a></li>
<li><a href='#'><i class='fa fa-fire'/> Mega Menu</a>
<!-- Mega Menu / Start -->
<ul class='cols3'>
<li class='col3'>
<h4>Two Lists and a Paragraph</h4>
</li>
<li class='col1'>
<h5>Page Layouts</h5>
<ol>
<li><a href='#'>About</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Privacy</a></li>
</ol>
</li>
<li class='col1'>
<h5>Shortcode</h5>
<ol>
<li><a href='#'>Heading</a></li>
<li><a href='#'>Blockquote</a></li>
<li><a href='#'>Dropcap</a></li>
<li><a href='#'>Code</a></li>
</ol>
</li>
<li class='col1'>
<h5>Paragraph</h5>
<p>This <a href='#'>Mega Menu</a> can paragraphs, forms...</p>
</li>
</ul>
<!-- Mega Menu / End -->
</li>
<li><a href='#'><i class='fa fa-edit'/> Dropdown Menu</a>
<!-- Dropdown Menu / Start -->
<ul>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Menu 3</a></li>
</ul>
<!-- Dropdown Menu / End -->
</li>
<li><a href='#'><i class='fa fa-edit'/> Menu</a></li>
</ul>
</nav>