Showing posts with label Dasar Belajar Membuat Blog. Show all posts
Showing posts with label Dasar Belajar Membuat Blog. Show all posts

Thursday, 2 April 2009

Apa itu CSS?


Untuk kesekian kalinya,Pelajaran Blog,akan merepotkan lagi Bapak Supono.

Ya,karena mungkin pusing akan penjabaranya,CSS,pengertian CSS,anda bisa baca disini.

Tapi,Pelajaran Blog,nggak mau dong dibilang nggak modal lagi,he..he..
Contoh simple sebuah CSS,anda bisa lihat ilustrasi di bawah ini:


Jika dengan HTML,saya menuliskan sebuah kalimat:

Apa Itu CSS?

Maka saya akan menuliskan kode:

<font-size="12px";font-family="arial"><b>Apa itu CSS?</b></font>


Tapi dengan CSS,kita bisa menghemat penerapan kode,hanya dengan mengatur atribut kalimat yang akan kita tulis,di bagian atas kode <HEAD>,pada halaman HTML anda.

Contoh,tulisan Apa itu CSS? di atas,akan saya tulis memakai CSS.
Pertama,saya meletakkan kode ini di atas kode <Head> pada halaman HTML saya.

<style type='text/css'>
#Contoh {
color:black;
font-size:12px;
font-weight: bold;
font-family: arial;
}
</style>


Setelah itu,saya menuliskan kode di bawah ini sesudah kode <Head>

<script type='text/javascript'/>
<div id="Contoh">
Apa Itu CSS?
</div>


Hasilnya akan seperti ini :

Apa Itu CSS?

Sama khan ?Nah itu penjelasan dikit tentang CSS.
Kurang Jelas,anda bisa pelajari CSS di http://learn-css-tutorial.com/.

Baca Juga Yang Ini..

Tuesday, 10 March 2009

Apa Itu Javascript ?

Apa sich itu Javascript ?

Kalau pengertian Javascript menurut Pelajaran Blog,yaitu kode yang mempunyai tugas unruk membedakan suatu variable.keliatanya sich kaya gitu..Pelajaran Blog

Secara umum kode ini akan menjalankan suatu tugas yang mana kode ini sangatlah "sensitive",
Maksudnya? Lain seperti HTML yang tidak terpengaruh adanya tulisan <b> dan </b> (tanda "/" pada kode).

Javascript,tidak mempunyai tolerant dengan kode seperti diatas,contoh lain; penulisan kata "var" tidak bisa ditulis "VAR" maupun "Var".

Jika anda pusing seperti habis kena angin Puting Beliung Pelajaran Blog,karena baca arttikel ini,

ya dech...di bawah ini hasil pengertian Javascript oleh Bp.Supono,alamatnya di :

http://supono.wordpress.com/2006/09/05/apa-itu-javascript/ Pelajaran Blog


"JavaScript adalah bahasa pemrograman yang khusus untuk halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah serangkaian instruksi program.
Hal-Hal Yang Harus DiperhatikanAda beberapa hal yang harus diperhatikan dalam pengelolaan pemrograman JavaScript, diantaranya JavaScript adalah “case sensitive”, yang artinya JavaScript membedakan huruf besar dan huruf kecil, Jika Anda pernah belajar bahasa pemrograman seperti Turbo C atau C++, maka sama seperti bahasa pemrograman tersebut, dimana huruf T tidak sama dengan huruf t. Dalam bahasa pemrograman JavaScript juga, sebagai contoh fungsi perintah var tidak boleh ditulis Var dan juga tidak boleh ditulis VAR (huruf besar semua), yang benar adalah var (huruf kecil semua). Perintah lain adalah new Date tidak boleh ditulis new date (huruf kecil semua), dan banyak yang lainnya
."

Gimana?sudah lebih jelas? Pelajaran Blog

Nah contoh javascript bisa anda lihat seperti hasil postingan dari :

http://www.klik-kanan.com/js/tutorial/javascript3.shtml di bawah ini: Pelajaran Blog



Sebagai contoh KLIK DI SINI. Source script-nya DOWNLOAD DI SINI


Nah! selain di http://www.klik-kanan.com/js/tutorial/javascript3.shtml,
Anda bisa pelajari Javascript di http://www.angelfire.com/id/dinoclub/javascript.html.

Postingan ga modal,he...Pelajaran BlogPelajaran Blog
Semoga,penjelasan yang sedikit Njlimet ini bisa diterima,Amin !! Pelajaran Blog


Baca Juga Yang Ini..

Monday, 2 March 2009

Apa itu SEO?


SEO

(Search Engine Optimization),

merupakan langkah/kiat menuju pengoptimalan dalam hal ini masalah Search Engine.

Sebagus apapun sebuah situs,jika tak dapat direkam/ditangkap/di index oleh mesin pencari,sama halnya dengan kebohongan.Pelajaran Blog

