Tutorial Komputer, Website, Blogger dan Surat

Full Arsip Surat

Download segala jenis surat yang anda butuhkan.

Dasar-dasar blogging

Belajar ngblog bagi pemula dan tingkat lanjut.

Belajar Web Desain

Panduan membuat website secara mudah dan cepat.

Desain Grafis

Trik dan Tips Desain grafis khususnya Photoshop.

Info Teknologi

Info seputar Teknologi dan Internet

31 August 2007

upload gambar blogger

Tidak semua gambar dapat di upload ke posting blogger. Yang bisa di upload adalah gambar yang berformat jpg, gif, bmp dan png dan maksimum berukuran 8 Mb. Untuk mengupload gambar, silahkan klik gambar berikut saat anda berada di kotak postingan.





Kemudian pilih, Browse dan pilih gambar yang ingin anda upload, setelah itu anda bisa juga memilih tampilan gambar tersebut apakah disebelah kiri, kanan atau tengah dari text yang anda buat. Jangan lupa klik upload gambar
.

Atau bisa juga anda melakukan sharing gambar dari situs lain, misalnya gambar yang sudah anda upload di photobucket di tampilkan di postingan blogger. Yaitu pada saat anda klik gambar diatas, masukkan alamat gambar dari photobucket pada kotak Url yang sudah ada.


Share:

Template Classic

Berikut adalah cara untuk merubah template Standar blogger menjadi bentuk classic.
  • Setelah login di blogger, lalu pilih Layout dari Blog anda.
  • Kemudian pilih Template



  • Lalu pilih Edit HTML, lihat pada bagian bawah dan klik Kembali ke template klasik
  • Kemudian copy Code HTML yang telah anda Download tadi, dan blok semua kode diatas lalu paste. Artinya semua Code HTML diatas anda ganti dengan Code yang telah anda download lalu Simpan. "Selamat mencoba".

Share:

Buat blog di blogger


Ngeblog, yap..! suatu kata yang enak di dengar, tapi beda lho dengan blok, memang bunyinya sama tapi makna nya beda. blog yang ini maksudnya kita membuat semacam diary atau tulisan-tulisan apa saja yang kita mau terus di online kan alias bisa dilihat oleh semua pengguna internet di seluruh dunia. Lalu apa gunanya ngeblog? Blog saat ini merupakan sebuah komunitas yang sangat luas dan ramai dibicarakan. Karena selain gratis, kita bisa merubah tampilan blog menurut selera kita masing-masing. Masing-masing web blog menyediakan fitur yang berbeda-beda, bahkan nantinya nama domain blog bisa diupgrade menjadi domain milik sendiri.

Ini adalah tutorial cara membuat blog di blogger. Blogger ini merupakan blog milik google yang support dengan html dan javascript, jadi bila anda ingin mengutak-atik layout / tampilan dan menambah fitur-fitur lain, blog ini sangat cocok sekali. Jadi yang hobi tulis-tulis, jangan sia-siakan minat anda, siapa tahu nanti menjadi seorang penulis terkenal.

Untuk bisa membuat blog di blogger, anda harus punya Account atau email di google yang bernama gmail, bagi yang belum punya silahkan daftar disini. Setelah anda berhasil punya email di gmail kemudian buka blogger.com, akan tampil gambar seperti dibawah ini:



Kemudian anda cukup masukkan email / Account gmail dan password pada kota yang tersedia. dan klik tulisan Ciptakan sebuah Blog lalu akan tampil gambar berikut.





Setelah itu isi judul blog, dan alamat blog yang anda inginkan, jangan lupa isi verifikasi kata yang telah disediakan dan jika berhasil lalu klik Lanjutkan. Kemudian silahkan pilih layout atau tampilan yang anda inginkan.Dan sekarang berada pada halaman utama(Dashboard). Bila belum berhasil ulangi lagi sampai anda berhasil dan siap untuk membuat posting. Di blogger anda bisa membuat blog lebih dari satu hanya dengan punya satu gmail.
 
