flas script


CARA MUDAH MENDAFTARKAN BLOG KE 40 MESIN SE


Bagi kita yang baru saja memiliki blog baru maupun blog lama namun telah lama tidak melakukan publish konten pasti akan menemui sedikit hambatan dalam memperoleh indexing. Blog yang seperti ini biasanya sedikit terlambat dikunjungi spider bot sehingga memungkinkan blog menjadi lama terindex.

Untuk menghadapi hal semacam ini, ada beberapa hal yang bisa kita lakukan. Saya mendaftarkan URL blog ini ke search engine ternama Google sitemap dan Yahoo sitemap. Mau tahu caranya?

Begini caranya :
1. search engine Google:
   1. Masuk http://www.google.co.id/intl/id/add_url.html
   2. Setelah berhasil menambahkan URL situs, saya juga menggunakan Google
       Webmaster tools untuk mengatur sitemap, robots.txt, dan banyak lagi lainnya.
        Untuk menggunakan tool ini Anda harus memasukkan account Gmail Anda.

2. Search engine Yahoo: melalui alamat http://search.yahoo.com/info/submit.html.
    Kita harus memiliki account Yahoo untuk login terlebih dahulu.

Selain 2 cara di atas, ada cara lain yang lebih mudah supaya blog kita bisa terdaftar langsung di 40 (empat puluh) mesin pencari / search engine dalam waktu bersamaan. Yakni dengan cara memanfaatkan layanan gratis submitexpress.com yang memakai tools khusus agar alamat URL blog yang kita daftarkan lewat situs ini dapat sekaligus terdaftar ke 40 search engine baik yang besar seperti Google, Yahoo dan MSN maupun yang kecil-kecil. Ikuti langkah praktis berikut:
1. Silahkan meluncur ke http://submitexpress.com
2. Isi alamat blog Anda di kotak yang tersedia di bawah tulisan
    FREE SUBMISSION.
    Jangan lupa pakai http://… Contoh, http://fungsi-media-internet.blogspot.com
3. Klik Continue
4. Isi Email Anda di kotak yang tersedia.
5. Setelah mengisi kode rahasia yang ada di bagian bawah, klik “submit”
6. Selesai
Semoga Hal ini dapat membantu anda dalam meningkatkan traficc kunjungan ke blog anda !
SALAM SUKSES...!!!

Tentang SEO :

