Cara Setup Groovy Blogger Template

Groovy adalah template blogger yang bersih, sederhana dan cepat, sangat mudah disesuaikan dan memiliki tata letak yang responsif sehingga sesuai dengan ukuran layar. dan dilengkapi dengan berbagai widget yang akan membantu Anda mempublikasikan blog Anda secara lebih profesional.

Groovy tersedia dalam versi free template, tetapi tentunya ada keterbatasan dimana Anda tidak dapat memodifikasi secara keseluruhan template.  Untuk melihat demo dan mengunduh template, Anda bisa melihat di Groovy Blogger Template  

1. Installing template

1. Unzip file Groovy.zip.
2. Di Dashboard Blogger klik template.
3. Klik Download Full Template untuk menyimpan template lama Anda sebagai cadangan untuk berjaga-jaga.
4. Klik tombol Browse . Temukan lokasi pilih "Groovy Template.xml".
5. Kemudian klik Upload.

2. Setting Blogger

Setelah memasang tema, ada pengaturan minimum untuk membuat semua widget bekerja dengan baik di template ini.

1. Di Dashboard Blogger klik pengaturan / setting.
2. Klik Lainnya.
3. Di Feed Situs> Allow Blog Feed Pilih Full.
4. Kemudian klik Save settings.

3. Setting Blogger Utama

1. Di Blogger Dashboard klik Layout/tata letak.
2. Klik Edit pada Widget Blog Posts.
3. Ubahlah agar terlihat seperti gambar dibawah.
4. Klik Simpan

4. Setup Main Menu di bagian tengah

Masuk ke edit template blogger dan cari kode di bawah ini dan edit sesuai kebutuhan anda:

<ul class='topmenu1' id='masthead'>
<li><a href='/'>Home</a><ul><li><a href="#">Next Version</a></li></ul></li>
<li><a href='#'>Download</a>
<ul><li><a href='#'>Link Url</a>
<ul>
<li><a href='#'>Example Menu</a>
</li>
<li><a href='#'>Example Menu 1</a></li>
</ul>
</li>
<li><a href='#'>Premium Version</a></li>
<li><a href='#'>Free Version</a></li>
<li><a href='#'>Downloadable</a></li>
</ul>
</li>
<li><a href='#'>Social</a>
</li>
<li><a href='#'>Features</a>
<ul>
<li><a href='#'>Lifestyle</a></li>
<li><a href='#'>Sports Group</a>
<ul>
<li><a href='#'>Category 1</a></li>
<li><a href='#'>Category 2</a></li>
<li><a href='#'>Category 3</a></li>
<li><a href='#'>Category 4</a></li>
<li><a href='#'>Category 5</a></li>
</ul>
</li>
<li><a href='#'>Sub Menu 3</a></li>
<li><a href='#'>Sub Menu 4</a></li>
</ul>
</li>
<li><a href='#'>Travel</a></li>
<li><a href='#'>Contact Us</a></li>

</ul>

5. Setup Top Left Menu

Di Blogger Dashboard klik Layout/Tata Letak

6. Ikon media sosial di kanan atas

Akses Layout/tata letak blog Anda> klik Edit link di widget Social Icons


Anda bisa memasukkan teks di bawah ini:

<a href="#"><i class="fa fa-facebook"/></i></a>
<a href="#"><i class="fa fa-twitter"/></i></a>
<a href="#"><i class="fa fa-pinterest"/></i></a>
<a href="#"><i class="fa fa-instagram"/></i></a>

<a href="#"><i class="fa fa-google-plus"/></i></a>

rubah "#" sesuai dengan url Anda.

7. Ads on Header

Anda bisa melihat terdapat iklan di banner atas situs web, untuk menempatkan iklan Anda, Anda dapat mengikuti gambar di bawah ini:

Klik edit dan masukkan kode iklan Anda.

8. Homepage Post Section

Anda Bisa Lihat di bagian posting di website seperti yang ditunjukkan pada gambar di bawah ini.

Anda dapat mengatur bagian ini dengan menambahkan LABEL ke widget tata letak seperti yang ditunjukkan pada poin ketiga.

Anda hanya perlu menambahkan LABEL dari posting Anda dan bisa Anda dapatkan seperti contoh  di bawah ini:

Anda Bisa Lihat di bagian posting di website seperti yang ditunjukkan pada gambar di bawah ini.

Anda dapat mengatur bagian ini dengan menambahkan label ke widget tata letak ini.

SEKARANG Cukup tambahkan LABEL posting di 3 bagian ini dari LAYOUT, dan tulisan akan ditampilkan di beranda. Cukup tambahkan LABEL seperti gambar dibawah ini:

9. Perubahan warna pada blog

Akses template blog anda> klik Customize seperti gambar dibawah ini Image:

Kemudian masuk ke ADVANCED dan pilih warna yang Anda inginkan untuk keseluruhan situs web.

Selamat berkarya, dan sekali lagi untuk melihat demo dan mengunduh template, Anda bisa melihat di Groovy Blogger Template 

,