Setelah silahkan modifikasi berbagai macam desain tentang blog.

Share:

28 August 2007

Langkah membuat Layout

Membuat layout atau skin baik untuk blogger maupun friendster, layaknya membuat web atau lebih akrabnya dikenal dengan web desain. Karena dari situlah kita bisa mengembangkan kreasi dan inovasi untuk merancang sebuah tampilan web.

Lalu apa saja yang harus kita ketahui untuk membuat web desain atau template ? Nah secara global kita harus mengenal beberapa hal sebagai berikut :


  1. Mengenal perintah HTML
  2. Menggunakan program Photoshop atau program desain lainnya untuk mendesain rancangan kita. Jadi bagi yang belum tahu sebaiknya belajar dulu program photoshopnya.
  3. Menggunakan program editor seperti Macromedia Dreamweaver untuk mengolah dan mengedit HTML.
  4. Memahami perintah CSS (Cascading Style Sheet), yang merupakan perintah singkat untuk memformat text maaupun object yang digabung dengan perintah HTML.
  5. Mengenal perintah dasar dari blogger template maupun friendster.

Share:

Desain Template blogger

Template yang dibuat diatas adalah untuk pengguna blogger.com dan sengaja kami rancang untuk resolusi komputer 800 x 600 pixel, artinya template yang aku buat kecil yaitu ukuran 780 x 900 pixel. Memang sekarang sudah banyak monitor dengan resolusi lebih besar dari itu. Tapi kami yakin tidak semua beralih ke monitor yang lebih besar.


Selain itu settingan monitor juga berbeda-beda, ada yang ukuran 800 x 600 pixel dan ada juga yang 1024 x 768 pixel. silahkan cek monitor komputer anda seperti dibawah ini :



Untuk menampilkan gambar diatas, klik mouse kanan di desktop komputer anda, dan pilih settings, maka akan tampil gambar diatas, dan lihat pada screen area. Maksudnya begini. Kalau aku merancang template dengan ukuran besar, maka akan terlihat bagus hanya untuk ukuran resolusi monitor yang besar (1024 x 768 px), sedangkan kalau dilihat dengan monitor 800 x 600px, maka tidak semua halaman dapat terlihat. Tapi kalau aku merancang template dengan ukuran kecil , maka akan terlihat bagus pada monitor resolusi kecil (800 x 600 px), dan besar (1924 x 768px). Jadi lebih bagus kalau ukuran templatenya kecil. Tapi itu juga tergantung anda masing-masing apakah membuat template untuk resolusi monitor yang besar atau kecil.
Share:

Menampilkan Foto di Blogger

Cara menampilkan foto di blogger yaitu kita harus upload foto tersebut di situs lain, baru kemudian kita link dari situs tersebut ke blog kita. Situs yang menyediakan upload gratis antara lain Photobucket.com dan imageshack.us, anda boleh yang mana saja sesuka anda. Oke, kita ambil contoh mendaftar di photobucket. Langkah pertama tentu buka Photobucket.com dan klik Joint Now, kemudian ketik user name dan pasword yang anda inginkan, lalu Next Step. kemudian ikuti langkah-langkah yang sudah disediakan sehingga anda berhasil mendaftar di situs tersebut. Dan bila anda berhasil maka akan keluar seperti ini:

Nah, sekarang silahkan anda upload foto / gambar anda, bisa juga buat folder baru pada gambar yang ditunjuk. Langkah selanjutnya buka blogger anda, dan pilih bagian edit profil dan lihat bagian URL Foto ada kotak sebelah kanan yang kosong. Nah lalu anda kembali lagi ke Photobucket yang mana Foto tadi sudah anda upload. Foto tersebut akan tampil dibagian bawah halaman.

Lalu anda klik kotak Direct Link, dan Ctrl-C, kemudian berpindah ke blogger anda tadi, lalu klik di kotak Url Foto dan Ctrl-V atau paste. Jangan lupa Simpan Profil.
Share:

27 August 2007

Membuat status YM di Web

Ini adalah cara membuat status Yahoo Messenger di web anda, sehingga jika anda sedang online chatiing di Yahoo Messenger, maka akan nampak di blog anda status online. contohnya seperti ini:




Langkahnya sangat mudah, anda hanya cukup masukkan kode dibawah ini dalam blog atau web anda.

<a href="http://messenger.yahoo.com/edit/send/?.target=farmin1508&.src=pg">
<img src="http://opi.yahoo.com/online?u=farmin1508&amp;m=g&t=2" /></a>

Keterangan : Text yang berwarna biru anda ganti dengan email yahoo anda. Mudah bukan...!!!.

Kemudian untuk jenis-jenis atau model Yahoo Messenger dapat anda pilih dengan mengganti angka seperti yang ditandai dengan angka berwarna merah.
  • t = 1
  • t = 2
  • t = 3
  • t = 4
  • t = 5
  • t = 6
  • t = 7
  • t = 8
  • t = 9
  • t = 10
  • t = 11
  • t = 12
  • t = 13
  • t = 14
  • t = 15
  • t = 16
  • t = 17
  • t = 18
  • t = 19
  • t = 20
  • t = 21
  • t = 22
  • t = 23
  • t = 24
    f

Share:

Variasi Tabel HTML (3)

Berikut adalah beberapa variasi tabel yang lain, perhatikan text yang dicetak tebal.

A. Variasi garis tabel tipis
<TABLE STYLE="BORDER-COLLAPSE:COLLAPSE;" border="1">
<TR>
<TD>IDE</TD><TD>KAMU</TD>
</TR>
<TR>
<TD>YANG</TD><TD>INOVATIF</TD>
</TR>
</TABLE>

Hasilnya :






B. Garis tipis dan berwarna
<TABLE STYLE="BORDER-COLLAPSE:COLLAPSE;" bordercolor="red" border="1">
<TR>
<TD>IDE</TD><TD>KAMU</TD>
</TR>
<TR>
<TD>YANG</TD><TD>INOVATIF</TD>
</TR>
</TABLE>

Hasilnya :
Share:

24 August 2007

Pertukaran Banner

Kalau kita membuka web blog / blog orang lain, kebanyakan berisi banner atau gambar yang menunjukkan identitas pemilik dari blog atau web tersebut. Tampilan tersebut dinamakan banner. Contohnya seperti ini . Sekarang kita akan membuat bagaimana banner dipasang dan membuat yang bisa dicopy oleh orang lain untuk dipasang di blog mereka.



  1. Buat gambar dengan ukuran kecil, kalau banner saya berukuran 80 x 25 pixel di program photoshop, bisa juga di program Flash (untuk gambar animasi).
  2. Kemudian simpan gambar tersebut menjadi file JPG kalau di Photoshop, atau file Gif kalau anda buat banner di flash.
  3. Kemudian mendaftar di situs penyedia upload gambar gratis seperti imageshack atau photobucket.
  4. Setelah mendaftar lalu, upload gambar anda, kemudian cari kode HTML yang disediakan dan tempatkan di blog anda, supaya banner tersebut nampak di bloganda.
  5. Kemudian untuk membuat kode yang dicopy oleh orang lain, gunakan kode dibawah ini atau anda blok lalu di copy :
<form name="copy"><input value="Copy Kode" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button">
<textarea rows="100" cols="55" style="width: 120px; height: 80px;" name="txt" wrap="VIRTUAL"><a href="http://primasoft.blogspot.com" target="_blank"<>br/>
<img src=" http://i191.photobucket.com/albums/z75/masprim/ss.gif" border="0" width="80" height="25" /></a>
<br /></textarea></form>

Keterangan :
Text yang berwarna biru anda ganti dengan Kode yang diambil dari imageshack atau photobucket. Hasilnya kira-kira seperti dibawah ini.



Share:

Variasi Tabel HTML (2)

Dibawah ini adalah variasi tabel yang lain.


