Showing posts with label SEO Blog. Show all posts
Showing posts with label SEO Blog. Show all posts

Monday, 23 September 2013

Penjelasan : Monetisasi Blog

Apa itu Monetisasi Blog?

Mendapatkan pekerjaan tidaklah selalu pada dunia offline atau nyata, dari dunia maya-pun, anda bisa meraup uang. Nah contohnya adalah dengan me-monetisasi blog atau website. Dengan begitu traffic yang anda peroleh bisa di ko

 

nversikan menjadi uang. Dalam artian anda bisa mendapatkan uang dari sebuah Blog atau Website itu sendiri. Sebenarnya untuk bisa memperoleh penghasilan dari dunia maya tidak hanya dari monetisasi blo

 

g atau website saja. Anda bisa juga mendapatkan penghasilan dari menjual produk di Internet dan bisa mendapatkan pembeli melalu web browser seperti Google, Yahoo, dan Bing. Selain itu, anda bisa menjual jasa anda atau keterampilan anda dan juga banyak yang mencari seperti :

 

 

  • Menjual jasa content writer : Jadi, anda menjual jasa untuk menulis sebuah artikel atau artikel review, atau lainnya dan anda akan dibayar. Biasanya dibayar berdasarkan banyaknya kata. Untuk bahasa Artikel yang paling umum diminati adalah Bahasa Inggris.

     

  • Menjual jasa linkwheel : Anda menjual jasa untuk membuat halaman – halaman yang berisi anchor text yang akan tertuju ke halaman yang diingkan pembeli (kalau saya tidak salah)
  • Menjual jasa beli domain : Jasa ini sebenarnya cukup mudah untuk dilakukan, ya karena mungkin hanya butuh modal kartu kredit atau paypal.
  • Dan Lain Lain

Loh, kalau monetisasi Blog bagaimana? Apa saja yang bisa dilakukan memonetisasi blog atau web saya? Antara lain anda bisa mendaftarkan website anda untuk di monetisasi dengan iklan dari sini :

  1. Google Adsense : Sudah tak asing lagi bagi beberapa pihak, google adsense memang bagus, tapi ya gitu, ada yang beranggapan kalau google adsense sering membanned akun. Ya mungkin di banned gara – gara ada konten atau hal hal yang memang dilarang. Untuk mendapatkan akun google adsense daftarlah lewat : adsense.google.com
  2. Infolinks
  3. Chitika
  4. Media.net

Pihak – pihak advertising di atas menurut saya adalah yang terbaik. Bukan berarti hanya pihak advertising di atas adalah yang terbaik. Masih ada pihak Advertising di luar sana yang belum saya ketahui yang tentunya bisa saja lebih baik daripada 4 Advertiser di atas  .

Berikut adalah blog yang mempunyai penghasilan terbesar di dunia :
1. www.huffingtonpost.com
2. www.mishable.com
3. www.engadget.com
4. www.teacrunch.com
5. www.lifehacker.com
6. dan masih banyak lagi yang lainnya.

Sunday, 22 September 2013

Bagaimana Cara Mendaftarkan Blog ke Yahoo dan Bing

Yahoo dan Bing merupakan search engine terbesar selain Google. Agar traffik blog kita terus naik kita wajib mendaftarkan blog minimal 3 search engine terbesar saat ini yaitu Google, Bing, dan Yahoo.

Dengan mendaftarkan blog ke bing, secara otomatis search engine yahoo juga akan meng-indeks blog kita, karena saat ini submit yahoo cukup dilakukan di Bing Webmaster Tools. Jika blog Anda belum terdaftar di bing dan yahoo simak dan ikuti langkah-langkahnya dibawah ini:

1. Kunjungi situs http://www.bing.com/toolbox/webmaster.
2. Klik 'Sign In', Jika Anda belum mempunyai akun windows live sebaiknya daftar terlebih dahulu dengan meng-klik 'Sign up with Microsoft account'.
3. Masukkan alamat URL blog pada Add a Site, kemudian klik 'ADD'.
4. Kemudian akan muncul form pendaftaran, silahkan isi data lengkap.
5. Setelah itu pada Sitemap isikan http://NAMABLOGANDA.blogspot.com/sitemap.xml, klik 'Save'.
6. Selanjutnya muncul halaman verifikasi, pilih 'Option 2: Copy and paste a <meta> tag in your default webpage'.
7. Letakkan kode seperti gambar diatas tepat dibawah kode <head> pada template.
8. Setelah menambahkan kode tersebut kembali ke halaman bing dan klik 'VERIFY'.

