Recent Posting

Zitizen (Full Versions)




Hehe ... Hello again...

Here is another Zitizen, oops, this is the zitizen with full features... Cahyabiru.com include the Auto-Slider, Glider, and Tabber.

Installation And Set Up


Change The LOGO.


Go to Edit HTML
please find this image Address:

http://1.bp.blogspot.com/_e1ijoz8Rxkk/Sl8ElCzjpYI/AAAAAAAAAHc/kianCrdPa_8/s1600/logo.png


after that, change it with your own image logo.

HOST YOUR JAVASCRIPT (JS)

The Zitizen use JS feature, like slider, glider, and tabber; because of that, you need to find any web that facilitating about the JS hosting. For example: fileave.com
Host all the JS file into the web, and put in the into the template.

Find this words below:

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

Change the YOUR-JAVASCRIPT-HOSTING-LOCATION with your own.

SET UP THE MENU BAR

The First Menu
  • Sign in to blogger
  • Go to Layout -- Edit HTML tab
  • No need to check Expand widget template
  • Find (Ctrl+F) this below:

<li><a href='#'>Title Here</a></li>

Then, You will find like this:

<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>

Please, change # symbol with your targeted address.
Change the word Title Here with your own title.

The Second Menu

find this (Ctrl+F) :

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

below that code, you will find like this:

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

Please, change PARENT-LINK-ADDRESS with your own targeted address.
After that, change the word PARENT-TITLE with your own title.
Save your template


Auto Slider

Every content in slider have HTML structure. Below, I would explain how to make one content of the Slider. After You make it one, you can build another contents by copy-paste below the previous one. Here it is the structure:


<div class="panel">

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


Please Change the words :
LINK ADDRESS --> with your own targeted link
YOUR IMAGE ADDRESS --> with your own image address. Please, Remember that the image size is 100px height and 200px width.

To edit that, you could use wordprocessor, notepad, or any software. Oh yes, almost forgot,
You can fill in the Slider widget maximum 12 contents.


GLIDER CONTENT

<div class="glidecontent">

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

</div>

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

</div>

Please Change the Words :
TITLE --> with your own title. Example: Batman is back or etc.
YOUR-TITLE-LINK-ADDRESS --> with the link where the post is located. Example: http://www.cahayabiru.com/templates/single.html
YOUR-TEASER-POST --> with post which can make your reader teased. Example: LOREM IPSUM
YOUR-IMAGE-ADDRESS --> with the address where your image located. Example: http://www.imagehost.com/bla/bla.jpg

You could fill in the Glider widget in only 6 contents maximum.


Set up your Feedburner ID:
1. Please go to Blogger Edit HTML :
2. Sign in to Blogger
3. Click The “Layout” Tab
4. Click “Edit HTML”
5. No need to check the “Expand Widget Template” box

6. Find (Ctrl+F) this text:
CahayaBirusSphere

After that, change it with your ID.

7. Save your Template


If you find that my works are made yo interested, and do not want to miss our next posting, please subscribe in my feedburner form ... OK Guys... :)... Thank you for coming

41 comments:

Bboy Guil said...

Muito bonito mesmo, o Zitizen!!!!
como eu já sou um Seguidor do Blog recebo todas as suas atualizações.

Cebong Ipiet said...

hayah..

subagya said...

cant wait to see download link :p

FLiT said...

i'll grab it asap. can't wait too

Dick Johnson said...

thank u very much... i have only one problem,

how do i change color and font. Blogger with this template seems jammed at fonts and colors.

Cahaya Biru said...

@Dick Johnson; I am so sorry, this template is not set with fonts and color.

Blogger Template Place said...

Great Template. I was converted the same template with yours.....

Blogger Template Place

Fxgirlzx4 said...
This comment has been removed by the author.
Andrezão said...

Cahaya, put as sub-menus?
Tried, but failed.

"CHILDREN-LINK-ADDRESS"

