Membuat Text Area

Text area adalah sebuah area yang dibuat dengan menggunakan kode-kode tertentu yang tujuannya untuk menghemat tempat pada sebuah artikel/blog.

Text area atau scroll box bisa sangat-sangat diperlukan ketika kita akan menuliskan kode HTML misalnya (seperti yang saya buat di artikel tentang How to make Threaded Comment in blog) yang rata-rata sangat panjang. Kalau kita tulis tanpa menggunakan scroll box, bisa sangat panjang jadinya.

Atau kita ingin membuat list nama daerah (kalu iseng) yang mungkin isinya banyak sekali, maka scroll box sangat diperlukan.
Oke, berikut langkah-langkahnya :

1. Kode yang digunakan adalah (dari "<div ...... sampai </div>)

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 250px;
height: 100px;
text-align: center; ">
ISI DENGAN APA YANG ANDA INGINKAN
</div>

keterangan :
~warna merah menunjukkan ketebalan dari garis tepi kotak. bisa kalian ganti dengan angka yang lebih besar agar garis tepinya lebih tebal
~warna orange menunjukkan warna dari garis tepi kotak, bisa diganti dengan warna yang lain. Untuk acuan kode warna RGB, bisa dilihat disini.
~warna hijau menunjukkan lebar kotak.
~warna biru menunjukkan tinggi kotak
~warna pink menunjukkan letak text yang ada didalam kotak, selain "center", bisa juga digunakan "left" atau "right".
~warna ungu adalah text yang akan muncul didalam kotak nanti

2. Nantinya hasil dari kode tersebut akan menjadi seperti ini :

ISI DENGAN APA YANG ANDA INGINKAN

3. Jika kodenya saya ganti menjadi :

<div style="border: 5px solid rgb(218, 123, 34);
overflow: auto;
width: 350px;
height: 100px;
text-align: left; ">
<a href="http://rumah-dagip.blogspot.com/" target="_blank">My World Is Yours</a>
</div>

4. Maka hasilnya seperti ini :


5. Jika isi dari kotak ternyata sangat banyak (tidak dapat dimuat dalam 1 halaman oleh kotak yang telah kita tentukan ukurannya tersebut). Maka secara otomatis kotak akan menjadi scroll box. dapat juga diberi nomor disetiap link atau apa saja yang akan menjadi isi dari kotak tersebut. berikut contonya :

<div style="border: 5px solid rgb(218, 123, 34);
overflow: auto;
width: 350px;
height: 100px;
text-align: left; ">
1. alamat blog saya <a href="http://rumah-dagip.blogspot.com/" target="_blank">My World Is Yours</a><br>
2. selain blog saya <br>
a. <a href="http://www.google.com" target="_blank">Google</a><br>
b. <a href="http://www.yahoo.com" target="_blank">Yahoo</a><br>
c. <a href="http://www.msn.com" target="_blank">MSN</a><br>
d. <a href="http://www.facebook.com" target="_blank">Facebook</a><br> 
e. <a href="http://twitter.com" target="_blank">Twitter</a><br>
3. <a href="http://www.profitclicking.com/?r=gBi4iMLZyQtarget="_blank">Profitclicking</a><br>
</div>

6. Maka hasilnya adalah :

1. alamat blog saya My World Is Yours
2. selain blog saya
a. Google
b. Yahoo
c. MSN
d. Facebook
e. Twitter
3. Profitclicking

7. Jika ingin membuat list namun tidak dengan nomor, dengan icon misalnya, maka diperlukan tambahan kode seperti berikut ini :

<style>.list {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVmy8JffDao02MjdpvvpM89WUVI4a7otOSS7eTgSBeqsNSHnpI0ONa5tE2zW-GtExJ_RA_Uy2pu3OpeLXalX5Y3dRWp5rUKKoFWuIKi7-SAH8yhUEjAYeVnx15oGKimvxxzcOouWXkOvoy/") no-repeat left center;
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px 0px 0px 20px;
}
</style>
border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;}</style>
<div style="border: 5px solid rgb(218, 123, 34);
overflow: auto;
width: 350px;
height: 100px;
text-align: left; ">
<div class="list"><a href="http://rumah-dagip.blogspot.com/" target="_blank">My World Is Yours</a><br>
</div><div class="list"><a href="http://www.google.com" target="_blank">Google</a><br></div>
<div class="list"><a href="http://www.yahoo.com" target="_blank">Yahoo</a><br></div>
<div class="list"><a href="http://www.msn.com" target="_blank">MSN</a><br></div>
<div class="list"><a href="http://www.facebook.com" target="_blank">Facebook</a><br></div>
<div class="list"><a href="http://twitter.com" target="_blank">Twitter</a><br></div>
<div class="list"><a href="http://www.profitclicking.com/?r=gBi4iMLZyQtarget="_blank">Profitclicking</a><br></div>
</div>
keterangan
~warna abu-abu adalah kode yang digunakan untuk memberikan icon.
~warna merah pada kode abu-abu merupakan alamat URL dari icon yang akan digunakan, bisa kalian ganti dengan milik kalian sendiri.

