Breaking News
Showing posts with label tutorial blog. Show all posts
Showing posts with label tutorial blog. Show all posts

Saturday, November 15, 2014

Cara Membuat Alenia (indent) pada Postingan Blog

Pada kesempatan kali ini saya ingin berbagi ilmu tentang cara membuat alenia pada suatu paragraf pada saat melakukan posting diblog ataupun pada web. Caranya cukup menambahkan script pada postingan kita. Langsung saja caranya sebagai berikut:

1. Kita masuk pada HTML postingan kita yaitu klik pada tulisan HTML (sebelah kanan compose)

2. Tambahkan script berikut pada paragraf yang dipilih:
<p style="text-indent: 0.5in;"> paragraf/kalimat </p>


Anda juga bisa mengatur seberapa menjorok kedalam paragraf anda, pada kesempatan ini saya menggunakan 0.5,,, Selamat mencoba...

Read more ...
Labels:

Friday, April 4, 2014

Cara menampilkan sumber link otomatis ketika artikel kita di COPAS


Ternyata masih banyak orang yang meng-copy  artikel tanpa mau menyertakan sumber tulisan tersebut, entah karena malas atau disengaja. Pada kesempatan ini saya ingin berbagi ilmu tentang cara menampilkan sumber link kita ketika artikel kita dicopas, agar peng-copas tidak repot-menuliskan sumber link kita . Nah langsung saja berikut caranya:
  1. Login ke akun blogger anda
  2. Pilih menu tab template, kemudian pilih edit HTML, letakkan kursor pada area kode HTML
  3. cari elemen </body> , untuk mempercepat pencarian gunakan tombol ctrl+F, kemudian isikan tulisan </body> pada kotak pencarian, lalu tekan tombol enter.
  4. Copy script dibawah ini, dan paste-kan diatas elemen </body> 
    <script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber :"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://id-pemula-javascript.googlecode.com/files/linksource.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script>
  5. Kemudian klik simpan template.
Semoga bermanfaat..
Read more ...
Labels:

Thursday, March 27, 2014

Cara Mencegah Copy Paste Artikel Blog


Kali ini saya ingin berbagi ilmu tentang cara mencegah Copy paste tulisan pada blog. Bagi sahabat blogger yang tidak rela artikelnya di Copas orang, bisa menggunakan cara ini. Akan tetapi cara ini tidak dapat melindungi tulisan anda sepenuhnya, setidanya dapat membuat bingung orang yang berniat copas jika seorang yang mau copas itu newbie/ blogger pemula. Langsung saja. Cara yang digunakan adalah mematikan atau mendisable right click (klik kanan). Nah langsung saja begini caranya:
  1. Baka akun blogger sobat
  2. dari dashboard, pilih template, kemudian pilih edit html
  3. cari script </body>, untuk mempercepat pencarian gunakan ctrl+f atau tombol f3 lalu isikan </body>
  4. copy script berikut di atas </body>.
    <body oncontextmenu='return false' onmousedown='return false' onselectstart='return false' onkeypress='return false'></body>
  5. klik simpan
kurang lebih caranya seperti itu. Semoga bermanfaat..
Read more ...
Labels:

Monday, March 24, 2014

Pengertian dan Cara Kerja Client Side Scripting