Nah, dengan demikian blog Anda sudah terdaftar di search engine yahoo dan bing. Tapi tunggu beberapa minggu atau bulan blog Anda akan ter-indeks pada halaman search engine.

Sumber :  http://id-pemula.blogspot.com/2013/03/cara-mendaftarkan-blog-ke-yahoo-dan-bing.html#.UkCnPSIu6ZQ

Sunday, 15 September 2013

Menampilkan Simbol Akar Kuadrat Pada Web HTML(Blog)

Akar kuadrat juga bisa dilakukan dengan perintah <table> HTML. Berikut ini contohnya :


r =  x2 + y2
Berikut persamaa jika sel tabel ditampilkan :


r =  x2 + y2
Berikut Source Code HTML-nya :


<table style="margin-top:0.5em; margin-bottom:0.5em; text-align: center;"
    align="center" cellpadding="0" cellspacing="0" >
    <tr>
        <td nowrap="nowrap" align="right">
            <i>r</i> = <span style="font-size: 150%;">&radic;</span>
        </td><td style="border-top:solid 1px black;" nowrap="nowrap">
            &nbsp;<i>x</i><sup>2</sup> + <i>y</i><sup>2</sup>
        </td>
    </tr>
</table>
 
Hal yang perlu diperhatikan :
  • simbol radikal diberikan ukuran font yang lebih besar; 
  • garis horizontal dibuat dengan memberikan sel perbatasan atas;
  • Saya menggunakan non-breaking space untuk memberikan sedikit lebih banyak ruang sebelah radikal.
Untuk konsistensi dan fleksibilitas Anda mungkin ingin menggunakan gaya CSS kelas bukan direktif gaya dalam perintah <table> (ini ditampilkan dalam fraksi contoh di atas).

Radikal yang lebih besar dapat memiliki dengan meningkatkan ukuran font (meskipun masing-masing browser menafsirkan ini sedikit berbeda), di sini adalah contoh yang dikombinasikan dengan pecahan :  

r =  x2 + y2
5
Sebuah pendekatan yang berbeda adalah dengan menggunakan gambar bitmap untuk simbol radikal. Dengan CSS posisi absolut Anda dapat membuat PNG transparan atau GIF bitmap dan posisi itu atas teks. Tapi kelemahan pendekatan ini adalah: jika pengguna memilih ukuran font yang berbeda, maka simbol radikal tidak akan skala dengan benar bersama dengan teks di bawah radikal, dan kualitas cetak tidak sebagus saat pencampuran bitmap dan teks.

Kode HTML untuk Pecahan Matematika

Pecahan dapat dibuat dengan table HTML. Saya menggunakan style border-top CSS untuk membuat garis fraksi berikut contohnya :

x =   x2 + x + 1
2 cos(x)

Di sini persamaannya jika garis tabel diaktifkan, sehingga Anda dapat melihat di mana sel'nya atau garisnya :

x =   x2 + x + 1
2 cos(x)

Berikut ini adalah Source Kode HTML dan CSS yang menghasilkan bentuk pecahan.


<style>
    td.upper_line { border-top:solid 1px black; }
    table.fraction { text-align: center; vertical-align: middle;
        margin-top:0.5em; margin-bottom:0.5em; line-height: 2em; }
</style>

<table class="fraction" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td rowspan="2" nowrap="nowrap">
            <i>x</i> =  
        </td><td nowrap="nowrap">
            <i>x</i><sup>2</sup> + <i>x</i> + 1
        </td>
    </tr><tr>
        <td class="upper_line">
            2 cos(<i>x</i>)
        </td>
    </tr>
</table>
 
Perhatikan bahwa bagian dari persamaan yang tidak dalam pecahan dimasukkan ke dalam sel tabel terpisah yang mencakup baris tabel tersebut. Saya menemukan bahwa indentasi yang tepat membantu untuk membuat HTML lebih mudah dibaca saat authoring. Saya tidak menggunakan macro untuk tabel ini karena macro akan mengaburkan Indentasi pecahan.

Cara Membuat Syntax Higlighter

Syntax Highlighter adalah suatu fitur biasanya dari text editor khususnya editor source code bahasa pemrograman tertentu untuk menampilkan text tersebut dalam berbagai warna agar dapat memudahkan programmer dalam membaca dan menganalisa source code tersebut. Bagi Anda yang sering posting source code pada Web/Blog tentu fitur Syntax Highlighter akan sangat membantu agar source code yang kita posting mudah dibedakan sebagai source code dan tentunya lebih menarik bagi pengunjung. Nah, sekarang masalahnya bagaimana cara kita menggunakan Syntax Highlighter ini pada blog khususnya di Blogger.com?