A. Lebar kolom & tinggi baris
<TABLE border="1">
<TR height="60">
<TD width="50">IDE</TD><TD width="200">KAMU</TD>
</TR>
<TR>
<TD>YANG</TD><TD>INOVATIF</TD>
</TR>
</TABLE>

Keterangan :
TR height adalah tinggi baris
TD width adalah lebar kolom

Hasilnya :


B. Perataan text dalam tabel
Bila tabel tidak diatur tinggi dan lebarnya, maka secara default textnya berada di tengah kiri, bila ingin mengatur posisi textnya maka perintahnya sebagai berikut. Perhatikan text yang dicetak tebal.
<TABLE border="1" height="200" width="300">
<TR>
<TD VALIGN="top">IDE</TD><TD>KAMU</TD>
</TR>
<TR>
<TD>YANG</TD><TD><CENTER>INOVATIF</TD>
</TR>
</TABLE>

Hasilnya :
Share:

22 August 2007

Variasi tabel HTML (1)

Berikut adalah cara membuat variasi tabel HTML. Perintah dasarnya tetap sama yaitu <TABLE>. Untuk menambah perintah variasi tabel dapat diletakkan setelah <TABLE dan sebelum >. Perhatikan text yang dicetak tebal.

A. Ukuran garis tebal
<TABLE BORDER="3">
<TR>
<TD>HALLO</TD>
<TD>SEMUA</TD>
</TR>
</TABLE>

Hasilnya :


B. Garis tebal dan warna isi
<TABLE BORDER="4" BGCOLOR="MAGENTA">
<TR>
<TD>KEMANA</TD>
</TR>
<TR>
<TD>KAMU</TD>
</TR>
</TABLE>


Hasilnya :

C. Lebar tabel dan tinggi tabel
Bila sebuah tabel tidak diberi perintah tinggi dan lebar, maka akan menyesuaikan dengan text yang di isikan, seperti contoh diatas. Namun bila ingin mengatur tinggi dan lebar tabel, berikut perintahnya.
<TABLE BORDER="1" WIDTH="150" HEIGHT="120">
<TR>
<TD>MARI</TD><TD>KITA</TD>
</TR>
<TR>
<TD>KERJA</TD><TD>KERAS</TD>
</TR>
</TABLE>

Hasilnya :


Share:

20 August 2007

Apa sih 3 stanza

Ngomong soal 3 stanza, langsung terfokus ke lagu Indonesia Raya, saya selaku warga negara juga ingin berkomentar, ya paling tidak ikutan ngomonglah begitu. Aku sudah lihat dan dengar lagu tersebut, memang lagu ini agak lebih panjang dari yang sudah kita pakai. Dan masih menggunakan ejaan lama, terus dalam video itu terlihat para pejuang yang lagi berperang dan berbaris mengangkat senjata. Pokoknya seru.

Kalau menurut saya, gak usah diributin lagi mengenai penemuan Lagu tersebut yang katanya ditemukan oleh Roy Suryo, yang disebut-sebut sebagai Pakar Telematika Indonesia. Kita pakai aja yang sudah ada dan gak usah ganti-ganti, karena dari dulu yang kita tahu adalah yang 1 stanza, lagian kalau ada yang baru berarti kita harus ngapal lagi.

Memang, kalau kita buka sejarah banyak yang belum kita tahu, dan begitu kita tahu berarti akan menambah pengetahuan kita tentang sejarah terutama sejarah perjuangan bangsa Indonesia. Yang perlu kita lakukan adalah mengisi kemerdekaan dengan melakukan hal-hal yang berguna bagi bangsa dan negara menurut bidangnya masing-masing. "MERDEKA"
Share:

Lulusan Informatika tidak unggul?

