[content_protector password=”sosoly” cookie_expires=”0″]

Hai teman-teman, terimakasih sudah mempercayakan theme Footnote untuk digunakan di blog kesayangan kamu semua. Semoga dengan theme ini kalian semakin rajin nge-blog untuk terus membagikan hal-hal positif.


Theme Instalation

panduan instalasi/pemasangan theme


Upload Theme

1. Login ke dashboard lalu pilih blog yang akan kamu instal

2. Pilih Theme » Backup/Restore

3. Unggah/upload file xml theme kamu lalu klik upload



Gadget Configuration

panduan konfigurasi gadget theme


Header

Gadget header adalah elemen dimana kamu dapat menampilkan teks dari judul/title blog atau logo blog. Jika judul blog terlalu panjang sangat disarankan untuk menggantinya dengan logo berformat jpg atau png, dengan bentuk square minimal 70 x 70 pixel.

1. Pilih menu Layout » edit Page Header gadget

2. Isi judul dan deskripsi blog, jika ingin menggantinya dengan logo silahkan ikuti seperti gambar di bawah ini, lalu klik save.

Menu Navigation

1. Pada menu Layout » edit HTML gadget yang berada di widget navigation.

2. Copy kode berikut ini lalu masukan kedalam gadget HTML tersebut.

<ul class="fn-main-nav">
<li><a href="#">Page1</a></li>
<li><a href="#">Page2</a></li>
<li><a href="#">Page3</a></li>
<li>
<a class="fn-subnav-trigger" href="#"><span>Categories</span></a>
<ul>
<li class="go-back"><a href="#">Menu</a></li>
<li><a href="#">Label1</a></li>
<li><a href="#">Label2</a></li>
<li><a href="#">Label3</a></li>
<li><a href="#">Label4</a></li>
<li><a class="placeholder" href="#">Placeholder</a></li>
</ul>
</li>
</ul>

Perhatikan kode editor di atas…

3. Untuk mengganti tulisan dan link dari menu laman statis (lihat kode baris 2 sampai 4), ganti tanda # dengan alamat link dan rubah tulisan  Page1, Page2 dan Page3 dengan judul laman statis kamu.

contoh:

<li><a href="http://www.meutiarahmah.com/p/about">About</a></li>

4. Untuk mengganti tulisan dan link dari menu label (lihat kode baris 9 sampai 12), ganti tanda # dengan alamat link dan untuk tulisannya rubah Label1, Label2, Label3 dan Label4 dengan nama label postingan kamu.

contoh:

<li><a href="http://www.meutiarahmah.com/search/label/resep">Resep</a></li>

5. Jika ingin menambahkan menu laman statis atau label, silahkan tambahkan kode berikut tepat dibawah baris ke 4 (untuk menu laman statis) dan tepat dibawah baris ke 12 (untuk menu label).

<li><a href="URL_Menu">Judul_Menu</a></li>

6. Klik save

Hero Image (Blog Banner)

Hero image adalah banner blog berukuran fullwidth yang akan muncul di halaman beranda dan indeks posting, untuk menampilkannya silahkan ikuti cara berikut.

1. Masuk menu Layout » edit gadget Image yag berada pada area widget blog-banner.

2. Isi judulnya, jika ingin clickable silahkan isi kolom link dengan url beranda blog kamu, jangan lupa untuk save

Blog Posts

1. Pada menu Layout » edit gadget Blog Posts.

2. Samakan konfigurasinya dengan gambar berikut ini

3. Untuk teks readmore bisa kamu rubah pada kolom Post page link text, ganti dengan tulisan yang  kamu kehendaki, klik save…

Author Sidebar

Jika ingin menggunakan profil custom kamu atau tentang blog di bagian sidebar silahkan lakukan langkah berikut ini

1. Masuk menu Layout » klik add gadget pada bagian sidebar

2. Tambahkan gadget HTML, lalu copy dan masukan kode berikut ini

