cara membuat text area dan jenis-jenisnya

kali ini saya membahas tentang cara membuat text area dan jenis-jenisnya,text area adalah sebuah kotak khusus yang biasanya diisi dengan kode,text,gambar maupun widget,text area berguna untuk memudahkan dalam hal mengcopy kode,yaudah daripada makin bingung langsung aja lihat koleksi text area milik saya tinggal dipilih mana yang paling kalian suka,tapi jangan lupa follow blog ini dulu ya

isi sesuatu disini
<textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(121, 222, 111); border-radius: 7px 7px 7px 7px; border: 1px solid rgb(202, 61, 217); color: red; height: 147px; line-height: 1.5em; padding: 5px; width: 387px;">isi sesuatu disini</textarea>

  isi sesuatu disini     <textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(11, 112, 134); border: 3px dotted rgb(255, 119, 59); color: #ffeff9; height: 154px; line-height: 1.5em; padding: 5px; width: 391px;"> isi sesuatu disini </textarea>
 isi sesuatu disini

<textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(255, 111, 1); border-color: rgb(155, 0, 215) rgb(64, 255, 255) rgb(64, 255, 255) rgb(155, 0, 215); border-radius: 10px 10px 10px 10px; border-style: solid; border-width: 4px; color: white; height: 180px; line-height: 1.5em; padding: 5px; width: 397px;">isi sesuatu disini</textarea>

isi sesuatu disini <textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(0, 255, 255); border: 2px dashed rgb(231, 95, 122); color: red; height: 130px; line-height: 1.5em; padding: 5px; width: 390px;">isi sesuatu disini</textarea>
isi sesuatu disini <textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(255, 0, 255); border: 5px outset rgb(231, 95, 122); color: black; height: 130px; line-height: 1.5em; padding: 5px; width: 390px;">isi sesuatu disini</textarea
isi sesuatu disini  <textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(235, 125, 0); border: 5px ridge rgb(231, 112, 122); color: blue; height: 130px; line-height: 1.5em; padding: 5px; width: 390px;">isi sesuatu disini</textarea>
 isi sesuatu disini

<textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(225, 248, 255); border-bottom-right-radius: 15px; border-top-left-radius: 15px; border: 2px ridge rgb(127, 255, 0); color: #771200; height: 153px; line-height: 1.5em; padding: 5px; width: 391px;">isi sesuatu disini</textarea>

isi sesuatu disini

<div>

<form name="copy">

<div align="center">

<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div>

<div align="center">

</div>

<div align="center">

<textarea cols="55" name="txt" rows="100" style="height: 166px; width: 445px;" wrap="VIRTUAL">isi sesuatu disini</textarea><br />

<br />

<br /></div>

</form>

</div>

<textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(0, 111, 221); border: 5px double rgb(0, 112, 122); color: yellow; height: 130px; line-height: 1.5em; padding: 5px; width: 390px;">isi sesuatu disini</textarea></center>

<center>

<br />

isi sesuatu disini <textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(0, 111, 221); border: 5px double rgb(0, 112, 122); color: yellow; height: 130px; line-height: 1.5em; padding: 5px; width: 390px;">isi sesuatu disini</textarea>
isi sesuatu disini <textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(111, 222, 111); border: 5px groove rgb(221, 32, 122); color: blue; height: 130px; line-height: 1.5em; padding: 5px; width: 390px;">isi sesuatu disini</textarea>
isi sesuatu disini

<textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(111, 25, 25); border: 5px inset rgb(12, 95, 11); color: #fff000; height: 130px; line-height: 1.5em; padding: 5px; width: 390px;">isi sesuatu disini</textarea>
tinggal dipilih mana yang anda suka (kodenya ada dibawah contoh text area)

kalau nggak tahu cara masangnya baca caranya dbawah ini


1.login ke akun blogger anda
2.pilih fitur tata letak
3.kemudian pilih "tambah gadget"
4.lalu pilih "html/java script"
lalu masukkan kode yang anda pilih dari koleksi text area diatas

 selamat mencoba

Cara membuat link berkedip

Setelah dulu saya sudah pernah posting tentang Cara membuat link bersinar dan Cara membuat link wrna-warni,kali ini saya akan mosting tentang Cara membuat link berkedip.Apa itu link berkedip?Link berkedip adalah link yang selalu berkedip kalo gak ngerti maksudnya ini contohnya HOME .Tapi itu hanya tulisan biasa yang gak bisa diklik kalo pengen yang bisa diklik ini contohnya Home mau tau caranya follow dulu dong kalo udah follow mari kita mulai:

