TUTORIAL BUAT BLOG LENGKAP DAN TIPS KOMPUTER

Tampilan Posting Baru Blogger

2009-10-23T22:51:00.001+07:00

Setelah lama fakum menulis karena terbentur masalah waktu maka hari ini saya sempatkan untuk menulis artikel ini.

Blogger bulan lalu baru saja menambah fasilitas untuk postingan blog dengan menambah beberapa feature pelengkapnya antara lain : read more yang sudah ada dan anda tinggal me-menggal kalimat postingan sesuai yang anda inginkan.Hal ini berkaitan ulang tahun blogger yang ke sepuluh tahun. Jadi anggap saja kado dari bloger untuk para blogger mania.

Untuk merubah tampilan postingan lama ke yang model baru anda harus merubah "Settings", tick New playout. Pilih Update editor. Contoh memenggal kalimat sesuai gambar POST di atas.

Selain itu saya juga menyertakan gambar saat menulis Post dengan read more baru ini sesuai gambar di bawah.

Terima kasih.

Artikel terakhirku : Tips Ganti Hard Disk Sata untuk Laptop

Tips Ganti Hard Disk Sata Untuk LAPTOP

2008-12-29T22:23:00.014+07:00

Buat para blogger yang banyak memanfaatkan Notebook atau Laptop untuk ber-aktifitas di dunia maya Blogspot Blogger dll. Tentunya terbentur pada jumlah kapasitas Hard Disk yang terbatas khususnya yang beli di bawah bulan Maret 2008. Biasanya dikasih Hard Disk standard kapasitas 120 Gb / 160 Gb secara umum. Untuk 250 gb dan 320 Gb (ukuran paling besar saat ini) biasanya diberikan setelah penjualan bulan Maret 2008 dan Spec-nya juga sudah cukup bagus baik HD maupun Processornya.
Lihat gambar.

TIPS Replacement
1. Pastikan Laptop anda sudah berumur di atas 12 bulan, jadi sudah tidak di cover oleh Asuransi/Jaminan/Garansi Brand tsb. Jadi gak rugi lah kalau stiker warranty di-silet.
2. Cari/baca/search di internet mengenai spec khusus komputer anda tsb. Semakin jelas dan lengkap semakin baik.
3. Lihat saat Booting dalam menu BIOS, apa type dari Hard Disk anda.
Hard Disk 2,5 inch Spec misalnya :
Capacity / Kapasitas = xxx Gb.
Brand / Merk = Toshiba / Samsung / Fujitsu dll.
Cache Memory = 2/4/8/16/32 Mb
JENIS SATA = Sata 1 atau Sata 2
4. Khusus Cache memory ini memegang peranan penting dalam akses read-write Hard disk anda.
Jadi kalau membeli usahakan mencara yang cache di atas 2 Mb ya. Tanyakan jangan tertipu. Karena ukuran sama tapi cache beda akan berbeda harganya lumayan bukan cuma 10 ribu lho.
Beli juga yang branded dan ada warrantynya.
5. Kebanyakan Laptop memakai Hard Disk Fujitsu, Samsung atau WD dari OEM nya.
Akhir-akhir ini banyak yang memakai WD karena harga lebih miring sedikit dibanding yang lain.
Sebagai Gambaran saya juga baru ganti sebuah NB merk Acer versi 5xxx-G yang cukup gede spec-nya. Aslinya HD hanya 160 Gb. Karena untuk Laptop maksimum kapasitas HD yang tersedia hanya 320 Gb, dilakukan survei dulu. Dan akhirnya bisa ditemukan merk W.D. yang mana asalnya juga pakai merk W.D.

