Ads by Yasya El Hakim
Dokumentasi Template Blogger Goolge Play

Goolge Play adalah Blogger Template yang mirip dengan Google Play Store dan cocok digunakan untuk Blog berniche Download (Khususnya aplikasi android). Di desain dengan sedemikian rupa agar mirip dan tidak terlalu berbeda dengan Google Play Store versi Mobile. Goolge Play sudah mendukung Accelerated Mobile Page (AMP) yang sangat direkomendasikan oleh Goohle.

Jika anda sudah menggunakan Template Goolge Play, sangatlah tepat jika anda membaca dokumentasi ini untuk mempermudah anda dalam menggunakan Template tersebut.

Anda dapat melihat Demo dan memesan melalui tombol berikut.
Demo | Beli

Langkah Paling Dasar (Lewati jika anda sudah bisa)

  1. Cara Install Template Blogger.

Top Navigation (Tabs Menu 1 & Tabs Menu 2)

Buka Layout (Tata Letak) > klik "edit" untuk setiap kategori Tabs Menu.
Tabs Menu
Edit Link

  1. Masukkan nama Menu
  2. Masukkan link tujuan
  3. Klik Simpan

Homepage Wiget (Cuma tampil di halaman Home)

Image Slider

Sama seperti cara mengedit Top Navigation, perbedaannya adalah pada nomor 2, ganti dengan URL gambar.

Catatan: Gunakan Gambar berukuran 515px x 290px

Trending

Sudah otomatis ditambahkan jika terdapat postingan populer.

Labels