UNTUK TEKS BERKEDIP

Sertakan kode <blink> di awal dan akhir kata yang akan dibuat berkedip contoh <blink>Berkedip<blink> nanti hasilnya akan jadi seperti ini Berkedip

UNTUK LINK BERKEDIP

Kodenya agak berbeda dengan kode sebelumnya,kodenya seperti dibawah ini

<blink><a href ="http://webmiftah.blogspot.com/" target ="_blank">Miftah</a></blink>

Hasilnya akan seperti ini Miftah

KETERANGAN

Untuk Link Berkedip
-Ganti tulisan yang berwarna merah dengan url yang ingin di link
-Ganti tulisan yang berwarna biru dengan tulisan yang akan muncul mewakili link

Semoga bermanfaat

Cara membuat link bersinar

Setelah dulu saya pernah mosting tentang Cara membuat link warna-warni,kali ini saya akan sharing ilmu baru lagi yaitu Cara membuat link bersinar.Apa itu link bersinar?link bersinar maksudnya adalah link yang jika didekati cursor akan keluar bintang-bintang di sekelilingnya pasti kalian udah pada penasaran kan.yaudah kalo gitu langsung aja kita praktekin tapi sebelum itu kalian harus follow blog saya dulu hehehehe karena apa? karena dengan mem-follow blog saya anda akan tau kalo ada postingan baru yang menarik lagi oke kalo gitu kita mulai:

1.Login ke akun blogger anda
2.Pilih tab rancangan
3.Pilih Edit html
4.Cari kode </head> (gunakan f3 agar lebih mudah mencari)
5.Kalo udah ketemu letakkan kode dibawah ini diatas kode </head>
 
<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc3xR71S2-inB3nMPvV0OOcmvQpo58t1o3bA5JdQXDSx8yTI8z7TzkS5g6NueoaoqR0BbAYGDKdAe18sAfgOnughr7Tv_Ifmtx1np3jpm6k9ct9pNe3HozMXc35-FBxpnGgOCmuOoUQpY/s1600/blink.gif); }
</style>


6.Kalo udah tinggal di save

SELAMAT MENCOBA

Cara membuat efek uang berjatuhan di blog

kali ini Miftah mau sharing ilmu baru bro yaitu Cara membuat efek uang berguguran di blog pasti udah pada penasaran kan tapi ngomong-ngomong uangnya beneran gak ya? ya jelas nggak dong uangnya cuma gambar kalo uang beneran saya gak akan kasih tau kalian semua saya ambil sendiri uangnya hehehehe.Sebelum memulai langkah-langkahnya kalian wajib follow di blog ini dulu supaya kalian bisa tahu kalo ada postingan baru lagi oke kita mulai aja bro tutorialnya :

1.Login ke akun blogger anda
2.Pilih tab rancangan
3.Klik tab elemen laman
4.Klik tambah gadget
5.Kemudian pilih yang HTML Java/Script
6.Masukkan kode dibawah ini di kotak yang telah disediakan


 <script src="https://sites.google.com/site/webmiftah/js/uang.js" type="text/javascript"/>

7.Kalo udah tinggal disimpan deh

SELAMAT MENCOBA

cara membuat efek daun berguguran di blog

Nih kali ini miftah mau mosting lagi tentang cara membuat efek daun berguguran di blog.Tau nggak apa itu yang dimaksud daun berguguran di blog? gak ngerti ya aku jelasin maksudnya jika kita memasang script daun berguguran ini,blog kita akan ada daun-daun yang bertaburan kalo masih gak tau praktekin aja langsung biar gak pada penasaran,oke kalo gitu kita mulai tutorialnya:

1.Login ke akun blogger anda
2.Pilih tab rancangan
3.Klik tab elemen laman
4.Klik tambah gadget
5.Kemudian pilih yang HTML Java/Script
6.Masukkan kode dibawah ini di kotak yang telah disediakan


 <script src="https://sites.google.com/site/webmiftah/js/daun-gugur.js" type="text/javascript"/> 

7.Kalo udah tinggal disimpan deh

SELAMAT MENCOBA

Cara membuat link warna-warni

Wah mosting lagi nih,kali ini saya akan membahas tentang Cara membuat link warna-warni tau nggak apa itu link warna-warni?Link warna-warni adalah link yang jika ditunjuk oleh cursor akan berubah-ubah warnanya mirip pelangi kalo masih gak paham langsungaja praktekin.Eits jangan lupa follow dulu ya kalo bisa kasih konfirmasi dengan berkomentar oke kita mulai:

1.Login ke akun blogger anda
2.Pilih tab rancangan
3.Pilih Edit html
4.Cari kode <body> (gunakan f3 agar lebih mudah mencari)
5.Kalo udah ketemu letakkan kode dibawah ini diatas kode <body>
 
<script src='https://sites.google.com/site/webmiftah/js/pelangi.js'/>


6.Kalo udah tinggal di save

SELAMAT MENCOBA

membuat burung terbang mengelilingi halaman blog

Kali ini saya akan membahas tentang membuat burung terbang mengelilingi halaman blog ,ngerti nggak?
maksudnya jika kita memasang widget ini akan ada 2 ekor burung mengelilingi halaman blog kita keren kan langsung aja ke tkp:
Ada tiga pilihan ada burung elang, monster burung atau dua-duanya:

BURUNG ELANG


 Ini kode untuk burung Elang

 <script src="https://sites.google.com/site/webmiftah/js/burung.js" type="text/javascript">

Monster Burung

Ini kode untuk monster burung

<script src="https://sites.google.com/site/webmiftah/js/monster.js" type="text/javascript">

ELANG dan Monster burung

Ini kode untuk ELANG dan Monster burung

<script src="https://sites.google.com/site/webmiftah/js/duo-burung.js" type="text/javascript">

O,iya lupa belum dibahas cara naruhnya oke kita mulai

1.Login ke akun blogger anda
2.Pilih tab rancangan
3.Klik tab elemen laman
4.Klik tambah gadget
5.Kemudian pilih yang HTML Java/Script
6.Masukkan kode dari burung yang kamu pilih
7.Simpan

SELAMAT MENCOBA

Cara membuat scroll box di blog

Tau nggak apa itu scroll box ?, Scroll box adalah sebuah elemen berbentuk kotak kotak yang memiliki scroll (gulir/geser).Kalau diartikan ke bahas indonesia scroll box artinya "Kotak gulir"Scroll box Ini digunakan untuk menghemat ruangan dalam sebuah blog.Selain bisa menghemat ruangan scroll box juga bisa mempercantik tampilan blog karena blog kita bisa terlihat rapi di mata pengunjung scroll box juga bisa diisi dengan gambar,widget atau tulisan biasa,tapi sebelum anda membaca artikel ini anda diwajibkan untuk mem-follow dan kalo udah dipasang kasih jangan lupa kasih konfirmasi dengan ber-komentar diblog ini.Yaudah langsung aja ke TKP

1.Login ke akun blogger anda
2.Pilih tab rancangan
3.Klik tab elemen laman
4.Klik tambah gadget
5.Kemudian pilih yang HTML/Java Script
6.Masukkan kode dibawah ini do kotak yang telah disediakan

<div style="overflow:auto; height:250px; width:220px">
<ul>
<li><a href="http://alamat url link 1/" target="_blank">Link 1</a></li>
<li><a href="http://alamat url link 2/" target="_blank">Link 2</a></li>
<li><a href="http://alamat url link 3/" target="_blank">Link 3</a></li>
<li><a href="http://alamat url link 4/" target="_blank">Link 4</a></li>
<li><a href="http://alamat url link 5/" target="_blank">Link 5</a></li>
<li><a href="http://alamat url link 6/" target="_blank">Link 6</a></li>
<li><a href="http://alamat url link 7/" target="_blank">Link 7</a></li>
<li><a href="http://alamat url link 8/" target="_blank">Link 8</a></li>
<li><a href="http://alamat url link 9/" target="_blank">Link 9</a></li>
<li><a href="http://alamat url link 10/" target="_blank">Link 10</a></li>
<li><a href="http://alamat url link 11/" target="_blank">Link 11</a></li>
<li><a href="http://alamat url link 12/" target="_blank">Link 12</a></li>
<li><a href="http://alamat url link 13/" target="_blank">Link 13</a></li>
<li><a href="http://alamat url link 14/" target="_blank">Link 14</a></li>
<li><a href="http://alamat url link 15/" target="_blank">Link 15</a></li>
</ul>
</div>

Keterangan :

Height adalah tinggi dari scroll box yang kita buat
width adalah lebar dari scroll box yang kita buat
Link 1 sampai link 15 adalah link dari blog yang diinginkan baik itu link banner atau hanya sekedar judul blog
Dan yang terakhir alamat url link 1 sampai 15 adalah url tujuan

7.kalo udah tinggal di save dan lihat hasilnya

SELAMAT MENCOBA