8. Maka hasilnya akan seperti ini :

border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;}

Sekian tutorial yang bisa saya berikan mengenai pembuatan text area/scroll box. Kawan-kawan bisa bereksperiment sendiri dengan kode-kode yang lain. Trik ini bisa diaplikasikan pada artikel maupun widget kawan-kawan. Selamat mencoba.

Source : http://www.agungadhyaksa.com/ & http://www.hermanblog.com/


Tempayan Retak

Kita semua adalah sebuah tempayan retak
Seorang tukang air di India memiliki dua tempayan besar. Masing-masingnya bergantung pada kedua ujung sebuah pikulan yang dibawa menyilang pada bahunya. Ternyata satu dari tempayan itu retak, sedangkan tempayan yang satunya lagi tidak. Jika tempayan yang tidak retak itu selalu dapat membawa air penuh setelah perjalanan panjang dari mata air ke rumah majikannya, sedangkan tempayan retak itu hanya dapat membawa air setengahnya. 
Selama dua tahun, hal ini terjadi setiap hari. Si tukang air hanya dapat membawa satu setengah tempayan air kerumah majikannya. Tentu saja, si tempayan yang tidak retak merasa bangga dengan prestasinya karena dapat melaksanakan tugasnya dengan sempurna. Namun si tempayan retak yang malang itu merasa malu sekali akan ketidaksempurnaannya dan merasa sedih karena hanya dapat memberikan setengah porsi dari yang seharusnya.
Setelah dua tahun tertekan akan kegagalan pahit ini, tempayan retak itu berkata kepada situkang air.
"Saya sungguh malu kepada diri saya sendiri tuan, dan saya ingin mohon maaf kepadamu."
"Kenapa? Kenapa kamu harus malu?" tanya si tukang air
"ya, karena selama dua tahun ini, saya hanya membawa setengah porsi air dari yang seharusnya dapat saya bawa, retakan pada sisi saya ini telah membuat air yang saya bawa bocor sepanjang jalan menuju rumah majikan kita. Karena cacatku itulah tuan, saya telah membuat anda rugi." jawab tempayan retak dengan sedih.
Si tukang air merasa kasihan kepada si tempayan retak, dan dalam belas kasihannya dia berkata "jika kita kembali kerumah majikan kita besok, aku ingin kamu memperhatikan bunga-bunga indah disepanjang jalan."
Ketika mereka naik kebukit, sitempayan retak memperhatikan dan baru menyadari bahwa ada bunga-bunga indah disepanjang sisi jalan, itu mebuatnya sedikit terhibur. Namun pada akhir perjalanan dia kembali sedih karena separuh air yang dibawanya telah bocor dan kembali tempayan retak meminta maaf kepada si tukang air atas kegagalannya.
Si tukang air berkata kepada tempayan retak "kamu memperhatikan adanya bunga-bunga disepanjang jalan disisimu tapi tidak ada bunga disepanjang jalan disisi tempayan yang tidak retak itu? itu karena aku selalu menyadari akan cacatmu, dan aku memanfaatkannya. Aku telah menanam benih-benih bunga disepanjang jalan disisimu, dan setiap hari, jika kita pulang dari mata air, kamu mengairi benih-benih tersebut, selama dua tahun ini aku telah memetik bunga-bungai itu untuk menghiasi meja majikan kita. Tanpa kamu, sebagaimana kamu adanya, majikan kita tidak dapat menghias rumahnya seindah sekarang".