Jika di blogspot kita biasa menampilkan kode supaya lebih menarik dengan adanya Blockquote. Sebenarnya hampir sama dengan Blockquote, Syntax Highlighter ini tampilannya membedakan dari tulisan yang lainnya, namuan Syntax Highlighter ini mempunyai kelebihan yaitu dengan adanya fitur-fitur yang didukung oleh jQuery. kode untuk Syntax Highlighter ini sendiri dibuat oleh Alex Gorbatchev (2004-2008). Adapun fitur yang ada dalam Syntax Highlighter ini yaitu:
  1. Adanya fasilitas print untuk kode
  2. Adanya fasilitas View Plain yaitu membuka barisan kode dalam popup windows
  3. Adanya fasilitas Help untuk melihat bantuan.
Untuk contoh Syntax Highlighter temen-temen bisa lihat kode javascript yang saya pasang pada postingan ini. Jika anda tertarik berikut ini akan saya jelaskan langkah pembuatannya satu persatu :

1.  Login dengan akun blogger anda kemudian pilih Rancangan
2.  Klik EDIT HTML (centang expand template widget)
3.  Simpan kode berikut Setelah kode <head> atau sebelum kode </head>

<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js'  type='text/javascript'></script>  


<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js'  type='text/javascript'></script>  


<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js'  type='text/javascript'></script>

<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js'  type='text/javascript'></script>

<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js'  type='text/javascript'></script>

<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js'  type='text/javascript'></script>

<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js'  type='text/javascript'></script>

<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js'  type='text/javascript'></script>

<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js'  type='text/javascript'></script>

<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js'  type='text/javascript'></script>

<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js'  type='text/javascript'></script>

<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js'  type='text/javascript'></script>

<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js'  type='text/javascript'></script>  



4.  Selanjutnya scroll mouse kalian kebawah dan cari kode ]]></b:skin>
5.  Simpan CSS berikut diatas kode ]]></b:skin>

.dp-highlighter
{
font-family: "Consolas", "Monaco", "Courier New", Courier, monospace;
font-size: 12px;
background-color: #E7E5DC;
width: 99%;
overflow: auto;
margin: 18px 0 18px 0 !important;
padding-top: 1px; /* adds a little border on top when controls are hidden */
}

/* clear styles */


.dp-highlighter  ol,

.dp-highlighter ol li,

.dp-highlighter ol li span

{

margin:  0;

padding: 0;

border: none;

}


.dp-highlighter a,


.dp-highlighter  a:hover

{

background: none;

border: none;

padding: 0;

margin:  0;

}


.dp-highlighter .bar


{

padding-left: 45px;

}


.dp-highlighter.collapsed  .bar,


.dp-highlighter.nogutter .bar

{

padding-left: 0px;

}


.dp-highlighter  ol


{

list-style: decimal; /* for ie */

background-color: #fff;

margin:  0px 0px 1px 45px !important; /* 1px bottom margin seems to fix  occasional Firefox scrolling */

padding: 0px;

color: #5C5C5C;

}


.dp-highlighter.nogutter  ol,


.dp-highlighter.nogutter ol li

{

list-style: none  !important;

margin-left: 0px !important;

}


.dp-highlighter  ol li,


.dp-highlighter .columns div

{

list-style:  decimal-leading-zero; /* better look for others, override cascade from  OL */

list-style-position: outside !important;

border-left: 3px  solid #6CE26C;

background-color: #F8F8F8;

color: #5C5C5C;

padding:  0 3px 0 10px !important;

margin: 0 !important;

line-height: 14px;

}


.dp-highlighter.nogutter  ol li,


.dp-highlighter.nogutter .columns div

{

border: 0;

}


.dp-highlighter  .columns


{

background-color: #F8F8F8;

color: gray;

overflow:  hidden;

width: 100%;

}


.dp-highlighter .columns div


{

padding-bottom:  5px;

}


.dp-highlighter ol li.alt


{

background-color:  #FFF;

color: inherit;

}


.dp-highlighter ol li span


{

color:  black;

background-color: inherit;

}


/* Adjust some  properties when collapsed */



.dp-highlighter.collapsed ol


{

margin:  0px;

}


.dp-highlighter.collapsed ol li


{

display: none;

}


/*  Additional modifications when in print-view */



.dp-highlighter.printing


{

border:  none;

}


.dp-highlighter.printing .tools


{

display: none  !important;

}


.dp-highlighter.printing li


{

display:  list-item !important;

}


/* Styles for the tools */



.dp-highlighter  .tools