Fernando Alves said...

Gostei no Novo visual!!!
Parabéns pelo Site ficou legal!!!!

Benlahmen said...

Great job mr. Biru :)

Anonymous said...

Thanks

Free Ebooks said...

i found another great free javascript file hosting. www.yourjavascript.com
they have a nice feature to access the file for specific domains.

Mr.JUsT said...

How to paste auto slide where?

Cahaya Biru said...

@Mr. Just. Go to add page element. You'll see the slider gadget. Paste your change into it.

Sathish said...

Hi i have a doubt. when we click labels in this blog http://directdownloadsworld.blogspot.com/ the results coming are only the post titles without any summary. For example when i click HD label in that blog the results shown page is http://directdownloadsworld.blogspot.com/search/label/HD?max-results=2000. I want a similiar widget for my blog. Please help!

alienator said...

izin nyedooot

web 2.0 template said...

very thanks for the free template...

Anonymous said...

why the search box now working well?

عزالدين said...

realy very thanks for the free template...

Izquierda Unida Benalmádena said...

Hello!
My question is how can i delete the search area on the top of the template?
Thanks

Cahaya Biru said...

@izqui; I can't see your blog....

Izquierda Unida Benalmádena said...

My blog is http://prueba-blog-iu.blogspot.com/
And I want to delete the search area on the top of the blog.
Please show me this!!!
Thanks

Izquierda Unida Benalmádena said...

My blog is iubenalmadena.blogspot.com

Excell said...

hello. tq for the great job, well done, tq so much im very apprciate that.... thank u again

pacatcyber said...

thank u for the great job, well done...

Cahaya Biru said...

@Izquierda; You have remove my footer link. I will not help you

Anonymous said...

template very good! I customized it a little
who're interested to see
http://fenix-soteste.blogspot.com/

Site Yöneticisi said...

I changed some features...

http://sinema-kulubu.blogspot.com

kacey said...

Dear cahaya biru,there are gaps between posts for my blog,do you know how to fix it,thanks for your hard work to produce such an amazing template!

http://dkpopnews.blogspot.com/

Dr-hacker said...

hello
thanks for the theme
but i can not find the post-footer section so that i can put social bookmarking and sharing.
please help me as i liked the theme and i do not want to change it.
thanks in advance.

taryantoz said...

thanks for for the themeplate

Anurag.Blackpearl said...

Hi


In your Zitizen Blogger Template:

There is a google custom search box at center in b/w the sliders...Can you please tell me how to remove this particular google custom search box?

Reply soon....

Thanks :)

Pendidikan IPS-UPI said...

broher, keren bangetvtemplatenya.
cara ngisi tabberklivenya kyk gmn neh?

SHAILABH said...

Dear Cahaya biru,
Thanks alot for make such a wonderful template. I have a problem. In glider part picture is not appearing. Is there any particular size of picture i should use for glider? and one more thing how can i make the glider automatic? Hope to get your reply soon. Thanks.

SHAILABH said...

Hi, i forgot to add something. My blog address is http://hublitie.blogspot.com/ and as u can see the title space is limited and i m not able to adjust the logo there. Any idea how can i fix this. It would be if you can help me. thanks.

Aravind said...

can you please tell me how to put "child link address" into the menus

SHAILABH said...

Hi bro, i could solve the previous problems myself. I have a new problem. I can not see older post link on the front page. plz help asap. Thanks.

reez said...

please help me..why my post only show 6 post? cant over 6 post.. when i set to 8 post the post is error..

Mod said...

hey why the next page option (e.g. 1, 2, 3, etc) is not working? when i click on page 2 nothing happens. please reply asap!

pc game said...

I like your website. Thank you for great information. I will come back to your website again.

best regards

Post a Comment

Calculate Blog Weight


type your web or blog address (max 10)
 
(example: cahayabiru.com)  
 

Powered by iWEBTOOL


Return to Top