NETTER KINGDOM: Template

Showing posts with label Template. Show all posts

Wednesday, March 9, 2011

Modification Your Navbar Menu for Blogger ( CSS ) Cools

Navbar menu is cool ya, hopefully useful. I make it from CSS3, two days of tweaking my brain, I can finally. If interested, just copied it.

Fully Customizable: Any design can be realized through CSS style definitions and optional custom images.

Based on XML and CSS: NavBar structure and visual appearance are defined through industry standards XML and CSS.

Cross-Browser Compatibility: Supports IE5-7, Firefox 1-2, Netscape 7-8, Mozillas, Opera 8-9, Safari 1.

Here the picture of this navbar :

Here's how:

1. put this code before: <b:skin>

<link rel='StyleSheet' href='http://sites.google.com/site/gurukusakti/model/navmenu.css' type='text/css'/>

OR download it first css style code in the "http"style above, then copy and paste the code in it before ]]></ b: skin>

2. Note the first illustration <ul> menu, and <li>, the following:

Each <li> should be closed with </ li>, and every <ul> should be closed with </ ul>
Such examples of the illustrations:

<ul>---opening

<li>----open---MAIN MENU1
<ul>----open---
<li>----open---
----insert subnya menu here----
---close-----</li>
---close-----</ul>
---close-----</li>

<li>MAIN MENU2
<ul>
<li>
-----insert subnya menu here----
</li>
</ul>
</li>

<li>MAIN MENU3
<ul>
<li>
-----insert subnya menu here----
</li>
</ul>
</li>

---closing---</ul>

Copy the code below into after <body>, or substitute your Navbar HTML code with this code below:

<ul class='topmenu' id='css3menu1' style='border-width:1px 1px 0 1px;border-style:solid;border-color:#fffff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;'>

<li class='topmenu'><a href='' title='HOME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgJg8PhTsV0qxjtONCBMsu3Ruray6-U9gfaaHgzx1PXudWnr5jMoVfSEOsMd-Eq-ySuMJzdAGTLOdUcpshMmy_5JyuHw13eb1Ln7qxd12NdfXTsOL-hlTI55B15kFxVOFyefzWV_Lo1Ko/s1600-r/blue_circle+-+home2.png'/>HOME</a></li>

<li class='toproot'><a href='#' title='TIPS AND TRICK '><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsCGUIxIX6GpJgbolQSsgYmq3-36jdZuDilj_REYCqlmyga-duWz4RGwootgiHxL72yExcmB1VjjonaUTyCTGTKP4Mrdh4Qu4sB8KrJ6DUj9xJL3qEjKJm9R3CQErtVlzyUeDFjHCib50/s1600-r/blue_circle+-+info.png'/>TIPS AND TRICK</a>
<ul>
<li> <a href='#' title='TriCk Blogging '><span>Trik Blogging</span></a>
<ul>
<li><a href='link-sampean'>Trik Blogging 2.1.1</a></li>
<li><a href='link-sampean'>Trik Blogging 2.1.2</a></li>
<li><a href='link-sampean'>Trik Blogging 2.1.3</a></li>
</ul>
</li>
<li> <a href='#' title='Trick computer '><span>Trick computer </span></a>
<ul>
<li><a href='link-sampean'>Trick computer 2.1.1</a></li>
<li><a href='link-sampean'>Trick computer 2.1.2</a></li>
<li><a href='link-sampean'>Trick computer 2.1.3</a></li>
</ul>
</li>
</ul></li>

<li class='toproot'><a href='#' title='Label Download '><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsCGUIxIX6GpJgbolQSsgYmq3-36jdZuDilj_REYCqlmyga-duWz4RGwootgiHxL72yExcmB1VjjonaUTyCTGTKP4Mrdh4Qu4sB8KrJ6DUj9xJL3qEjKJm9R3CQErtVlzyUeDFjHCib50/s1600-r/blue_circle+-+info.png'/>DOWNLOADS</a>
<ul>
<li><a href='link-sampean'>Download Script</a></li>
<li><a href='link-sampean'>Download free</a></li>
<li><a href='link-sampean'>Download free</a></li>
</ul></li>

<li class='topmenu'><a href='#' title=' Label Software '><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQruEXExxeE-2GDk0ieNMSSyWF-kQr_niuxefTXP-ZWCknLVDGfYgsqbvlhkT-A2OISN_uFUxO3byZLTYuT43QiUJk1HqX6A_2MO3AcGQMgiBKxPED3UqEUpkSKgveKLeynwYEl37e7U0/s187/blue_circle+-+star.png'/>SOFTWARE</a></li>

