SimProperty Lite - Blogger Template

Introduce

Langkah-Langkah Awal

1. Instalasi Blogger
2. Buat Produk Dengan Twinny Poster
3. Penting Gunakan Twinny Framework - Dashboard Settings:
• Menggunakan Twinny Framework Dashboard - Extension / Bookmark  / Lite Version
• Mengatur Pengaturan Template
• Merubah Bahasa Dengan Penerjemah (Translator)
• Membangun Menu Navigasi
• Install Tema (Khusus Reguler/Developer License)
• Setuju Dengan AMP untuk Posting (Jika Template anda Support)
4. Aktifkan Search Reference
5. Work With Blogger  Designer Tool

 Selamat Datang

Terima kasih telah membeli template Twinny Property - Blogger Template.

Template Twinny Property adalah generasi baru dan penerus dari Tokko Blogger.

Twinny Property merupakan template toko online dengan tampilan yang modern dan menarik dilengkap dengan fitur-fitur yang lengkap untuk sebuah toko online sederhana dan juga kecepatan loading yang sangat cepat.

Jika ada pertanyaan tentang penggunaan silahkan hubungi via Whatsapp .

Instalasi Template

Ikuti langkah-langkah berikut:

1. Buka folder template yang akan di Install. Buka File Template format XML dengan menggunakan Notepad.
2. Copy Semua kode yang ada pada file template tersebut.
3. Buka Blogger > Tema > Edit HTML seperti gambar berikut.
   
   
   
   
   
4. Jika sudah, Hapus semua kode template yang lama, dan paste kode yang baru saja di copy tadi.
   
   
   
   
   
5. Terakhir, klik tombol Simpan Tema atau Icon Save.
6. Tambahan, pada Gambar pertama, silahkan klik Setelan Seluler dan pilih Desktop dan Simpan.
   
   

Pemasangan Lisensi

Jika anda menggunakan Trial License anda dapat Order License Pada Tokko Blogger, Dan Kode License akan kami Berikan kepada anda melalui whatsapp anda.

Jika anda sudah mendapatkan Kode license silahkan Ikuti tata cara dibawah ini:

1. Masuk ke Blogger > Tata Letak > Twinny Property - License > Edit
   
   
   
   

Merubah Warna Template

Info : Untuk saat ini live preview fitur customize blogger versi terbaru sedang bermasalah, jadi untuk menggunakan live preview mengubah warna template perlu klik "Kembalikan ke Blogger lama", setelah mengubah warna sesuai yang diinginkan, bisa kembali ke blogger versi baru.

1. Silahkan ke Blogger > Template > Sesuaikan/Customize.
   
   
   
   

Sunting Menu Navigasi

Pengaturan Menu Navigasi anda, anda dapat mengaturnya dibagian TATA LETAK atau jika anda menggunakan Twinny Framework Dashboard - Extension, berikut tata cara penggunaannya :

1. Klik TW Twinny Framework pada menu sidebar blogger anda
2. Anda akan ke direct ke pengaturan template anda (code Template)
3. Lihat pada Area Kiri atas menu anda 
4. dan Klik Menus
5. Sunting atau drag and drop baik posting, label, dan Halaman anda
6. Selesai

Info : Pastikan toko Anda sudah memiliki produk dan juga label kategori agar secara otomatis muncul pada menu navigasi, Anda juga bisa mengatur label apa yang ingin dimunculkan pada menu navigasi.

Pengaturan Lengkap

Terdapat 2 langkah yang dapat anda ikuti, Pengaturan Data Diri dapat anda lihat pada Tata Letak atau Pada Twinny Framework Dashboard (Options Menu). 

Berikut adalah pengaturan data diri melalui 

    Tata Letak > Tombol CTA (Call To Action)

Jika anda Menggunakan Twinny Framework Dashboard - Extension, Lite atau Bookmark Ikuti Tata cara dibawah ini:

Info : Pada widget  atau Pada Twinny Framework Dashboard ini semua pengaturan kontak, nomor telepon, email, teks, dan lain sebagainya dapat diatur sesuai kebutuhan.

Kategori 6 dengan Icon Gambar

Anda dapat Mengatur pada Tata Letak Blogger dan Di Widget dapat anda sunting baik dari Upload gambar, Link dan Caption

Info : Untuk widget ini masih menggunakan kode HTML, namun bisa di edit melalui tata letak, Anda perlu mengupload gambar dahulu melalui halaman test yang sudah Anda buat.

Pengaturan Translasi (Translate Template)