Client Side Scripting adalah salah satu jenis bahasa pemrograman web yang proses pengelolaan/penerjemahannya dilakukan disisi client. Proses pengelolaan Client Side Scripting dilakukan oleh web browser sebagai client-nya. Didalam web browser terdapat library yang mampu menerjemahkan semua perintah dihalaman web yang menggunakan CSS. Library ini secara teknis disebut web engine. Masing-masing web memiliki web engine yang berbeda. Agar script dapat di baca oleh semua web engine, gunakan style penulisan Client Side Scripting yang standar sesuai W3C. Misal untuk penulisan HTML gunakan style penulisan Extensible HyperText markup Laguage (XHTML) yang sudah menjadi standar internasional. berikut contoh Client Side Scripting: Hypertext Markup Laguage(HTML), Extensible Hypertext Markup Laguage (XHTML), Cascading Style Sheet (CSS), javascript, Extensible Markup Laguage (XML).
Cara kerja Client Side Scripting:

  1. Client/user melakukan request untuk mengakses sebuah dokumen web melalui web browser yang ada di komputernya. Request tersebut akan dicari di web server dimana dokumen tersebut disimpan. Lokasi web server mungkin saja berada di internet atau di komputer (localhost). Secara logic pencariaanya dengan cara memanaggil domain/url dari web server tersebut.
  2. Jika web server tempat dokumen tersebut tersimpan sudah ditemukan, maka web server akan melakakan pengecekan terhadap dokumen web yang di request oleh user. Jika didalamnya berisikan  Client Side Scripting maka web server tidak akan melakukan pemrosesan apapun terhadap dokumen tersebut. Dokumen tersebut lansung dikembalikan ke client dalam format HTML, untuk selanjutnya di proses disisi client (web browser).
  3. Dokumen tersebut diterjemahkan oleh client/ web server. Komponen yang berfungsi menerjemahkannya adalah komponen script interpreter yang bisa juga disebut web engine.
  4. Hasil pemrosesan dokumen tersebut adalah berbrntuk halaman web dalam format HTML.
  5. Halaman web yang telah selesai di proses akan dikembalikan ke client dalam format halaman HTML yang daoat dilihat di halaman utama web browser.

Sumber: Arief, M.Rudyanto(2011).Pemrograman Web Dinamis menggunakan PHP dan MySQL.Yogyakarta: Penerbit Andi Offset.
Read more ...
Labels:

Friday, March 21, 2014

Cara membuat form pendaftaran web pada bahasa pemrograman html

Kali ini saya ingin berbagi ilmu tentang cara membuat form pendaftaran dalam web. Sebenarnya membuat form itu bukan perkara yang sulit, asalkan tau ilmunya dan mau mencoba. Sebelum membuat form kita perlu tau tag dan elemen apa saja yang perlu diketahui. Pembuatan form menggunakan tag <form> ... <\form> , dan didalam tag tersebut nantinya akan dimasukkan elemen-elemen yang didekarasikan. Berikut beberapa elemen dalam pembuatan form :
  1. Text box <input type=”text”>Digunakan untuk memasukkan input berupa text.
  2.  Password <input type=”password”>Digunakan untuk memasukkan password.
  3.  Hidden <input type=”hidden”>Digunakan untuk mengirim data ke suatu aplikasi yang tidak diinginkan untuk dilihat oleh browser.
  4. Check box <input type=”checkbox”>Check box digunakan untuk dapat memilih lebih dari satu pilihan.
  5. Radio button <input type=”radio”>Radio button digunakan untuk dapat memilih hanya salah satu pilihan diantara beberapa pilihan.
  6.  Push button <input type=”button”>Elemen ini biasanya digunakan untuk membuat sebuah tombol aksi.
  7.  Submit <input type=”submit”>Setiap elemen form membutuhkan tombol submit untuk mengirimkan nama variabel dan nilainya ke suatu aplikasi yang ditentukan dalam atribut ACTION dalam elemen FORM.
  8.   Reset <input type=”reset”>Digunakan untuk mereset (menghapus) semua masukan dalam form.
  9.  Text area <textarea> . . . </textarea>Elemen untuk memasukkan teks secara leluasa seperti pada notepad.
  10.  Select <select> . . . </select>Daftar isi dalam pilihan select menggunakan tag <option>

Kali ini aplikasi yang saya gunakan untuk mencoba membuat form adalah Notped++, Berikut langkah membuat form dengan notped++ : 
  • Buka notped ++, kemudian buat file baru 
  • Ketikkan script berikut:
<html>
<head>
<title bgcolor="white">Membuat Form dengan Notepad++</title>
</head>
<body bgcolor="ccccff">
<form>
            <p>Nama : <input type=text name=nama />
            <p>Alamat : <textarea name="Alamat" cols="25" rows="4"></textarea>
            <p>Jenis Kelamin : <input type=”radio”>