<li class='topmenu'><a href='#' title='Label Internet '><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggNnm6Avv_HQJ634mxM5JC5p4u8ypBsmsjfP0AF15SZIL1uxkf9b2IOfQgFYwvn-8_di2ocXFGzJWKsMo11xLZ-SQaKrDN42e8NG6-hpSEfEc-RJNa-iDRrQJOuf0_gPbOTKkiwrr2uOc/s1600-r/blue_circle+-+ok.png'/>INTERNET</a></li>

<li class='topmenu'><a href='#' title='Label About Me'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_964RSLgxL5D1sNG5TvB0Qm6sc_ncnvJAsloDg1ruTerV07SdZxEhKS3XuPj3f35hIV2Gpk91UKhHiYfNCErmO1RMJOo0lo5GvT5LLoXbgpIrUiBTn59f93itjQsw2Zl62EkY5tYxsCs/s187/tech.png'/>ABOUT ME</a></li>

<li class='topmenu'><a href='#' title=' MODELS OF LEARNING '><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsCGUIxIX6GpJgbolQSsgYmq3-36jdZuDilj_REYCqlmyga-duWz4RGwootgiHxL72yExcmB1VjjonaUTyCTGTKP4Mrdh4Qu4sB8KrJ6DUj9xJL3qEjKJm9R3CQErtVlzyUeDFjHCib50/s1600-r/blue_circle+-+info.png'/>CONTACT</a></li>

</ul>

