Struktur Navigasi Website

Januari 10, 2013 4 komentar

Struktur navigasi adalah struktur atau alur dari suatu program yang merupakan rancangan hubungan (rantai kerja) dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen pembuatan Website.  Menentukan struktur navigasi merupakan hal yang sebaiknya dilakukan sebelum membuat suatu Website. Ada empat macam bentuk dasar dari struktur navigasi yang biasa digunakan dalam proses pembuatan Website, yaitu :

1.      Struktur Navigasi linier

Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang  berurut, yang menampilkan satu demi satu tampilan layar secara berurut menurut urutannya. Tampilan yang dapat ditampilkan pada sruktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat dua halaman sebelumnya atau dua halaman sesudahnya.

Gambar 1  Struktur Navigasi linier

2.      Struktur Navigasi Non-linier

Struktur navigasi non-linier atau struktur tidak berurut merupakan pengembangan dari struktur navigasi linier. Pada struktur ini  diperkenankan  membuat navigasi bercabang. Percabangan yang dibuat pada struktur nonlinier ini berbeda dengan percabangan pada struktur hirarki, karena pada percabangan nonlinier ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama yaitu tidak ada Master Page dan Slave Page.

 

Gambar 2  Struktur Navigasi Non-linier

3.      Struktur Navigasi Hirarki

Struktur navigasi hirarki biasa disebut struktur bercabang, merupakan suatu struktur yang mengandalkan  percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai Master Page (halaman utama pertama), halaman utama ini mempunyai halaman percabangan yang disebut Slave Page (halaman pendukung). Jika salah satu halaman pendukung dipilih atau diaktifkan, maka tampilan tersebut akan bernama Master Page (halaman utama kedua), dan seterusnya. Pada struktur navigasi ini tidak diperkenankan adanya tampilan secara linier.

Gambar 3   Struktur Navigasi Hirarki

 

4.      Struktur Navigasi Campuran

Struktur navigasi campuran merupakan gabungan dari ketiga struktur sebelumnya yaitu linier, non-linier dan hirarki. Struktur navigasi ini juga biasa disebut dengan struktur navigasi bebas. Struktur navigasi ini banyak digunakan dalam pembuatan website karena struktur ini dapat digunakan dalam pembuatan website sehingga dapat memberikan ke-interaksian yang lebih tinggi.

Gambar 4  Struktur Campuran/Composite

Sumber: http://www.freebacklink.us/Struktur_Navigasi_Website.cgi

Cara Daftarkan Blog Ke Open Directory DMOZ

Januari 10, 2013 2 komentar
etelah postingan saya mengenai submit blog ke berbagai webdirectory, kali ini saya akan memberikan tips lain untuk meningkatkan trafik blog anda. Untuk meningkatkan pengunjung website, kita perlu menambah website lain yang menampilkan link ke website kita. Salah satu cara yang paling mudah adalah dengan submit website kita ke web directory yang menawarkan free submmit. Salah satu directory yang sangat bagus dan terkenal adalah dmoz.org.

 

DMOZ merupakan sebuah web directory yang mengandalkan tenaga manusia untuk meriview semua website yang yang masuk, jadi kualitasnya terjaga. DMOZ juga digunakan oleh Google untuk membuatGoogle Directory. Struktur dan daftar website di Google Directory sama dengan yang di DMOZ. Oleh karena itu jika Anda mempunyai website jangan sampai tidak submit ke DMOZ. Lalu apa keuntungan yang akan kita dapatkan jika web/blog kita terlisting di DMOZ?

1.  Tambahan trafik

DMOZ memiliki ratusan ribu trafik per hari nya,jika blog kita terdaftar di dalam salah satu kategori, ya paling tidak kita akan kecipratan pengunjung dari DMOZ.

2.  Pagerank meningkat

DMOZ memiliki pagerank yang tinggi baik di homepage maupun di subpage halaman web nya,jika blog kita terlisting di DMOZ, maka kemungkinan pagerank meningkat akan semakin tinggi. Dan blog yang sudah terlisting di DMOZ, dapat memperkecil kemungkinan Pagerank akan turun.

Agar blog kita terdaftar di DMOZ bukanlah hal yang mudah.Mereka melakukan review blog dan website yang mendaftar secara manual.Blog yang didaftarkan juga harus bahasa Inggris. Mereka memiliki penilaian dan kualitas tertentu untuk blog yang akan terdaftar di dalam jaringan DMOZ.