anda dapat melakukan translate pada Template anda (Khusus bagi yang menggunakan Twinny Framework Dashboard - Extension / Bookmark / Lite Version

Info : Cukup anda menggantinya di area kanan Layar anda untuk melakukan translate pada template anda

Recent Product By Label

Info : Widget ini untuk memunculkan produk berdasarkan kategori yang sudah Anda pilih.

Table Produk Tambahan

Info : Table ini dapat digunakan di halaman statis maupun halaman produk.

Product Details
Product Code	20200817
Types of products	International
Weight	500 grams
Description	All Size
Material	The Best Material

<table><tbody>
<tr><td colspan="2"><b>Product Details</b></td></tr>
<tr><td>Product Code</td><td>20200817</td></tr>
<tr><td>Types of products</td><td>International</td></tr>
<tr><td>Weight</td><td>500 grams</td></tr>
<tr><td>Description</td><td><b>All Size</b></td></tr>
<tr><td>Material</td><td>The Best Material</td></tr>
</tbody></table>

Tabel Untuk Posting

Dan Berikut Tabel yang wajib anda gunakan untuk setiap Posting produk anda, oleh karena itu Mohon untuk Copy Kode dibawah ini Dan Pastekan pada Postingan anda

Berikut Kami lampirkan Kode Postingan :

Informasi
Harga	1.500.000
Harga ( Diskon )	Bisa pakai harga atau 50%
Keterangan Harga	/siang
Kamar	4
Toilet	4
Lantai	2

Fasilitas
Nama Fasilitas 1	Ada
Nama Fasilitas 2	Ada
Nama Fasilitas 3	Ada
Nama Fasilitas 4	Ada
Nama Fasilitas 5	Ada
Nama Fasilitas	ada
Nama Fasilitas	ada
Nama Fasilitas	tidak ada
Nama Fasilitas	adaa
Nama Fasilitas	ada
Nama Fasilitas	ada
Nama Fasilitas	ada
Nama Fasilitas	ada
Nama Fasilitas	ada
Nama Fasilitas	ada

Galeri Foto

Untuk anda yang mencari properti serta di lengkapi dengan fasilitas terbaik, bisa pertimbangkan untuk memesan properti ini, silahkan klik tombol booking untuk reservasi / informasi sewa.

Code Table Posting Produk

<table class="field" style="border-collapse: collapse; font-family: Roboto, sans-serif; margin: 20px 0px; padding: 0px; text-align: center; width: 100%;">
    <thead>
        <tr>
            <th colspan="2" style="border: 1px solid rgb(221, 221, 221); color: #aaaaaa; letter-spacing: 2px; padding: 20px;"><span style="font-weight: normal;">Informasi</span></th>
        </tr>
    </thead>
    <tbody>
        <tr class="normal_price">
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Harga&nbsp;</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;">1.500.000</td>
        </tr>
        <tr class="discount_price">
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Harga ( Diskon )</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;">1.000.000</td>
        </tr>
        <tr class="attr_price">
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Keterangan Harga</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;">/siang</td>
        </tr>
        <tr class="qty_bedroom">
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Kamar</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;">4</td>
        </tr>
        <tr class="qty_bathroom">
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Toilet</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;">4</td>
        </tr>
        <tr class="qty_floor">
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Lantai</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;">2</td>
        </tr>
    </tbody>
</table>
<!--more-->
<table class="field facility" style="border-collapse: collapse; font-family: Roboto, sans-serif; margin: 20px 0px; padding: 0px; text-align: center; width: 100%;">
    <thead>
        <tr>
            <th colspan="2" style="border: 1px solid rgb(221, 221, 221); color: #aaaaaa; letter-spacing: 2px; padding: 20px;"><span style="font-weight: normal;">Fasilitas</span></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Nama Fasilitas 1</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;">Ada</td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Nama Fasilitas 2</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;">Ada</td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Nama Fasilitas 3</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;">Ada</td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Nama Fasilitas 4</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;">Ada</td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Nama Fasilitas 5</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;">Ada</td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Nama Fasilitas</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;">ada</td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Nama Fasilitas</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;">ada</td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Nama Fasilitas</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;">tidak ada</td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Nama Fasilitas</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;">adaa</td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Nama Fasilitas</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;"></td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Nama Fasilitas</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;"></td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Nama Fasilitas</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;"></td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Nama Fasilitas</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;"></td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Nama Fasilitas</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;"></td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; font-weigh: 600; padding: 10px;">Nama Fasilitas</td>
            <td style="border: 1px solid rgb(221, 221, 221); padding: 10px;"></td>
        </tr>
    </tbody>
</table>
<table class="field" style="border-collapse: collapse; font-family: Roboto, sans-serif; margin: 20px 0px; padding: 0px; text-align: center; width: 100%;">
    <tbody>
        <tr>
            <td style="border: 1px solid rgb(221, 221, 221); color: #aaaaaa; letter-spacing: 2px; padding: 20px;">Galeri Foto</td>
        </tr>
        <tr>
            <td class="gallery" style="border: 1px solid rgb(221, 221, 221); padding: 20px;">
                <div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjQ1y4elbP8QMc9n5jd3n91HcnLel0iIPkqlwVTPWm6qqF3AyYJU_OEvWMrbVekUhb1le5qavhSTZQR0yff0A2g93KL3jtrKCKIkvthwFdWNxjKjB99eitcEbZMmIFOTG2gGMhd3pI65LsDrbyGTYSBPeWrxz4VsKMMS-IwCTQ-0H0JOGq-5KU-SC8_=s1170" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="877" data-original-width="1170" height="150" src="https://blogger.googleusercontent.com/img/a/AVvXsEjQ1y4elbP8QMc9n5jd3n91HcnLel0iIPkqlwVTPWm6qqF3AyYJU_OEvWMrbVekUhb1le5qavhSTZQR0yff0A2g93KL3jtrKCKIkvthwFdWNxjKjB99eitcEbZMmIFOTG2gGMhd3pI65LsDrbyGTYSBPeWrxz4VsKMMS-IwCTQ-0H0JOGq-5KU-SC8_=w200-h150" width="200" /></a></div>
            </td>
        </tr>
    </tbody>
</table>
<p>Untuk anda yang mencari properti serta di lengkapi dengan fasilitas terbaik, bisa pertimbangkan untuk memesan properti ini, silahkan klik <b>tombol booking</b> untuk reservasi / informasi sewa.</p>