Free Template: Go Green!!! Template

Free Template: Go Green!!! Template
Di Posting Oleh : Admin
Kategori : Template Blog Tutorial, Teknologi dan Kesehatan: Mangaip Blog

Waduh, akhirnya mimpi kesampean nih. Lama aku pingin bikin template Blogger, akhirnya, setelah capek-capek berkutik dengan CSS dan Javascript, akhirnya saya berhasil membuat template ini. Template ini saya beri nama Go Green!!! Template, terinspirasi dari keprihatinan saya terhadap pemanasan global yang kini merajalela.

Spesifikasi Template:

• 2 Kolom
• Warna hijau
• Warna putih

Fitur-fitur:

1. Posting sebelah kiri.

Posting sebelah kiri bisa membuat blog anda SEO friendly.

2. Multi kolom.

Multi kolom ini bisa menampung berbagai macam widget seperti recent posts atau recent comments.

3. Navigasi with Dropdown.

Ini juga salah satu fiturnya. Dengan navigasi menu dropdown, anda bisa menampung banyak link dalam tempat yang relatif sempit.

Syarat dan Ketentuan:

Untuk peraturan, Template Go Green!!! tidak memiliki peraturan yang mengikat dalam pemakaiannya. Anda boleh mendistribusikannya secara bebas. Anda juga dibolehkan untuk menghapus link credit, atau mengeditnya. Mau diapain kek, terserah! Melarang itu percuma...
Lagian saya ini yang bikin, bukan anda? Peraturannya ya suka-suka saya...

Tanya Jawab:

1. Bagaimana cara memasang template ini?

1. Scroll halaman ini menuju link download, lalu klik Download.

2. Buka file berekstensi .zip dengan Winzip, Winrar, atau aplikasi lainnya.

3. Ekstrak file Go Green!!! Template.xml ke sebuah folder.

4. Sekarang, login ke Blogger dengan akun anda (jangan pake akun saya, kan yang mau diganti templatenya kan anda??? ).

5. Klik Tata Letak > Edit HTML.

6. Backup dulu template anda. Klik Download Template Lengkap.

7. Klik Browse.

8. Cari file yang tadi sudah diekstrak (berekstensi .xml), lalu klik Open.

9. Lalu klik Unggah.

10. Sekarang, pada Blogger, sudah ada fitur Keep Widget. Nah, widget yang anda bisa dipertahankan atau dihapus. Apabila ingin mempertahankan widget, ya klik yang Pertahankan Widget. Kalau ingin menghapus ya klik Hapus Widget.

11. Selesai! Template anda sudah diunggah.

2. Bagaimana caranya membuat header pada halaman utama terlihat?

Login ke Blogger, lalu klik menu Tata Letak > Edit HTML, Cari kode:

h2.date-header{display:none}

Kalau sudah ketemu ya hapus aja...

3. Bagaimana caranya mengganti tulisan di menu navigasi?

Masih di menu Edit HTML, lalu cari kode:

<div id='navdropdownmenu'>
<ul id='navdropdownmenu'>
<li><a href='#'>Home</a></li>
<li onmouseout='petakumpet("submenu1")' onmouseover='umpetpetak("submenu1")'><a href='#'>Menu 1</a>
<div class='ngumpet' id='submenu1'>
<ul>
<li><a href='#'>Submenu 1</a></li>
<li><a href='#'>Submenu 2</a></li>
<li><a href='#'>Submenu 3</a></li>
<li><a href='#'>Submenu 4</a></li>
<li><a href='#'>Submenu 5</a></li>
</ul>
</div>
</li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
<li><a href='#'>Menu 5</a></li>
</ul>
</div>

Ket: Yang berwarna biru adalah menu yang akan tampil. Yang berwarna merah adalah menu yang akan disembunyikan, dan akan muncul ketika mouse menyoroti menu yang terlihat. Yang berwarna hijau adalah URL link yang dituju. Sedangkan yang berwarna kuning adalah teks yang akan ditampilkan pada dropdown menu. Ganti saja sesuka hati anda.

Demo dan download:

Klik Demo untuk menuju blog demo dari template ini, atau klik Download untuk mendownload template ini.

 

Selamat menempuh template baru (yang ada selamat menempuh hidup baru! ).