Rabu, 24 Oktober 2007

Mengenal perintah IFRAME



Untuk tutorial kali ini saya ingin sedikit mengulas tentang salah satu fungsi kode HTML
yakni perintah <iframe>. Dengan perintah iframe kita dapat menampilkan isi
dari situs ataupun blog milik orang lain pada blog milik kita, namun walaupun demikian kita tidak
boleh sembarangan tentunya harus mendapatkan izin terlebih dahulu dari pemilik blog yang ingin di tampilkan.

Perintah dasar dari iframe adalah sebagai berikut :





<iframe> .... isi dari iframe .... </iframe>





Beberapa atribut yang sering di pasang dalam iframe adalah :



ALIGN="left/right" --> Untuk mengatur posisi iframe



WIDTH="lebar" -->: Mengatur lebar IFRAME dalam pixel atau persen



HEIGHT="tinggi" --> Untuk mengatur tinggi dari iframe dalam pixel atau persen



FRAMEBORDER="garis pembatas" --> Untuk memberi garis pembatas



SCROLLING="auto/yes/no" --> Untuk memberi atau tidak memberi scrolling pada iframe



SRC="url yg ingin di tampilkan" --> alamat sumber yang ingin di tampilkan pada iframe



Agar lebih mudah untuk di fahami, maka saya akan memberikan dua contoh dari fungsi
perintah iframe. Misalkan alamat sumber yang ingin saya tampilkan adalah isi dari blog saya
yang lain yang beralamat di http://unique-r1-8.blogspot.com/, lebar yang ingin saya
gunakan adalah sebesar 500 pixel, dan tinggi sebesar 300 pixel.



  • IFRAME yang tidak mempunyai garis pembatas dan tidak mempunyai fasilitas scrolling




  • contoh kode yang di pasang seperti ini :






    <iframe align="left" frameborder="0" src="http://unique-r1-8.blogspot.com/"
    width="500" height="300" scrolling="no">
    </iframe>






    hasilnya seperti ini :



























  • IFRAME yang mempunyai garis pembatas dan mempunyai fasilitas scrolling




  • contoh kode yang di pasang seperti ini :






    <iframe align="left" frameborder="10" src="http://unique-r1-8.blogspot.com/"
    width="500" height="300" scrolling="auto">
    </iframe>






    hasilnya seperti ini :



























    Bagaimana sobat, tentunya dengan iframe kita dapat mengintip isi dari blog milik orang lain pada blog milik kita. Akan tetapi
    jangan lupa untuk meminta ijin terlebih dahulu kepada pemiliknya apabila tidak ingin kena damprat sang pemilik blog.



    selamat bereksperimen !




    Selasa, 23 Oktober 2007

    Horizontal Green menu



    Jika kemarin-kemarin saya selalu menawarkan menu navigasi yang berupa
    navigasi yang berbentuk horizontal yaitu menu navigasi yang cocok
    di pasang di sekitar header, nah kali ini saya coba tawarkan yang lain
    yakni menu navigasi yang berbentuk vertikal. Navigasi ini adalah untuk di
    simpan pada bagian sidebar blog agar link-link yang tercipta dan di tempatkan
    pada navigasi tersebut tampak lebih cantik dan menarik untuk di lihat.




    Untuk melihat contoh dari menu yang saya buat, silahkan klik pada tombol
    di bawah ini :








    Jika sobat tertarik, silahkan ikuti tutorial pemasangannya di sini!



    Selamat mempunyai sidebar yang lebih cantik!



    UniQue Template R 1.5


    Ada yang mau melihat koleksi template dari uniQue template? ada yang baru nih, namanya
    UniQue Template R 1.5. Sebenarnya template ini adalah sama dengan template terdahulu
    yaitu UniQue Template R 1.4 akan tetapi ada perbedaan yaitu pada posisi sidebar. Jika
    pada uniQue template r 1.4 sidebar terletak di sebelah kanan, sedangkan pada UniQue Template R 1.5
    sidebar terletak pada sisi sebelah kiri.




    Untuk melihat contoh dari template ini, silahkan klik pada banner di bawah ini :













    Lain kepala tentu lain juga keinginan, ada yang suka kiri ada juga yang suka kanan. Template ini
    saya buat khusus bagi sobat yang menyukai sidebar berada pada sebelah kiri. Untuk mendownload
    template ini saya tegaskan Free alias Gratis, cuma jika sobat memakai template ini
    ada syaratnya yaitu tidak boleh menghapus atau mengubah Link yang berada paling bawah.



    Bagi yang berminat? silahkan download templatenya di sini !



    Selamat berdownload ria !



    Senin, 22 Oktober 2007

    Google Bookmark


    Bagi sobat yang sudah terbiasa berinternet ria, tentu saja tidak akan asing dengan yang namanya
    menu Favourite pada internet explorer ataupun Bookmark pada firefox. Dengan
    menggunakan fasilitas ini kita dapat memasukan beberapa alamat website ataupun blog yang di rasa
    disukai dan pada waktu yang akan datang ingin di kunjungi kembali. Bookmark memang sangat membantu
    kita untuk memudahkan mengunjungi situs-situs ataupun blog yang di sukai, namun demikian ada suatu
    kelemahan yaitu menu bookmark yang ada pada komputer tersebut bersifat Offline. Lebih sfesifik
    dengan kata Offline yang saya maksud adalah bookmark tersebut hanya berlaku bagi komputer tersebut saja.




    Bagi sobat yang sering gonta-ganti komputer dalam hal berinternet ria akan menglami kesulitan
    dalam hal bookmark, katakan saja kita sering menggunakan warnet. Di warnet tentunya kita tidak bisa mengklaim
    akan selalu memakai komputer yang sama, bagaimana solusi terbaik dalam mengatasi hal ini? untuk mengatasinya
    sobat bisa menggunakan Online bookmark, dengan online bookmark sobat akan leluasa membubuhkan alamat-alamat
    situs ataupun blog yang sobat sukai karena bisa di buka pada komputer manapun ataupun tempat yang berlainan yang
    penting syarat utamanya tentu komputer tersebut harus online dengan internet.



    Cara untuk melakukan online bookmark, kita bisa menggunakan berbagai situs penyedia online bookmark. Beberapa
    situs online bookmark terkenal di antaranya adalah google bookmark,
    del.icio.us, digg.com, dan masih banyak
    lagi. Jika saya membicarakan semuanya, tentu harus banyak ruang serta waktu yang harus saya sediakan (caile rada puitis dikit), untuk itu
    saya hanya akan membahas satu saja yaitu online bookmark yang menggunakan google bookmark.
    Hal pertama yang harus di lakukan adalah tentunya sobat harus mempunyai account di google. Belum punya account google? sok atuh
    bikin dulu di sini!
    bagi yang sudah mempunyai account google bisa langsung menyimak bagaimana cara Online bookmark di google bookmark, silahkan ikuti langkah-langkah berikut ini !




    1. Silah kunjungi google bookmark
      atau cukup klik di sini!




    2. Silahkan login dengan account google milik sobat




    3. Klik tulisan Add Bookmark




    4. Isi form yang tersedia





      • Name --> isi dengan nama yang di inginkan, misal Blog tutorial



      • Location (URL) --> isi dengan alamat situs ataupun blog yang ingin di cantumkan, misal sobat suka dengan
        blog ini, maka tulis alamatnya http://kolom-tutorial.blogspot.com



      • Label --> isi dengan label (kategori) yang di inginkan, misal : blog



      • Notes --> isi dengan catatan yang diinginkan untuk lebih mempermudah mengingatkan
        sobat akan blog ini, misal : ini dia nih blog favourite ane.






    5. Akhiri langkah di atas dengan mengklik tombol Add bookmark




    6. Selesai.





    Dengan sobat melakukan online bookmark, maka sobat tidak usah merasa khawatir akan kehilangan
    catatan mengenai alamat situs ataupun blog yang di rasa menjadi favourite sobat karena tentu saja
    bisa di buka ditempat manapun, lain kota, lain negara? tidak masalah, online saja di internet
    lalu masuk ke google bookmark, kemudian silahkan kunjungi situs yang ingin sobat kunjungi.



    Balik Lagi Uy...!!!


    Ngeblog lagi euy.....!!!! yups... setelah satu minggu lebih bermudik ria
    ke kampung halaman tercinta Bandungku...kotaku, akhirnya kembali harus menjalani
    hari-hari berat di kota yang penuh gemerlap jakarta. Belum mau berbicara seputar
    tutorial, soalnya kepala saya masih terasa pusiiiiing.... masih nyut...nyut.. rasanya.
    Yoi.. sobat, saya hanya mau " say hai " saja & mau ngucapin " mohon maaf lahir dan bathin ".




    Dah dulu ah, mungkin besok-besok saya akan menulis tentang tutorial yang lainnya. Bagi yang belum saya
    linkback, sabar ya... nanti saya linkback... sekarang mau istirahat dulu nih
    masih cape banget .



    Minggu, 07 Oktober 2007

    Horizontal Flip menu


    Untuk menambah kecantikan blog sobat, ada satu lagi yang saya tawarkan secara gratis
    yaitu menu navigasi dengan menggunakan CSS. Navigasi ini saya beri nama Horizontal Flip menu.
    Pada menu-menu lain kebanyakan apabila di sorot akan berubah warna, yang ini berbeda. Di sinilah
    uniknya, menu navigasi ini apabila di sorot oleh mouse, tulisan yang ada di dalamnya seakan bergerak
    alias gelayutan (apaan tuh ).
    Penasan seperti apa bentuk dari menu navigasi ini, silahkan klik pada gambar di bawah ini :












    Bagaimana, cukup lucu bukan? bagi yang berminat memasang menu navigasi ini, silahkan baca
    instruksi pemasanganya di sini !



    Selamat bergelayut ria !



    Sabtu, 06 Oktober 2007

    Google page Creator


    Beberapa bulan yang lalu, saya pernah memposting bagaimana cara mengupload
    sebuah gambar atau banner pada hosting tempat menyimpan gambar yaitu pada
    situs http://www.photobutcket.com,
    atau pernah juga saya memposting bagaimana cara membuat link untuk download suatu
    data file ataupun program di internet dengan menggunakan jasa layanan situs http://www.snapdrive.net.
    Dari kedua nya, saya terangkan dengan menggunakan
    layanan situs yang berbeda. Jika muncul keinginan ataupun pertanyaan apakah ada layanan
    di internet yang menyediakan kedua layanan sekaligus yakni untuk menyimpan gambar atau untuk menyimpan data-data agar
    bisa di download oleh para pengunjung ? Jawabannya adalah ada bahkan banyak.
    Sekedar informasi
    ringan namun mudah-mudahan dapat bermanfat bagi sobat semua, salah satu penyedia layanan tersebut
    yang sudah terkenal adalah Google Page Creator.



    Apa yang disediakan oleh Google Page Creator?
    layanan google page creator terbilang cukup lengkap yaitu mulai dari membuat halaman website secara instant sampai media penyimpanan data
    yang cukup variatif yaitu bisa untuk menyimpan data gambar semisal gif,jpg,png ataupun untuk menyimpan data script semisal CSS stylesheet, javascript dll.
    Tidak tanggung-tanggung, kapasitas yang di sediakan untuk satu account google cukup lumayan besar yaitu 1000 MB, sebuah angka yang cukup menggiurkan tentunya
    karena semuanya di berikan secara cuma-cuma alias gratis tis..tiss.



    Syarat utama yang harus di penuhi tidaklah sulit, sobat hanya di wajibkan mempunyai account di google, setelah itu tinggal login dan siap untuk menyimpan berbagai file milik sobat.
    Bagi yang belum mempunyai account google, silahkan daftar dulu di sini !
    Sedikit bingung tentang bagaimana cara mengupload file-file milik sobat di google page creator? silahkan ikuti langkah-langkah berikut ini :




    1. Silahkan login terlebih dahulu di google page creator atau klik saja di sini!




    2. Klik tulisan Upload yang berada di sebelah kanan monitor




    3. Klik tombol Browse...




    4. Pilih file di komputer sobat yang mau di upload




    5. Setelah ada file yang di pilih, tunggu beberapa saat sampai proses upload selesai




    6. Klik kanan pada link yang baru di terbentuk, kemudian setelah muncul option pilihan, klik copy shortcut




    7. Paste pada notepad. Langkah ini berguna untuk mengambil alamat file tersebut




    8. Selesai.







    Setelah mempunyai alamat yang di copy pada notepad tadi, sobat hanya bertugas untuk memanggilnya, misalkan saya sudah
    mempunyai file gambar yang sudah di upload ke google page creator dan mempunyai alamat gambar sebagai berikut:





    http://24rohman.googlepages.com/Water-06.jpg





    Sobat hanya perlu memanggilnya dengan memakai kode :




    <img src="file gambarnya di sini" alt="judul gambar">




    Jadi kode yang ditulis menjadi seperti ini :




    <img src="http://24rohman.googlepages.com/Water-06.jpg" alt="water background">




    Hasilnya akan seperti ini :



    water background





    Apabila gambar tersebut ingin di jadikan sebagai link, sobat hanya tinggal menambahkan kode link saja,
    contoh gambar terbut ingin saya buatkan link ke http://css-lybrary.blogspot.com, kodenya akan seperti ini :





    <a href="http://css-lybrary.blogspot.com" target="_blank">

    <img src="http://24rohman.googlepages.com/Water-06.jpg" alt="water background">

    </a>




    Hasilnya akan seperti ini, silahkan klik pada gambar di bawah untuk membuktikannya :




    water background








    Jika sobat mempunyai JavaScript yang ingin di pasang pada kode template sobat, akan tetapi akan sangat
    mengganggu apabila di pasang langsung karena datanya sampai beberapa halaman, sobat bisa melakukan efisiensi
    dengan menguploadnya di google page creator, misalkan saya sudah menguload suatu javascript dan mempunyai lamat sebagai berikut ;





    http://amen24.googlepages.com/dtreemenu.js





    Untuk memakai javascript yang sudah di upload, sobat hanya perlu menambahkan kode berikut :




    <script type='text/javascript' src="alamat javascript disini">


    </script>




    Jadi kode yang di pasang akan seperti ini :




    <script type='text/javascript' src="http://amen24.googlepages.com/dtreemenu.js">


    </script>





    Tak hanya javascript yang bisa di upload, stylesheet CSS pun bisa juga, misalkan saya mempunyai alamat kode CSS seperti ini:





    http://amen24.googlepages.com/dtree.css





    Untuk memakainya, sobat hanya tinggal memanggilnya dengan kode berikut :




    <link rel="StyleSheet" href="alamat CSS nya disini" />




    Jadi kodenya akan seperti ini :




    <link rel="StyleSheet" href="http://amen24.googlepages.com/dtree.css" />







    Dengan adanya efisiensi tersebut maka data template sobat yang tadinya berjubel kode-kde dalam jumlah banyak, maka
    dengan cara seperti itu akan menjadi satu atau dua baris saja, sehingga akan membuat kode template sobat menjadi rapi.



    Jika sobat mempunyai file agar bisa di download oleh para pengunjung, sebaiknya sebelum diupload di kompress terlebih dahulu
    dengan memakai program winzip, selain datanya akan semakin kecil, manfaat lainnya yaitu pengunjung akan bisa langsung
    mendowload dengan memakai Klik kiri tanpa harus menggunakan Klik kanan lalu save target. Misalkan saya sudah
    mengupload file template dan mempunyai alamat sebagai berikut :





    http://amen24.googlepages.com/UniQueR1.4.zip





    Agar file tersebut bisa di download oleh pengunjung, sobat hanya tinggal membuatkan link biasa saja, contoh kodenya
    seperti ini :




    <a href="http://amen24.googlepages.com/UniQueR1.4.zip"><b>Download</b></a>




    Hasilnya akan seperti ini, silahkan klik untuk membuktikannya :



    Download





    Untuk pembahasan tentang google page creator
    saya rasa sukup, selamat ber upload ria !