Free Download Template ZITIZEN Full Version dan Tutorialnya

Selamat Pagi,,, tidak sengaja jalan - jalan ke web teman temukan template yang sangat bagus untuk di posting di Blog Manado. Ok langsung saja.....

DEMO  -  DOWNLOAD

Berikut ini adalah Zitizen lain, oops, ini adalah zitizen dengan fitur lengkap ... Cahyabiru.com termasuk Auto-Slider, Glider, dan Tabber.

Instalasi Dan Set Up


Perubahan LOGO.

Pergi ke Edit HTML
silahkan mencari gambar ini Alamat:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnwbLSAGhhWVnKpp7OnItLtqSPUXmJ0tuP2IxILlXQ2sUBjWWe2EY_0rdB8gt7wme8tGGIANClhY-PUeFnSxv6kot1LfpLYjxUy04QnxepCFbOCdfpc9VyV2wEfh2p8Tasc5qKCSw0yhoQ/s1600/logo.png


setelah itu, ganti dengan logo gambar Anda sendiri.

HOST ANDA JAVASCRIPT (JS)

The Zitizen menggunakan fitur JS, seperti slider, glider, dan tabber, karena itu, Anda perlu menemukan web yang memfasilitasi tentang JS hosting. Sebagai contoh: fileave.com
Host semua file JS ke web, dan dimasukkan ke dalam ke dalam template.

Menemukan kata-kata di bawah ini:

Tambahkan Bisnis src="YOUR-JAVASCRIPT-HOSTING-LOCATION/jquery-1.2.6.min.js"> </ script>
Tambahkan Bisnis src="YOUR-JAVASCRIPT-HOSTING-LOCATION/slider.js"> </ script>
Tambahkan Bisnis src="YOUR-JAVASCRIPT-HOSTING-LOCATION/glide.js"> </ script>
Tambahkan Bisnis src="YOUR-JAVASCRIPT-HOSTING-LOCATION/tabber.js"> </ script>

Mengubah YOUR-JAVASCRIPT-hosting-LOKASI dengan Anda sendiri.

SET UP THE MENU BAR

Pertama menu
Masuk ke blogger
Pergi ke Layout - tab Edit HTML
Tidak perlu untuk memeriksa Perluas widget template
Cari (Ctrl + F) di bawah ini:

<li> <a href='#'> Judul sini </ a> </ li>

Kemudian, Anda akan menemukan seperti ini:

<li> <a href='#'> Judul sini </ a> </ li>
<li> <a href='#'> Judul sini </ a> </ li>
<li> <a href='#'> Judul sini </ a> </ li>
<li> <a href='#'> Judul sini </ a> </ li>
<li> <a href='#'> Judul sini </ a> </ li>

Tolong, mengubah simbol # dengan alamat yang ditargetkan.
Mengubah Judul kata sini dengan judul Anda sendiri.

Kedua menu

menemukan ini (Ctrl + F):

<li> <a href='PARENT-LINK-ADDRESS'> INDUK TITLE </ a>

kode di bawah itu, Anda akan menemukan seperti ini:

<li> <a href='PARENT-LINK-ADDRESS'> INDUK TITLE </ a>
<li> <a href='PARENT-LINK-ADDRESS'> INDUK TITLE </ a>
<li> <a href='PARENT-LINK-ADDRESS'> INDUK TITLE </ a>
<li> <a href='PARENT-LINK-ADDRESS'> INDUK TITLE </ a>
<li> <a href='PARENT-LINK-ADDRESS'> INDUK TITLE </ a>
<li> <a href='PARENT-LINK-ADDRESS'> INDUK TITLE </ a>

Tolong, mengubah INDUK-LINK-ALAMAT dengan alamat target Anda sendiri.
Setelah itu, mengubah kata INDUK-TITLE dengan judul Anda sendiri.
Simpan template Anda


Auto Slider

Setiap konten dalam slider memiliki struktur HTML. Di bawah ini, saya akan menjelaskan bagaimana membuat salah satu isi Slider. Setelah Anda membuat satu, Anda dapat membangun konten lain dengan copy-paste di bawah sebelumnya. Ini dia struktur:


<div class="panel">

<a href="LINK-ADDRESS"> <img class="ethumb" src="YOUR-IMAGE-ADDRESS" alt=""/> </ a>
</ Div>


Silakan Mengubah kata:
LINK ALAMAT -> dengan link ditargetkan Anda sendiri
IMAGE ANDA ALAMAT -> dengan alamat gambar Anda sendiri. Tolong, Ingat bahwa ukuran gambar tinggi 100px dan lebar 200px.

Untuk mengedit, Anda bisa menggunakan pengolah, notepad, atau perangkat lunak apapun. Oh ya, hampir lupa,
Anda dapat mengisi Slider widget maksimal 12 isinya.


GLIDER KONTEN

<div class="glidecontent">

<div class="inpost">
<h2> <a href="YOUR-TITLE-LINK-ADDRESS" title="TITLE"> TITLE </ a> </ h2>
<p> TEASER POST ANDA </ p>

</ Div>

<img src="YOUR-IMAGE-ADDRESS" alt=""/>

</ Div>

Silakan Mengubah Kata:
JUDUL -> dengan judul Anda sendiri. Contoh: Batman kembali atau dll
ANDA-JUDUL-LINK-ALAMAT -> dengan link di mana pos berada. Contoh: http://www.cahayabiru.com/templates/single.html
ANDA-TEASER-POST -> dengan posting yang dapat membuat pembaca Anda menggoda. Contoh: Lorem Ipsum
YOUR-IMAGE-ALAMAT -> dengan alamat di mana gambar Anda berada. Contoh: http://www.imagehost.com/bla/bla.jpg

Anda bisa mengisi widget Glider hanya 6 maksimal isinya.


Mengatur Feedburner ID Anda:
1. Silakan pergi ke Blogger Edit HTML:
2. Masuk ke Blogger
3. Klik The "Layout" Tab
4. Klik "Edit HTML"
5. Tidak perlu memeriksa "Expand Widget Template" kotak

6. Cari (Ctrl + F) teks ini:
CahayaBirusSphere

Setelah itu, mengubahnya dengan ID anda.

7. Simpan Template


Jika Anda menemukan bahwa karya saya dibuat yo tertarik, dan tidak ingin melewatkan posting kami berikutnya, silakan berlangganan dalam bentuk saya feedburner ... OK teman ... :) ... Terima kasih sudah datang....