Cara mendaftarkan/submit blog ke DMOZ  :

  1. Masuk ke alamat web nya di www.dmoz.org
  2. Pilih kategori yang sesuai dengan tema web/blog anda

    tips dan trik blogger

  3. Setelah anda memilih kategori,anda pilih sub kategori yang sesua dengan blog anda.Pilih terus sub kategori yang ada sampai mentok, alias tidak ada sub kategori lagi yang bisa dipilih.

    tips dan trik blogger

  4. Setelah anda selesai memilih sub kategori sampai yang paling akhir, anda klik suggest URL pada menu bagian atas.

    tips dan trik blogger

  5. Setelah itu anda akan masuk pada menu deskripsi blog. Masukkan data-data blog anda sesuai yang diminta.Ingat deskripsi blog harus sesuai dengan tema blog anda. Dan kategori yang dipilih juga harus benar-benar relevan.
  6. Jika semua tahapan sudah anda lakukan, selesai sudah proses pendaftaran blog anda di DMOZ.

Sekarang anda tinggal berdoa saja, mudah-mudahan blog anda bisa diterima. Waktu review tidak bisa ditentukan. Bisa memakan waktu sampai 6 bulan.

Kategori:TIPS-TRIK

Desain Populer Buat Web atau Blog Galeri

Desember 8, 2012 9 komentar

Desain Populer Buat Web atau Blog Galeri