3. How to setup:
a. Changing the menu image by changing the link in the image (<img src = "http://2.bp.blogspot.com/ .................

b. Each "class =" topmenu "is used for the main menu it does not exist dropdwon. And Every" class = "toproot" dignkan to main menu imaginable SUB drop down menu

c. For the width adjusted to your blog, how: writing HOME, DOWNLOAD the order itself, for example for example if an extension navigation, writing letters "HOME" can be a little "home ". Likewise, if the navigation stands, it means that there are letters in Extend example "HOME"to "MY HOME"
etc ...

d. To add its main menu, please copy it from <li> to the closing </ li>

e. how to remove the sub menu is the same, delete the start of <li> up to </ li> tag. or from <ul> to </ ul> tag.

4. It's up to you, the follow is fine, not too may FINE TOO, if it is useful to others ... FOR example, YOU can LOOK here:

PREVIEW

Ditulis Sepeda �� Pada 1:50 AM

Tuesday, August 31, 2010

Future Of Successful Online Business Lies In Level Of Web Design Skills

Almost every business or company has a website now and with many more looking for a website to be designed for them every day, web design skills required. With Internet use growing rapidly, can be predicted that in future the whole thing will be on the Internet online.

As the demand for websites is increasing, many web designers are at an advantage of employment opportunities. More and more people are waking up day after day claiming to be web designers due to this demand. People in the field of IT are trained to design website as part of their job scope but we see even doctors now claim to be web designers!

Anyone can design a web page The issue here is if the world is now changing everything to be virtual and forcing everyone to be an IT expert? Well technology evolves every day and is a matter of choice if you go with the trend or not but things can turn to be difficult on you if you remain behind with technology. This is so because everything will be an inconvenience to you, the problem being your incompatibility with software and technology.

Companies in the principle using web sites are certainly those who pay more for your web design. It is a fact that when a service is on request and suppliers are monopolized, the cost of service will be higher quality. The same is true with web design when first introduced; only IT experts could do and required to pay higher wages for the job.

It could be the price that makes this movement One would prefer to learn how to do something challenging and be able to make use of it for his or her advantage than spend a lot in hiring a service offer. At the present time you will notice the demand of web design and the supply of providers is equal. Every person can design a web site. The position is different now, as they see a large number of people rising up to be web designers. This might have been caused by the prices paid for web designs and also the desire to be innovative by young people.

Think about your neighbour before achieving his job Thus web design skills are invaluable for web site designers. While people have spent fortunes in the study of the IT courses with the expectation that they will be able to recover their costs when they work, but there is much competition. Sometimes I find out it hard to digest when I see someone produce to a website for a very low price when so much effort and challenge is going to take to design a website.

Not everyone has adequate web design skills to design websites. These skills are essential to design high quality websites. An employer would not be happy if he found that someone had designed his site unprofessionally. Hence web design skills are invaluable for web designers.

Ditulis Sepeda �� Pada 3:25 PM

Tuesday, June 1, 2010

Education Magazine Blogger Template 2

Biggest Template Template

Post this time about the templates for bloggers, The Great Blogger Magazine Template . Many templates can netterkingdom`s friends visiting . Try your search on the GOOGLE search engine using the keywords "Download Blogger Templates"

There is one template that need to be tested. Which originates from spicytricks and modified by Admin ( Indonesian Blogger), you can see here "EDUCATION FOR OUR COUNTRY TEMPALTE" for example.

download here I preview

how to use templates

Press CTL + F to simplify your search for the code below. copy and paste in the box provided below your browser.

First ( Meta ): you may change your Meta for google verication, alexa verification and other that you have.

<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>

<meta content='V1Ay38lLK44ODSwVut-pYw6FLG4' name='alexaVerifyID'/>
<meta content='c4761df6e1bd9f07' name='y_key'/>
<meta content='9BC9644364' name='blogcatalog'/>
<meta content='aOw-uZjxAN6B0kEoLE7ikP5Zmq0VkfVZGOHZHF5vDVU' name='google-site-verification'/>
<meta content='HzGUQcx7gomZ6wE4JfrBJVIfsDpD-0ZTyqhWK7fNF0w' name='google-site-verification'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/>|<data:blog.title/></title>
</b:if>



<meta content='index,follow,noodp,noydir' name='robots'/>
<meta content='pgsdbjm blog is an online magazine for Education technique and technology, Download RPP, Download RPP CTL, Download RPP Tematik, Download RPP PAKEM PAIKEM, Download RPP dan Silabus KTSP SD, Ujian Nasional, UASBN, Contoh Soal UASBN, Strategi Pembelajaran, Metode Pembelajaran, Model-Model Pembelajaran, Media Pembelajaran, Download Media Pembelajaran, Download Media Pembelajaran SD' name='description'/>
<meta content='Download RPP SD, Download RPP CTL, Download RPP Tematik, Download RPP PAKEM PAIKEM,Download RPP TGT,Informasi Terbaru Pendidikan, Download RPP dan Silabus KTSP SD, Ujian Nasional, UASBN, Contoh Soal UASBN, Strategi Pembelajaran, Metode Pembelajaran, Model-Model Pembelajaran, Model Pembelajaran, Media Pembelajaran, Download Media Pembelajaran SD, info pendidikan terbaru, informasi pendidikan terbaru' name='keywords'/>


<meta content='Raja' name='author'/>

<link href='http://i762.photobucket.com/albums/xx267/rockleypuntik/Srotcutatas.png' rel='shortcut icon'/>
<link href='http://i762.photobucket.com/albums/xx267/rockleypuntik/Srotcutatas.png' rel='icon'/>

<meta content='9BC9644364' name='blogcatalog'/>
<meta content='c4761df6e1bd9f07' name='y_key'/>
<meta content='RK9LPlaJi6Ob82gC_xBi6KTQIA1-1feoHBdb_pGRvxo' name='google-site-verification'/>

<b:skin><![CDATA[/*

change the red text with your meta site owners.
change the blue text with your site description
for yellow text, that is fave icon in browser. to test the icon, you can copy the yellow url onto your browser.

Second( for Body)
Searching code below :

and see the existing code under that code. Like this:

<div class='art-Sheet-body'>
<div class='art-nav'><div class='l'/><div class='r'/>
<div style='float:left;width:76%;'>
<ul class='art-menu'>
<li><a class='active' href='http://pgsdbjm.blogspot.com'><span class='l'/><span class='r'/><span class='t'>HOME</span></a></li><li class='page_item page-item-2'><a href='http://pgsdbjm.blogspot.com/2010/01/mengenai-saya-hmmmm.html' title='About'><span class='l'/><span class='r'/><span class='t'>ABOUT ME</span></a></li>
<li class='page_item page-item-3'><a href='http://www.pgsd.co.cc/2010/02/selamat-datang-di-buku-tamu-blog-adalah.html' title='GUESS BOOK'><span class='l'/><span class='r'/><span class='t'>GUESS BOOK</span></a></li>
<li class='page_item page-item-4'><a href='http://www.emailmeform.com/fid.php?formid=589453' title='CONTACT US'><span class='l'/><span class='r'/><span class='t'>CONTACT US</span></a></li>
<li class='page_item page-item-105'><a href='http://www.pgsd-unlam.net/' title='OTHER'><span class='l'/><span class='r'/><span class='t'>MORE SITE</span></a>
<ul>
<li class='page_item page-item-106'><a href='http://www.investoke.com' title='LINK'>LINK TO US</a>
<ul>
<li class='page_item page-item-108'><a href='http://www.netterkingdom.com/' title='FREE LIVE'>NETTER KINGDOM</a></li>
</ul>
</li>
<li class='page_item page-item-107'><a href='http://www.pgsd-unlam.net' title='PGSD UNLAM'>PGSD UNLAM</a></li>
</ul>

Replace the URL represented by blue text with your own URL.
for the nav-bar you can change too. change your text and URL do you want. See code below :
To do the same with the previous way.

<div id='catmenucontainer'><div id='catmenu'>
<ul>
<li class='cat-item cat-item-10'><a href='http://www.pgsd.co.cc/2010/01/mengenai-saya-hmmmm.html' title='Nama, Alamat, Email, Universitas, Foto'>about me</a>
</li>
<li class='cat-item cat-item-3'><a href='http://www.pgsd.co.cc/search/label/model pembelajaran?min-results=10' title='Lihat Semua Posting di MODELS OF LEARNING '>MODELS</a>
</li>
<li class='cat-item cat-item-4'><a href='http://www.pgsd.co.cc/search/label/Strategi Pembelajaran?max-results=50' title='Lihat Semua Posting di STRATEGI PEMBELAJARAN'>STRATEGIES</a>
</li>
<li class='cat-item cat-item-68'><a href='http://www.pgsd.co.cc/search/label/Downloads?max-results=50' title='Lihat Semua Posting di Downloads'>Downloads</a>
</li>
<li class='cat-item cat-item-5'><a href='http://www.pgsd.co.cc/search/label/Info Pendidikan?max-results=50' title='Lihat Semua Posting di BERITA PENDIDIKAN'>EDUCATION INFO</a>
</li>
<li class='cat-item cat-item-80'><a href='http://www.pgsd.co.cc/search/label/Artikel Pendidikan?max-results=50' title='Lihat Semua Posting di ARTIKEL'>ARTIKEL</a>
</li>
<li class='cat-item cat-item-6'><a href='http://www.pgsd.co.cc/search/label/IPTEK?max-results=50' title='Lihat Semua Posting di IPTEK'>IPTEK</a>
</li>
<li class='cat-item cat-item-9'><a href='http://www.pgsd.co.cc/2010/02/review-for-back-link-blog.html' title='Lihat Semua Posting di Tukar Link'><span><blink>LINK EXCHANGE</blink></span></a>
</li>
<li class='cat-item cat-item-9'><a href='http://www.pgsd.co.cc/search/label/Blogger Review' title='Lihat Semua Posting di Blogger Review'>BLOGGER REVIEW</a>
</li>
</ul>
</div></div>

For the next phase, you must replace each URL that shows the code like this:

http://www.papantulisku.com/

and replace any URL existing ( http://www.papantulisku.com/ ) with your URL each time you find a command like this:

//change this to your desired label name
//change this to your desired label name

fourth ( cat block )
At this stage is to replace the text in each "cat block." See code in blue text below. Replace the text with what you want. Do it at all "cat block" :

<div class='art-Block catBlock'>
<div class='art-Block-tl'/>
<div class='art-Block-tr'/>
<div class='art-Block-bl'/>
<div class='art-Block-br'/>
<div class='art-Block-tc'/>
<div class='art-Block-bc'/>
<div class='art-Block-cl'/>
<div class='art-Block-cr'/>
<div class='art-Block-cc'/>
<div class='art-Block-body'>
<div class='art-BlockHeader'>
<div class='l'/>
<div class='r'/>
<div class='art-header-tag-icon'>
<div class='t'>TEACHING STRATEGIES</div>

</div></div>

<div class='art-BlockContent'>

<div class='art-BlockContent-tl'/>
<div class='art-BlockContent-tr'/>
<div class='art-BlockContent-bl'/>
<div class='art-BlockContent-br'/>
<div class='art-BlockContent-tc'/>
<div class='art-BlockContent-bc'/>
<div class='art-BlockContent-cl'/>
<div class='art-BlockContent-cr'/>
<div class='art-BlockContent-cc'/>

Final stage:

Replace all of which are still written Indonesian language with the language you want.
for Feed RSS and Feed Burner or the other, then you need to find code that reads Feed, Facebook, del ico, twitter, and ect.
Do not replace or remove the footer credits. Therefore, our rights as a distributor, modifier and designer.

Notes : if you have trouble setting this template, please leave your message in the comment box. We will be happy to assist you.

Ditulis Sepeda �� Pada 1:07 AM

Wednesday, May 5, 2010

Template Panel Admin joomla 1.5

Template Wonderfull Trick

Tired of the display panel admin joomla like that-that's all?

Now it is time fox display the admin panel of joomla you. JB Simpla promote the admin panel Joomla 1.5. Views are Smooth, lightweight, comfortable and certainly visually attractive, that makes you feel really nice when managing Joomla site.

How to install:

1. Login to your joomla admin panel.
2. There Extensions menu click install / uninstall.
3. browse file downlod link below and then click upload file & install.
4. Success in installation now click on the template management.
5. Click administrators.
6. make JB Simpla as the default templates.

Intrigued with how it looks? just download the direct file is below.

http://www.ziddu.com/download/7831108/jb_simpla_www.ebenk789.co.cc.zip.html

Ditulis Sepeda �� Pada 6:00 AM