Cara Membuat Text Area dan Modifikasinya

Saat menulis artikel blog, saya yakin sobat pasti ingin membuat tulisan dengan semenarik mungkin, tulisan yang menarik tentunya juga harus disertai dengan tampilan yang menarik pula. Termasuk penggunaan teks area, yaitu teknik untuk menampilkan kalimat/sekelompok kata semisal kode css atau html. Menurut saya kotak teks area terlihat baik jika antara lebar dan tinggi kotak cukup proporsional. Text area berfungsi seperti blockquote yaitu memisahkan kelompok kata/kalimat tertentu agar lebih jelas, misalnya jika blog sobat adalah blog tutorial, penggunaan text area dan blockquote sangat penting artinya. Ikuti langkah langkah berikut ini, 1. Masuk ke akun Blogger > Layout/Rancangan > Edit HTML>Expand template 2. Cari kode </b:skin> 3. Masukkan kode di bawah tepat di atas kode tadi.

.julak-textarea { padding:0;margin:0;background: #fff;width:400px;height:40px;color:#666;font:12px arial;border:1px dotted #289728; }.julak-textarea:hover {color:#289728;border:2px solid #666;}

Selesaikan dengan save template!Cara menggunakan text area. Masuk ke menu EDIT HTML pada saat menulis artikel / static page ,

<textarea class="julak-textarea" readonly="readonly">WRITE-TEXT-HERE</textarea>

Ganti tulisan WRITE-TEXT-HERE dengan text yang sobat inginkan di dalam text area.Jika Anda ingin mengubah font, warna atau singkatnya seluruh tampilan dari kotak teks maka Anda hanya perlu mengedit bidang berikut dalam kode CSS di atas,background: #fff; –> Mengubah warna background text areawidth:400px; –> Mengubah lebar kotak text areaheight:40px; -> Untuk Mengubah tinggi kotak text areacolor:#666; -> Mengubah warna font color text boxfont:12px arial; –> Mengubah ukuran huruf dan jenis font border:1px dotted #289728; } –> Untuk mengubah ukuran border/batas/garis, style (i.e dotted, solid, dashed) dan warna. .julak-textarea:hover {color:#289728; –> Ini untuk mengubah warna huruf saat mouse mengarah ke text area border:2px solid #666; -> mengubah ukuran border, style dan warna saat mouse diarahkan ke text area

Read More

Cara Menginstal Windows 7

Disini saya akan memberitahukan langkah langkah cara menginstal Windows 7 untuk komputer yang belum terinstall sistem operasi. Langkah yang dilakukan adalah :

Proses setting di BIOS : Nyalakan komputer, lalu masuk ke BIOS untuk mensetting awal Booting OS (operating system) 

Rubahlah settingan awal booting tersebut ke CD ROM / DVD ROM, klik F5 menggunakan keyboard untuk memindahkan urutan booting 

Sebelum anda exit atau keluar dari BIOS, masukkan DVD windows 7 Ultimate. Kemudian tekan tombol F10 SAVE & EXIT (tergantung settingan BIOS). Maka system akan merestart komputer 

Proses Install Windows 7 Ultimate

Setelah restart tunggu sampai muncul tulisan “Press any key to instal from CD/DVD …”. setelah itu tekan sembarang tombol, sehingga komputer akan melakukan proses booting lewat DVD ROM. Tunggu sampai terlihat gambar dibawah ini :

Aturlah Format Bahasa, waktu, mata uang dan jenis keyboard yang digunakan, misalkan disini kita menggunakan format waktu dan mata uang Indonesia :

Kemudian klik Next untuk melanjutkan proses instalasi  Sehingga akan muncul tampilan pada gambar di bawah ini :

Klik tombol install now untuk melanjutkan proses instalasi  Sehingga akan muncul gambar seperti di bawah ini :

Tunggu proses loading sampai terlihat proses selanjutnya. Ceklis chekbox yang tertuliskan “I accept the license terms”, setelah itu klik tombol Next untuk melanjutkan proses instalasi  Seperti terlihat gambar di bawah ini :

Setelah itu masuk ke proses selanjutnya. Karena ini adalah proses instalasi dari komputer yang belum terinstal sistem operasi windows, maka pilih bagian Custom. Jika memilih Upgrade berarti mengupgrade sistem operasi windows versi lama ke windows 7  Seperti gambar di bawah ini :

Karena komputer yang digunakan adalah baru, maka biasanya hanya terdapat 1 partisi hardisk. Minimal untuk instalasi windows 7 adalah 20 GB. Karena hardisk yang digunakan adalah 20GB jadi hardisk tidak perlu dipartisi. Klik next untuk melanjutkan proses instalasi  Seperti gambar di bawah :

Tunggu sampai windows selesai proses instalasi. Jika telah selesai, maka komputer akan merestart sistem. Setelah beres Windows 7 Ultimate telah terinstall dan tinggal dilakukan proses konfigurasi 

Setelah komputer merestart maka komputer akan melakukan proses konfigurasi awal dulu sebelum dapat digunakan. Untuk konfigurasi pertama adalah konfigurasi Username (Nama Pengguna) dan Computer Name (Nama Komputer), masukkan sesuai dengan yang anda suka. Setelah itu klik tombol Next. Seperti gambar di bawah :

Setelah itu masukkan password yang akan digunakan untuk Username tersebut. Jika tidak akan menggunakan password maka tinggal klik Next saja 

Setelah itu masukkan Serial Number Windows 7 yang tertera pada Cover DVD Windows 7 Ultimate. Jika anda menggunakan versi trial, anda tidak perlu memasukan produk key, cukup klik tombol Next 

Pilih pengaturan use recommended settings atau sesuai dengan yang anda inginkan 

Setelah itu atur waktu sesuai dengan waktu saat ini. Setelah selesai klik tombol Next 

Setelah itu windows selesai melakukan proses konfigurasi, tunggu hingga windows mempersiapkan desktop untuk Username yang anda buat sebelumnya 

Sekarang anda telah berhasil menginstall Windows 7 Ultimate  Selamat menggunakannya 

Selamat Mencoba !!

Read More

Cara Membuat Tombol Next Page Di Blog

Next page Number berfungsi untuk memudahkan pengunjung dalam menjelajahi situs,Next page Number ini hanya menampilkan angka 1|2|3|4..dst. Untuk lebih jelasnya silahkan lihat gambar berikut :

Langsung saja cara membuat nya :

1.Login ke blog sobat.
2.Pada tampilan Dashboard pilih Design kemudian klik Edit HTML.
3.Download Template lengkap ,untuk menjaga hal-hal yang tidak diinginkan.
4.Centang Expand Template Widged.
5.Silahkan sobat cari kode ]]></b:skin> (Ctrl+f untuk memudahkan pencarian).
6.Copy kode yang ada dibawah ini kemudian paste di atas kode ]]></b:skin>