Di petik dari acara e-Lifestyle yang ditaja Meutiya Hafid hari minggu kemarin pukul 12:00. Menurut Bernandho Hutabarat, seorang penulis buku Informasi Tekhnology sebagai nara sumber bahwa pendidikan informatika formal tidak menjamin seorang menjadi ahli bidang komputer. Menurutnya adanya Jurusan Teknik Informatika, Manajemen komputer dan sebagainya adalah sama, seperti halnya orang jualan yang mempunyai banyak produk sehingga pembeli bisa memilih produk yang disukai.

Hal ini juga terbukti bahwa yang tidak mengenyam pendidikan komputer pun bisa mengungguli orang yang lulusan formal, karena komputer bisa dipelajari oleh semua orang. Dan memang kalau kita melihat kenyataan, toh mereka yang udah lulus, nantinya kalau dapat kerjaan akan mulai dari nol, artinya hanya berapa persen ilmu yang mendukung dalam bidang kerjanya. Banyak atau sebagian besar orang kuliah hanya untuk mendapatkan gelar, sedangkan ilmu dan keahliannya perlu dipertanyakan. Karena sebenarnya yang paling penting itu adalah kreatifitas dan ide-ide baru dari mahasiswa untuk mengembangkan ilmunya, bukan sekedar menyandang gelar.

Kalau menurut saya, sebenarnya bukan hanya bidang komputer saja yang demikian, tapi hampir semua bidang baik ekonomi, hukum,dan sebaginya. Memang banyak orang yang kuliah untuk mencari gelar saja. Hal ini juga terbentuk dari konsep masyarakat kita sendiri yang masih memandang gelar sebagai sesuatu yang "wah". Sehingga kalau orang nggak punya gelar merasa terpinggirkan atau dipinggirkan. Padahal yang terpenting itu adalah keahlian dan skill yang dimiliki. Tapi ya, gimana ya...! Kalau di Indonesia, orang punya skill yang hebat tapi nggak ada gelar, susah cari kerja. Begitu juga kalau udah ada gelar, tapi skill nggak memadai, juga susah cari kerja. Jadi kesimpulannya gelar perlu dan keahlian / skill juga perlu.
Share:

18 August 2007

Membuat Tabel HTML

Baiklah berikut ini adalah cara untuk membuat tabel dasar di HTML. Rumus dasar sebagai berikut :

<table border="1">
<tr><td>TEXT</td></tr>
</table>

maka hasilnya seperti ini :

Keterangan :
<tr> adalah baris
<td> adalah kolom

Bila membuat 2 kolom, maka perintahnya :
<table border="1">
<tr>
<td>NO</td>
<td>NAMA</td>
</tr>
</table>

maka hasilnya seperti ini :


Bila membuat 3 baris, maka perintahnya :
<table border="1">
<tr><td>NO</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
</table>

maka hasilnya seperti ini :


Nah, sekarang kita buat 3 kolom 4 baris, maka perintahnya:
<table border="1">
<tr>
<td>NO</td>
<td>NAMA</td>
<td>ALAMAT</td>
</tr>

<tr>
<td>1</td>
<td>Andi</td>
<td>Jl. Sudirman</td>
</tr>

<tr>
<td>2</td>
<td>Saputra</td>
<td>Jl. Kemiri No. 20</td>
</tr>

<tr>
<td>3</td>
<td>Sally</td>
<td>Jl. Kemuning No. 10</td>
</tr>

</table>
maka hasilnya seperti ini :


Gimana agan-agan semua, silahkan di coba dulu ya,semoga mudah dipahami.

Share:

16 August 2007

YM Quran & Hadits

Wah.. rupanya di YM ada ya fasilitas untuk baca Qur'an, bahkan hasdits juga ada. Ini mungkin udah bukan hal yang baru, tapi bagi aku baru tahu nih. Wah aku memang selalu ketinggalan.
Bagi yang udah tahu diam aja ya, Kalau mau ini nih caranya. Buka YM dan login dengan email anda. Kemudian klik contacts, lalu Add contact, kemudian pada Yahoo ID or email Adress ketik quran.noble lalu next, dan next lagi dan Finish.