<div class="post-thumb clearfix">
<figure class="about-sidebar">
<img src="#" alt="Suave Sae" />       
</figure>
<div class="clear"></div>
</div>
<div class="say">
<p>Stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum. Aliquip veniam delectus, Marfa eiusmod Pinterest...</p>
</div>
<div class="clear"></div>

3. Ganti tanda # pada baris ke 3 dengan url gambar yang akan digunakan.

4. Untuk deskripsinya ganti tulisan yang diapit  kode <p> dan </p> oleh deskripsi yang kamu inginkan.

5. Klik save…

Sidebar Gadget Configuration

Ada beberapa standar konfigurasi untuk gadget yang ada di bagian sidebar seperti

Popular Posts

1. Ikuti setelan berikut ini untuk gadget popular post


Labels

1. Ikuti setelan seperti gambar berikut ini jika ingin menambahkan gadget labels

Navbar

Jika kamu tidak menginginkan gadget navbar muncul maka lakukan langkah berikut ini

1. Pada menu Layout » edit Navbar gadget.

2. Samakan konfigurasinya dengan gambar dibawah ini

Footer Blog Credit

1. Pada menu Layout » area widget bikini-bottom klik add gadget.

2. Pilih gadget HTML lalu copy dan isi gadget tersebut dengan kode berikut.

<p>
Nama_Blog_Kamu &#169; 
<script type='text/javascript'>document.write(new Date().getFullYear());</script
</p>

3. Klik save…



Feature

panduan konfigurasi fitur theme


Author Profile & Social

Untuk memunculkan profil author di bawah badan posting, silahkan ikuti langkah berikut.

1. Masuk menu Layout » klik add gadget pada bagian sidebar

2. Pilih gadget HTML lalu tambahkan kode berikut

<p class="a-content">
Stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum. Aliquip veniam delectus, Marfa eiusmod Pinterest.
</p>
<div class="asic">
<!-- Facebook -->
    <a class="author-social" href="#" target="_blank">
        <i class="fa fa-facebook"></i>
    </a>
<!-- Twitter -->
    <a class="author-social" href="#" target="_blank">
        <i class="fa fa-twitter"></i>
    </a>
<!-- Instagram -->
    <a class="author-social" href="#" target="_blank">
        <i class="fa fa-instagram"></i>
    </a>
<!-- Google Plus -->
    <a class="author-social" href="#" target="_blank">
        <i class="fa fa-google-plus"></i>
    </a>
<!-- Pinterest -->
    <a class="author-social" href="#" target="_blank">
        <i class="fa fa-pinterest"></i>
    </a>
<!-- Tumblr -->
    <a class="author-social" href="#" target="_blank">
        <i class="fa fa-tumblr"></i>
    </a>
</div>

3. Untuk deskripsi ganti teks yang berada diantara <p class="a-content"> dan </p>, dan rubah tanda # dengan url jejaring sosial milik kamu.

4. Klik save.

Parallax Feature Image on Post

Fitur ini menampilkan gambar fullwidth sebagai background judul posting di setiap halaman post.

Script yang ada pada theme Footnote secara otomatis akan mengambil gambar pertama yang ada pada posting sebagai backround parallax.

Kamu tidak perlu menambahkan kode untuk fitur ini 🙂



Customization

panduan kustom theme


Theme Colors

Jika ingin merubah warna utama dari theme ini silahkan ikuti langkah berikut ini

1. Masuk Dashboard » Theme » Edit HTML

2. Tekan CTRL+Shift+R pada keyboard.

3. Jika pada bagian kanan atas editor kode muncul tulisan replace all, lanjutkan dengan mengisi kolomnya dengan kode warna #444, lalu tekan enter.

4. Setelan notifikasinya berubah menjadi with, isi kolomnya dengan kode warna yang kamu inginkan, lalu tekan enter.

note: untuk kode warna bisa dicari di https://flatuicolors.com

5. Save template.


Jika ada pertanyaan lebih lanjut silahkan hubungi saya melalui chat atau FB.

Happy blogging 😀

[/content_protector]