Anda dapat memilih label yang ingin anda tampilkan. (Secara Default, semua label akan ditampilkan

Sidebar

Sidebar terdiri dari Popular Post & Labels. Anda dapat mengeditnya dengan cara yang sama seperti diatas.

Untuk Labels Secara Default, semua label akan ditampilkan dan anda dapat mengaturnya.


Navigation Drawer Menu

Anda dapat mengedit Navigation Drawer Menu melalui HTML (Karena Berdampak langsung dengan AMP). Jika anda bingung dalam mengeditnya, anda dapat meminta bantuan kepada saya.

Berikut adalah langkah-langkah untuk mengedit Navigation Drawer Menu.
  1. Masuk ke Theme (Tema) > Edit HTML.
  2. Cari kode <span class='field info'> dan ubah teks diantara <span class='field info'> dan </span> dengan Nama Anda.
  3. Cari teks <!-- Start of Navigation Item --> dengan cara menekan tombol CTRL + F pada Keyboard.
  4. Anda dapat menghapus semua kode diantara teks <!-- Start of Navigation Item --> dan <!-- End of Navigation Item --> 
  5. Untuk membuat menu dengan icon, anda dapat memasukkan kode: <li class="ripple"><a href="LINK-MENU-ANDA"><svg height='24' viewBox='0 0 24 24' width='24'>PATH-SVG</svg>NAMA-MENU</a></li>
  6. Untuk mengubah photo Profil pada Navigation Drawer, anda dapat mencari url https://lh3.googleusercontent.com/a-/AAuE7mDOGXDs2B-z42P5lm1CDOp1V4sV9UA80i1klaeTxw=s96 dan ubah dengan URL Photo anda.
  7. Untuk mengubah Background Wallpaper pada Navigation Drawer, anda dapat mencari url https://www.vactualpapers.com/web/wallpapers/colorful-google-inspired-material-design-hd-wallpaper-69/thumbnail/lg.jpg dan ubah dengan URL Gambar yang anda inginkan.

Keterangan:
  1. Ubah teks LINK-MENU-ANDA dengan URL yang anda inginkan
  2. Kode diantara <svg> dan </svg> merupakan icon yang digunakan dalam format SVG, anda dapat membacanya lebih lengkap DISINI.
  3. Ubah teks NAMA-MENU dengan nama Menu yang anda inginkan
  4. Anda juga bisa untuk tidak menggukan Icon dengan menghilangkan kode <svg>
  5. Untuk membuat garis batas diantara menu, anda dapat memberikan class "bbtom", contoh <li class="ripple bbtom"><a href="LINK-MENU-ANDA"><svg height='24' viewBox='0 0 24 24' width='24'>PATH-SVG</svg>NAMA-MENU</a></li> 


    Mengedit Placeholder pada Search Bar

    Anda dapat mengedit Placeholder pada Search Bar melalui Edit HTML.

    Tekan tombol CTRL + F pada Keyboard dan cari kode placeholder='Goolge Play' kemudian ubah teks Goolge Play dengan teks yang anda inginkan.

    Footer Credit

    Anda dapat mengedit Footer Credit melalui Edit HTML.
    1. Cari kode <!-- Start of Footer lists -->, hapus kode diantara <!-- Start of Footer lists --> dan <!-- End of Footer Lists --> dan ubah dengan kode: <a href="URL-ANDA">NAMA-FOOTER</a> -
    Keterangan:
    1. Ubah teks URL-ANDA dengan URL tujuan.
    2. Ubah teks NAMA-FOOTER dengan nama Footer anda.

    META Tag

    1. Cari kode <link href='YOUR-FAVICON' rel='icon' type='image/x-icon'/> dan ubah teks YOUR-FAVICON dengan Link Icon anda (Rekomendasi dengan menggunakan Base64).
    2. Cari kode <meta content='YOUR-BLOG-DESCRIPTION' name='keywords'/> dan ubah dengan teks YOUR-BLOG-DESCRIPTION dengan Deskripsi Blog anda.
    3. Cari kode <link href='YOUR-SOCIAL-PAGE-URL' rel='publisher'/> dan ubah teks YOUR-SOCIAL-PAGE-URL dengan Link Facebook Fanpage anda.
    4. Cari Kode <link href='YOUR-SOCIAL-PROFILE-URL' rel='author'/> dan ubah teks YOUR-SOCIAL-PROFILE-URL dengan Link Profile Facebook anda atau Link Fanpage anda.
    5. Cari kode <link href='YOUR-SOCIAL-PROFILE-URL' rel='me'/> dan ubah teks YOUR-SOCIAL-PROFILE-URL dengan Link Profile Facebook atau Link Fanpage anda.
    6. Cari kode <meta content='YOUR-GOOGLE-SITE-VERIVICATION-CODE' name='google-site-verification'/> dan ubah teks YOUR-GOOGLE-SITE-VERIVICATION-CODE dengan kode verifikasi Google Search Console.
    7. Cari kode <meta content='YOUR-BING-SITE-VERIVICATION-CODE' name='msvalidate.01'/> dan ubah teks YOUR-BING-SITE-VERIVICATION-CODE dengan kode verifikasi Bing anda.
    8. Cari kode <meta content='YOUR-COUNTRY' name='geo.placename'/> dan ubah teks YOUR-COUNTRY dengan nama negara anda. Contoh: Indonesia, America, dll.
    9. Cari kode <meta content='YOUR-NAME' name='Author'/> dan ubah teks YOUR-NAME dengan nama asli atau samaran anda.
    10. Cari kode <meta content='YOUR-GEO-CODE' name='geo.country'/> dan ubah teks YOUR-GEO-CODE dengan nama negara anda. Contoh: Indonesia, America, dll.
    11. Cari kode <meta content='YOUR-FACEBOOK-PROFILE-URL' property='article:author'/> dan ubah teks YOUR-FACEBOOK-PROFILE-URL dengan Link Profile Facebook anda.
    12. Cari kode <meta content='YOUR-FACEBOOK-PAGE-URL' property='article:publisher'/> dan ubah  teks YOUR-FACEBOOK-PAGE-URL dengan Link halaman Facebook anda.
    13. Cari kode <meta content='YOUR-FACEBOOK-APP-ID' property='fb:app_id'/> dan ubah teks YOUR-FACEBOOK-APP-ID dengan ID Aplikasi Facebook anda.
    14. Cari kode <meta content='YOUR-LOCALIZATION-CODE' property='og:locale'/> dan ubah teks YOUR-LOCALIZATION-CODE dengan kode negara anda. Contoh: en_US untuk Amerika atau id_ID untuk Indonesia.
    15. Cari kode <meta content='YOUR-ALTERNATIVE-LOCALIZATION-CODE' property='og:locale:alternate'/> dan ubah teks YOUR-ALTERNATIVE-LOCALIZATION-CODE dengan kode altirnatif negara. Contoh: Jika anda menggunakan en_US maka anda bisa menambahkan id_ID.
    16. Cari kode <meta content='YOUR-TWITTER-URL' name='twitter:site'/> dan ubah teks YOUR-TWITTER-URL dengan Link halaman Twitter anda.
    17. Cari kode <meta content='YOUR-TWITTER-URL' name='twitter:creator'/> dan ubah teks YOUR-TWITTER-URL dengan Link halaman Twitter anda.

     Video Tutorial




    0Komentar

    Sebelumnya Selanjutnya