Quick Documentations Quick Documentations FLATBOX BLOGGER TEMPLATE This article is in Indonesian language. Use Translator widget to translate into your language! #1 CARA INSTAL TEMPLATE PILIHAN 1: UPLOAD FILE .XML 1. Masuk ke Blogger, pilih blog yang akan digunakan. 2. Klik Template, kemudian klik Cadangkan / Pulihkan. 3. Klik Unduh Template untuk mencadangkan template yang sedang digunakan, hal ini untuk menghindari kesalahan. 4. Klik Pilih file, kemudian pilih file .xml (template.xml) yang sudah didownload sebelumnya, dan klik Open. 5. Klik Unggah. PILIHAN 2: SALIN LANGSUNG 1. Buka file .xml (template.xml) menggunakan Notepad (atau software sejenis lainnya). 2. Tekan tombol keyboard CTRL+A untuk memblok semua, kemudian tekan CTRL+C untuk menyalin. 3. Masuk ke Blogger, klik Template, kemudian klik Edit HTML. 4. Pada HTML Editor, klik secara asal didalam box, lalu tekan CTRL+A dan tekan DEL untuk menghapus semua kode. 5. Tekan CTRL+V untuk menempelkan kode template yang sudah disalin sebelumnya. 6. Klik Simpan Template PERHATIAN Saya tidak bertanggungjawab apabila terjadi kesalahan, sebaiknya cadangkan terlebih dahulu template yang sedang digunakan. #2 PENGATURAN LAINNYA 1. PROFILE WIDGET Widget ini hanya akan tampil saat mengklik icon " " yang ada di dalam Sidenav. Kamu bisa mengisinya sesuai dengan keinginan. Jika kamu mau, saya akan berikan contoh kecil tampilan profil. Salin kode berikut dan tempelkan pada widget Profile. <div class='chepp-card-4 chepp-white chepp-margin-0 chepp-padding-0'> <img src='YOUR_PUBLIC_IMAGE_URL' style='max-width:100%;width:auto;height:auto' alt='My Photo'/> <div class='chepp-container chepp-center'> <p>YOUR TEXT HERE</p> </div> </div> 2. LABEL ACCORDION Kamu tidak perlu mengatur apapun, label akan otomatis terindeks. Pastikan di setiap posting memiliki label. 3. MINI MENU Mini Menu hanya akan tampil pada perangkat dengan lebar layar medium kebawah (Tablet dan Smartphone). Kamu cukup Edit widget dan masukkan daftar link yang diinginkan. 4. IKON SOSIAL Untuk menambahkan ikon sosial, kamu cukup gunakan nama belakang dari class FontAwesome. Contoh: class untuk Facebook adalah fa fa-facebook, kamu cukup masukkan facebook saja. Atau lihat contoh gambar dibawah! 5. CUSTOM ERROR 404 PAGE Cukup Edit widget Custom Error 404 Page, dan ketikkan pesan yang ingin disampaikan. #3 SIDE NAVIGATION (SIDENAV) Temukan kode dibawah ini, ubah teks berwarna merah sesuai dengan keinginan. <div class='chepp-container chepp-margin-0 chepp-padding-0' style='position:relative;width:100%;height:150px;overflow:hidden'> <img alt='Logo' itemprop='image' src='YOUR_PUBLIC_IMAGE_URL_(RECOMMEND_USE_250X200)' style='width:100%;height:auto;margin:0;padding:0' title='Logo'/> <span class='myprofile chepp-text-white' itemprop='name'>YOUR NAME <i class='fa fa-caret-down' onclick='openMyProfile()' style='margin-left:10px;cursor:pointer'/></span> </div> Dibawahnya, kamu akan menemukan deretan menu link Sidenav, ganti teks yang berwarna merah sesuai keinginan. <a href='#' itemprop='url' title='Typography'><span itemprop='name'>Typography</span></a> <a href='#' itemprop='url' title='Colors'><span itemprop='name'>Colors</span></a> <a href='#' itemprop='url' title='Utilities'><span itemprop='name'>Utilities</span></a> <a href='#' itemprop='url' title='Containers'><span itemprop='name'>Containers</span></a> <a href='#' itemprop='url' title='Buttons'><span itemprop='name'>Buttons</span></a> <a href='#' itemprop='url' title='Cards'><span itemprop='name'>Cards</span></a> <a href='#' itemprop='url' title='Alerts'><span itemprop='name'>Alerts</span></a> SELESAI Sekarang blog kamu sudah siap.... Untuk SEO, integrasi Blogger Template Editor (Variable definitions), CSS terorganisir, script tak terenkripsi, skema warna tema, edit footer link kredit, dokumentasi lengkap, serta dukungan dan bantuan langsung, gunakan template FlatBox versi premium, hanya USD 50 (khusus Indonesia cuma IDR 35.000,-). Pembayaran bisa dilakukan melalui transfer rekening Bank, PayPal atau pulsa. Untuk cara pemesanan, bisa menggunakan email atau sms. Informasi mengenai format pemesanan, bisa dilihat di http://chepps.blogspot.com/p/cara-pemesanan.html. TERIMA KASIH

• Quick Documentations

FLATBOX BLOGGER TEMPLATE