Lalu lihat di tampilan Messenger / tampilan nama-nama teman anda ada satu tampilan quran.noble, silahkan anda double klik dan ketik Help, maka akan tampil sebagi berikut:

Anda bisa juga memilih bahasa yang disediakan disana, misalnya malaysa dan lain-lain. Selamat membaca Alqur'an dan hadits, semoga akan menambah keimanan kita. Amin.
Share:

Chating Yahoo di Situs

Ingin chating dengan Yahoo messenger, tapi nggak ada software Yahoo messenger nya? Jangan kuatir saat ini www.Yahoo.com membuat alternatif bagi yang nggak punya program Yahoo Messenger di komputernya. Adalah Chatting via web yang disediakan di alamat ini http://messenger.yahoo.com. Anda cukup punya email di yahoo.com dan kemudian login di web tersebut. Lalu silahkan berchating ria dengan rekan-rekan anda.


Ini adalah tampilan awal Yahoo messenger Web.


Tapi kalau dilihat memang masih ada kekurangannya, karena untuk cari temen baru belum ada fasilitasnya, jadi mirip seperti google talk milik google. Jadi artinya cuma berlaku untuk nama-nama yang udah terdaftar di program Yahoo messenger seperti biasa. Mungkin masih dalam tahap pengembangan ya..! Sehingga untuk cari teman baru, ya harus pakai software yahoo messenger. Apakah teman-teman sudah menemukan untuk cari teman baru di web messenger? kasi info dong..!!
Share:

Lebih jauh dengan Mozilla

Pada tutorial sebelumnya, kami telah membahas tentang Mozilla, browser pilihan yaitu tentang kelebihan dan keunggulan dari browser tersebut. Nah, sekarang kita akan mengenal lebih jauh tentang mozilla firefox ini yang merupakan browser gratis dan kaya akan fitur.


Ciri khas dari awalnya yaitu program ini cukup mengaktifkan 1 program dalam komputer anda. Sedangkan untuk mengaktifkan alamat situs lain, cukup menggunakan tabulasi atau tekan Ctrl T. Hal ini akan mengurangi banyaknya program yang tampil dalam desktop komputer anda.
Kemudian yang menariknya lagi, mozilla mendukung perintah javascript, sehingga bagi para web desiner maupun blogger akan mudah mengutak-atik perintah javascript tersebut di browser mozilla.

1. Setting Bookmarks
Pernah mengunjungi situs yang menarik ? pada waktu anda mengunjungi situs tersebut, rupanya anda sedang sibuk sekali sehingga anda ingin membukanya kembali di lain waktu. Nah sebaiknya anda simpan saja alamat situs tersebut. Anda tidak perlu meng-copy alamat situs tersebut dan di copy ke program Word, kemudian baru anda buka kembali. Tapi anda bisa menggunakan fasilitas bookmarks untuk menyimpan situs favorit anda. Caranya : klik Bookmarks, lalu klik bookmarks this page. Kemudian bila anda ingin membukanya tinggal buka bookmarks, maka akan tampil alamat situs yang sudah anda bookmarks.

2. Solusi install Flash Player
Pada saat anda selesai mendownload Mozilla dan menginstallnya di komputer anda, kemudian buka satu situs internet, sebagai contoh buka saja www.detik.com. Alhasil, anda sudah siap menggunakan browser mozilla di komputer anda, namun ada beberapa fasilitas atau plugin yang belum sepenuhnya terinstall di kompuer anda, misalnya fasilitas untuk menampilkan animasi, sehingga gambar-gambar animasi yang muncul cuma sekedar tombol atau gambar suatu object. Solusinya cukup klik tombol tersebut, dan silahkan install plugin tersebut lalu tunggu beberapa menit sampai install selesai.
Share:

Pages

Featured Post

Konsistensi

Konsistensi atau konsisten adalah sesuatu yang dilakukan terus menerus sampai batas waktu yang ditentukan atau tidak ada batas sama sekali....

Total Pageviews

Popular Posts

Blog Archive

Support