_Muhamad Nur Alamsyah

Selasa, 29 Maret 2011

Belajar Mengetik Dengan 10 Jari

Salah satu hal yang meng inspirasi saya ingin mengetik 10 jari adalah dari cuplikan sebuah film, di film itu ditampilkan seorang tokoh yg mengetik dengan jarinya tanpa melihat keyboard, jari-jarinya menari-nari diatas keyboard layaknya seorang ahli masak sedang membuat adonan, atau seperti pilot yang sedang mengendalikan pesawat. Ia menikmatinya dengan mengetik sangat cepat sementara matanya hanya tertuju di Layar monitor dan otaknya asik berfikir untuk memecahkan suatu kode rahasia.

Dari film tersebut mulailah timbul keinginan dari lubuk hati saya yang paling dalam untuk mulai belajar mengetik 10 jari. Saat itu saya belajar secara otodidak, dengan bantuan beberapa software pendukung untuk belajar mengetik 10 jari.

Dalam blog ini saya hanya ingin berbagi pengalaman menarik saya mengetik 10 jari, pada awalnya memang sulit dan membosankan, tapi klo kita mau sabar, berusaha dan pantang menyerah, pasti kita bisa melakukannya. Dan jangan lupa, ilmu ini akan kita gunakan sampai kelak untuk selama lamanya. Berikut ini akan saya ulas mengenai bagan–bagan keyboard yg akan kita pelajari nantinya,

Denah KEYBOARD beserta tugas setiap masing-masing jari :

Denah Keyboard

Persiapan :

Untuk memulai mengetik, kita letakkan jari-jari kita pada tombol-tombol berikut ini :

Letakkan jari di huruf ini

Untuk kedua jempol kita letakkan diatas tombol [SPACE] atau spasi,
Ini merupakan tombol kunci, dari sinilah nanti semua tombol bisa kamu gapai dengan 10 jari mu.

Setelah 10 jari mu nempel di keyboard, inilah yg harus kamu lakukan :

1. Rileks kan pikiran kamu. Matikan Winamp kamu seandainya masih nyala.

2. Buang jauh semua pikiran yang menggangu. Klo ada jemuran yg belum diangakat padahal mau hujan mending jemurannya diangkat dulu, klo perut lapar padahal dari pagi belum sarapan mending makan dulu. Pokoknya saat memulai mengetik 10 jari pikiran kita harus benar-benar tenang.

3. Konsentrasi.

4. Fokus, dan ingatlah selalu ilmu yg akan kamu pelajari ini adalah ilmu yang sangatlah berharga.

Latihan – latihan dasar, mulailah untuk mengetik huruf-huruf ini :

1. asdfjkl; asdfjkl; asdfjkl; asdfjkl; asdfjkl; asdfjkl; asdfjkl; asdfjkl; asdfjkl; asdfjkl; (20x)

2. qweruiop qweruiop qweruiop qweruiop qweruiop qweruiop qweruiop (30x)

3. zxcvm,./ zxcvm,./ zxcvm,./ zxcvm,./ zxcvm,./ zxcvm,./ zxcvm,./ zxcvm,./ (40x)

4. The quick brown fox jump over the lazy dog (50 X)

5. typewriter quick stewardess helicopter brown polycarbonate jump (20x)

6. Seorang teman mengajarkan kepada saya bagaimana cara mengetik sepuluh jari, saya rasa ia telah membekali ilmu yang sangat berharga pada kehidupan saya. (20x)

7. He he he he he he he he (1x)

Terus ulangi latihan ini selama seminggu, Dan jangan pernah lupa, ilmu yg akan kamu pelajari selama seminggu ini, akan selalu kamu gunakan setiap harinya, sampai akhir hayatmu.

Kamu juga bisa download software TypeFaster-v0.4.2 untuk referensi kamu belajar mengetik 10 jari.

DOWNLOAD Software TypeFaster-v0.4.2

Ini adalah preview software tersebut :

Preview

Dari hal yang kecil ini semoga bisa bermanfaat.

Topan.web.id

Jumat, 18 Maret 2011

Cara Membuat Auto Read More

Jika kalian melihat dan memahami judul nya saja pasti kalian paham dengan yang namanya Readmore atau sering dikenal oleh orang Kita ' Baca Selengkapnya '.

sekarang saya akan menjelaskan tentang readmore yang otomatis atau auto readmore. Auto read more adalah suatu kata yang secara otomatis memotong artikel tanpa harus memasang tag <div class="fullpost">..</div> ataupun <span id="fullpost">..</span>, dan mungkin ini akan sangat bermanfaat buat kita karena tidak perlu lagi mengikuti aturan readmore lama ketika kita membuat posting baru.

bagi yang berminat untuk membuatnya silahkan ikuti tahap-tahapnya:

1. Login ke Blogger.com
2. Masuk ke Layouts -> Edit HTML jangan centang expand widget template.
3. Cari kode </head> bisa menggunakan F3, kalau sudah ketemu langsung copy paste kan script dibawah ini tepat di atas kode </head> tadi.

5. Simpan Template kamu
6. Masih pada Edit HTML centang Expand Widget Template
7. Cari kode seperti ini

<data:post.body/> kemudian ganti dengan semua kode dibawah ini
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script
type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE -
<data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

KETERANGAN :

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Silahkan dicoba, dan jangan lupa komentarnya ya...