Kembali ke Site Map / Daftar Isi di Blog Ini, Klik Di Sini !


    The Web Masters Tool

     SEO merupakan hal yang cukup penting dalam upaya meningkatkan traffic kunjungan ke blog atau website anda,jika itu merupakan salah satu problem atau masalah bagi anda,silahkan anda coba link-link di bawah ini untuk membantu anda mengatasi masalah-masalah anda di atas...!!!

    SEO Tools


    Html Tools

    HTML Entities Encoder/Decoder
    HTTP Header Viewer
    Source Code Viewer


    Situs Penyedia Download Template Joomla Gratis

    Joomla sangat menarik untuk kita kembangkan sebagai sebuah solusi development web yang super cepat dan simpel.
    Salah satu hal menarik adalah tersedianya template untuk Joomla yang membuat tampilan joomla makin hidup. Beberapa situs menyediakan template yang bisa didownload gratis.



    Misalnya seperti daftar situs di bawah ini :

    www.joomlashack.com
    www.ty2u.com
    www.joomlatp.com
    www.joomladesigns.co.uk
    www.netshinesoftware.com
    www.joomlaresource.com
    www.siteground.com
    www.compassdesigns.net
    www.bestofjoomla.com
    www.joomlaweb.com
    dan masih banyak lagi..

    Setelah mendownloadnya, anda bisa install template baru ini lewat menu installer-template pada menu administrasi.
    Jangan lupa untuk mengecek kesesuaian template ini dengan versi Joomla anda.
    Jika versi Joomla anda adalah 1.5.x, download template yang versinya bersesuaian.Biasanya akan ada keterangan tentang versi yang sesuai untuk template bersangkutan.
    Demikian pula jika versi Joomla anda 1.0.x.
    Ada kalanya juga template yang ada tidak bisa menyesuaikan dengan component dan module yang ada sehingga tampilan website Joomla anda bisa "ancur". Penulis pernah bereksperimen dengan menginstall template pada website joomla yang sudah berisi komponen dan modul E-Commerce yaitu Virtue Mart dan hasilnya : banyak template tidak bisa menyesuaikan dengan virtue mart ,sehingga tampilan virtue mart menjadi berantakan.
    Kesimpulan lain : tidak semua template yang dibuat oleh pengembang-pengembang Joomla bisa dimanfaatkan pada website Joomla anda. Namanya juga barang gratis, pasti ada kekurangannya.
    Namun, apapun itu, terima kasih untuk pengembang-pengembang Joomla.
    Semoga Bermanfaat...!!!

    Tentang Website :

    Kembali ke Site Map / Daftar Isi di Blog Ini, Klik Di Sini !


    Aturan membuat Forms yang sesuai prinsip Web Standards

    Forms merupakan bagian terpenting dalam website, hampir semua website yang ada saat ini memiliki forms, entah itu hanya form sederhana untuk melakukan pencarian ataupun forms kompleks untuk pendaftaran anggota. Tetapi kadang kita meremehkan form, disini saya akan membagikan bagaimana caranya membuat form yang baik dan benar.
    Yang terpenting adalah bagaimana kita memberitahu pengunjung apa maksud dari suatu form, dan apa yang harus diisi untuk tiap-tiap field. Untuk itu kita perlu menyusun suatu form yang baik dan benar agar pengunjung website tidak kesulitan. Kenapa kita perlu melakukan ini? Karena kita tidak tahu bagaimana pengunjung melihat website kita, dengan komputer, dengan WebTV atau mungkin mengakses web kita melalui handphone. Karena itu kita perlu membuat Form yang mudah diakses oleh media apa saja.

    Informasi disebelah kanan field = Salah

    Coba anda perhatikan form berikut ini:

    Isilah dengan nama anda
    Isilah dengan alamat anda

    Menurut anda dimana kesalahannya? ya, informasi seharusnya berada
    disebelah kiri field bukan disebelah kanannya. Mungkin jika anda
    mengaksesnya melalui komputer terlihat tidak ada masalah. Tetapi seperti
    inilah hasilnya ketika anda mengaksesnya melaui handphone.
     
    Anda bingung tidak jika melihat form seperti itu? Kenapa bisa seperti
    itu? Karena lebar layar handphone yang terbatas sehingga jika ada teks
    panjang maka informasinya akan turun kebawahnya. Jadi yang benar
    seharusnya seperti ini:

    Nama Anda:
    Alamat Anda:

    Nah, form seperti itu jelas jauh lebih baik. Tetapi untuk suatu kasus,
    informasi dikanan akan lebih baik yaitu jika anda menggunakan radiobutton atau checkbox. Seperti contoh berikut ini:
    Memasak
    Memancing
    Berenang

    Gunakan title untuk memberikan informasi

    Jika anda ingin memberikan informasi tambahan untuk field, maka anda dapat menggunakan atribut title dan isilah dengan informasi yang diinginkan. Seperti inilah kodenya:


    KODE PROGRAM
    <form method="get" action="">
    Nama Anda: <input type="text" name="nama" size="30" title="Isilah dengan nama
    anda" /><br />
    Alamat Anda: <input type="text" name="alamat" size="30" title="Isilah dengan
    alamat anda" /><br />
    </form>

    Hasilnya seperti ini.

    Nama Anda:
    Alamat Anda:
    Jika anda perhatikan hasilnya, maka ketika mouse anda lewatkan keatas field maka akan muncul teks yang berisi title pada field tersebut.

    Wajib menggunakan label

    Apa sih gunanya <label>? Kalau diibaratkan, maka <label> akan memberitahu browser bahwa ada form disitu dan ada field yang harus diisi dengan nama, jadi jangan sampai isinya salah. Ya <label> berguna agar browser mengerti bahwa suatu teks mengacu pada suatu field. Silahkan coba contoh berikut ini:


    KODE PROGRAM
    <form method="get" action="">
    <label for="formnama">Nama Anda:</label> <input type="text" name="nama"
    size="30" title="Isilah dengan nama anda" id="formnama"/><br/>
    <label for="formalamat">Alamat Anda:</label><input type="text" name="alamat"
    size="30" title="Isilah dengan alamat anda" id="formalamat"/><br/>
    <input type="checkbox" name="masak" id="formmasak"/> <label for="formmasak">Memasak</label><br/>
    <input type="checkbox" name="mancing" id="formmancing"/> <label for="formmancing">Memancing</label><br/>
    </form>
     
    Hasilnya seperti ini.






    Jika anda perhatikan kode diatas, pada teks "Nama Anda:" diapit oleh <label>. Dan pada <label> tersebut ada atribut for, nah isi dari atribut for mengacu pada field yang dituju, jika anda perhatikan pada field disampingnya ada atribut id yang sama dengan for. Ini berarti bahwa teks "Nama Anda:" mengacu pada field yang id nya formnama.

    Semua browser memungkinkan <label> untuk diklik dan pointer akan otomatis menuju ke tujuan <label>.
    Jadi jika anda coba klik teks "Nama Anda:" maka pointer akan menuju ke
    field disebelahnya. Jika anda perhatikan untuk checkboxnya, anda dapat
    mengklik textnya saja maka checkboxnya akan terisi. Ini tentu saja akan
    memudahkan pengunjung website anda.

    Kelompokkan field-field anda

    Jika form anda memiliki banyak field, maka anda perlu mengelompokkannya
    agar terlihat lebih teratur. Bagaimana caranya? anda tidak perlu
    menggunakan <table> atau lainnya, gunakan saja <fieldset>. Silahkan coba contoh berikut ini:
    KODE PROGRAM
    <form method="get" action="">
    <fieldset>
    <legend>Informasi Anda</legend>
    <label for="formnama">Nama Anda:</label> <input type="text" name="nama"
    size="30" title="Isilah dengan nama anda" id="formnama"/><br/>
    <label for="formalamat">Alamat Anda:</label><input type="text" name="alamat"
    size="30" title="Isilah dengan alamat anda" id="formalamat"/><br/>
    </fieldset>
    <fieldset>
    <legend>Hobi Anda</legend>
    <input type="checkbox" name="masak" id="formmasak" /> <label for="formmasak">Memasak</label><br/>
    <input type="checkbox" name="mancing" id="formmancing"/> <label for="formmancing">Memancing</label><br/>
    </fieldset>
    </form>

    Hasilnya:

    Bagaimana mudahkan? Selamat mencoba dan semoga bermanfaat...!!!

    Tentang Website :

    Kembali ke Site Map / Daftar Isi di Blog Ini, Klik Di Sini !


    Belajar HTML yang merupakan dasar dari pembuatan website

    Ini merupakan artikel pertama yang saya tulis di website saya ini. Karena diwebsite ini saya akan membagi-bagikan ilmu apa aja tentang pembuatan website, maka kita pelajari biangnya dulu, dasar dari semua dasar pembuatan website yaitu HTML.

    HTML (Hypertext Markup Language) merupakan bahasa yang digunakan untuk membuat website. Menggunakan tag untuk mendeklarasikan sesuatu dan tag tersebut tidak ditampilkan tetapi tag tersebut memberi tahu browser bagaimana cara menampilkan dokumen website. Serta dapat saling berhubungan dengan dokumen HTML lain yang dikenal dengan istilah link.

    Suatu halaman website sebenarnya hanya sebuah halaman teks, jika anda menggunakan browser internet explorer dan anda mengklik view - source, maka anda dapat melihat teks dari web tersebut. Tetapi teks tersebut diterjemahkan oleh browser menjadi halaman website yang enak dilihat. Teks merupakan bahasa universal bagi komputer, yang berarti setiap dokumen teks (termasuk website) yang anda buat melalui Windows dapat dibaca di sistem perasi lain seperti Mac OS, Linux, Unix dan lainnya.

    HTML dan hal-hal yang berkaitan dengan website distandarisasi oleh sebuah badan yang disebut World Wide Web Consortium (W3C). Standard terbaru, konsep dan proposal mengenai starndarisasi web dapat dilihat di http://www.w3.org. Standar untuk HTML terbaru adalah HTML 4.0 yang telah didukung oleh bermacam-macam browser seperti Microsoft Internet Explorer, Netscape Navigator, Opera, Mozilla, Safari dan masih banyak lagi. Browser menterjemahkan tag yang terdapat pada dokumen HTML. Kita akan segera membicarakan mengenai tag.

    Suatu halaman web merupakan file teks yang berarti anda dapat membuatnya hanya dengan menggunakan notepad saja. Bahkan jika anda masih pertama kali mempelajari HTML, notepad merupakan alat yang tepat. Saya menyarankan untuk menggunakan editplus karena menurut saya enak aja dipakainya, tetapi anda bebas menggunakan teks editor lain.

    Jika anda baru pertama kali mengenal HTML, hindari Program WYSIWIG (What You See Is What You Get) seperti Dreamweaver atau Frontpage/Web Expression. Program-program ini memang memudahkan anda membuat website tetapi anda akan kurang memahami HTML, gunakan Frontpage atau Dreamweaver apabila anda sudah paham mengenai HTML.
    Sekarang buka saja notepad anda dan kita mulai.

    Kode HTML pertama ~ Buka notepad dan tuliskan kode dibawah ini

    Hello <b>World!!</b>

    Simpan file tersebut dengan nama hello.html didalam suatu folder (misal c:\webku) dan buka file HTML tersebut dengan browser kesukaan anda. Hasilnya seperti ini:

    Hello World 

    Oke jadi apa yang dimaksud oleh "<" dan ">", ketika anda menuliskan sesuatu diantara tanda "<" dan ">" maka anda membuat sesuatu yang disebut dengan tag, kalau anda lihat dikamus bahasa inggris tag artinya tanda/label. Sebagai contoh tag <b> maksudnya untuk memulai huruf tebal (bold) dan tag </b> merupakan tag penutup untuk menghentikan huruf tebal.

    Sebuah halaman HTML yang baik harus memiliki tag <head> dan <body>, tapi kita akan membicarakan masalah ini belakangan. Yang penting sekarang pahami dulu mengenai tag HTML. Sekarang akan kita pelajari lebih jauh mengenai tag HTML.

    Tag HTML dibagi menjadi dua, yaitu tag HTML yang memiliki penutup (containers) atau yang berdiri sendiri (standalone).

    Containers

    Kebanyakan tag HTML adalah containers (kita sebut containers saja sebab sulit mencari terjemahannya dalam bahasa Indonesia) yang berarti tag tersebut memiliki pembuka (batas awal) dan penutup (batas akhir). Teks yang berada diantara tag pembuka dan penutup akan berubah sesuai dengan fungsi dari tag tersebut. Perhatikan contoh berikut:

    Hello <i>World!!</i>

    Hasil:   Hello World!!

    Tag <i> berguna untuk memiringkan teks (italic) tag <i> memiliki penutup yaitu </i>. Tag penutup selalu ditandai dengan "/". Contoh diatas terdapat teks World!! diantara tag pembuka <i> dan tag penutup </i> sehingga menghasilkan tulisan World!! yang miring. Tag pembuka memiliki atribut tetapi tag penutup tidak memiliki atribut.

    Standalone Tag

    Beberapa tag tidak memerlukan penutup sebab tag tersebut hanya berfungsi untuk menempatkan sebuah elemen pada halaman web. Sebagai contoh tag <img> yang merupakan tag untuk memasang sebuah gambar didalam halaman web. Tag lain yang tidak memiliki penutup adalah <br /> yang berguna untuk memberi jarak antar teks dan tag <hr /> untuk memberi garis. Tag HTML cukup banyak jumlahnya, anda dapat mencarinya dibuku-buku atau mencarinya melalui google untuk mengetahui apa saja jenis tag HTML. Tapi saya akan beritahu yangpenting-penting saja.

    Atribut

    Atribut dipasang didalam tag pembuka untuk menambahkan fungsi dari tag tersebut. Setiap tag memiliki beberapa atribut dan dipasang sesudah nama tag dibatasi oleh spasi. Urutan atribut tidak perlu diperhatikan. Kebanyakan atribut memiliki nilai yang dipanggil dengan menggunakan tanda "=" sesudah nama atribut. Bingung? coba kode berikut ini dijamin anda mengerti:

    Hello <font face="verdana" size="2" color="red">World!!</font>

    Hasilnya:  Hello World!! 

    Tulisan World!! terletak ditengah tag <font> nah tag <font> memiliki atribut face, size dan color yang dapat anda ubah nilainya. Cobalah untuk mengubah ukuran (size) menjadi 3 atau jenis fontnya ubahlah dari verdana menjadi arial. Kira-kira seperti itu kegunaan atribut. Bagaimana? lanjut?

    HTML Entity

    Jika anda ingin menuliskan karakter khusus dalam web, maka anda perlu menulisnya menggunakan kode khusus. Kode khusus ini dikenal dengan istilah HTML entity. Sebagai contoh anda ingin menulis seperti ini:

    Saya belajar     web

    Anda lihat ada jarak spasi antara belajar dan web. Anda tidak bisa membuat spasi dengan menekan tombol space bar berkali-kali. Meskipun pada kode HTML hasilnya terdapat jarak namun browser hanya membacanya sekali, jadi sebanyak apapun space bar yang tekan browser hanya membacanya satu spasi. Lalu bagaimana caranya? Spasi dalam HTML memiliki kode HTML entity yaitu &nbsp; jadi untuk membuat seperti contoh diatas anda perlu menulisnya seperti ini:

    Saya belajar&nbsp;&nbsp;&nbsp;&nbsp;web

    HTML entity selalu diawali dengan "&" dan diakhiri dengan ";" ada banyak sekali HTML entity anda dapat mencarinya, dan lagi-lagi saya akan menyuruh anda mencarinya sendiri melalui google.

    Struktur Dokumen HTML

    Tadi sudah saya katakan bahwa HTML yang baik memiliki tag <head> dan <body>. <head> mendefiniskan bagian header dari dokumen HTML yang berisi informasi mengenai dokumen HTML tersebut. Tag <head> tidak memiliki atribut tetapi memiliki container khusus didalam header seperti <base>, <meta>, dan <title>. Tag <body> mendefinisikan awal dari isi website dan ditutup dengan </body>. Tag <body> berisi isi dokumen yang akan tampil di browser anda. Oke sekarang cobalah kode berikut ini:

    <html>
    <head>
    <title>Your title</title>
    </head>
    <body bgcolor="#cccccc">
    Hello <b>World!!</b>
    </body>
    </html>

    Hasilnya didalam Microsoft Internet Explorer :


    Anda lihat teks yang berada diantara tag <title> muncul dibagian atas browser. Apapun yang anda tulis diantara tag <body> akan muncul sebagai isi dari website anda. Jika anda lihat terdapat tag <body bgcolor="#cccccc"> bgcolor merupakan atribut dari <body> yang berguna untuk memberi warna pada background halaman website. Pelajari dan pahami kode tersebut maka anda akan mudah untuk mempelajari kode selanjutnya.

    Susun file Anda

    Sangat penting untuk meletakkan file-file HTML anda. Akan lebih baik jika anda membuat folder untuk meletakkan file-file HTML dan didalamnya anda membuat subfolder (misalnya images) untuk menyimpan file-file gambar. Semakin sering anda membuat website anda akan semakin berpengalaman dan mengetahui teknik dalam menyusun file. Jadi ini tergantung pengalaman anda.

    index.html

    Ketika anda membuka dhimasronggobramantyo.com/belajar.html maka otomatis browser akan membuka file belajar.html. Tetapi jika kita membuka dhimasronggobramantyo.com saja, file apa yang dibuka? Semua server web otomatis akan mencari file index.html.
    Karena itu jika website anda memiliki banyak halaman, anda harus memiliki sebuah file index.html yang akan menjadi halaman pertama dari website anda.
    Oke, sekarang kita pelajari tag-tag HTML yang penting. Semua kode HTML berikut ini harus ditulis didalam tag <body>

    Teks dan Paragraf

    Header/judul akan membuat mata pembaca tertuju pada judul dan tertarik untuk membacanya. Dengan menggunakan tag heading maka search engine dapat membaca seberapa penting isi dari suatu website.
    Heading merupakan container yang diawali dengan tag <h1> dan ditutup dengan tag </h1>. Ada 6 level heading mulai dari h1 sampai h6.Cobalah kode berikut ini:

    <h1>My First HTML</h1>
    <h2>My First HTML</h2>
    <h3>My First HTML</h3>
    <h4>My First HTML</h4>
    <h5>My First HTML</h5>
    <h6>My First HTML</h6>

    Hasil:












    Saya rasa anda dapat dengan mudah memahami kode tersebut, sekarang kita coba tag HTML penting lainnya. <p> digunakan untuk membuat paragraf, ini merupakan salah satu tag yang banyak digunakan, tag penting lainnya adalah <b> untuk menebalkan,<i> untuk memiringkan dan <u> untuk garis bawah
    Sekarang coba kode berikut ini:

    <p>Halo, nama saya <b>Budi</b> dan
    saya ingin belajar HTML.</p>
    <p>Ini merupakan <i>kode HTML pertama saya</i> dan saya
    belajar untuk <u>memformat</u> teks dalam HTML </p>

    Bagaimana hasilnya? silahkan anda coba sendiri, jika anda selalu melihat contoh dihalaman ini, anda tidak akan mencoba

    Beberapa tag mempunyai atribut ALIGN, termasuk <p> dan <h1> - <h6>. ALIGN berguna untuk membuat teks rata kiri, tengah atau kanan. Cobalah kode berikut:

    <h1 align="center">Nama saya Jono</h1>
    <p>Halo nama saya Jono dan saya lagi belajar HTML</p>
    <p align="right">James, 2006</p>

    Hasilnya:


    Anda dapat mengubah jenis huruf, ukuran dan warna. Untuk mengubah huruf digunakan tag <font>, tag <font> memiliki atribut seperti face, size dan color. Contoh:

    <p><font face="Arial" size="2" color="#FF0000">Nama saya</font>
    <b>Bambang</b><font face="Arial" size="2">
    dan </font><font face="Tahoma">saya cinta rupiah</font></p>

    Silahkan anda coba sendiri untuk melihat seperti apa hasilnya

    Didalam HTML, untuk memberi jarak anda tidak bisa hanya menekan "enter" saja. Untuk memberi jarak perbaris kita perlu tag HTML yaitu <br /> sedangkan untuk spasi seperti yang sudah saya jelaskan tadi, kita perlu menggunakan HTML entity / character entity, untuk spasi character entitynya adalah &nbsp;. Langsung saja coba kode berikut ini:

    <p>Baris 1<br>Baris 2<br>Baris&nbsp;&nbsp;&nbsp;&nbsp; 3<br>Baris
    <b>4</b></p>

    Hasil:

    Baris 1
    Baris 2
    Baris     3
    Baris 4

    Untuk memberikan garis horisontal digunakan tag <hr>. Tag <hr> memiliki beberapa atribut. Tag <hr> tidak memerlukan tag penutup jadi tag <hr> merupakan standalone tag. Coba contoh berikut ini:

    <p>Halo nama saya Telo</p>
    <hr width="25%" align="justify">
    <p>Saya lagi belajar membuat garis horisontal.</p>
    <hr size="4" align="justify">
    <p>Matur nuwun</p>
    <hr size="3" noshade color="#000000" width="25%" align="justify">

    Hasil:










    Seperti yang anda lihat, anda bisa memasang banyak atribut dalam satu tag. Pada tag <hr> terdapat atribut yang tidak memiliki nilai yaitu noshade. Memang dalam beberapa tag HTML terdapat atribut-atribut yang tidak memiliki nilai. Salah satunya adalah noshade yang berarti menghilangkan bayangan pada garis. Anda dapat melihat perbedaan tag <hr> yang menggunakan noshade dengan yang tidak pada kode diatas. Bagaimana? mudah kan belajar HTML, jangan senang dulu sekarang kita akan mempelajari yang lebih sulit

    Links

    Oke anda telah membuat banyak halaman HTML, sekarang bagaimana caranya anda berpindah dari satu halaman ke halaman yang lain? Apakah saya perlu menuliskan alamatnya di browser? Link adalah jawabannya. <a> merupakan tag HTML untuk membuat link agar kita dapat berpindah ke halaman lain. Tag <a> memiliki atribut yang sangat penting yaitu href. Langsung saja coba kode berikut ini:

    My <a href="http://fungsi-media-internet.blogspot.com/">Homepage</a>

    Hasil:

    My homepage

    Jika anda lihat, maka teks homepage telah berubah menjadi link, jika anda klik maka browser akan menuju alamat yang tertera pada atribut href. Sekarang jika anda memiliki banyak file HTML dalam satu folder / halaman (pages), apakah saya perlu menggunakan http:// untuk melinknya? tentu tidak anda cukup menulis nama filenya saja, asalkan file tersebut berada satu folder dengan file yang berisi link. Contoh:

    My <a href="site-map.html">Site Map</a>

    Hasil:

    My Site Map

    Jika anda klik, maka browser akan membuka file site-map.html yang berada pada satu folder page.

    Jika anda ingin ketika link diklik dan halaman tersebut muncul pada jendela browser yang baru, gunakan atribut target="_blank" seperti ini:

    My <a href="http://fungsi-media-internet.blogspot.com/" target="_blank">homepage</a>

    Oke silahkan anda coba sendiri untuk melihat hasilnya, sekarang kita akan belajar tentang images

    Images

    Pertengahan tahun 90'an website-website yang ada tidak memiliki gambar, karena browser yang ada tidak memiliki kemampuan untuk menampilkan gambar. Tetapi sekarang website tanpa gambar akan terlihat membosankan, tetapi website dengan banyak gambar akan terlihat menyebalkan, nah lo. Jadi gunakan gambar seperlunya, keluarkan semua imajinasi dan nilai seni anda untuk dapat membuat website yang nyaman dilihat. Saya tidak akan mengajarkan bagaimana cara membuat gambar disini, ada kategori lain diwebsite ini untuk belajar mendesain, anda dapat belajar menggunakan Photoshop. Gambar yang dipasang di website disarankan menggunakan bertipe file gif atau jpg. Untuk memasang image anda memerlukan tag <img>. Tag <img> tidak memerlukan penutup dan memiliki atribut src untuk mengambil gambar dari suatu alamat. Coba contoh berikut ini:

    <img src="images/test-4.jpg" width="313" height="43"
    alt="Contoh Gambar">

    Hasil:

    Contoh Gambar




    Atribut src disini sama dengan atribut href pada tag <a> yang berisi alamat posisi gambar. Pada contoh kode diatas anda memiliki gambar introhtml_02.gif yang berada pada folder images. Jika anda tidak memiliki file tersebut maka gambar tidak ditampilkan. Atribut width dan height merupakan opsional, tapi saya sarankan untuk mencantumkannya agar browser mengetahui ukuran gambar apabila gambar gagal ditampilkan. Atribut alt berguna untuk menampilkan teks pada gambar jika gambar gagal ditampilkan atau belum selesai ditampilkan. Anda dapat memberikan garis tepi pada gambar dengan menambahkan atribut border

    <a href="http://fungsi-media-internet.blogspot.com">
    <img border="1" src="images/test-4.jpg" width="313"
    height="43"></a>

    Hasil:


    Komentar

    Anda dapat menuliskan komentar dikode HTML, komentar berguna apabila anda ingin kembali mengutak-atik kode maka anda ingat kode tersebut fungsinya apa. Komentar hanya untuk memudahkan anda saja. Komentar tidak ditampilkan oleh browser. Untuk menulis komentar diawali dengan
     <!-- dan diakhiri dengan --> lihat contoh berikut ini:

    <!--Kode untuk menampilkan nama saya-->
    <p>Nama saya <b>3Study</b></p>

    List

    Tag list berguna untuk menampilkan list-list. Ada 3 macam jenis list pada HTML. Yang pertama adalah Unordered List <ul>:

    <ul>
      <li>List 1</li>
      <li>List 2</li>
      <li>List 3</li>
    </ul>

    Hasil:
    • List 1 
    • List 2 
    • List 3
    Tag <ul> merupakan tag pembuka. Diantara tag <ul> Anda dapat menambahkan tag <li> untuk setiap list yang akan ditampilkan. Tag list lainnya adalah Ordered List <ol> Anda dapat menggunakannya sama seperti tag <ul> Contoh:

    <ol>
      <li>List 1</li>
      <li>List 2</li>
      <li>List 3</li>
    </ol>

    Hasil:
    1. List 1 
    2. List 2 
    3. List 3
    Jika anda ingin memulai list tidak dari nomor satu tambahkan atribut start. Contoh:

    <ol start="3">
      <li>List 1</li>
      <li>List 2</li>
      <li>List 3</li>
    </ol>

    Hasil:

    3.    List 1
    4.    List 2
    5.    List 3

    Tabel merupakan hal yang paling penting dalam membuat interface website anda. Dengan tabel anda dapat memecah layout website menjadi beberapa kolom atau baris. Dengan tabel halaman website anda akan lebih rapih.

    Table merupakan tag html terumit, karena didalam tag table terdapat tag-tag lainnya. Dan table sangat penting. Karena itu sebelum meneruskan, tarik nafas dalam-dalam dan konsentrasi.
    Untuk membuat tabel maka diperlukan tag-tag dasar seperti ini :
    • <TABLE></TABLE>--Tag ini merupakan containers untuk membuat tabel.
    • <TR></TR>--Didalam tabel tag ini berfungsi untuk membuat baris.
    • <TD></TD>--Tag untuk membuat kolom. didalam tag <tr> harus terdapat tag <td>, anda bisa menambahkan banyak tag <td> didalam <tr> untuk membuat kolom. 
    • <TH></TH>--Sama dengan <td> hanya saja berfungsi sebagai header, biasanya digunakan pada baris pertama didalam tabel.
    Setiap tag tabel tersebut memiliki banyak atribut. Oke langsung saja coba kode berikut ini:
    Contoh:

    <table border="1" width="60%">
    <tr>
    <td>Contoh Table</td>
    </tr>
    </table>

    Hasilnya:

    Contoh Table

    Tabel diawali dengan tag <table> dan biasanya memiliki atribut border. Jika border="0" maka garis pada tabel tidak ditampilkan. Biasanya jika kita tidak menampilkan atribut border maka otomatis tabel tersebut juga tidak memiliki garis. <table> memiliki atribut cellpadding untuk memberi jarak didalam kolom dan cellspacing untuk memberi jarak antara kolom. Coba kode berikut ini:

    <table border="1" width="200" cellpadding="4" cellspacing="5">
    <tr>
    <td width="100">Cell 1</td>
    <td width="100">Cell 2</td>
    </tr>
    </table>

    Hasil:

    Cell 1 Cell 2

    Coba anda ubah nilai dari atribut cellpadding dan cellspacing untuk melihat perbedaannya, cobalah untuk mengutak-atik kode diatas dengan mengubah nilai-nilai atributnya.

    Setiap tabel memiliki baris dengan menggunakan tag <tr>. Didalam baris perlu sebuah kolom atau lebih, kolom dibuat dengan menggunakan tag <td>. Untuk lebih jelasnya cobalah kode berikut ini:

    <table border="1" width="200" cellpadding="2">
     <tr>
      <td width="100" align="center" bgcolor="#C0C0C0"><b>Header</b></td>
      <td width="100" align="center" bgcolor="#C0C0C0"><b>Header</b></td> /
     </tr>
     <tr>
      <td width="100">cell 1</td>
      <td width="100">cell 2</td>
     </tr>
     <tr>
      <td width="100">cell 3</td>
      <td width="100">cell 4</td> /
     </tr>
    </table>

    Hasil:
    Header Header
    cell 1 cell 2
    cell 3 cell 4

    Bagaimana anda mengerti maksudnya kode diatas, coba anda pahami dulu. Pada kode diatas terdapat atribut bgcolor yang berguna untuk memberi warna pada background. Didalam kolom <td> anda dapat menuliskan kode HTML apa saja, bahkan anda dapat memasang tag <table> didalamnya, yang berarti anda memasang tabel didalam tabel. Contoh lainnya:

    <table border="1" width="200" cellpadding="2">
    <tr>
    <td width="100" align="center" bgcolor="#C0C0C0"><b>Header</b></td>
    <td width="100" align="center" bgcolor="#C0C0C0"><b>Header</b></td>
    </tr>
    <tr>
    <td width="100" rowspan="2" valign="top">cell 1</td>
    <td width="100">cell 2</td>
    </tr>
    <tr>
    <td width="100">cell 4</td>
    </tr>
    </table>

    Hasilnya:

    Header Header
    cell 1 cell 2
    cell 4

    Anda lihat ada atribut rowspan="2" ini berguna untuk menggabungkan 2 baris menjadi satu, jika anda ingin menggabungkan lebih dari 2 baris, ubah saja nilainya. Bagaiman susah? coba anda pelajari terus. Jika sudah coba anda pahami kode berikut ini:

    <table border="0" width="200" cellpadding="2" cellspacing="1" bgcolor="#000000">
    <tr>
    <td width="100" align="center" bgcolor="#C0C0C0"><b>Header</b></td>
    <td width="100" align="center" bgcolor="#C0C0C0"><b>Header</b></td>
    </tr>
    <tr>
    <td width="100" valign="top" bgcolor="#CCCCCC" align="left">Left</td>
    <td width="100" bgcolor="#CCCCCC" align="right">Right</td>
    </tr>
    <tr>
    <td width="200" valign="top" colspan="2" bgcolor="#FFFFFF" align="center">
    Table is cool</td>
    </tr>
    <tr>
    <td width="200" valign="top" colspan="2" bgcolor="#FFFFFF" align="center">
    But it's not easy</td>
    </tr>
    </table>

    Hasil:
    Header Header
    Left Right
    Table is cool
    But it's not easy

    Anda sudah mengetahui dasar-dasar HTML. Masih banyak lagi tag-tag HTML lainnya seperti frames dan form. Saya akan mengajarkan frames diartikel lainnya, tetapi frames harus dihindari dalam membuat website, alasan utama apa yang ada didalam frames tidak terbaca oleh Search Engine. Tag form hanya dibutuhkan apabila anda membuat website dinamis menggunakan bahasa pemrograman web seperti PHP, ASP, Perl atau JSP.

    Sekarang kita akan membicarakan tag <META>. Tag <META> digunakan agar search engine mengenal dan dapat mengkategorisasikan website anda, gampangnya agar search engine mengetahui website anda isinya tentang apa. Tetapi tidak semua search engine membaca tag <META> tetapi sebagian besar membaca tag ini, jadi kita perlu menyertakannya pada website kita. Tag <META> berada diantara tag  <head> bukan <body> yang berarti isi tag tersebut tidak ditampilkan dibrowser.

    Sebenarnya apa sih kegunaan Search Engine dan apa pengaruhnya untuk website? Saya akan jelaskan secara gampang, anda memiliki website katakan websitesaya.com, nah bagaiman milyaran pengguna internet dapat mengetahui kalau ada sebuah situs websitesaya.com diantara ratusan juta situs lainnya. Pengguna internet banyak yang melakukan pencarian melalui search engine seperti google atau yahoo. Jika mereka melakukan pencarian dan situs anda muncul pada hasil pencarian tersebut, maka anda mendapatkan pengunjung yang mengunjungi website anda. Bagaimana agar website saya ada di google atau search engine lainnya? ya dengan menggunakan <META> maka search engine akan mengenali website anda. Sebenarnya prosesnya jauh lebih rumit, search engine memiliki perhitungannya sendiri seperti ranking, backlink, recipocal link, tetapi kita ambil gampangnya saja.

    Oke anda sudah mengerti pentingnya tag <META>Tag <META> memiliki atribut yang paling penting Keywords dan DESCRIPTION dimana kita memasukkan deskripsi dan kata kunci yang berhubungan dengan website kita.

    Sebagai contoh misalnya kita memiliki website kecoak.com yang berisi bagaimana cara memelihara dan beternak kecoa. Maka kira-kira kita perlu membuat meta seperti ini:

    <html>
    <head>
    <META content="kecoak.com" name=AUTHOR>
    <META content="Cara memelihara dan beternak kecoak." name=description>
    <META content="kecoak, beternak, memelihara, coro, ternak, pelihara" name=keywords>
    <META content="INDEX, FOLLOW" name=ROBOTS>
    <META http-equiv="Content-Language" content="en-us">
    <META http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Ternak Kecoak</title>
    </head>

    Kira-kira seperti itu, ok anda telah mempelajari HTML, sekarang anda tinggal turun gunung dan mempraktekkan apa yang sudah dipelajari. Teruslah mencoba agar anda semakin ahli.

    Tentang Website :

    Kembali ke Site Map / Daftar Isi di Blog Ini, Klik Di Sini !

    Data Browser Anda
    IP


    Membuat Navigasi Next Page Number Di Blog

    Masih seputar dunia blogspot, postingan kali ini akan membahas cara membuat navigasi halaman berurut atau next page number 1 2 3. Next page number terletak di bawah posting. Atribut ini hanya terlihat pada halaman awal atau home page saja, jika kita mulai masuk pada postingan maka atribut next page number tidak akan muncul. Dengan atribut ini di harapkan dapat memudahkan pengunjung untuk  menelusuri halaman demi halaman blog kita.

    Pemasangan navigasi next page number atau halaman berurut akan mucul seperti gambar di bawah ini:




    Atau untuk lebih jelasnya silahkan lihat pada blog saya ini di sini...!!!

    Berikut ini Adalah cara pemasangannya:

    • Login ke bloger.com dengan akun anda.
    • Klik Design kemudian Edit HTML.
    • Jangan lupa klik Download Full Template.
    • Centang Expand Widget Templates.
    • Cari Kode berikut  ]]></b:skin> ( Gunakan ctrl + f untuk memnudahkan pencarian )
    • Copy kode dibawah ini dan letakan di atas ]]></b:skin>


    .showpageArea a {
    text-decoration:underline;
    }
    .showpageNum a {
    text-decoration:none;
    border: 1px solid #cccccc;
    margin:0 3px;
    padding:3px;
    }
    .showpageNum a:hover {
    border: 1px solid #cccccc;
    background-color:#cccccc;
    }
    .showpagePoint {
    color:#333;
    text-decoration:none;
    border: 1px solid #cccccc;
    background: #cccccc;
    margin:0 3px;
    padding:3px;
    }
    .showpageOf {
    text-decoration:none;
    padding:3px;
    margin: 0 3px 0 0;
    }
    .showpage a {
    text-decoration:none;
    border: 1px solid #cccccc;
    padding:3px;
    }
    .showpage a:hover {
    text-decoration:none;
    }
    .showpageNum a:link,.showpage a:link {
    text-decoration:none;
    color:#333333;
    }


    • Selanjutnya cari kode </body>
    • Jika sudah ketemu copy paste script kode di bawah ini dan letakan ditas </body>

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <script type='text/javascript'>
    var pageCount=5;
    var displayPageNum=5;
    var upPageWord =&#39;Previous&#39;;
    var downPageWord =&#39;Next&#39;;
    </script>
    <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
    </b:if>
    • Langkah terakhir carilah kode
    'data:label.url'
    • Jika sudah ketemu hapus kode tersebut dan gantilah dengan kode di bawah ini:
    'data:label.url + &quot;?&amp;max-results=5&quot;'
    • Simpan template dan Anda bisa lihat hasilnya sekarang
    Semoga bermanfaat...!!!

    Cara Membuat Blog

    Kembali ke Site Map / Daftar Isi di Blog Ini, Klik Di Sini !
      Data Browser Anda
      IP


      Kata-kata Bijak Kehidupan | Kata Bijak Para Tokoh


      Kumpulan Kata Bijak Motivasi


      Postingan 3Brothers kali ini tentang kumpulan kata-kata bijak untuk memotifasi kita semua dalam menjalankan roda-roda kehidupan di dunia ini. Adapun kata-kata bijak tersebut seperti di bawah ini :


      1.Contoh yang baik adalah nasehat terbaik. ~ Fuller
      2.Jika kita melayani, maka hidup akan lebih berarti. ~ John Gardne
      3.Apabila di dalam diri seseorang masih ada rasa malu dan takut untuk berbuat suatu kebaikan, maka jaminan bagi orang tersebut adalah tidak akan bertemunya ia dengan kemajuan selangkah pun. ~ Bung Karno
      4.Kita semua hidup dalam ketegangan, dari waktu ke waktu, serta dari hari ke hari; dengan kata lain, kita adalah pahlawan dari cerita kita sendiri. ~ Mary McCarthy
      5.Apa yang nampak sebagai suatu kemurahan hati, sering sebenarnya tiada lain daripada ambisi yang terselubung, yang mengabaikan kepentingan-kepentingan kecil untuk mengejar kepentingan- kepentingan yang lebih besar. ~ La Roucefoucauld
      6.Semua yang dimulai dengan rasa marah, akan berakhir dengan rasa malu. ~ Benjamin Franklin
      Hati yang penuh syukur, bukan saja merupakan kebajikan yang terbesar, melainkan merupakan induk segala kebajikan yang lain. ~ Cicero
      7.Orang yang berhasil akan mengambil manfaat dari kesalahan-kesalahan yang ia lakukan, dan akan mencoba kembali untuk melakukannyadalam suatu cara yang berbeda. ~ Dale Carnegie
      8.Istilah tidak ada waktu, jarang sekali merupakan alasan yang jujur, karena pada dasarnya kita semuanya memiliki waktu 24 jam yang sama setiap harinya. Yang perlu ditingkatkan ialah membagi waktu dengan lebih cermat. ~ George Downing
      9.Ancaman nyata sebenarnya bukan pada saat komputer mulai bisa berpikir seperti manusia, tetapi ketika manusia mulai berpikir seperti komputer. ~ Sydney Harris
      10.Cara untuk menjadi yangterdepan adalah memulainyasekarang. Jika memulai sekarang, tahun depan Anda akan tahu banyak hal yang sekarang tidak diketahui, dan Anda tak akan mengetahui masa depan jika Anda menunggu-nunggu. ~ William Feather
      11.Dalam masalah hati nurani, pikiran pertamalah yang terbaik. Dalam masalah kebijaksanaan, pemikiran terakhirlah yang paling baik. ~ Robert Hall
      12.Belajarlah dari kesalahan orang lain. Anda tak dapat hidup cukup lama untuk melakukan semua kesalahan itu sendiri. ~ Martin Vanbee
      13.Orang-orang hebat di bidang apapun bukan baru bekerja karena mereka terinspirasi, namun mereka menjadi terinspirasi karena mereka lebih suka bekerja. Mereka tidak menyia-nyiakan waktu untuk menunggu inspirasi. ~ Ernest Newman
      14.Orang-orang yang sukses telah belajar membuat diri mereka melakukan hal yang harus dikerjakan ketika hal itu memang harus dikerjakan, entah mereka menyukainya atau tidak. ~ Aldus Huxley
      15.Kebanyakan dari kita tidak mensyukuri apa yang sudah kita miliki, tetapi kita selalu menyesali apa yang belum kita capai. ~ Schopenhauer
      16.Musuh yang paling berbahaya di atas dunia ini adalah penakut dan bimbang. Teman yang paling setia, hanyalah keberanian dan keyakinan yang teguh. ~ Andrew Jackson
      17.Sesuatu yang belum dikerjakan, seringkali tampak mustahil; kita baru yakin kalau kita telah berhasil melakukannya dengan baik. ~ Evelyn Underhill
      18.Perbuatan-perbuatan salah adalah biasa bagi manusia, tetapi perbuatan pura-pura itulah sebenarnya yang menimbulkan permusuhan dan pengkhianatan. ~ Johan Wolfgang Goethe
      19.Jika orang berpegang pada keyakinan, maka hilanglah kesangsian. Tetapi, jika orang sudah mulai berpegang pada kesangsian, maka hilanglah keyakinan. ~ Sir Francis Bacon
      20.Karena manusia cinta akan dirinya, tersembunyilah baginya aib dirinya; tidak kelihatan olehnya walaupun nyata. Kecil di pandangnya walaupun bagaimana besarnya. ~ Jalinus At Thabib
      21.Bersikaplah kukuh seperti batu karang yang tidak putus-putus-nya dipukul ombak. Ia tidak saja tetap berdiri kukuh, bahkan ia menenteramkan amarah ombak dan gelombang itu. ~ Marcus Aurelius
      22.Kita melihat kebahagiaan itu seperti pelangi, tidak pernah berada di atas kepala kita sendiri, tetapi selalu berada di atas kepala orang lain. ~ Thomas Hardy
      23.Kaca, porselen dan nama baik, adalah sesuatu yang gampang sekali pecah, dan tak akan dapat direkatkan kembali tanpa meninggalkan bekas yang nampak. ~ Benjamin Franklin
      24.Keramah-tamahan dalam perkataan menciptakan keyakinan, keramahtamahan dalam pemikiran menciptakan kedamaian, keramahtamahan dalam memberi menciptakan kasih. ~ Lao Tse
      25.Rahmat sering datang kepada kita dalam bentuk kesakitan, kehilangan dan kekecewaan; tetapi kalau kita sabar, kita segera akan melihat bentuk aslinya. ~ Joseph Addison
      26.Bagian terbaik dari hidup seseorang adalah perbuatan-perbuatan baiknya dan kasihnya yang tidak diketahui orang lain. ~ William Wordsworth
      27.Kita berdoa kalau kesusahan dan membutuhkan sesuatu, mestinya kita juga berdoa dalam kegembiraan besar dan saat rezeki melimpah. ~ Kahlil Gibran
      28.Semua orang tidak perlu menjadi malu karena pernah berbuat kesalahan, selama ia menjadi lebih bijaksana daripada sebelumnya. ~ Alexander Pope
      29.Teman sejati adalah ia yang meraih tangan anda dan menyentuh hati anda. ~ Heather Pryor
      30.Banyak kegagalan dalam hidup ini dikarenakan orang-orang tidak menyadari betapa dekatnya mereka dengan keberhasilan saat mereka menyerah. ~ Thomas Alva Edison
      31.Tiadanya keyakinanlah yang membuat orang takut menghadapi tantangan; dan saya percaya pada diri saya sendiri. ~ Muhammad Ali
      32.Kebanggaan kita yang terbesar adalah bukan tidak pernah gagal, tetapi bangkit kembali setiap kali kita jatuh. ~ Confusius
      33.Jadilah kamu manusia yang pada kelahiranmu semua orang tertawa bahagia, tetapi hanya kamu sendiri yang menangis dan pada kematianmu semua orang menangis sedih, tetapi hanya kamu sendiri yang tersenyum. ~ Mahatma Gandhi
      34.Dia yang menciptakan mata nyamuk adalah Dzat yang menciptakan matahari. ~ Bediuzzaman Said Nursi
      35.Penderitaan jiwa mengarahkan keburukan. Putus asa adalah sumber kesesatan; dan kegelapan hati, pangkal penderitaan jiwa. ~ Bediuzzaman Said Nursi
      36.Kebersamaan dalam suatu masyarakat menghasilkan ketenangan dalam segala kegiatan masyarakat itu, sedangkan saling bermusuhan menyebabkan seluruh kegiatan itu mandeg. ~ Bediuzzaman Said Nursi
      37.Menghidupkan kembali agama berarti menghidupkan suatu bangsa. Hidupnya agama berarti cahaya kehidupan. ~ Bediuzzaman Said Nursi
      38.Seseorang yang melihat kebaikan dalam berbagai hal berarti memiliki pikiran yang baik. Dan seseorang yang memiliki pikiran yang baik mendapatkan kenikmatan dari hidup. ~ Bediuzzaman Said Nursi
      39.Pengetahuan tidaklah cukup, maka kita harus mengamalkannya. Niat tidaklah cukup, maka kita harus melakukannya. ~ Johann Wolfgang von Goethe
      40.Pencegahan lebih baik daripada pengobatan. ~ Johann Wolfgang von Goethe
      41.Ilmu pengetahuan tanpa agama adalah pincang. ~ Einstein
      42.Perdamaian tidak dapat dijaga dengan kekuatan. Hal itu hanya dapat diraih dengan pengertian. ~ Einstein
      43.Agama sejati adalah hidup yang sesungguhnya – hidup dengan seluruh jiwa seseorang, dengan seluruh kebaikan dan kebajikan seseorang. ~ Einstein
      44.Dua hal yang membangkitkan ketakjuban saya : langit bertaburkan bintang di atas dan alam semesta yang penuh hikmah di dalamnya. ~ Einstein
      45.Apa yang saya saksikan di Alam adalah sebuah tatanan agung yang tidak dapat kita pahami dengan sangat tidak menyeluruh, dan hal itu sudah semestinya menjadikan seseorang yang senantiasa berpikir dilingkupi perasaan rendah hati. ~ Einstein
      46.Sungguh sedikit mereka yang melihat dengan mata mereka sendiri dan merasakan dengan hati mereka sendiri. ~ Einstein
      47.Berusahalah untuk tidak menjadi manusia yang berhasil tapi berusahalah menjadi manusia yang berguna. ~ Einstein

      Bagaimana menurut anda tentang kata-kata bijak ini ? Mudah-mudahan dapat membuat semangat baru dalam menjalani hidup ini yang penuh dengan ketidakstabilan dari diri kita sendiri.

      Kumpulan Kata Bijak :

      Data Browser Anda
      IP

      Diberdayakan oleh Blogger.
      Twitter Delicious Facebook Digg Stumbleupon Favorites More