Setiap dari kita memiliki cacat dan kekurangan kita sendiri. kita semua adalah tempayan retak. namun jika kita mau, Tuhan akan menggunakan kekurangan kita untuk menghiasi mejanya. di mata Tuhan yang bijaksana tidak ada yang terbuang percuma. jangan takut akan kekurangan anda, kenalilah kelemahan anda, dan andapun dapat menjadi sarana keindahan tuhan.

File MP3 dapat di download disini

Source gambar : http://fmm.or.id/tempayan-retak/

The Train Window

That day, on the train there was a young man with his father. The young man about 24 years old, old enough of course.

In the train, the young man looked out the train window, and said to his father.
"You see, the trees were running"

Near them was a young couple, both looked at the young man with feel sorry. How not, the young man seemed so childish.

However, as no matter, the young man suddenly spoke again with enthusiasm,
"You see, the cloud seemed to follow us!"

The two young couples looking impatient, and said to the father of the young man.
"Why you did not take your son to the doctor?

The father just smiled and said. "Yes I do, and in fact we have just from the hospital. Son before my was blind since early childhood, and he had to get his eyesight today"

Friend, every human on the planet has their story. Do not immediately to judge someone before we really knew him. Because the truth might surprise us. Always good prejudiced to everyone, because that's what your prophet taught, and that's a good way to live.

Source : http://www.kisahinspirasi.com

Jendela Kereta Api

Hari itu, di kereta api terdapat seorang pemuda bersama ayahnya. Pemuda itu berusia sekitar 24 tahun, sudah cukup dewasa tentu.

Di dalam kereta, pemuda itu memandang keluar jendela kereta, lalu berkata pada Ayahnya.
"Ayah lihat, pohon-pohon itu sedang berlarian"

Didekat mereka ada sepasang anak muda, keduanya melihat pemuda 24 tahun tadi dengan kasihan. Bagaimana tidak, untuk seukuran usianya, kelakuan pemuda itu tampak begitu kekanakan.

Namun seolah tak peduli, si pemuda tadi tiba-tiba berkata lagi dengan antusiasnya,
"Ayah lihatlah, awan itu sepertinya sedang mengikut kita!"

Kedua pasangan muda itu tampak tak sabar, lalu berkata kepada sang Ayah dari pemuda itu.
"Kenapa Anda tidak membawa putra Anda itu ke seorang dokter?

Sang Ayah hanya tersenyum, lalu berkata. "Sudah saya bawa, dan sebenarnya kami ini baru saja dari rumah sakit. Anak saya ini sebelumnya buta semenjak kecil, dan ia baru mendapatkan penglihatannya hari ini"


Sahabat, setiap manusia di planet ini memiliki ceritanya masing-masing. Jangan langsung kita men-judge seseorang sebelum kita benar-benar mengenalnya. Karena kebenaran boleh jadi mengejutkan kita. Selalu berprasangka baik kepada setiap orang, karena itu yang diajarkan nabimu, dan itulah cara yang baik untuk hidup.

Source : http://www.kisahinspirasi.com

SKMM-12/01/2013

1 minggu berlalu, dan data yang bisa saya tambahkan hanya :

1. Fahrizal Emir dan pasangan
2. ahmad nurul fajrih dan pasangan
3. abdul muhid dan pasangan.

Untuk selanjutnya saya harapkan lebih banyak lagi yang mengumpulkan data. Kita tidak hanya bisa mengisi data kita pribadi, data adik, kakak, anak maupun data orang tua kita, bisa kita masukkan menggunakan form yang ada di pengumpul biodata. dengan gitu, lebih cepat data yang terkumpul.

Untuk download update ini, silahkan KLIK DISINI

SKMM-06/01/2013

Ini Update pertama dari Silsilah Keluarga Mbah Munihar. Semoga dengan adanya Update ini, saudara-saudara yang lain dapat segera menyusul mengumpulkan data diri karena sebagian besar data yang saya terima hanya sekedar nama saja.

Klik disini untuk download file silsilah keluarga.
Klik disini untuk download aplikasi genopro.

Cara Menggunakan Aplikasi Genopro