This article is in Indonesian language. Use Translator widget to translate into your language!

---

#1 CARA INSTAL TEMPLATE

PILIHAN 1: UPLOAD FILE .XML

1. Masuk ke Blogger, pilih blog yang akan digunakan.
2. Klik Template, kemudian klik Cadangkan / Pulihkan.
3. Klik Unduh Template untuk mencadangkan template yang sedang digunakan, hal ini untuk menghindari kesalahan.
4. Klik Pilih file, kemudian pilih file .xml (template.xml) yang sudah didownload sebelumnya, dan klik Open.
5. Klik Unggah.

PILIHAN 2: SALIN LANGSUNG

1. Buka file .xml (template.xml) menggunakan Notepad (atau software sejenis lainnya).
2. Tekan tombol keyboard CTRL+A untuk memblok semua, kemudian tekan CTRL+C untuk menyalin.
3. Masuk ke Blogger, klik Template, kemudian klik Edit HTML.
4. Pada HTML Editor, klik secara asal didalam box, lalu tekan CTRL+A dan tekan DEL untuk menghapus semua kode.
5. Tekan CTRL+V untuk menempelkan kode template yang sudah disalin sebelumnya.
6. Klik Simpan Template
PERHATIAN
Saya tidak bertanggungjawab apabila terjadi kesalahan, sebaiknya cadangkan terlebih dahulu template yang sedang digunakan.

---

#2 PENGATURAN LAINNYA

1. PROFILE WIDGET

Widget ini hanya akan tampil saat mengklik icon " " yang ada di dalam Sidenav. Kamu bisa mengisinya sesuai dengan keinginan. Jika kamu mau, saya akan berikan contoh kecil tampilan profil.
Salin kode berikut dan tempelkan pada widget Profile.

<div class='chepp-card-4 chepp-white chepp-margin-0 chepp-padding-0'>
<img src='YOUR_PUBLIC_IMAGE_URL' style='max-width:100%;width:auto;height:auto' alt='My Photo'/>
<div class='chepp-container chepp-center'>
<p>YOUR TEXT HERE</p>
</div>
</div>

2. LABEL ACCORDION

Kamu tidak perlu mengatur apapun, label akan otomatis terindeks. Pastikan di setiap posting memiliki label.

3. MINI MENU

Mini Menu hanya akan tampil pada perangkat dengan lebar layar medium kebawah (Tablet dan Smartphone).
Kamu cukup Edit widget dan masukkan daftar link yang diinginkan.

4. IKON SOSIAL

Untuk menambahkan ikon sosial, kamu cukup gunakan nama belakang dari class FontAwesome.
Contoh: class untuk Facebook adalah fa fa-facebook, kamu cukup masukkan facebook saja. Atau lihat contoh gambar dibawah!

5. CUSTOM ERROR 404 PAGE

Cukup Edit widget Custom Error 404 Page, dan ketikkan pesan yang ingin disampaikan.

---

#3 SIDE NAVIGATION (SIDENAV)

Temukan kode dibawah ini, ubah teks berwarna merah sesuai dengan keinginan.

<div class='chepp-container chepp-margin-0 chepp-padding-0' style='position:relative;width:100%;height:150px;overflow:hidden'>
  <img alt='Logo' itemprop='image' src='YOUR_PUBLIC_IMAGE_URL_(RECOMMEND_USE_250X200)' style='width:100%;height:auto;margin:0;padding:0' title='Logo'/>
  <span class='myprofile chepp-text-white' itemprop='name'>YOUR NAME <i class='fa fa-caret-down' onclick='openMyProfile()' style='margin-left:10px;cursor:pointer'/></span>
</div>

Dibawahnya, kamu akan menemukan deretan menu link Sidenav, ganti teks yang berwarna merah sesuai keinginan.

<a href='#' itemprop='url' title='Typography'><span itemprop='name'>Typography</span></a>
<a href='#' itemprop='url' title='Colors'><span itemprop='name'>Colors</span></a>
<a href='#' itemprop='url' title='Utilities'><span itemprop='name'>Utilities</span></a>
<a href='#' itemprop='url' title='Containers'><span itemprop='name'>Containers</span></a>
<a href='#' itemprop='url' title='Buttons'><span itemprop='name'>Buttons</span></a>
<a href='#' itemprop='url' title='Cards'><span itemprop='name'>Cards</span></a>
<a href='#' itemprop='url' title='Alerts'><span itemprop='name'>Alerts</span></a>

SELESAI

Sekarang blog kamu sudah siap....

---

Untuk SEO, integrasi Blogger Template Editor (Variable definitions), CSS terorganisir, script tak terenkripsi, skema warna tema, edit footer link kredit, dokumentasi lengkap, serta dukungan dan bantuan langsung, gunakan template FlatBox versi premium, hanya USD 50 (khusus Indonesia cuma IDR 35.000,-).
Pembayaran bisa dilakukan melalui transfer rekening Bank, PayPal atau pulsa. Untuk cara pemesanan, bisa menggunakan email atau sms.
Informasi mengenai format pemesanan, bisa dilihat di http://chepps.blogspot.com/p/cara-pemesanan.html.

TERIMA KASIH