W.D. ini adalah versi External-USB 2.0. SATA 2.
Casingnya memakai plastik dengan warna cat silver seperti Aluminium.
Kedua sisi depan belakang memakai tutup plastik warna hitam yang bisa dibuka.
Agak keras kalau masih baru. Tips memakai kuku yang agak panjang dan dipaksa bagian samping kiri kanan ujung tutupnya - di tarik ke atas. Setelah lepas, keluarkan HD 320 Gb tersebut dan masukkan kembali HD asli anda ke dalam casing external tsb.
Tukar pakai lah istilahnya. Sesuaikan dengan merk asli bawaan Laptop biar tidak berbeda, tetapi semua ukuran HD 2,5" sudah sama standard.
Nah tips ini bisa menyiasati dari pada Hard Disk aslinya kapasitas minim sekali, mending pakai yang besar, mentok 320 Gb, dan yang asli kita pakai sebagai tambahan Data External.
Enak sekali, kapasitas jadi besar dan nyaman gak kekurangan apalagi kalau main game jaman sekarang yang butuh 4 s/d 8 Gb sekali install. Rakuss men...
Sebagai pencegahan sebaiknya back up dulu data-data yang berarti ke hard disk lain dahulu, nantinya hard disk baru 320 Gb akan di format, partisi lagi, dan install O/S baru. Ini sekaligus upaya bersih-bersih kalau Laptop sudah banyak browsing dan terkena virus-virus aneh, sekalian aja install ulang, di manage lagi secara baik program-program yang mau di install lagi.
Setuju? Terserah anda.
Selamat menikmati.

KODE WARNA DALAM HTML

2008-12-24T23:11:00.008+07:00

Warna banyak gunanya, apalah artinya hidup tanpa warna, monoton hanya hitam dan putih, waw..... gak ceria dong.
Kadang kita mengalami kesulitan dalam mencari kode warna sebagai referensi untuk mempercantik tampilan blog kita, misal mengganti warna template, memberi warna-warna pada isi postingan, contoh di postingan saya sebelumnya mengenai Menu Marquee.
Ini sebagian contoh warna-warna solid yang sering dipakai :

#000000 : black
#0000ff : blue
#800080 : purple
#808000 : olive
#ffffff : white
#ff00ff : fuchsia
#00ffff : aqua
#008000 : green
#ff0000 : red
#008080 : teal
#808080 : gray
#ffff00 : yellow
#800000 : maroon
#000080 : navy
#c0c0c0 : silver
#00ff00 : lime

untuk melihat langsung bagaimana proses me-muda-kan warna, me-nua-kan warna secara online, kunjungi saja di sini. http://www.colorschemer.com/online.html
Dijamin asyik main warna deh.... soalnya warna campuran mixed nya bisa jutaan jadi malas buat bikin postingan warna-warna, mending langsung ke web site di atas ya.
Semoga bermanfaat info ini.

MENU BERJALAN / MARQUEE

2008-12-24T20:26:00.022+07:00

Menu teks berjalan atau disebut Marque berguna untuk menarik perhatian pengunjung blog. Bisa di-isi dengan apa saja sesuai keinginan kita, bisa iklan, tukar link, ataupun informasi mengenai isi blog kita. Terserah anda.
Kali ini saya akan bahas secara detail masalah menu berjalan ini, kupas tuntas lah.
Biar yang belum mudeng/pemula bisa mengerti tuntas-tas.
Untuk itu masuk sign in di blog dan klik menu Layout.
Klik Add a Gadget, pilih dan klik HTML/Javascript.
Masukkan Script seperti contoh di bawah.

1. Standar menunya/script sebagai berikut : (normal)
Gambar 1 (Menu Scroll ke Atas)

<marquee onmouseover="this.stop()" align="center" direction="up" width="100%" height="160" scrollamount= "2" onmouseout="this.start()">Ini Contoh Pertama, dari http://tutorialblog-sg.blogspot.com<br /><br />Terima kasih.<br /><br />Kasih Komentar Kalau Suka<br /></marquee>

Kalau nanti dilihat maka hasilnya seperti ini :

Ini Contoh Pertama, dari http://tutorialblog-sg.blogspot.com

Terima kasih.

Kasih Komentar Kalau Suka

2. Pengertian Istilah Dasar Script
onmouseover="this.stop()" ==> maksudnya kalau mouse kita bergerak mengarah ke text, maka text akan berhenti/stop agar bisa dibaca gitu.

onmouseout="this.start()" ==> maksudnya kalau mouse tidak dalam area teks maka teks akan mulai bergerak.

direction="up" ==> maksudnya arah gerak teks ke atas, bisa diganti Left/Right/Down.

scrollamount="2" ==> maksudnya angka pengatur kecepatan gerak teks, bisa diganti antara 1 s/d 10 ( 1 lambat, 2 normal, 3 dstnya makin cepat) Gunakan angka 1/2/3 saja cukup.

align="center" ==> maksudnya baris teks letaknya di tengah, bisa diganti Left/Right/Justify

width="100%" ==> maksudnya lebar area teks, bisa diganti dengan angka pixel, misal 220 atau 90%, terserah, sesuaikan dengan lebar sidebar anda.