Dengan ter index mesin pencari,kemungkinan situs kita akan di lihat oleh seluruh orang di dunia ini akan semakin besar.Banyak kami jumpai blog yang bagus,namun kurang optimalnya kiat dalam peng index an.

Dibawah ini salah satu langkah peletakkan meta tags agar ter index mesin pencari :

Kode ini cukup anda letakkan di bawah kode <head>.
<meta content='nama anda' name='Author'/>
<meta content='Tulis Diskripsi Blog' name='description'/>
<meta content='Tulis Kata Kunci Blog' name='keywords'/>
<meta content='follow, all' name='robots'/>



Atau jika anda ingin menambah meta yang lain,coba kunjungi disini
Anda juga bisa menggunakan langkah-langkah SEO ala pelajaran-blog.blogspot.com.
Adapun langkah-langkahnya,anda simak di bawah ini : Pelajaran Blog
  • Gunakan nama blog yang tidak terlalu panjang.
  • Gunakan kode <h1> pada awal artikel.
  • Jika anda meletakkan gambar jangan lupa tuliskan kode alt="nama blog
    anda
    " .(contoh : <img src="http://bla-bla-bla.jpg"alt="nama
    blog anda">
  • Tambahkan URL anda ke Altavista,Alltheweb,MSN,Yahoo dan submitter yang lain.
  • Perbanyak teman blog untuk memasang Link blog kita.
  • Berkomentarlah di kotak komentar sebuah blog yang sudah cukup terkenal.
  • Buatlah Blogroll blog-blog terkemuka.
  • Jika perlu ngemis blogger lain untuk me link kan link kita.
  • Chatting,lampirkan alamat blog kamu,karena semakin jauh jangkauan IP
    seorang pengunjung,akan meningkatkan PageRank kita.
  • Buatlah SiteMap
  • Update selalu.
  • Berikan tanda Bold / Huruf tebal pada setiap kata yang berkaitan dengan
    nama blog anda.

Semoga,langkah-langkah diatas sedikit bisa membantu anda agar ter index oleh mesin pencari.Pelajaran Blog

Hidup SEO ! !
Pelajaran Blog


Baca Juga yang Ini ..

Monday, 16 February 2009

Apa Itu HTML?


Apa itu HTML?

HTML singkatan dari Hyper Text Markup Language,dalam arti umum,sebuah web adalah sebuah dokumen HTML,yang mana sebuah HTML itu sendiri merupakan bahasa yang menggunakaan tanda-tanda tertentu(Tag)untuk menyatakan kode-kode yang harus diterjemahkan oleh Browser,agar halaman dapat di tampilkan secara benar.Kursus html

HTML sendiri,sebenarnya hanya dokument biasa,hanya dokumen ini dapat dilakukan untuk pemformatan text,peletakan object,maupun Hypertext yakni text yang berfungsi ganda sebagai penghubung (Link)antara halaman satu dengan yang lain.
Nah!link inilah yang menjadi ciri sekaligus membentuk suatu www (Jaringan global antar text / halaman)


Bagaimana contoh sederhana bentuk sebuah halaman HTML?

Sebagaimana Pengertian Blog pada posting pelajaran-blog.blogspot.com beberapa waktu lalu,bahwa sebuah halaman web yang baik,secara fisik akan terdiri dari sebuah Header,Body,Sidebar dan Footer.

Untuk membentuk sebuah halaman HTML secara sederhana,kita memanfaatkan Notepad pada komputer anda.

Tapi sebelum itu,pergi ke My Document,pilih Folder Option,lalu pilih View,kosongkan check box pada Hide Extentions for Known Filetypes,inihanya untuk memperlihatkan File type dari setiap file di komputer anda.

Setelah itu,buka Notepad dan tuliskan kode di bawah ini : tentang html mania


<html>

<head>

<title>Belajar HTML</title>

</head>

<body>

<p>Hallo! aku sedang belajar blog di Pelajaran Blog !</p>

</body>

</html>


Setelah itu simpan dengan nama "belajar",yang nantinya di komputer anda akan menjadi "belajar.txt",setelah itu,klik kanan file tersebut pilih Rename rubah menjadi "belajar.htm".

Setelah itu,Open file tersebut,dan anda sudah bisa melihat suatu tampilan halaman HTML yang di maksud.belajar html

Apa keterangan dari kode-kode di atas?

Kode HTML,dalam setiap kodenya di awali dengan tanda <> dan di akhiri dengan </>

contoh:

<html>merupakan penandaan bahwa halaman HTML di mulai.

</html>merupakan tanda bahwa halaman html ditutup.

<Head>artinya merupakan awal kepala

</Head>artinya merupakan akhir bagian kepala.

<Title>menujukkan judul yang akan keluar pada Bar atas yang ditutup dengan </title>