Silsilah keluarga ini saya buat dengan bantuan aplikasi bernama Genopro. Sehingga untuk melihatnya juga perlu menginstal aplikasi ini di laptop/komputer. Untuk mendownload aplikasi ini, silahkan klik disini.
Untuk menginstal aplikasi ini sangat mudah, tinggal mengikuti arahan yang diberikan selama instalasi berjalan. Setelah instalasi selesai, masukkan key aktifasi yang saya sertakan.
Update silsilah keluarga mbah munihar nantinya akan berupa file *.gno dengan nama file SKMM-(tanggal update) yang akan diluncurkan Insyaallah setiap hari minggu sebelum jam 6 sore.
Bagi saudara-saudara yang ingin membantu menambahkan data langsung dari file update yang saya berikan, saya persilahkan. Namun saya sangat berharap file hasil penambahan tersebut segera dikirim kesaya, lengkap dengan list/daftar apa saja yang dirubah/ditambahkan, sehingga nantinya bisa saya sebarkan juga kepada saudara-saudara yang lain.

Langkah menggunakan aplikasi genopro.
1. Instal aplikasi genopro (bila perlu bantuan, dapat menghubungi saya di nomer 085258808275 diluar jam kerja)
2. Download update terbaru Silsilah Kelurga Mbah Munihar.
3. Buka file hasil download (doble klik/enter).
4. Aplikasi genopro akan segera terbuka.
5. Pada silsilah tersebut, Simbol Kotak = laki-laki, Lingkaran = Perempuan, dan ? = Tidak diketahui jenis kelaminnya.
6. Untuk mengetahui detail informasi dari seseorang, klik 2 kali nama/simbol orang yang bersangkutan.
7. Perubahan/Penambahan data bisa dilakukan ketika detail informasi yang bersangkutan sudah terbuka.
8. Aplikasi ini suport bahasa Indonesia, bila setelah saudara instal ternyata bukan bahasa Indonesia, saudara dapat merubahnya dengan mengklik "Language" (tab nomor 3 dari kanan) pada toolbar kemudian pilih "Indonesian/Bahasa Indonesia {ID}"
9. Silsilah ini juga dapat di print dengan menekan "Ctrl+P" kemudian pilih printer yang akan digunakan. Hasil print akan berupa bagan yang terpotong-potong dalam beberapa halaman, bukan menjadi 1 halama kertas.
10. Untuk fasilitas yang lain, dapat saudara pelajari sendiri, agar lebih aman, buat backup file Silsilah Keluarga Mbah Munihar, sehingga bila terjadi hal-hal yang tidak diinginkan, file asli tidak hilang.

Saya tunggu partisipasi dari saudara-saudara sekalian.


Klik disini untuk mengunduh aplikasi genopro
Klik disini untuk mendapatkan update terbaru

Pengumpul Biodata

Semoga niatan untuk menjaga tali silaturahmi diberi kemudahan.
Saya dan beberapa saudara yang lain berusaha untuk membuat "Pohon Keluarga Mbah Munihar" dengan harapan tali keluarga tidak putus meski sampai beberapa generasi. Sampai sekarang, saya pribadi hanya memiliki data sampai generasi ketiga (itu pun hanya nama, tidak ada keterangan yang lain). yang ingin melihat silsilah tersebut bisa klik disini.
dalam pembuatan silsilah kelurga ini, saya menggunakan aplikasi genopro (bisa di download disini). sehingga saya harapkan saudara-saudara yang lain juga memiliki aplikasi ini sebagai media untuk membuka dan menambahkan data.
Dibawah ini ada sebuah Form yang saya harapkan bisa Saudara-saudara isi yang nantinya akan saya masukkan ke dalam "Pohon Keluarga Mbah Munihar". Mas, Mbak, Om, Tante, Adek dll bisa mengisi dan mengisikan data saudara yang lain selama itu dapat dijamin kebenarannya. Semoga apa yang saya usahakan ini mendapatkan respon positif dari Saudara-saudara saya yang lainnya.



Klik disini untuk melihat pohon keluarga 3 generasi pertama
Klik disini untuk download aplikasi genopro
Klik disini untuk mendapatkan update terbaru database Pohon Keluarga Mbah Munihar
Klik disini untuk gabung grup Mbah Munihar di facebook
 
Copyright © 2011. My World Is Yours - All Rights Reserved
Template Modify by My World Is Yours
Proudly powered by Blogger