{

padding: 3px 8px 3px 10px;

font: 9px Verdana, Geneva,  Arial, Helvetica, sans-serif;

color: silver;

background-color:  #f8f8f8;

padding-bottom: 10px;

border-left: 3px solid #6CE26C;

}


.dp-highlighter.nogutter  .tools


{

border-left: 0;

}


.dp-highlighter.collapsed  .tools


{

border-bottom: 0;

}


.dp-highlighter .tools a


{

font-size:  9px;

color: #a0a0a0;

background-color: inherit;

text-decoration:  none;

margin-right: 10px;

}


.dp-highlighter .tools a:hover


{

color:  red;

background-color: inherit;

text-decoration: underline;

}


/*  About dialog styles */



.dp-about { background-color: #fff;  color: #333; margin: 0px; padding: 0px; }


.dp-about table { width:  100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana,  Arial, sans-serif !important; }

.dp-about td { padding: 10px;  vertical-align: top; }

.dp-about .copy { border-bottom: 1px solid  #ACA899; height: 95%; }

.dp-about .title { color: red;  background-color: inherit; font-weight: bold; }

.dp-about .para {  margin: 0 0 4px 0; }

.dp-about .footer { background-color: #ECEADB;  color: #333; border-top: 1px solid #fff; text-align: right; }

.dp-about  .close { font-size: 11px; font-family: Tahoma, Verdana, 
Arial,  sans-serif !important; background-color: #ECEADB; color: #333; 
width:  60px; height: 22px; }


/* Language specific styles */



.dp-highlighter  .comment, .dp-highlighter .comments { color: #008200; background-color:  inherit; }


.dp-highlighter .string { color: blue; background-color:  inherit; }

.dp-highlighter .keyword { color: #069; font-weight: bold;  background-color: inherit; }

.dp-highlighter .preprocessor { color:  gray; background-color: inherit; } 


 

8. Simpan Template Anda
Pemasangan kode HTML untuk membuat Syntax Highlighter pada template sudah selesai tinggal kita terapkan pada postingan yang memakai kode CSS atau javascript.
Untuk pemasangan script Kode JS gunakan kode berikut :

<pre name="code" class="JScript">

SIMPAN SCRIPT YANG AKAN DIPASANG DISINI



</pre>

Untuk pemasangan kode CSS gunakan kode berikut :

<pre name="code" class="Css">



SIMPAN CSS YANG AKAN DIPASANG DISINI



</pre> 


Sekian postingan trik atau tips Blog SEO dari saya,.....


Sumber : http://www.maskolis.com/2011/01/membuat-syntax-highlighter-di-blog.html

Wednesday, 28 August 2013

Mengganti Dan Menambah Style Font Blog

Mengganti Dan Menambah Style Font Blog -- Banyak blogger yang tidak merasa nyaman dengan font yang formal dan ingin menggantinya dengan font yang lebih menarik. Sebenarnya ini sangat mudah jika template blog anda dilengkapi fungsi variabel untuk mengganti font. Lalu bagaimana jika template blog anda tidak dilengkapi dengan variabel itu?
Kebanyakan template hasil download tidak bisa diedit di perancang template. Jadi untuk mengganti fontnya, anda perlu melakukan hal-hal sederhana berikut:

MEMILIH JENIS FONT
  • Buka halaman http://www.google.com/webfonts/#
  • Sebaiknya anda set dulu ukuran fontnya untuk melihat tampilan font tersebut dalam ukuran yang anda inginkan. Pilih ukuran huruf dalam drop down size.
mengatur dan memilih font

  • Jika jumlah font terlalu banyak, anda bisa memperkecil opsi dengan melakukan filter pada jenis font. Lihat pada sidebar kiri ada serangkaian alat filter. Pilih type font, ketebalan, kemiringan, dan lebar huruf.
  • Jika anda sudah menemukan huruf-huruf yang anda sukai tinggal klik ADD TO COLLECTION pada bagian kanan bawah sampel huruf. Silahkan pilih lebih dari satu huruf jika diperlukan
menambah koleksi font
  • Jika anda sudah selesai memilih huruf silahkan klik USE
menggunakan font yang dipilih
  • Anda akan dialihkan ke halaman baru. Pada halaman baru ada 3 hal yang harus anda lakukan
    • Pertama, pilih jenis ketebalan huruf yang diinginkan. Semakin banyak variasinya, maka akan semakin berat loading halaman anda nantinya....
memilih style font
    • Kedua, pilih language style yang diinginkan. Saran saya tidak usah mengubah bagian yang ini
memilih font language
    • Ketiga, copy kode yang diberikan untuk dipasang di blog
MENAMBAHKAN FONT PADA BLOG
  • Jika sudah menyelesaikan tahapan di atas sekarang masuk ke akun blogger anda.
  • Pilih menu TEMPLATE lalu EDIT HTML
  • Cari kode  <![CDATA[/* dan paste kode yang tadi anda copy
  • Jangan lupa untuk menambahkan kode / sebelum penutup > pada kode tersebut. Hasilnya akan terlihat seperti contoh di bawah
<link href='http://fonts.googleapis.com/css?family=Cinzel+Decorative:400,700,900|Julius+Sans+One|Cherry+Swash:400,700' rel='stylesheet' type='text/css' />
  • Simpan Perubahan
MENGGUNAKAN FONT
Setelah melakukan langkah di atas anda sudah menambahkan jenis font pada blog anda. Ada dua cara untuk mengganti font pada blog anda.
1. Mengganti Semua Font
Misalnya, anda ingin mengganti semua font Arial dengan font baru bernama BenchNine
  • Masuk ke menu TEMPLATE >> EDIT HTML
  • Centang Expand Template Widget
  • Copy semua kode yang muncul
  • Buka notepad dan paste kode yang dicopy tadi
  • Tekan Ctrl+H untuk membuka Tool Replace
  • Isi kolom Find What dengan Arial
  • Isi kolom Replace With dengan BenchNine
  • Klik tombol REPLACE ALL
  • Copy kode yang sudah berubah tadi.
  • Hapus semua kode pada blogger Edit HTML tadi dan gantikan dengan kode dari notepad
  • Simpan Perubahan
2. Mengganti Font Elemen Tertentu Saja
Di sini anda bisa menggunakan Edit HTML, atau Fitur ADD CSS pada Perancang Template
Kali ini saya akan menggunakan Add CSS saja. Jadi silahkan ikuti contoh berikut:
  • Setelah jendela Add CSS terbuka, silahkan pilih element yang ingin anda ganti.
  • Kali ini saya akan mengganti element h2 normal, h2 link, dan h2 link:hover pada postingan blog saya. Jadi inilah kode yang akan saya ketikkan pada kolom Add CSS...
.post h2 {
font-family: BenchNine;
}
.post h2 a, .post h2 a:visited, .post h2 strong {
font-family: BenchNine;
}
.post h2 strong, .post h2 a:hover {
font-family: BenchNine;
}
  • Simpan Template 
font-family: NamaFont; adalah kode yang perlu anda tambahkan pada elemen style apa saja yang ingin anda ganti font-nya. Bagian terpentingnya adalah mengetahui nama elemen yang ingin anda ganti. Kalau anda sama sekali belum tahu nama elementnya, maka anda harus masuk ke Edit HTML untuk menemukan nama elemen style yang mengendalikan suatu komponen pada template anda.

Sumber : http://trikmudahseo.blogspot.com/2012/10/mengganti-dan-menambah-style-font-blog.html

Tuesday, 27 August 2013

Tutorial pemasangan like di fb (facebook)

Facebook Fan Page adalah salah satu cara terbaik untuk mempromosikan blog dan meningkatkan pengunjung. Facebook Like Box ini akan membantu pengunjung Anda untuk menjadi seorang pembaca reguler hanya dengan mengklik tombol Like. Dengan Facebook Like Box ini pembaca akan mendapatkan update artikel terbaru dari Facebooknya (ini lebih baik dari Email Newsletter). Kali ini akan saya berikan tutorial pemasangan Facebook Like Box di Blog Anda hanya dengan langkah yang mudah. Ikuti langkah berikut ini untuk memasang Like Box di blog.

Cara Membuat Facebook Like Box
  • Login dulu ke akun Facebook Anda
  • Klik link ini ==> Facebook Developers
  • Halaman yang tampil akan seperti ini, dan pada Facebook Page URL, Anda masukkan URL Facebook page blog Anda.



facebook like box
  • Untuk seterusnya Anda bisa sesuaikan menurut keinginan Anda. Saya lebih suka menggunakan pengaturan seperti gambar di atas.
  • Setelah Anda setting, klik Get Code dan Anda akan mendapatkan 2 kode seperti gambar di bawah ini.

script facebook like box


Keterangan: Kode pertama dan kedua penempatannya berbeda.
Bagaimana Meletakkan Kode?
1. Masuk ke Blogger > Template
 
 
template blogger

2. Backup dulu template Anda jika perlu
3. Klik Edit HTML
4. Cari kode <body>, gunakan fitur search (Ctrl + F) untuk mempermudah pencarian
5. Masukkan kode pertama tepat di bawah kode <body>

facebook fan page

6. Lalu Save template Anda
7. Sekarang masuk ke Layout
 


layout blogger

8. Klik Add a Gadget > pilih HTML/JavaScript

html/javascript

9. Masukkan kode kedua di situ kemudian klik Save. Lalu letakkan di tempat yang Anda inginkan dengan cara drag dan drop.
10. Selesai

Sumber : http://d-genera.blogspot.com/2013/02/cara-memasang-facebook-like-boxfacebook.html



Friday, 16 August 2013

Kode Matematika Html

Pada postingan kali ini saya ingin share/berbagi listing kode yaitu untuk menampilkan simbol-simbol matematika di dalam Web atau HTML. Berikut daftar-daftar kode html-nya dan tampilan simbolnya :


Mnemonic Output Code Output Description
Latin Extended-B
&fnof; = ƒ &#402; = ƒ latin small f with hook = function = florin, U+0192 ISOtech
Greek
&Alpha; = Α &#913; = Α greek capital letter alpha, U+0391
&Beta; = Β &#914; = Β greek capital letter beta, U+0392
&Gamma; = Γ &#915; = Γ greek capital letter gamma, U+0393 ISOgrk3
&Delta; = Δ &#916; = Δ greek capital letter delta, U+0394 ISOgrk3
&Epsilon; = Ε &#917; = Ε greek capital letter epsilon, U+0395
&Zeta; = Ζ &#918; = Ζ greek capital letter zeta, U+0396
&Eta; = Η &#919; = Η greek capital letter eta, U+0397
&Theta; = Θ &#920; = Θ greek capital letter theta, U+0398 ISOgrk3
&Iota; = Ι &#921; = Ι greek capital letter iota, U+0399
&Kappa; = Κ &#922; = Κ greek capital letter kappa, U+039A
&Lambda; = Λ &#923; = Λ greek capital letter lambda, U+039B ISOgrk3
&Mu; = Μ &#924; = Μ greek capital letter mu, U+039C
&Nu; = Ν &#925; = Ν greek capital letter nu, U+039D
&Xi; = Ξ &#926; = Ξ greek capital letter xi, U+039E ISOgrk3
&Omicron; = Ο &#927; = Ο greek capital letter omicron, U+039F
&Pi; = Π &#928; = Π greek capital letter pi, U+03A0 ISOgrk3
&Rho; = Ρ &#929; = Ρ greek capital letter rho, U+03A1
there is no Sigmaf, and no U+03A2 character either
&Sigma; = Σ &#931; = Σ greek capital letter sigma, U+03A3 ISOgrk3
&Tau; = Τ &#932; = Τ greek capital letter tau, U+03A4
&Upsilon; = Υ &#933; = Υ greek capital letter upsilon, U+03A5 ISOgrk3
&Phi; = Φ &#934; = Φ greek capital letter phi, U+03A6 ISOgrk3
&Chi; = Χ &#935; = Χ greek capital letter chi, U+03A7
&Psi; = Ψ &#936; = Ψ greek capital letter psi, U+03A8 ISOgrk3
&Omega; = Ω &#937; = Ω greek capital letter omega, U+03A9 ISOgrk3
&alpha; = α &#945; = α greek small letter alpha, U+03B1 ISOgrk3
&beta; = β &#946; = β greek small letter beta, U+03B2 ISOgrk3
&gamma; = γ &#947; = γ greek small letter gamma, U+03B3 ISOgrk3
&delta; = δ &#948; = δ greek small letter delta, U+03B4 ISOgrk3
&epsilon; = ε &#949; = ε greek small letter epsilon, U+03B5 ISOgrk3
&zeta; = ζ &#950; = ζ greek small letter zeta, U+03B6 ISOgrk3
&eta; = η &#951; = η greek small letter eta, U+03B7 ISOgrk3
&theta; = θ &#952; = θ greek small letter theta, U+03B8 ISOgrk3
&iota; = ι &#953; = ι greek small letter iota, U+03B9 ISOgrk3
&kappa; = κ &#954; = κ greek small letter kappa, U+03BA ISOgrk3
&lambda; = λ &#955; = λ greek small letter lambda, U+03BB ISOgrk3
&mu; = μ &#956; = μ greek small letter mu, U+03BC ISOgrk3
&nu; = ν &#957; = ν greek small letter nu, U+03BD ISOgrk3
&xi; = ξ &#958; = ξ greek small letter xi, U+03BE ISOgrk3
&omicron; = ο &#959; = ο greek small letter omicron, U+03BF NEW
&pi; = π &#960; = π greek small letter pi, U+03C0 ISOgrk3
&rho; = ρ &#961; = ρ greek small letter rho, U+03C1 ISOgrk3
&sigmaf; = ς &#962; = ς greek small letter final sigma, U+03C2 ISOgrk3
&sigma; = σ &#963; = σ greek small letter sigma, U+03C3 ISOgrk3
&tau; = τ &#964; = τ greek small letter tau, U+03C4 ISOgrk3
&upsilon; = υ &#965; = υ greek small letter upsilon, U+03C5 ISOgrk3
&phi; = φ &#966; = φ greek small letter phi, U+03C6 ISOgrk3
&chi; = χ &#967; = χ greek small letter chi, U+03C7 ISOgrk3
&psi; = ψ &#968; = ψ greek small letter psi, U+03C8 ISOgrk3
&omega; = ω &#969; = ω greek small letter omega, U+03C9 ISOgrk3
&thetasym; = ϑ &#977; = ϑ greek small letter theta symbol, U+03D1 NEW
&upsih; = ϒ &#978; = ϒ greek upsilon with hook symbol, U+03D2 NEW
&piv; = ϖ &#982; = ϖ greek pi symbol, U+03D6 ISOgrk3
General Punctuation
&bull; = • &#8226; = • bullet = black small circle, U+2022 ISOpub
bullet is NOT the same as bullet operator, U+2219
&hellip; = … &#8230; = … horizontal ellipsis = three dot leader, U+2026 ISOpub
&prime; = ′ &#8242; = ′ prime = minutes = feet, U+2032 ISOtech
&Prime; = ″ &#8243; = ″ double prime = seconds = inches, U+2033 ISOtech
&oline; = ‾ &#8254; = ‾ overline = spacing overscore, U+203E NEW
&frasl; = ⁄ &#8260; = ⁄ fraction slash, U+2044 NEW
Letterlike Symbols
&weierp; = ℘ &#8472; = ℘ script capital P = power set = Weierstrass p, U+2118 ISOamso
&image; = ℑ &#8465; = ℑ blackletter capital I = imaginary part, U+2111 ISOamso
&real; = ℜ &#8476; = ℜ blackletter capital R = real part symbol, U+211C ISOamso
&trade; = ™ &#8482; = ™ trade mark sign, U+2122 ISOnum
&alefsym; = ℵ &#8501; = ℵ alef symbol = first transfinite cardinal, U+2135 NEW
alef symbol is NOT the same as hebrew letter alef, U+05D0 although the same glyph could be used to depict both characters
Arrows
&larr; = ← &#8592; = ← leftwards arrow, U+2190 ISOnum
&rarr; = → &#8594; = → rightwards arrow, U+2192 ISOnum
&darr; = ↓ &#8595; = ↓ downwards arrow, U+2193 ISOnum
&harr; = ↔ &#8596; = ↔ left right arrow, U+2194 ISOamsa
&crarr; = ↵ &#8629; = ↵ downwards arrow with corner leftwards = carriage return, U+21B5 NEW
&lArr; = ⇐ &#8656; = ⇐ leftwards double arrow, U+21D0 ISOtech
Unicode does not say that lArr is the same as the 'is implied by' arrow but also does not have any other character for that function. So ? lArr can be used for 'is implied by' as ISOtech suggests
&uArr; = ⇑ &#8657; = ⇑ upwards double arrow, U+21D1 ISOamsa
&rArr; = ⇒ &#8658; = ⇒ rightwards double arrow, U+21D2 ISOtech
Unicode does not say this is the 'implies' character but does not have another character with this function so ? rArr can be used for 'implies' as ISOtech suggests
&dArr; = ⇓ &#8659; = ⇓ downwards double arrow, U+21D3 ISOamsa
&hArr; = ⇔ &#8660; = ⇔ left right double arrow, U+21D4 ISOamsa
Mathematical Operators
&forall; = ∀ &#8704; = ∀ for all, U+2200 ISOtech
&part; = ∂ &#8706; = ∂ partial differential, U+2202 ISOtech
&exist; = ∃ &#8707; = ∃ there exists, U+2203 ISOtech
&empty; = ∅ &#8709; = ∅ empty set = null set = diameter, U+2205 ISOamso
&nabla; = ∇ &#8711; = ∇ nabla = backward difference, U+2207 ISOtech
&isin; = ∈ &#8712; = ∈ element of, U+2208 ISOtech
&notin; = ∉ &#8713; = ∉ not an element of, U+2209 ISOtech
&ni; = ∋ &#8715; = ∋ contains as member, U+220B ISOtech
should there be a more memorable name than 'ni'?
&prod; = ∏ &#8719; = ∏ n-ary product = product sign, U+220F ISOamsb
prod is NOT the same character as U+03A0 'greek capital letter pi' though the same glyph might be used for both
&sum; = ∑ &#8721; = ∑ n-ary sumation, U+2211 ISOamsb
sum is NOT the same character as U+03A3 'greek capital letter sigma' though the same glyph might be used for both
&minus; = − &#8722; = − minus sign, U+2212 ISOtech
&lowast; = ∗ &#8727; = ∗ asterisk operator, U+2217 ISOtech
&radic; = √ &#8730; = √ square root = radical sign, U+221A ISOtech
&prop; = ∝ &#8733; = ∝ proportional to, U+221D ISOtech
&infin; = ∞ &#8734; = ∞ infinity, U+221E ISOtech
&ang; = ∠ &#8736; = ∠ angle, U+2220 ISOamso
&and; = ∧ &#8743; = ∧ logical and = wedge, U+2227 ISOtech
&or; = ∨ &#8744; = ∨ logical or = vee, U+2228 ISOtech
&cap; = ∩ &#8745; = ∩ intersection = cap, U+2229 ISOtech
&cup; = ∪ &#8746; = ∪ union = cup, U+222A ISOtech
&int; = ∫ &#8747; = ∫ integral, U+222B ISOtech
&there4; = ∴ &#8756; = ∴ therefore, U+2234 ISOtech
&sim; = ∼ &#8764; = ∼ tilde operator = varies with = similar to, U+223C ISOtech
tilde operator is NOT the same character as the tilde, U+007E, although the same glyph might be used to represent both
&cong; = ≅ &#8773; = ≅ approximately equal to, U+2245 ISOtech
&asymp; = ≈ &#8776; = ≈ almost equal to = asymptotic to, U+2248 ISOamsr
&ne; = ≠ &#8800; = ≠ not equal to, U+2260 ISOtech
&equiv; = ≡ &#8801; = ≡ identical to, U+2261 ISOtech
&le; = ≤ &#8804; = ≤ less-than or equal to, U+2264 ISOtech
&ge; = ≥ &#8805; = ≥ greater-than or equal to, U+2265 ISOtech
&sub; = ⊂ &#8834; = ⊂ subset of, U+2282 ISOtech
&sup; = ⊃ &#8835; = ⊃ superset of, U+2283 ISOtech
&nsub; = ⊄ &#8836; = ⊄ not a subset of, U+2284 ISOamsn
&sube; = ⊆ &#8838; = ⊆ subset of or equal to, U+2286 ISOtech
&supe; = ⊇ &#8839; = ⊇ superset of or equal to, U+2287 ISOtech
&oplus; = ⊕ &#8853; = ⊕ circled plus = direct sum, U+2295 ISOamsb
&otimes; = ⊗ &#8855; = ⊗ circled times = vector product, U+2297 ISOamsb
&perp; = ⊥ &#8869; = ⊥ up tack = orthogonal to = perpendicular, U+22A5 ISOtech
&sdot; = ⋅ &#8901; = ⋅ dot operator, U+22C5 ISOamsb
dot operator is NOT the same character as U+00B7 middle dot
Miscellaneous Technical
&lceil; = ⌈ &#8968; = ⌈ left ceiling = apl upstile, U+2308 ISOamsc
&rceil; = ⌉ &#8969; = ⌉ right ceiling, U+2309 ISOamsc
&lfloor; = ⌊ &#8970; = ⌊ left floor = apl downstile, U+230A ISOamsc
&rfloor; = ⌋ &#8971; = ⌋ right floor, U+230B ISOamsc
&lang; = ⟨ &#9001; = 〈 left-pointing angle bracket = bra, U+2329 ISOtech
lang is NOT the same character as U+003C 'less than' or U+2039 'single left-pointing angle quotation mark'
&rang; = ⟩ &#9002; = 〉 right-pointing angle bracket = ket, U+232A ISOtech
rang is NOT the same character as U+003E 'greater than' or U+203A 'single right-pointing angle quotation mark'
Geometric Shapes
&loz; = ◊ &#9674; = ◊ lozenge, U+25CA ISOpub
Miscellaneous Symbols
&spades; = ♠ &#9824; = ♠ black spade suit, U+2660 ISOpub
black here seems to mean filled as opposed to hollow
&clubs; = ♣ &#9827; = ♣ black club suit = shamrock, U+2663 ISOpub
&hearts; = ♥ &#9829; = ♥ black heart suit = valentine, U+2665 ISOpub
&diams; = ♦ &#9830; = ♦ black diamond suit, U+2666 ISOpub


Mohon commentarnya apabila ada yang kurang dimengerti atau kurang jelas.

Sumber : http://www.dionysia.org/html/entities/symbols.html