height="160" ==> maksudnya tinggi area teks dalam pixel, sesuaikan juga dengan ketinggian teks yang akan di masukkan. Bisa juga pakai 100%.

TAMBAHAN<br /> ==> untuk line break = Enter = ganti baris = 1 baris row dan bgcolor="#XXXXXx" untuk memberi warna background, misalkan Kuning =#ffff00

Untuk Contoh warna lihat Kode Warna Dalam HTML

3. Contoh Marque Gerak dari Kanan ke Kiri(Lambat)

<marquee onmouseover="this.stop()" align="Left" direction="left" width="460" height="20" scrollamount= "1" onmouseout="this.start()">Ini Contoh Kedua, dari http://tutorialblog-sg.blogspot.com<br /><br/><br />Mudah dan Jelas bukan??<br /><br/><br />Kasih Komentar Dong<br /></marquee>

Kalau nanti dilihat maka hasilnya seperti ini :
Ini Contoh Kedua, dari http://tutorialblog-sg.blogspot.com Mudah dan Jelas bukan?? Kasih Komentar Dong!

Mudah dan jelas banget-kan. Selamat berkreasi.

TIPS BUAT READ MORE Di BLOG

2008-12-23T00:48:00.021+07:00

Tips Singkat dan Mudah membuat Read More di Postingan Blog
Sebenarnya saya pribadi kurang suka tips ini tetapi kalau tulisan sudah panjang dan banyak tambahan gambar maka agak merepotkan mengatur lay out tampilan blog. Maka dari itu putar 180 derajat jadi di-pake deh.... he..he..he...
Nah tutorial membuat perubahan Read More yang singkat dan jelas akan saya paparkan di bawah ini karena mungkin masih ada pemula seperti saya yang masih bingung dan merasa kurang jelas.
Lanjut langsung ke bahasan saja.
Setelah login blog, biasa masuk ke Layout - kemudian Edit HTML.
1. Backup dulu Template dengan menu Download Full Template di atas. Simpan.
2. Check/Centang Expand Widget Templates.

kemudian

3. Scroll ke bawah agak tengah cari kalimat

<div class="'post-body"> dan tepat dibawahnya sisipkan script Pertama sbb : <b:if cond="'data:blog.pageType"><br /><style>.fullpost{display:inline;}</style><p><data:post.body/></p><b:else/><style>.fullpost{display:none;}</style> Kemudian pas setelah sisipin script di atas ada kalimat sbb : <data:post.body/> Tepat di bawahnya sisipkan script ke Kedua sbb : <a href="'data:post.url'">Baca Selanjutnya.. »»</a></b:if>

Lihat gambar Penjelasan yang sangat jelas step by step.

4. Masukkan kode script ke1 ini tepat di bawahnya.

5. Setelah menyisipkan script pertama tadi, sisipkan script ke 2 ini.
Lihat gambar.

6. Selesai sudah, klik Save Template, kalau perlu back up lagi buat cadangan.
7. Selanjutnya siapkan script ini dan save dengan format txt pakai notepad.
8. Mulai sekarang setiap mau membuat postingan/tulisan maka wajib melakukan pengaturan postingan dengan membagi 3 bagian penting tulisan, yaitu Judul dan Kata Pengantar awal, Isi Tulisan, terakhir penutup/kesimpulan. Atau kalau mau disingkat bisa menjadi 2 bagian : kata pengantar dan isi saja juga boleh. Misalkan begini contohnya :

TIPS CARA MEMBUAT READ MORE DI POSTINGAN BLOG. Kata pengantar ini hanya sebagai pembuka dan bisa di isi apa saja. Yang penting sewaktu akan melakukan penggalan kalimat postingan harus di lihat apakah enak di baca dan membuat para pembaca lebih tertarik / penasaran untuk membaca lebih lanjut. Seperti<div class="fullpost"> Sisanya setelah script fullpost di atas adalah inti dari postingan tersebut. Jadi usahakan gambar atau kalimat tidak terputus begitu. Enak di baca, enak dilihat, gak enak dimakan ya. Terakhir kalau sudah tidak ada lagi yang mau ditulis ditutup pakai ini.</div>

9. Beres deh. Mudah bukan. Kalau bisa mudah ngapain dibuat susah.

RAHASIA SCRIPT TUKAR LINK LEBIH HIDUP Dengan DROP DOWN MENU

2008-12-08T15:08:00.068+07:00