<select>
<option value=Laki-laki>Laki-laki
<option value=Perempuan>Perempuan
</select>
<p>Tanggal lahir :
                        <select name=tgl>
                                    <option value=1>01
                                    <option value=2>02
                                    <option value=3>03
                                    <option value=4>4
                        </select>
                        <select name=bln>
                                    <option value=1>01
                                    <option value=2>02
                                    <option valie=3>03
                                    <option value=4>4
                        </select>
                        <select name=tahun>
                                    <option value=1991>1991
                                    <option value=1992>1992
                                    <option value=1993>1993
                                    <option value=1995>1995
<option value=1996>1996
                        </select>
            <p>Pekerjaan :
                        <select name=Pekerjaan>
                                    <option value=Pelajar>Pelajar/Mahasiswa
                                    <option value=PNS>Pegawai Negeri Sipil
                                    <option value=Karyawan>Wiraswasta
                                    <option value=Wiraswasta>Karyawan
                        </select>
            <p>Hobi :
                        <input type=checkbox name=hobi value=Olahraga>Olahraga
                        <input type=checkbox name=hobi value=Kesenian>kesenian
                        <input type=checkbox name=hobi value=Membaca>Membaca
                        <input type=checkbox name=hobi value=Traveling>Traveling
            <p>Komentar : <textarea name="komentar" cols="25" rows="4"></textarea>
            <p><input type=submit value=kirim data/><input type=reset value=ulang>
</form>
</body>
</html>

  • simpan file dalam bahasa html (save as type pilih: hyper text markup laguage)
  • Kemudian di run (dijalankan) dengan cara klik menu run pada bagian atas Notped++, kemudian pilih Launch in chrome atau Launch in Firefox 
  • Dan hasilnya adalah sebagai berikut:

 Sekian penjelasan dari saya, semoga bermanfaat.. 
Read more ...
Labels:

Wednesday, March 12, 2014

Tag-Tag Dasar HTML


Tag adalah kode yang digunakan untuk me-mark-up teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing. setiap tag mempunyai pasasngan yaitu tag pembuka dan tag penutup, tetapi tidak semua tag memerlukan elemen penutup. Tag HTML tidak case ssensitive, jadi penulisannya boleh menggunakan huruf besar.

Berikut tag-tag dasar pada HTML

  • <html> ... </html> 
Merupakan tag dasar yang nendefinisikan bahwa dokumen tersebut adalah dokumen html. Tag ini merupakan bagian pertama yang harus  ada dalam dokumen html .

  • <head> ... </head> 
Merupakan tag berikutnya setelah tag html, digunakan untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan.

  • <title> ... </title>
Digunakan untuk menuliskan judul dari dokumen html, judul ini yang akan dimunculkan pada caption halaman browser ketika halaman tersebut diakses.

  • <body> ... </body>
Tag ini merupakan bagian utama dalam dokumen html, karena semua isi dokumen yang akan ditampilkan diisikan dalam tag ini

  • <h1> ... </h1>
Tag diatas merupakan tag heading. Tag tersebut berfungsi untuk memformat hading (judul dan sub judul), ada 6 buah hhading yang dikenal html yaitu dari h1-h6.

  • <hr>
Tag horisontal ruler <hr> digunakan untuk membuat garis horisontal 3 dimensi  pada halaman web. Tag ini tidak memerlukan tag penutup </hr>. Atribut tag horisontal ruler : aligin(penempatan), size(ketebalan), width(panjang). Contoh penulisannya: <hr width="90" size="3" width="100%">
Read more ...
Labels:

Friday, February 21, 2014

Cara menampilkan visitor menurut bendera negara pada blog

Pada kesempatan kali ini saya ingin berbagi ilmu tentang bagaimana menampilan visitor menurut bendera negara pada blog. nah langsung saja, begini caranya: 

  • Anda dapat mengatur tampilan sesuai keinginan,
  • Kemudian klik tulisan GET YOUR FLAG COUNTER, kemudian akan muncul kotak dialog sebagai berikut:

  • Langsung klik tulisan Skip, tidak perlu mengisikan email,
  • Kemudian anda akan diberi kode seperti berikut:
  • Kode yang anda perlukan hanya yang bagian atas
  • Langkah selanjutnya, buka akun blog anda kemudian pilih tataletak, kemudian tambah gadget HTML/javascript
  • Masukkan kode tersebut kedalam gadget 
  • Klik simpan, kemudian klik simpan setelan