<body>isi dari halaman tesebut,seperti contoh HTML diatas,isinya berupa kata "Hallo! aku sedang belajar blog di Pelajaran Blog !"
yang ditutup dengan akhir isi halaman,yaitu </body>

Sedangkan tanda <p> yaitu pembentukan alinea baru,seperti halnya anda menekan Enter pada Ms Word untuk membentuk kursor baru pada Alinea baru,yang mana diakhiri pula dengan tanda </p>.

Untuk membentuk alinea baru bisa juga menggunakan kode <br> dan diakhiri dengan </br>

Gimana? masih kurang jelas?untuk kode-kode pengoptimalan,seperti mempertebal huruf,miring,garis bawah,membuat tabel dan lain-lain silahkan kunjungi di sini.html tutorialHtml itu apa ya?


Baca Juga Yang Ini..

Kode-kode HTML


Kode-kode dasar HTML

Dalam HTML seperti pemformatan text berupa tebal,miring,garis bawah,membuat tabel,dll,dapat di lakukan dengan kode-kode.Bagi anda yang belum begitu mengerti HTML,bisa baca disini

Di bawah ini ada beberapa kode-kode untuk mewakili pemformatan text maupun mebuat berbagai object dalam halaman anda,meskipun sekarang sudah banyak pembuatan halaman HTML dengan software instant seperti Dreamweaver dll.


Membuat Center,gunakan kode : <p align="center">Belajar</p> hasilnya seperti:

Belajar


Membuat Posisi kekanan gunakan kode : <p align="right">Belajar</p> hasilnya seperti :

Belajar


Membuat Posisi kekiri gunakan kode: <p align="left">Belajar</p> hasilnya seperti :

Belajar


Membuat Huruf Tebal gunakan kode: <b>Belajar</b> hasilnya seperti :

Belajar


Membuat Huruf Garis Bawah gunakan kode : <u>Belajar</u> hasilnya seperti :

Belajar


Membuat Huruf bercetak Miring gunakan kode : <i>Belajar</i> hasilnya seperti :

Belajar


Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode :

<b><i><u>Belajar</u></i></b> hasilnya seperti :

Belajar


Membuat Huruf tebal strong gunakan kode : <srong>Belajar</strong> hasilnya seperti :

Belajar


Membuat Huruf Hidden gunakan kode : <span style="visibility: hidden">Belajar</span> hasilnya seperti :

Belajar

Namanya juga hidden..ya..ga keliatan..


Membuat Huruf Besar semua (uppercase) gunakan kode :

<span style="text-transform: uppercase">Belajar</span> hasilnya seperti :

Belajar


Membuat Huruf Small caps gunakan kode:

<span style="font-variant: small-caps">Belajar</span> hasilnya seperti ini:

Belajar


Membuat Huruf Subscribe / kecil di bawah gunakan kode:

<p>4<sub>2</sub></p>hasilnya seperti ini:

42


Membuat Huruf Superscribe / pangkat gunakan kode:

<p>4<sup>2</sup></p> hasilnya seperti ini:

42


Membuat Huruf bergaris atas gunakan kode:

<span style="text-decoration: overline">Belajar</span> hasilnya seperti ini:

Belajar mengganti huruf


Membuat Huruf bergaris tengah gunakan kode:

<strike>Belajar</strike> hasilnya seperti ini:

Belajar


Menentukan jenis huruf gunakan kode:

<p><font-family="Arial" >Belajar</font></p> hasilnya seperti ini:

Belajar


Menentukan ukuran huruf gunakan kode:

<p><font-size="3" >Belajar</font></p> hasilnya seperti ini:

Belajar


Menentukan warna huruf gunakan kode:

<p style="color: green; >Belajar</p> hasilnya seperti ini:

Belajar


Membuat bullet dot bolong gunakan kode:

<ul type="circle">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>

hasilnya seperti ini:

  • DOT 1

  • DOT 2

  • DOT 3


Membuat bullet dot kotak gunakan kode:

<ul type="square">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>

hasilnya seperti ini:

  • DOT 1
  • DOT 2
  • DOT 3

Membuat bullet dot bulat gunakan kode:

<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>

hasilnya seperti ini:

  • DOT 1
  • DOT 2
  • DOT 3

Mengatur posisi bullet gunakan kode:

<blockquote>
<blockquote>
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>
</blockquote>
</blockquote>

hasilnya seperti ini:


  • DOT 1
  • DOT 2
  • DOT 3


Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode:

<p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p>

hasilnya seperti ini:

Belajar


Membuat tabel border solid gunakan kode:

<table border="1" width="200">
<tr>
<td style="border-style: solid">Text</td>
</tr>
</table>

hasilnya seperti :

Text


Membuat tabel border dot gunakan kode:

<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Text</td>
</tr>
</table>

hasilnya seperti ini:


Text


Membuat tabel border dashed gunakan kode:

<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Text</td>
</tr>
</table>

hasilnya seperti ini:


Text


Membuat tabel border groove gunakan kode:

<table border="1" width="200" style="border-style: groove">
<tr>
<td>Text</td>
</tr>
</table>

hasilnya seperti ini:


Text


Membuat tabel border Ridge gunakan kode:

<table border="1" width="200" style="border-style: ridge">
<tr>
<td>Text</td>
</tr>
</table>

hasilnya seperti ini:

Text


Membuat tabel border Insert gunakan kode:

<table border="1" width="200" style="border-style: inset">
<tr>
<td>Text</td>
</tr>
</table>

hasilnya seperti ini:

Text


Membuat tabel border Outset gunakan kode:

<table border="1" width="200" style="border-style: outset">
<tr>
<td>Text</td>
</tr>
</table>

hasilnya seperti ini:

Text


Membuat Tabel Biasa gunakan kode :

<table border="1"width="200"><td>Text</td></table>

hasilnya seperti:

Text


Membuat Tabel berwarna gunakan kode :

<table border="1"width="200"bgcolor="green"><td>Text</td></tabel> hasilnya seperti :

Text


Membuat Tabel berwarna tak berbingkai gunakan kode :

<table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> hasilnya seperti:

Text


Untuk kode-kode HTML yang lain anda bisa mengulik lewat software-software web designer atau situs-situs penyedia layanan HTML.


**Tabel-tabel diatas,akan terlihat sempurna jika dibuka pada browser IE (Internet Explorer)

Baca Juga Yang Ini..

Friday, 13 February 2009

Blog itu apa sih?


Blog,kalau menurut saya sih ibarat rumah,bahkan ibarat sebuah pulau.
Dimana,orang akan lebih senang berkunjung,jika pada rumah / pulau tersebut menyediakan apa yang mereka inginkan.

Dengan Blog pula,kita mempunyai sebuah rumah tempat tinggal dalam dunia maya.
Dimana,kita bebas mengekspresikan maupun memfermak Blog sesuka hati kita.
Semakin cantik dan uptudate suatu Blog,traffic maupun pengunjung,akan semakin meningkat.

Blog/web yang baik biasanya mempunyai kriteria-kriteria tertentu,seperti adanya Header,body,sidebar,footer.

Jadi satu halaman sebuah Blog yang baik terdiri dari kriteria-kriteria di atas.
Sebagai gambaran lihat ilustrasi di bawah ini:


Tentang Blog
Di ibaratkan ilustrasi di atas,sebuah Blog mempunyai fitur-fitur itu semua.
Skema Blog,anda bisa lihat contoh di bawah ini :


Apa pengertian Blog?

Maksudnya?
Ya,secara fisik sebuah Blog terdiri dari :
Header(kepala),Body(Isi Blog),Sidebar(lengan/sisi),Footer(bawah).

Adapun jika ada fitur-fitur lain,itu hanya sebagai element tambahan.


Bagaimana membuat sebuah Blog?

Blog,bisa kita ciptakan melalui jasa web penyedia blog,seperti;Blogger,Wordpress,Multiply dll.
Di pelajaran-blog.blogspot.com memang mempelajari khusus Blog dari Blogger/Blogspot.

Apa yang harus di kuasai untuk bisa mengedit sebuah Blog?

Di blogspot,sudah ada versi WYSWYG yang mana kita tidak perlu capek menuliskan kode untuk sebuah blog.Tapi jika anda menguasai HTML,CSS,PHP maupun Javascript akan lebih baik lagi.
Untuk HTML,CSS,PHP maupun Javascript ,kita akan bicarakan nanti.

Jika kita sudah mempunyai Blog?apa yang harus kita lakukan?

Memposting artikel pada Blog? maupun upload foto ataupun Video,ajang narsis,kumpul sesama Blogger menjalin silaturahmi,curhat,dll.Keuntungan lain yaitu,dengan kita mempunyai sebuah Blog,ibarat kita sudah mempunyai sebuah rumah,dan di rumah itu,kita bebas mau mananam apaun itu tanamanya.
Maksudnya,kita bisa meletakkan sebuah kode,baik itu kode tukar link,iklan dll.

Banyak penyedia content yang menawarkan kode iklan (AdSense,Text Link-Ads,AdBrite,dll)untuk memasang iklan pada suatu Blog,yang akan membayar kita jika ada pengunjung yang mengklik iklan yang kita tampilkan.

Apa sich keuntungan Materi dari banyaknya pengunjung pada Blog kita?

Ya,jelas..dengan bayaknya pengunjung,kemungkinan iklan kita dilihat orang juga akan semakin besar,dan akan semakin besar pula tambahan doku ke kantong kita.

Have u create a Blog?

Baca Juga Yang Ini..