MEMBUAT TUKAR LINK LEBIH HIDUP
Selama ini Kolom Tukar Link di Sidebar hanya statis saja, maka kali ini saya akan memberikan bahasan Rahasia cara membuatnya.
Seperti biasa pertama-tama masuk dahulu ke Layout, klik Add a Gadget di sidebar.
Cari HTML/Javascript dan klik.

Masukkan kode berikut ke dalam HTML :

<div style="border: 1px solid rgb(130, 230, 170); overflow: auto; width: 198px; height: 100px;"><ul><li><a href="http://Tutorialblog-sg.blogspot.com/">Tutorial Membuat Blog</a></li><li><a href="http://nvidia-nb-driver-moded.blogspot.com/">Nvidia Mobile Modif</a></li><li><a href="http://VISTA-SG.blogspot.com/">Windows Vista Tips Tweak</a></li></ul></div>

Klik SAVE dan Selesai.

TIPS Perubahan Script
1. border: 1px ---> ini bisa diganti angkanya misal 3px atau 10 px.
Semakin besar angka maka Frame Border akan semakin tebal.

1px solid rgb(130, 230, 170); overflow: auto; width: 198px; height: 100px;

2. warna : (130, 230, 170) bisa anda ganti eksperimen untuk warna border
misalkan diganti (0, 0, 0) kalau mau hitam saja atau (0, 200, 0) atau (10, 10, 180)
dan lihat saja hasil perubahan warnanya. Sesuaikan dengan warna latar blog anda.

3. width: 198px; height: 100px
Ukuran width = Lebar Frame dan height = tinggi Frame
Ini bisa dirubah sesuaikan dengan ukuran Lebar Sidebar anda.
Standar minimum 170 x 70px sudah cukup minimal untuk dibaca.
Karena Tinggi 70 px bisa memuat 3 baris Link.
Terserah anda mau memakai ukuran berapa yang penting tidak terlalu kecil dan dipaksakan.

4. Sekarang memasukkan Link dari teman/blogger lainnya, standarnya seperti ini, perhatikan contoh kalimat Script dibawah :

<li><a href="http://Tutorialblog-sg.blogspot.com/">Tutorial Membuat Blog</a></li>

http://Tutorialblog-SG.Blogspot.com/ ---> Bisa anda ganti dengan URL blog lain
Tutorial Membuat Blog ---> Bisa anda ganti dengan Deskripsi dari Blog tersebut
Misalkan menjadi ini :

<li><a href="http://NAMA_BLOG_ORG.blogspot.com/">CARA TUKAR LINK RAHASIA JELAS</a></li>

Jadi setiap kali anda mau menambah alamat URL bog lain untuk tukaran link, masukkan kalimat script ini secara lengkap, tinggal merubah saja alamat URL dan deskripsinya.

Nah Tutorial Cara menambah LINK sudah selesai.

Sekarang Bagaimana membuat Script Tukar Link tersebut menjadi Hidup dan tidak Monoton istilahnya.
Begini.
Script Tukar Link di atas bisa kita rubah supaya nantinya pada saat Mouse kita mengarah ke kalimat link tersebut, akan muncul DESKRIPSI url yang bisa lebih panjang sesuai kemauan kita, juga hurufnya bisa di pertebal/bold.
Lihat contoh Script di atas yang sudah dirubah sebagai berikut :

Contoh:

<div style="border: 1px solid rgb(0, 0, 100); overflow: auto; width: 204px; height: 100px;"><ul><li><a href="http://TutorialBlog-SG.blogspot.com" title="TUTORIAL Tentang Cara Membuat BLOG di Blogspot/Blogger secara Lengkap dan Rinci - mudah bagi Pemula"><strong>Tutorial Blogger SECRET</strong></a></li><li><a href="http://Indo-SG.Blogspot.com" title="Tentang Indonesia, Macam2, Hot, Music, Artis, gado-gado, dari Entertain, Bisnis, Business, Money, Uang, Saham, Forex, Finance, Komputer, Joke, Lucu, Cerita, Software, Download, Buka-bukaan, General....all in one Gosip Blogspot.com Blogger"><strong>INDO HOT BLOG</strong></a></li></ul></div>

OK perhatikan salah satu kalimat script paling atas ini :

<li><a href="http://isiURL-NAMA-BLOG-ANDA" title="isi-DESKRIPSI NAMA BLOG ANDA Di Blogspot"><strong>JUDUL BLOG ANDA SINGKAT</strong></a></li>