..:: z33s ::..

Kamis, 17 Maret 2011

Membuat Menu Tutup Buka di Blog

sekarang saya akan menjelaskan tentang membuat spoiler di Blog dan memasangnya di postingan.
langsung aja ya...

log in ke bloger kamu, masuk ke posting, entri baru.
disinilah hal yang penting, kamu harus perhatikan Edit HTML bukan Tulis.

Jika ingin membuat spoiler anda harus masuk ke Edit HTML.

setelah itu setiap akan membuat spoiler, sisipkan script berikut di postingan tadi. (ingat di Edit HTML bukan Tulis !)

<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Open" style="margin: 0px; padding: 0px; width: 60px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">...........................</div></div></div>

Keterangan: Isi titik-titik warna merah dengan gambar, script kode, atau tulisan sesuai dengan keinginanmu.

Selamat mencoba.,,, oia ini contohnya:

Janga Lupa Tinggalkan komentarnya ya... sekali lagi semoga artikel ini bermanfaat buat para pembaca.
..:: z33s ::..

Merubah Tampilan GOOGLE Dengan Nama Sendiri

Merubah Tampilan Google Dengan Nama Kita Sendiri, Mungkin bagi yang belum tahu ini hal yang sangat diluar pikiran mereka. Tapi sebenarnya ini adalah tips paling mudah dan paling cepat untuk merubah tampilan raksasa mesin pencari yaitu om google.

Sebelum ke tahap pembahasan kalian bisa melihat tampilan google yang sudah saya rubah dengan nama saya sendiri. Klik link dibawah ini :

LINK1 dan LINK2

Gimana...??? bagus kan..???

Untuk merubah tampilan google, kalian ikuti tahap-tahapnya dibawah ini :

1. Buka www.007google.com ---> Link nya mirip James Bond

2. Isi kolom Step 1 dengan Nama yang kalian inginkan

3. Pada Step 2 kalian pilih tampilan yang sesuai selera kalian

3. KLIK "Create My Search Engine" kalau sudah OK

Tambahan :

Semoga bermanfaat. Terima kasih
..:: z33s ::..

Membuat AutoHide Navbar Blogger

Membuat navbar menjadi hilang tapi kalo mouse lewat dia muncul itulah yang namanya AutoHide Navbar. Mau tau kan cara membuatnya. Ikuti langkah2nya yukk...?

langkah - langkahnya sebagai berikut:

1. Login Ke blogger kalian
2. masuk ke Rancangan / tata letak
3. Masuk ke bagian EDIT HTML ( jangan lupa centang box Expand Widget Templatenya )
4. Kalian cari kode ]]>
5. Simpan kode berikut diatas kode tadi

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

6. simpan template
7. selesai.

Ingin tau semua yang berhubungan dengan Navbar klik Disini
semoga artikel ini dapat membantu kalian semua. Thx and Give Me Comment... OK.
..:: z33s ::..

Selasa, 15 Maret 2011

Memasang Search Engine di Blog

Kali ini saya akan menuliskan cara memasang widget search di halaman blog. karena menurut saya atau siapapun juga fasilitas search ini sangat berfungsi sekali dalam mencari artikel yang kita inginkan setiap berkunjung ke blog orang lain.

berikut adalah cara membuatnya:
1. Login ke blog kamu
2. Klik menu Layout / Tata Letak
3. Klik Page Element
4. Klik add Gadget
5. Tambah element HTML/JavaScript
6. Copy paste kode berikut di dalam content

<form id="searchform" action="http://AlamatBlogAnda.blogspot.com/search" name="searchform" method="get"><input id="s" value="" name="q" type="text"> <input id="searchsubmit" value="Search" type="submit"> </form>

ganti kode berwarna merah dengan Nama Blog kamu dan kode berwarna biru untuk mengganti nama search menjadi yang lain. seperti cari atau G0

Selamat mencoba ...
z33s

Membuat ShoutBox Melayang

Setelah membuat posting cara membuat Shoutbox ( shoutmix ), saya terinspirasi untuk membuat bagaimana caranya supaya membuat tampilannya berbeda yaitu dengan membuatnya tersembunyi di samping halaman Blog.
ikuti yuk langkah membuatnya. beginilah tahap-tahapnya:

1. Login ke Blog kamu
2. Klik menu Layout / Tata Letak / Rancangan
3. Klik Page Element
4. Klik add Gadget
5. Tambah element HTML/JavaScript
6. Copy Paste Script berikut.

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgway5KV-0V1oNKkxfJ8pDbj4w4dbfvnOra9Ca8wseQgJM5ioDqunn_w7pseoekCfEfPGVu2tTsi8ChrgweR0XQkRZQqZI7YAItqeNVCEFMwkXPb4YgMXuTLrIQY69cPk1DzYvmTMoWUSU/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">



<br/>
Mau punya buku tamu seperti ini?<br/>
Klik
<a href="http://www.z33s.co.cc/2009/11/cara-membuat-shoutbox-shoutmix-buku.html">
DISINI
</a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

8. Ganti kode berwarna merah dengan Script shoutmix/Cbox kamu.
9.Jangan lupa Save.

silahkan di coba dan lihat hasilnya.

Masih bayak lagi trik-trik yang berhubungan dengan ShoutBox Silahkan klik disini untuk melihatnya.
z33s