.showpageArea a {text-decoration:underline;}

.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}

.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}

.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}

.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}

.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}

.showpage a:hover {text-decoration:none;}

.showpageNum a:link,.showpage a:link {text-decoration:none;color:#33333 

7.Kemudian cari kode </body> 
8.Copy kode yang ada dibawah ini dan paste kan diatas kode </body> 

<script type="text/javascript">

var pageCount=5;

var displayPageNum=5;

var upPageWord='Previous';

var downPageWord='Next';

</script>

<script src="http://yourjavascript.com/3043224162/blogger-page-navi.v1.js.txt.js" type="text/javascript">

</script>

9.Next simpan.

Read More

Cara Mengilangkan Navbar

Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada style sheet CSS : 


/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


Atau bisa juga menaruh kode berikut persis di bawah kode <body> : 


<style type='text/css'>
#navbar-iframe {display:none;}
</style>


Mau pilih yang mana? keduanya mempunyai fungsi yang sama yaitu menghilangkan navbar blogger. Masih bingung juga dalam pemasangan kode di atas? silahkan ikuti langkah-langkah berikut ini : 

Untuk template klasik

1. Sign in di blogger



2. Klik menu Template



3. Klik menu Edit HTML



4. Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman



5. Copy kode berikut lalu paste di atas kode </style>



/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}



6. Klik tombol Simpan Perubahan Template



7. Selesai.

Untuk template baru

1. Sign in di blogger



2. Klik menu Layout



3. Klik menu Edit HTML



4. Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data



5. Copy kode berikut lalu paste di atas kode ]]></b:skin>



/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}



6. Klik tombol Simpan Template



7. Selesai.

Selamat menikmati blog tanpa navbar !

Read More