Desain Populer Buat Web atau Blog Galeri

 

  1. login ke Blogger
  2. Masuk ke template >> klik Edit HTMl centang Expand Widget Templates.
  3. lalu masukkan kode berikut ini diatas

    .PopularPosts .widget-content ul li {background:none repeat scroll 0 0 transparent;float:left;list-style:none outside none;margin:0 !important;padding: 0 !important;border-bottom:none}
    .PopularPosts ul{padding:5px 0}
    .PopularPosts .item-thumbnail img{width:110px;height:110px;padding:11px;margin:0}
    .PopularPosts .item-content{position:relative;float:left;margin:0}
    .PopularPosts .item-title a{font-size:11px;color:#fff;display:block;padding:0 5px;float:left;width:122px}
    .PopularPosts .item-title:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
    .PopularPosts .item-thumbnail{float:left;margin:3px 1px 7px 10px;border:1px solid #ccc;overflow: hidden}
    .PopularPosts .item-title{background:#000;position:absolute;bottom:8px;right:2px;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=6)} 

    Silahkan disesuaikan dengan web atau blog sobat masing2

  4. Kemudian masuk ke menu layout >> add a gadget pilih Popular Post pada baris kelima.
  5. Setelah muncul halaman Popular Post, setting seperti pada gambar dibawah ini :

    Desain Populer Buat Web atau Blog Galeri

    Yang perlu diperhatikan adalah centang hanya thumbnail, biarkan kotak snippet kosong tidak perlu dicentang. Judul dan jumlah post yang ingin ditampilkan terserah Anda.

  6. Setelah langkah diatas, masuk lagi ke Edit HTMl (centang Expand Widget Templates), cari kode berikut :

    <b:widget id=’PopularPosts1′ locked=’false’ title=’Popular Posts’ type=’PopularPosts’>
    <b:includable id=’main’>
      <b:if cond=’data:title’><h2><data:title/></h2></b:if>
      <div class=’widget-content popular-posts’>
        <ul>
          <b:loop values=’data:posts’ var=’post’>
          <li>
            <b:if cond=’data:showThumbnails == "false"’>
              <b:if cond=’data:showSnippets == "false"’>
                <!– (1) No snippet/thumbnail –>
                <a expr:href=’data:post.href’><data:post.title/></a>
              <b:else/>
                <!– (2) Show only snippets –>
                <div class=’item-title’><a expr:href=’data:post.href’><data:post.title/></a></div>
                <div class=’item-snippet’><data:post.snippet/></div>
              </b:if>
            <b:else/>
              <b:if cond=’data:showSnippets == "false"’>
                <!– (3) Show only thumbnails –>
                <div class=’item-thumbnail-only’>
                  <b:if cond=’data:post.thumbnail’>
                    <div class=’item-thumbnail’>
                      <a expr:href=’data:post.href’ target=’_blank’>
                        <img alt=” border=’0′ expr:height=’data:thumbnailSize’ expr:src=’data:post.thumbnail’ expr:width=’data:thumbnailSize’/>
                      </a>
                    </div>
                  </b:if>
                  <div class=’item-title’><a expr:href=’data:post.href’><data:post.title/></a></div>
                </div>
                <div style=’clear: both;’/>
              <b:else/>
                <!– (4) Show snippets and thumbnails –>
                <div class=’item-content’>
                  <b:if cond=’data:post.thumbnail’>
                    <div class=’item-thumbnail’>
                      <a expr:href=’data:post.href’ target=’_blank’>
                        <img alt=” border=’0′ expr:height=’data:thumbnailSize’ expr:src=’data:post.thumbnail’ expr:width=’data:thumbnailSize’/>
                      </a>
                    </div>
                  </b:if>
                  <div class=’item-title’><a expr:href=’data:post.href’><data:post.title/></a></div>
                  <div class=’item-snippet’><data:post.snippet/></div>
                </div>
                <div style=’clear: both;’/>
              </b:if>
            </b:if>
          </li>
          </b:loop>
        </ul>
        <b:include name=’quickedit’/>
      </div>
    </b:includable>
    </b:widget>

  7.  Setelah kode di atas ketemu, ganti dengan kode berikut ini :

    <b:widget id=’PopularPosts1′ locked=’false’ title=’Most Product View’ type=’PopularPosts’>
    <b:includable id=’main’>
      <b:if cond=’data:title’><h2><data:title/></h2></b:if>
      <div class=’widget-content popular-posts’>
        <ul>
          <b:loop values=’data:posts’ var=’post’>
          <li>
            <b:if cond=’data:showThumbnails == "false"’>
              <b:if cond=’data:showSnippets == "false"’>
                <!– (1) No snippet/thumbnail –>
                <a expr:href=’data:post.href’><data:post.title/></a>
              <b:else/>
                <!– (2) Show only snippets –>
                <div class=’item-title’><a expr:href=’data:post.href’><data:post.title/></a></div>
                <div class=’item-snippet’><data:post.snippet/></div>
              </b:if>
            <b:else/>
              <b:if cond=’data:showSnippets == "false"’>
                <!– (3) Show only thumbnails –>
                <div class=’item-content’>
                  <b:if cond=’data:post.thumbnail’>
                    <div class=’item-thumbnail’>
                      <a expr:href=’data:post.href’ target=’_blank’>
                        <img alt=” border=’0′ expr:height=’data:thumbnailSize’ expr:src=’data:post.thumbnail’ expr:width=’data:thumbnailSize’/>
                      </a>
                    </div>
                  </b:if>
                  <div class=’item-title’><a expr:href=’data:post.href’><data:post.title/></a></div>
                </div>
                <div style=’clear: both;’/>
              <b:else/>
                <!– (4) Show snippets and thumbnails –>
                <div class=’item-content’>
                  <b:if cond=’data:post.thumbnail’>
                    <div class=’item-thumbnail’>
                      <a expr:href=’data:post.href’ target=’_blank’>
                        <img alt=” border=’0′ expr:height=’data:thumbnailSize’ expr:src=’data:post.thumbnail’ expr:width=’data:thumbnailSize’/>
                      </a>
                    </div>
                  </b:if>
                  <div class=’item-title’><a expr:href=’data:post.href’><data:post.title/></a></div>
                  <div class=’item-snippet’><data:post.snippet/></div>
                </div>
                <div style=’clear: both;’/>
              </b:if>
            </b:if>
          </li>
          </b:loop>
        </ul>
        <b:include name=’quickedit’/>
      </div>
    </b:includable>
    </b:widget>

  8.  langkah yang paling terakhir, save templates dan  lihat hasilnya.

Sumber: FreeBacklink

Ubuntu 13.04 (Raring Ringtail) Hadir Dengan libreOffice 4.x Series

Desember 8, 2012 2 komentar


Ubuntu 13.04

Di internet, beberapa inovasi sudah beredar bahwa Ubuntu 13.04 akan diberi nama Raring Ringtail, dan berita terbaru ini mengacu pada libreOffice yang akan dipasang pada Ubuntu 13.04 tiba pada versi 4.x.

Developer libreOffice mengumumkan rilis alpha pertama dari libreOffice 4.x, yang membawa beberapa fitur baru, seperti tema galeri online untuk presentasi Impress (dalam Slide Show >> Impress Remote).

Perubahan lainnya adalah bahwa versi alpha pertama dari libreOffice sudah dikemas dalam PPA repositori dan Anda dapat menginstalnya pada Ubuntu 12.10 (PPA tidak bekerja pada versi sebelumnya dari Ubuntu).

Selengkapnya: FreeBacklink

Semoga bermanfaat. . . .

Kategori:LAIN-LAIN

Backlink Gratis Do Follow Indonesia

Desember 7, 2012 5 komentar

Sekedar info neh, iseng-iseng browsing nemu website keren FREE BACKLINK. Konon katanya kalo mau dapet traffic bagus kudu banyakin backlink.

 

Backlink Gratis Do Follow Indonesia

 

Backlink Gratis Do Follow Indonesia

 


ini dia websitenya:

http://www.freebacklink.us/

 

disini lo bisa posting artikel gratis, bisa promo website lo, bisa dapet backlink gratis, bisa maintenance website lo menggunakan tools-tools yang tersedia. pokoknya semuanya sepuas lo. kapan lagi bisa dapet backlink and promo website gratis sepuanya.

 

Disini –> http://www.freebacklink.us/

Kategori:Uncategorized

Penemu WWW

November 15, 2011 1 komentar

Penemu WWW adalah Tim Berners-lee, seorang ahli komputer berkebangsaan Inggris yang bekerja di lembaga riset nuklir eropa (CERN) pada tahun 1990.


Keunggulan utama WWW adalah kemampuannya untuk “saling bertautan” (hyperlinked) berbagai dokumen melalui di Internet dan dalam berbagai format pul, seperti teks, gambar maupun multimedia.

Dengan demikian seorang pengguna Internet, dengan menggunakan browser, dapat berpindah-pindah dari satu dokumen ke dokumen lainnya dengan hanya memilih (meng-klik) tautan (link) yang ada.



Kategori:LAIN-LAIN

Search Engine Optimization – SEO

November 13, 2011 25 komentar
Optimisasi mesin pencari (bahasa Inggris: Search Engine Optimization, biasa disingkat SEO) adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik kunjungan melalui mesin pencari menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau algoritma mesin pencari tersebut. Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi teratas pada hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung.
Sejalan dengan makin berkembangnya pemanfaatan jaringan internet sebagai media bisnis, kebutuhan atas SEO juga semakin meningkat. Berada pada posisi teratas hasil pencarian akan meningkatkan peluang sebuah perusahaan pemasaran berbasis web untuk mendapatkan pelanggan baru. Peluang ini dimanfaatkan sejumlah pihak untuk menawarkan jasa optimisasi mesin pencari bagi perusahaan-perusahaan yang memiliki basis usaha di internet.
Menurut Danny Sullivan, istilah search engine optimization pertama kali digunakan pada 26 Juli tahun 1997 oleh sebuah pesan spam yang diposting di Usenet. Pada masa itu algoritma mesin pencari belum terlalu kompleks sehingga mudah dimanipulasi.
Versi awal algoritma pencarian didasarkan sepenuhnya pada informasi yang disediakan oleh webmaster melalui meta tag pada kode html situs web mereka. Meta tag menyediakan informasi tentang konten yang terkandung pada suatu halaman web dengan serangkaian katakunci (keyword). Sebagian webmaster melakukan manipulasi dengan cara menuliskan katakunci yang tidak sesuai dengan konten situs yang sesungguhnya, sehingga mesin pencari salah menempatkan dan memeringkat situs tersebut. Hal ini menyebabkan hasil pencarian menjadi tidak akurat dan menimbulkan kerugian baik bagi mesin pencari maupun bagi pengguna internet yang mengharapkan informasi yang relevan dan berkualitas.
Larry Page dan Sergey Brin, dua mahasiswa doktoral ilmu komputer Universitas Stanford, berusaha mengatasi permasalahan tersebut dengan membangun Backrub, sebuah mesin pencari sederhana yang mengandalkan perhitungan matematika untuk memeringkat halaman web. Algoritma tersebut, yang dinamakan PageRank, merupakan fungsi matematika yang kompleks berupa kombinasi antara perhitungan jumlah link yang mengarah pada suatu halaman web dengan analisis atas kualitas masing-masing link tersebut.
Berdasarkan prinsip kerja PageRank, secara umum bisa dikatakan bahwa halaman web yang memperoleh peringkat tinggi adalah halaman web yang banyak di-link oleh halaman web lain. Nilai PageRank juga akan semakin tinggi apabila halaman web yang mengarah kepadanya juga memiliki kualitas yang tinggi. Nilai sebuah link dari situs berkualitas tinggi seperti Yahoo! atau DMOZ dapat bernilai lebih tinggi daripada kombinasi nilai link dari seratus situs web berkualitas rendah.
Backrub hanyalah sebuah permulaan. Pada tahun 1998 Page dan Brin mendirikan Google yang merupakan versi tingkat lanjut dari Backrub. Dalam waktu singkat Google memperoleh reputasi dan kepercayaan dari publik pengguna internet karena berhasil menyajikan hasil pencarian yang berkualitas (tidak dimanipulasi), cepat, dan relevan. PageRank lantas menjadi standar baik bagi mesin pencari lain maupun bagi webmaster yang berusaha agar situs webnya memperoleh nilai PageRank setinggi mungkin sehingga menempati posisi tertinggi pada hasil pencarian.

 

Sumber : http://www.freebacklink.us/

Kategori:Uncategorized
Ikuti

Get every new post delivered to your Inbox.