Sekian tulisan dari saya, semoga bermanfaat..

Read more ...
Labels:

Saturday, January 25, 2014

Kode Warna HTML


Beberapa contoh kode warna HTML yang sering kita gunakan adalah sebagai berikut:

#FFFFFF
#FFFFCC
#FFFF99
#FFFF66
#FFFF33
#FFFF00
#FFCCFF
#FFCCCC
#FFCC99
#FFCC66
#FFCC33
#FFCC00
#FF99FF
#FF99CC
#FF9999
#FF9966
#FF9933
#FF9900
#FF66FF
#FF66CC
#FF6699
#FF6666
#FF6633
#FF6600
#FF33FF
#FF33CC
#FF3399
#FF3366
#FF3333
#FF3300
#FF00FF
#FF00CC
#FF0099
#FF0066
#FF0033
#FF0000
#CCFFFF
#CCFFCC
#CCFF99
#CCFF66
#CCFF33
#CCFF00
#CCCCFF
#CCCCCC
#CCCC99
#CCCC66
#CCCC33
#cccc00
#CC99FF
#CC99CC
#CC9999
#CC9966
#CC9933
#CC9900
#CC66FF
#CC66CC
#CC6699
#CC6666
#CC6633
#CC6600
#CC33FF
#CC33CC
#CC3399
#CC3366
#CC3333
#CC3300
#CC00FF
#CC00CC
#CC0099
#CC0066
#CC0033
#CC0000
#99FFFF
#99FFCC
#99FF99
#99FF66
#99FF33
#99FF00
#99CCFF
#99CCCC
#99CC99
#99CC66
#99CC33
#99CC00
#9999FF
#9999CC
#999999
#999966
#999933
#999900
#9966FF
#9966CC
#996699
#996666
#996633
#996600
#9933FF
#9933CC
#993399
#993366
#993333
#993300
#9900FF
#9900CC
#990099
#990066
#990033
#990000
#66FFFF
#66FFCC
#66FF99
#66FF66
#66FF33
#66FF00
#66CCFF
#66CCCC
#66CC99
#66CC66
#66CC33
#66CC00
#6699FF
#6699CC
#669999
#669966
#669933
#669900
#6666FF
#6666CC
#666699
#666666
#666633
#666600
#6633FF
#6633CC
#663399
#663366
#663333
#663300
#6600FF
#6600CC
#660099
#660066
#660033
#660000
#33FFFF
#33FFCC
#33FF99
#33FF66
#33FF33
#33FF00
#33CCFF
#33CCCC
#33CC99
#33CC66
#33CC33
#33CC00
#3399FF
#3399CC
#339999
#339966
#339933
#339900
#3366FF
#3366CC
#336699
#336666
#336633
#336600
#3333FF
#3333CC
#333399
#333366
#333333
#333300
#3300FF
#3300CC
#330099
#330066
#330033
#330000
#00FFFF
#00FFCC
#00FF99
#00FF66
#00FF33
#00FF00
#00CCFF
#00CCCC
#00CC99
#00CC66
#00CC33
#00CC00
#0099FF
#0099CC
#009999
#009966
#009933
#009900
#0066FF
#0066CC
#006699
#006666
#006633
#006600
#0033FF
#0033CC
#003399
#003366
#003333
#003300
#0000FF
#0000CC
#000099
#000066
#000033
#000000
#465584
#EEF2F7
#3A4F6C
#00D
#434951
#555
#777
#DFE6EF
#345487
#F5F9FD
#3860BB
#BCD0ED
#C2CFDF
#F0F5FA
#D1DCEB
#003
#900
#CCE9FD
#E4EAF2
#4C77B6
#DFE6EF
#EEF2F7

kode warna tersebut bisa digunakan untuk keperluan pada blog, misalkan mengganti warna backgroun blog, warna tulisan, warna link, dsb.

Read more ...
Labels:
Subscribe to: Posts (Atom)
Designed By