Next X-Gen CSS Template - Green Version (Update 26 April 13)

Untuk template Next X-Gen CSS ini akan saya buat menjadi beberapa versi, dan kali ini saya akan share yang Green Version nya terlebih dahulu, buat yang versi lain menyusul.

Template Name : Next X-Gen CSS Template - Green Version
Designer : Andi Techno
Fitur :
- 100% SEO Checked on chkme.com
- Auto Read More
- Breadcrumbs Indexed by Google 
- Rich Snippet (Rating Bintang)
- Cool Related Post with Thumbnail
- Customized Popular Post Style
- Rounded Corner Style on Image Post and Popular Post
- Unique Menu Navigation with Bounce Effect
- Unique Header
- 3 Columns Footer Widget
- Social Button with Opacity
- Threaded Comment Style
- Slide Open/Close Pannel on Comment
- Ads Space 550 X 80 (diatas posting)
- And Other

Demo 

Download Dropbox | Download Mediafire | Download Ziddu

Perhatian! Agar template dapat tampil maksimal dan tidak acak-acakan di blog kamu, baca cara setting dibawah ini sampai selesai!

Setelah menginstal template ini silahkan ikuti step berikut agar template berjalan maksimal di blog kamu:

1. Masuk ke dashboard blogger

2. Klik Tata Ltak / Layout

3. Klik "Edit" pada "Blog Post"

4. Berikan centang HANYA pada "Label" dan "komentar" yang lain jangan di centang

5. Klik Simpan / Save

/************* Pengaturan Related Post *************/

1. Klik Template

2. Pilih "Edit HTML"

3. Cari link "http://next-xgen-green.blogspot.com" (tanpa tanda kutip) lalu ganti dengan link blog anda (tanpa slash diakhir link)

4. Klik Simpan Template

/************* Pengaturan Menu *************/

1. Masih pada Edit HTML

2. Cari kode <div class='menu'> 

3. Perhatikan dibawah kode tersebut, terdapat kode seperti ini :

<ul> 

<li><a href='#'>Home</a></li>

<li><a href='#'>Archive</a></li>

<li><a href='#'>Disclaimer</a></li>

<li><a href='#'>Privacy</a></li>

<li><a href='#'>Service</a></li>

<li><a href='#'>Labels</a> 

<ul class='children'> 

<li><a href='#'>Fun</a></li> 

<li><a href='#'>Techno</a></li> 

<li><a href='#'>Tips</a></li> 

</ul></li>

<li><a href='#'>Categories</a> 

<ul class='children'> 

<li><a href='#'>Fun</a></li> 

<li><a href='#'>Techno</a></li> 

<li><a href='#'>Tips</a></li> 

</ul></li>

<li><a href='#'>News</a> 

<ul class='children'> 

<li><a href='#'>Fun</a></li> 

<li><a href='#'>Techno</a></li> 

<li><a href='#'>Tips</a></li> 

</ul></li>

<li><a href='#'>Contacts</a> 

<ul class='children'> 

<li><a href='#'>Fun</a></li> 

<li><a href='#'>Techno</a></li> 

<li><a href='#'>Tips</a></li> 

</ul></li>

       </ul> 

4. Silahkan ganti tanda # dengan link menu kamu, dan ganti teks nya dengan judul menu kamu (contoh: Home, Archve, Disclaimer, dll)

/************* Pengaturan Tombol Social Media **************/

1. Masih pada Edit HTML

2. Cari kode <a href='http://twitter.com/username'> ganti http://twitter.com/username dengan link twitter kamu

3. Cari kode <a href='http://plus.google.com/username'> ganti http://plus.google.com/username dengan link google+ kamu

4. Cari kode <a href='http://facebook.com/username'> ganti http://facebook.com/username dengan link facebook kamu

Oke, kalau berminat dengan template ini silahkan download dan instal templatenya di blog kamu, dan silahkan sebarkan template ini kalau mau :)

Kalau menemukan error pada template atau pada link download template ini, silahkan beritahu melalui form komentar di bawah agar bisa segera saya perbaiki, terimakasih.