Terlihat ada penambahan TITLE = untuk men-deskripsikan apa isi blog & url anda, sehingga saat Mouse mengarah ke Link tersebut akan muncul tulisan title tersebut.
Dan (strong) untuk menebalkan Huruf.
Hasilnya bila mouse menuju ke Link akan seperti gambar di bawah ini.
Selesai.
Bagaimana pendapat pembaca, jelas, dan rinci, mudah dipahami kan.

CARA MEMBUAT BLOG DI BLOGSPOT (1)

2008-11-21T01:49:00.003+07:00

TUTORIAL CARA MEMBUAT DESAIN BLOG DARI AWAL SECARA TERINCI SEMUA
(PEMULA)

BLOG adalah sebuah wadah (bukan ember)/media yang digunakan oleh seseorang (Blogger) untuk mengekspresikan apa yang ada di dalam benak, pikiran, tujuan dan penggunaannya.
Sebenarnya Blog diciptakan untuk tujuan lebih mengarah ke pribadi/privasi masing-masing Blogger. Baik sebagai buku harian maupun ajang kumpul komunitas & gang-nya (kelompok, bukan preman lho) dengan tujuan baik tentunya. Meskipun tujuan dan keinginan yang akan dicapai sama tetapi hasilnya akan berbeda untuk setiap orang. Misal kita diberi tugas buat makalah "Global Warming" misalnya. Maka isi makalah dan cara menulis esay nya akan berbeda bukan, lha otaknya juga beda-beda, belum lagi IQ nya ya.....He...he...he....
Tapi jangan kuatir semua rejeki dan kemampuan tiap manusia memang berbeda-beda. Yang penting mau belajar dan tekun mengejar ketinggalan, tidak cepat putus asa kuncinya.
Saat ini ada beberapa blog yang otomatis dan gratis. Yang populer antara lain Blogge r dan Wordpress.
Otomatis di atas maksudnya kita tidak perlu paham bahasa pemrograman yang rumit2, cukup ikutin perintah dan menu yang ada sudah bisa membuat web/situs/blog kita. Instan lah bahasanya.
Saat ini kita akan membahas cara membuat BLOG dari Google yaitu B logsp ot.
Lanjut langsung ke pokok bahasan.

1.Untuk membuat Blog dibutuhkan account email. Biasanya email yang dipakai dan populer adalah Gmail dan Yahoo.
Buatlah sebuah account Gmail (diharuskan).
Saya asumsikan anda semua sudah bisa memakai komputer dan bisa mendaftarkan diri pada situs penyedia email gratis.
2. Masuk ke BLOGGER
atau search dari google seperti gambar bawah
ada 230 juta kata kunci dengan blogger

3. Isikan Username dan Pasword anda seperti contoh gambar di bawah
Username email misalkan 1234@gmail.com cukup isi 1234 saja.
Kemudian klik masuk/enter ke halaman selanjutnya.

4. kemudian masuk ke Halaman 1
Create/Ciptakan account seperti gambar di bawah.
Isi seluruh kolom yang diminta.

5. Lanjut ke halaman 2
Beri Judul Blog seperti gambar di bawah.
Sesuaikan judul dengan ketersediaan di Blogspot, apakah sudah ada yang memakai
Judul Blog tidak boleh ada spasi, pakai - boleh sebagai pemisah kata.
Kalaupun salah atau kurang sesuai, kapanpun kita bisa mengganti judul tersebut nantinya.

6. Lanjut ke Halaman 3.
Pilih Template yang anda sukai dan dirasa cocok dengan isi dan judul postingan anda.
Saran saya pakai type Minima yang minimalis dan mudah dirubah kode2 javascriptnya serta relatif lebih mudah untuk eksperimen menambah nantinya.

7. Lanjut - Blog anda sudah jadi.

8. Lanjut lagi maka anda akan masuk ke Dasbor.
Bukan Dasbor Mobil lho. mirip2 aja.

Nah sampai di sini maka Blog anda sudah selesai dan tinggal memasukkan postingan/artikel yang menarik tentunya.
Untuk artikel mengenai Setting Blog akan saya beri pada seri ke 2 nya segera.
Sambil menunggu bisa di coba2 atau kutak katik untuk belajar dulu. Dengan kesalahan maka kita akan menjadi makin pandai, jangan takut.
Terima kasih atas perhatiannya.
Salam Sukses.