Membuat Text Dipostingan Berwarna  

Posted by Unknown in , , , ,

Haaaaii... salam untuk para blogger. Kali ini I'am punya tips baru, tips ini I'am beri nama Membuat Text Dipostingan Berwarna.
Bagi para blogger yang pengen postingannya berwarna dan tidak hanya satu warna. Tidak perlu khawatir, I'am disini menggunakan kode CSS untuk membuat text berwarna dengan berbagai variasi. I'am bakal bagi tipsnya untuk kalian semua. Okeyh....
Ga usah basa-basi lagi, sekarang tinggal anda yang memilih sendiri warna yang anda inginkan!! siip lah...

Kode Warna CSS

aqua
<strong class=css><span style="color: aqua">aqua</span></strong>

black
<strong class=css><span style="color: black; background: red">black</span></strong>

blue
<strong class=css><span style="color: blue">blue</span></strong>

fuchsia
<strong class=css><span style="color: fuchsia">fuchsia</span></strong>

gray
<strong class=css><span style="color: gray">gray</span></strong>

green
<strong class=css><span style="color: green">green</span></strong>

lime
<strong class=css><span style="color: lime">lime</span></strong>

maroon
<strong class=css><span style="color: maroon">maroon</span></strong>

navy
<strong class=css><span style="color: navy; background: yellow">navy</span></strong>

olive
<strong class=css><span style="color: olive">olive</span></strong>

purple
<strong class=css><span style="color: purple">purple</span></strong>

red
<strong class=css><span style="color: red">red</span></strong>

silver
<strong class=css><span style="color: silver">silver</span></strong>

teal
<strong class=css><span style="color: teal">teal</span></strong>

white
<strong class=css><span style="color: white">white</span></strong>

yellow
<strong class=css><span style="color: yellow">yellow</span></strong>

magenta
<strong class=css><span style="color: magenta">magenta</span></strong>

violet
<strong class=css><span style="color: violet">violet</span></strong>

indigo
<strong class=css><span style="color: indigo; background: azure">indigo</span></strong>

orange
<strong class=css><span style="color: orange">orange</span></strong>

azure
<strong class=css><span style="color: azure">azure</span></strong>

gold
<strong class=css><span style="color: gold">gold</span></strong>

scarlet
<strong class=css><span style="color: scarlet">scarlet</span></strong>

bronze
<strong class=css><span style="color: bronze">bronze</span></strong>

Supaya tidak bingung, nih I'am kasih penjelasan:

=>Kode yang warna biru itu adalah text yang akan diwarnai. Jadi anda tinggal menyisipkan kalimat di bagian tersebut.

=>Kode yang warna merah adalah background dari text tersebut. Tujuannya adalah, agar text tersebut bisa menyesuiakan warnanya dengan template anda. Bila template anda berwarna terang dan anda ingin menggunakan warna terang, anda harus menggunakan background berwarna gelap. Sebaliknya bila template anda gelap dan anda ingin menggunakan warna gelap, anda harus menggunakan background berwarna terang. Tapi kalau, anda ingin menggunakan warna yang tidak sama-sama terang atau tidak sama-sama gelap, anda tidak perlu menggunakan background. Jadi hapus aja kode tersebut.

=>Anda juga bisa mengetur ukuran font dari text tersebut. Caranya dengan menyisipkan kode ; font-size: 14pt di bagian style. Cara penyisipannya seperti ini:

<strong class=css><span style="color: red; font-size: 14pt">Text Anda Disini</span></strong>

Maka hasilnya seperti ini:
Text Anda Disini

=>Anda juga bisa mengubah style font dengan menambahkan kode ; font-style: italic. Kode Italic tersebut bisa anda ganti dengan bold untuk font tebal, atau underline untuk font garis bawah. Cara penyisipannya sama seperti menyisipkan kode untuk ukuran font tersebut.

=>Anda juga bisa mengubah janis font yang digunakan dengan menambahkan kode ; font-family: Verdana. Kode Verdana tersebut merupakan jenis font yang digunakan. Anda bisa menggantinya sesuai selera anda.Cara penyisipannya sama seperti menyisipkan kode untuk ukuran font dan stlye font.

Cukup sampe disini tips dari I'am, semoga tips ini bermanfaat. Kalau masih bingung, para blogger bisa bertanya dengan poskan komentar. Oia, jangan lupa!! Kalau punya ilmu yang bermanfaat, jangan segan-segan untuk berbagi yaaa...!!!
READ MORE - Membuat Text Dipostingan Berwarna

Background Berbeda Setiap Halaman  

Posted by Unknown in , , ,

Setelah membuat cukup lama, akhirnya selesai juga postingan ini. Kali ini I'am bakal ngajarin cara membuat Background yang berbeda-beda setiap halaman. Kaya blog I'am gitu... hehe....
Kalau Backgroundnya berbeda kan setiap di buka, jadi pengunjung ga bosen dengan tampilannya. Okelah, daripada penasaran, mendingan kita praktekin sekarang juga yukkk....

Memasang Backgound Utama:

Background utama yang I'am maksud di sini adalah script backgroud yang terpasang langsung di Template blog anda, alias terpasang pada struktrur htmlnya OK kita lanjutin lagi...

1. Copy kode di bawah ini, lalu edit dengan notepad atau document txt.



2. Ganti http://ganti-dengan-alamat-gambar-kamu dengan url gambar yang mau dijadikan Background.

3. Kode no-repeat, bisa anda ganti dengan left atau right. Ini adalah kode yang mengatur tata letak gambar pada blog anda, apakah mau di taruh di tengah, di kanan atau di kiri. kode tersebut juga bisa dihapus bila anda menggunakan gambar yang kecil, sehingga perlu pengulangan agar gambarnya menjadi penuh.

4. Kalau sudah selesai, ayo sekarang cari lagi kode seperti ini. Supaya gampang nyarinya, anda tinggal menekan CTRL+F dan cari kode body {.


body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

5. Hapus kode tersebut, lalu gantikan dengan kode hasil editan anda tadi.

6. Kalau udah brebes, tinggal di SAVE dech...

Nah ditahap ini hasilnya udah keliatan perubahannya, sekarang kita ikutin tahap selanjutnya yuukk...!!


Memasang Background Untuk Halaman Depan:

Halaman depan adalah halaman atau tampilan utama blog anda. Di halaman ini anda menempatkan berbagai widget yang wajib ada di halaman depan, diantaranya semisal tab menu, link, label, buku tamu atau widget-widget lain yang kita anggap perlu demi memudahkan pengunjug menjelajah isi blog kita.

First Steps :

1. Copy kode dibawah ini.



2. Ganti http://ganti-dengan-alamat-gambar-kamu dengan url gambar anda.

3. Ganti kode left dengan left atau right, kode ini merupakan kode yang mengatur letak gambar sobat itu nantinya.

4. Kode no-repeat, bisa anda ganti dengan left atau right. Ini adalah kode yang mengatur tata letak gambar pada blog anda, apakah mau di taruh di tengah, di kanan atau di kiri. kode tersebut juga bisa dihapus bila anda menggunakan gambar yang kecil, sehingga perlu pengulangan agar gambarnya menjadi penuh.

Second Steps :

Seperti biasa lah...

1. Login ke blogspot.
2, Klik Customize.
3. Klik Layout.
4. Klik Add a Gadget.
5. Pilih HTML/JavaScript.
6. Beri nama CSS1 pada kolom titel atau kolom judul, ini hanya penamaan saja. Terserah terserah anda dikasih nama apa. Yang jelas, nama ini untuk mempermudah kita mencari widget ini nanti di ruang edit html.
7. Pastekan kode hasil editan kita tadi ke ruang conten.
8. Terus Save deechh...

Third Steps :

Sekarang, kita akan mengatur kode css yang tadi kita pasang dengan nama CSS1pada sidebar tadi supaya tampil pada halaman depan dan akan menghilang bila kita bergerak ke halaman selanjutnya. Okeyh... kita lanjutin...

1. Login ke blogspot.
2, Klik Customize.
3. Klik Layout.
4. Klik Edit HTML
5. Conteng kotak Expand Widget Templates
6. Cari kode seperti di bawah ini :


<b:widget id='HTML20' locked='false' title='CSS1' type='HTML'>
<b:includable id='main'>
<b:if cond="data:blog.url == data:blog.homepageUrl">
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>


Kode CSS1 merupakan nama widget yang tadi anda buat. Kalau anda memberi nama yang lain, anda juga harus mencari nama yang tadi anda buat. Usahakan cari nama yang sesuai dengan yang tadi anda buat, jangan mecari nama yang lain. Kode yang berwarna biru merupakan kode tambahan yang membuat css background hasil editan kita tadi tampil di halaman utama atau front page. Terkadang, tiap template memiliki kode yang berbeda, supaya tidak bingung, anda tinggal tambahkan <b:if cond="data:blog.url == data:blog.homepageUrl"> dibawah kode <b:includable id='main'>. Dan tambahkan kode </b:if> dibawah kode </div>.

7. Klik save, tinggal klik view blog untuk melihat hasilnya.


Memasang Background Untuk Halaman Selanjutnya:

Halaman selanjutnya adalah halaman yang akan tampil bila kita bergerak ke halaman selanjutnya. Misalnya, dengan mengklik readmore atau menglik judul posting. Kalo kita ingin membuat backroundnya, maka langkah kita semakin ringan. Kan tadi anda udah punya kode script yang dikasih nama CSS1. Nah sekarang kita buat lagi dengan nama CSS2, ini umpamanya. Untuk memudahkan pencarian kode ini nantinya. Sekarang lita lanjutin lagi yach...

1. Ikuti langkah pertama seperti pada saat kita membuat backround untuk halaman depan pada bagian First Steps. Untuk kali ini, anda menggunakan url gambar yang berbeda, agar saat dibuka halaman selanjutnya, akan tampil gambar yang berbeda.

2. Setelah selesai di edit, pasang ke sidebar seperti Second Steps : dan beri nama widget ini dengan nama CSS2. Atau boleh nama yang lainnya terserah anda.

3. Sekarang ikuti Third Steps :, cari nama widget CSS2, atau nama widget yang tadi anda buat. Kemudian, perhatikan kode dibawah ini :



<b:widget id='HTML21' locked='false' title='CSS2' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:if>
</b:includable>
</b:widget>


Tambahkan kode <b:if cond='data:blog.pageType == "item"'> dibawah kode <b:includable id='main'>, dan tambahkan juga kode </b:if> dibawah kode <b:include name='quickedit'/>

4. Save dan view blog untuk melihat hasilnya.

Sekarang anda sudah mempunyai blog dengan background yang berbeda-beda. Semoga tips ini bermanfaat, dan jangan lupa komentarnya...
READ MORE - Background Berbeda Setiap Halaman

Disini I'am juga masih ngelanjutin kode-kode yang sebelumnya I'am udah posting. Kalau bingung, coba buka postingan "Special Entities Untuk Postingan"

















































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































Character Entity Decimal Hex Rendering in Your Browser
Entity Decimal Hex
Latin small f with hook = function = florin &fnof; &#402; &#x192; ƒ ƒ ƒ
Greek capital letter alpha &Alpha; &#913; &#x391; Α Α Α
Greek capital letter beta &Beta; &#914; &#x392; Β Β Β
Greek capital letter gamma &Gamma; &#915; &#x393; Γ Γ Γ
Greek capital letter delta &Delta; &#916; &#x394; Δ Δ Δ
Greek capital letter epsilon &Epsilon; &#917; &#x395; Ε Ε Ε
Greek capital letter zeta &Zeta; &#918; &#x396; Ζ Ζ Ζ
Greek capital letter eta &Eta; &#919; &#x397; Η Η Η
Greek capital letter theta &Theta; &#920; &#x398; Θ Θ Θ
Greek capital letter iota &Iota; &#921; &#x399; Ι Ι Ι
Greek capital letter kappa &Kappa; &#922; &#x39A; Κ Κ Κ
Greek capital letter lambda &Lambda; &#923; &#x39B; Λ Λ Λ
Greek capital letter mu &Mu; &#924; &#x39C; Μ Μ Μ
Greek capital letter nu &Nu; &#925; &#x39D; Ν Ν Ν
Greek capital letter xi &Xi; &#926; &#x39E; Ξ Ξ Ξ
Greek capital letter omicron &Omicron; &#927; &#x39F; Ο Ο Ο
Greek capital letter pi &Pi; &#928; &#x3A0; Π Π Π
Greek capital letter rho &Rho; &#929; &#x3A1; Ρ Ρ Ρ
Greek capital letter sigma &Sigma; &#931; &#x3A3; Σ Σ Σ
Greek capital letter tau &Tau; &#932; &#x3A4; Τ Τ Τ
Greek capital letter upsilon &Upsilon; &#933; &#x3A5; Υ Υ Υ
Greek capital letter phi &Phi; &#934; &#x3A6; Φ Φ Φ
Greek capital letter chi &Chi; &#935; &#x3A7; Χ Χ Χ
Greek capital letter psi &Psi; &#936; &#x3A8; Ψ Ψ Ψ
Greek capital letter omega &Omega; &#937; &#x3A9; Ω Ω Ω
Greek small letter alpha &alpha; &#945; &#x3B1; α α α
Greek small letter beta &beta; &#946; &#x3B2; β β β
Greek small letter gamma &gamma; &#947; &#x3B3; γ γ γ
Greek small letter delta &delta; &#948; &#x3B4; δ δ δ
Greek small letter epsilon &epsilon; &#949; &#x3B5; ε ε ε
Greek small letter zeta &zeta; &#950; &#x3B6; ζ ζ ζ
Greek small letter eta &eta; &#951; &#x3B7; η η η
Greek small letter theta &theta; &#952; &#x3B8; θ θ θ
Greek small letter iota &iota; &#953; &#x3B9; ι ι ι
Greek small letter kappa &kappa; &#954; &#x3BA; κ κ κ
Greek small letter lambda &lambda; &#955; &#x3BB; λ λ λ
Greek small letter mu &mu; &#956; &#x3BC; μ μ μ
Greek small letter nu &nu; &#957; &#x3BD; ν ν ν
Greek small letter xi &xi; &#958; &#x3BE; ξ ξ ξ
Greek small letter omicron &omicron; &#959; &#x3BF; ο ο ο
Greek small letter pi &pi; &#960; &#x3C0; π π π
Greek small letter rho &rho; &#961; &#x3C1; ρ ρ ρ
Greek small letter final sigma &sigmaf; &#962; &#x3C2; ς ς ς
Greek small letter sigma &sigma; &#963; &#x3C3; σ σ σ
Greek small letter tau &tau; &#964; &#x3C4; τ τ τ
Greek small letter upsilon &upsilon; &#965; &#x3C5; υ υ υ
Greek small letter phi &phi; &#966; &#x3C6; φ φ φ
Greek small letter chi &chi; &#967; &#x3C7; χ χ χ
Greek small letter psi &psi; &#968; &#x3C8; ψ ψ ψ
Greek small letter omega &omega; &#969; &#x3C9; ω ω ω
Greek small letter theta symbol &thetasym; &#977; &#x3D1; ϑ ϑ ϑ
Greek upsilon with hook symbol &upsih; &#978; &#x3D2; ϒ ϒ ϒ
Greek pi symbol &piv; &#982; &#x3D6; ϖ ϖ ϖ
bullet = black small circle &bull; &#8226; &#x2022;
horizontal ellipsis = three dot leader &hellip; &#8230; &#x2026;
prime = minutes = feet &prime; &#8242; &#x2032;
double prime = seconds = inches &Prime; &#8243; &#x2033;
overline = spacing overscore &oline; &#8254; &#x203E;
fraction slash &frasl; &#8260; &#x2044;
script capital P = power set = Weierstrass p &weierp; &#8472; &#x2118;
blackletter capital I = imaginary part &image; &#8465; &#x2111;
blackletter capital R = real part symbol &real; &#8476; &#x211C;
trade mark sign &trade; &#8482; &#x2122;
alef symbol = first transfinite cardinal &alefsym; &#8501; &#x2135;
leftwards arrow &larr; &#8592; &#x2190;
upwards arrow &uarr; &#8593; &#x2191;
rightwards arrow &rarr; &#8594; &#x2192;
downwards arrow &darr; &#8595; &#x2193;
left right arrow &harr; &#8596; &#x2194;
downwards arrow with corner leftwards = carriage return &crarr; &#8629; &#x21B5;
leftwards double arrow &lArr; &#8656; &#x21D0;
upwards double arrow &uArr; &#8657; &#x21D1;
rightwards double arrow &rArr; &#8658; &#x21D2;
downwards double arrow &dArr; &#8659; &#x21D3;
left right double arrow &hArr; &#8660; &#x21D4;
for all &forall; &#8704; &#x2200;
partial differential &part; &#8706; &#x2202;
there exists &exist; &#8707; &#x2203;
empty set = null set = diameter &empty; &#8709; &#x2205;
nabla = backward difference &nabla; &#8711; &#x2207;
element of &isin; &#8712; &#x2208;
not an element of &notin; &#8713; &#x2209;
contains as member &ni; &#8715; &#x220B;
n-ary product = product sign &prod; &#8719; &#x220F;
n-ary sumation &sum; &#8721; &#x2211;
minus sign &minus; &#8722; &#x2212;
asterisk operator &lowast; &#8727; &#x2217;
square root = radical sign &radic; &#8730; &#x221A;
proportional to &prop; &#8733; &#x221D;
infinity &infin; &#8734; &#x221E;
angle &ang; &#8736; &#x2220;
logical and = wedge &and; &#8743; &#x2227;
logical or = vee &or; &#8744; &#x2228;
intersection = cap &cap; &#8745; &#x2229;
union = cup &cup; &#8746; &#x222A;
integral &int; &#8747; &#x222B;
therefore &there4; &#8756; &#x2234;
tilde operator = varies with = similar to &sim; &#8764; &#x223C;
approximately equal to &cong; &#8773; &#x2245;
almost equal to = asymptotic to &asymp; &#8776; &#x2248;
not equal to &ne; &#8800; &#x2260;
identical to &equiv; &#8801; &#x2261;
less-than or equal to &le; &#8804; &#x2264;
greater-than or equal to &ge; &#8805; &#x2265;
subset of &sub; &#8834; &#x2282;
superset of &sup; &#8835; &#x2283;
not a subset of &nsub; &#8836; &#x2284;
subset of or equal to &sube; &#8838; &#x2286;
superset of or equal to &supe; &#8839; &#x2287;
circled plus = direct sum &oplus; &#8853; &#x2295;
circled times = vector product &otimes; &#8855; &#x2297;
up tack = orthogonal to = perpendicular &perp; &#8869; &#x22A5;
dot operator &sdot; &#8901; &#x22C5;
left ceiling = APL upstile &lceil; &#8968; &#x2308;
right ceiling &rceil; &#8969; &#x2309;
left floor = APL downstile &lfloor; &#8970; &#x230A;
right floor &rfloor; &#8971; &#x230B;
left-pointing angle bracket = bra &lang; &#9001; &#x2329;
right-pointing angle bracket = ket &rang; &#9002; &#x232A;
lozenge &loz; &#9674; &#x25CA;
black spade suit &spades; &#9824; &#x2660;
black club suit = shamrock &clubs; &#9827; &#x2663;
black heart suit = valentine &hearts; &#9829; &#x2665;
black diamond suit &diams; &#9830; &#x2666;


Kalau masih bingung, cobe bertanya dengan poskan komentanya...

READ MORE - Symbols dan Greek Letters Entities Untuk Postingan

Latin Entities Untuk Postingan  

Posted by Unknown in , , ,

Disini I'am ngelanjutin kode-kode yang sebelumnya I'am udah posting. Kalau bingung, coba buka postingan "Special Entities Untuk Postingan"





















































































































































































































































































































































































































































































































































































































































































































































































































































































































Character Entity Decimal Hex Rendering in Your Browser
Entity Decimal Hex
no-break space = non-breaking space &nbsp; &#160; &#xA0;      
inverted exclamation mark &iexcl; &#161; &#xA1; ¡ ¡ ¡
cent sign &cent; &#162; &#xA2; ¢ ¢ ¢
pound sign &pound; &#163; &#xA3; £ £ £
currency sign &curren; &#164; &#xA4; ¤ ¤ ¤
yen sign = yuan sign &yen; &#165; &#xA5; ¥ ¥ ¥
broken bar = broken vertical bar &brvbar; &#166; &#xA6; ¦ ¦ ¦
section sign &sect; &#167; &#xA7; § § §
diaeresis = spacing diaeresis &uml; &#168; &#xA8; ¨ ¨ ¨
copyright sign &copy; &#169; &#xA9; © © ©
feminine ordinal indicator &ordf; &#170; &#xAA; ª ª ª
left-pointing double angle quotation mark = left pointing guillemet &laquo; &#171; &#xAB; « « «
not sign &not; &#172; &#xAC; ¬ ¬ ¬
soft hyphen = discretionary hyphen &shy; &#173; &#xAD; ­ ­ ­
registered sign = registered trade mark sign &reg; &#174; &#xAE; ® ® ®
macron = spacing macron = overline = APL overbar &macr; &#175; &#xAF; ¯ ¯ ¯
degree sign &deg; &#176; &#xB0; ° ° °
plus-minus sign = plus-or-minus sign &plusmn; &#177; &#xB1; ± ± ±
superscript two = superscript digit two = squared &sup2; &#178; &#xB2; ² ² ²
superscript three = superscript digit three = cubed &sup3; &#179; &#xB3; ³ ³ ³
acute accent = spacing acute &acute; &#180; &#xB4; ´ ´ ´
micro sign &micro; &#181; &#xB5; µ µ µ
pilcrow sign = paragraph sign &para; &#182; &#xB6;
middle dot = Georgian comma = Greek middle dot &middot; &#183; &#xB7; · · ·
cedilla = spacing cedilla &cedil; &#184; &#xB8; ¸ ¸ ¸
superscript one = superscript digit one &sup1; &#185; &#xB9; ¹ ¹ ¹
masculine ordinal indicator &ordm; &#186; &#xBA; º º º
right-pointing double angle quotation mark = right pointing guillemet &raquo; &#187; &#xBB; » » »
vulgar fraction one quarter = fraction one quarter &frac14; &#188; &#xBC; ¼ ¼ ¼
vulgar fraction one half = fraction one half &frac12; &#189; &#xBD; ½ ½ ½
vulgar fraction three quarters = fraction three quarters &frac34; &#190; &#xBE; ¾ ¾ ¾
inverted question mark = turned question mark &iquest; &#191; &#xBF; ¿ ¿ ¿
Latin capital letter A with grave = Latin capital letter A grave &Agrave; &#192; &#xC0; À À À
Latin capital letter A with acute &Aacute; &#193; &#xC1; Á Á Á
Latin capital letter A with circumflex &Acirc; &#194; &#xC2; Â Â Â
Latin capital letter A with tilde &Atilde; &#195; &#xC3; Ã Ã Ã
Latin capital letter A with diaeresis &Auml; &#196; &#xC4; Ä Ä Ä
Latin capital letter A with ring above = Latin capital letter A ring &Aring; &#197; &#xC5; Å Å Å
Latin capital letter AE = Latin capital ligature AE &AElig; &#198; &#xC6; Æ Æ Æ
Latin capital letter C with cedilla &Ccedil; &#199; &#xC7; Ç Ç Ç
Latin capital letter E with grave &Egrave; &#200; &#xC8; È È È
Latin capital letter E with acute &Eacute; &#201; &#xC9; É É É
Latin capital letter E with circumflex &Ecirc; &#202; &#xCA; Ê Ê Ê
Latin capital letter E with diaeresis &Euml; &#203; &#xCB; Ë Ë Ë
Latin capital letter I with grave &Igrave; &#204; &#xCC; Ì Ì Ì
Latin capital letter I with acute &Iacute; &#205; &#xCD; Í Í Í
Latin capital letter I with circumflex &Icirc; &#206; &#xCE; Î Î Î
Latin capital letter I with diaeresis &Iuml; &#207; &#xCF; Ï Ï Ï
Latin capital letter ETH &ETH; &#208; &#xD0; Ð Ð Ð
Latin capital letter N with tilde &Ntilde; &#209; &#xD1; Ñ Ñ Ñ
Latin capital letter O with grave &Ograve; &#210; &#xD2; Ò Ò Ò
Latin capital letter O with acute &Oacute; &#211; &#xD3; Ó Ó Ó
Latin capital letter O with circumflex &Ocirc; &#212; &#xD4; Ô Ô Ô
Latin capital letter O with tilde &Otilde; &#213; &#xD5; Õ Õ Õ
Latin capital letter O with diaeresis &Ouml; &#214; &#xD6; Ö Ö Ö
multiplication sign &times; &#215; &#xD7; × × ×
Latin capital letter O with stroke = Latin capital letter O slash &Oslash; &#216; &#xD8; Ø Ø Ø
Latin capital letter U with grave &Ugrave; &#217; &#xD9; Ù Ù Ù
Latin capital letter U with acute &Uacute; &#218; &#xDA; Ú Ú Ú
Latin capital letter U with circumflex &Ucirc; &#219; &#xDB; Û Û Û
Latin capital letter U with diaeresis &Uuml; &#220; &#xDC; Ü Ü Ü
Latin capital letter Y with acute &Yacute; &#221; &#xDD; Ý Ý Ý
Latin capital letter THORN &THORN; &#222; &#xDE; Þ Þ Þ
Latin small letter sharp s = ess-zed &szlig; &#223; &#xDF; ß ß ß
Latin small letter a with grave = Latin small letter a grave &agrave; &#224; &#xE0; à à à
Latin small letter a with acute &aacute; &#225; &#xE1; á á á
Latin small letter a with circumflex &acirc; &#226; &#xE2; â â â
Latin small letter a with tilde &atilde; &#227; &#xE3; ã ã ã
Latin small letter a with diaeresis &auml; &#228; &#xE4; ä ä ä
Latin small letter a with ring above = Latin small letter a ring &aring; &#229; &#xE5; å å å
Latin small letter ae = Latin small ligature ae &aelig; &#230; &#xE6; æ æ æ
Latin small letter c with cedilla &ccedil; &#231; &#xE7; ç ç ç
Latin small letter e with grave &egrave; &#232; &#xE8; è è è
Latin small letter e with acute &eacute; &#233; &#xE9; é é é
Latin small letter e with circumflex &ecirc; &#234; &#xEA; ê ê ê
Latin small letter e with diaeresis &euml; &#235; &#xEB; ë ë ë
Latin small letter i with grave &igrave; &#236; &#xEC; ì ì ì
Latin small letter i with acute &iacute; &#237; &#xED; í í í
Latin small letter i with circumflex &icirc; &#238; &#xEE; î î î
Latin small letter i with diaeresis &iuml; &#239; &#xEF; ï ï ï
Latin small letter eth &eth; &#240; &#xF0; ð ð ð
Latin small letter n with tilde &ntilde; &#241; &#xF1; ñ ñ ñ
Latin small letter o with grave &ograve; &#242; &#xF2; ò ò ò
Latin small letter o with acute &oacute; &#243; &#xF3; ó ó ó
Latin small letter o with circumflex &ocirc; &#244; &#xF4; ô ô ô
Latin small letter o with tilde &otilde; &#245; &#xF5; õ õ õ
Latin small letter o with diaeresis &ouml; &#246; &#xF6; ö ö ö
division sign &divide; &#247; &#xF7; ÷ ÷ ÷
Latin small letter o with stroke = Latin small letter o slash &oslash; &#248; &#xF8; ø ø ø
Latin small letter u with grave &ugrave; &#249; &#xF9; ù ù ù
Latin small letter u with acute &uacute; &#250; &#xFA; ú ú ú
Latin small letter u with circumflex &ucirc; &#251; &#xFB; û û û
Latin small letter u with diaeresis &uuml; &#252; &#xFC; ü ü ü
Latin small letter y with acute &yacute; &#253; &#xFD; ý ý ý
Latin small letter thorn &thorn; &#254; &#xFE; þ þ þ
Latin small letter y with diaeresis &yuml; &#255; &#xFF; ÿ ÿ ÿ


Kalau masih bingung, cobe bertanya dengan poskan komentanya...

READ MORE - Latin Entities Untuk Postingan

Special Entities Untuk Postingan  

Posted by Unknown in , , ,

Haaaai... para blogger!! Bagi anda yang bingung bagaimana cara menyisipkan simbol-simbol di postingan, I'am punya kode-kodenya nih. Kode-kode ini, biasanya digunakan untuk html. Kalian pasti pernah lihat Edit HTML, ada kode " atau < atau > kan? Nah kode itu mempunyai arti masing-masing. Kode tersebut juga bisa dipasang di postingan, untuk memasang script, CSS, atau yang lainnya yang menggunaka salah satu dari kode tersebut. Nah, biasanya kalau di postingan kita mengetik <script>, pasti di postingan kita tidak akan mincul di postingan, malah script tersebut akan berfungsi sebagai script untuk blog kita. Tapi kalau kita mengetik &lt;script&gt; pasti kode <script> pasti akan muncul di postingan. Nah itu fungsinya kode Special Entities ini. Sekarang, mari kita lihat sati per satu kodenya...























































































































































































































































































































Character Entity Decimal Hex Rendering in Your Browser
Entity Decimal Hex
quotation mark = APL quote &quot; &#34; &#x22; " " "
ampersand &amp; &#38; &#x26; & & &
less-than sign &lt; &#60; &#x3C; < < <
greater-than sign &gt; &#62; &#x3E; > > >
Latin capital ligature OE &OElig; &#338; &#x152; Œ Œ Œ
Latin small ligature oe &oelig; &#339; &#x153; œ œ œ
Latin capital letter S with caron &Scaron; &#352; &#x160; Š Š Š
Latin small letter s with caron &scaron; &#353; &#x161; š š š
Latin capital letter Y with diaeresis &Yuml; &#376; &#x178; Ÿ Ÿ Ÿ
modifier letter circumflex accent &circ; &#710; &#x2C6; ˆ ˆ ˆ
small tilde &tilde; &#732; &#x2DC; ˜ ˜ ˜
en space &ensp; &#8194; &#x2002;
em space &emsp; &#8195; &#x2003;
thin space &thinsp; &#8201; &#x2009;
zero width non-joiner &zwnj; &#8204; &#x200C;
zero width joiner &zwj; &#8205; &#x200D;
left-to-right mark &lrm; &#8206; &#x200E;
right-to-left mark &rlm; &#8207; &#x200F;
en dash &ndash; &#8211; &#x2013;
em dash &mdash; &#8212; &#x2014;
left single quotation mark &lsquo; &#8216; &#x2018;
right single quotation mark &rsquo; &#8217; &#x2019;
single low-9 quotation mark &sbquo; &#8218; &#x201A;
left double quotation mark &ldquo; &#8220; &#x201C;
right double quotation mark &rdquo; &#8221; &#x201D;
double low-9 quotation mark &bdquo; &#8222; &#x201E;
dagger &dagger; &#8224; &#x2020;
double dagger &Dagger; &#8225; &#x2021;
per mille sign &permil; &#8240; &#x2030;
single left-pointing angle quotation mark &lsaquo; &#8249; &#x2039;
single right-pointing angle quotation mark &rsaquo; &#8250; &#x203A;
euro sign &euro; &#8364; &#x20AC;


Bagi yang masih bingung, silahkan bertanya dengan poskan komentarnya yaaa...
READ MORE - Special Entities Untuk Postingan

Membuat Folder Rahasia Tersembunyi  

Posted by Unknown in , , , ,

Salam untuk para blogger yang setia. Kali ini I'am punya trik komputer untuk membuat folder rahasia tersembunyi. Folder yang dimaksud adalah folder untuk menyimpan file-file rahasia yang anda miliki. Kalau folder tersebut dimasukan password yang benar, maka folder terdebut akan muncul. Dan jika dimasukan password lagi, folder tersebut akan menghilang. Tapi sebenarnya foldernya tidak menghilang, hanya foldernya di hidden dan di ubah menjadi Control Panel. Sehingga walaupun ketahuan folder yang telah diubah menjadi Control Panel, file yang ada di folder tersebut tidak akan terbuka. Justru malah Control Panel dikomputer kita yang terbuka. Kalau udah penasaran, ayo sekarang kita ikuti langkahnya!!


1. Klik kanan pada desktop.
2. Arahkan cursor pada new, kemudian pilih Text Document.
3. Beri nama file dengan File Locker.bat. Nama file bisa anda sesuaikan sesuai selera anda, tetapi kalau tipe file harus berekstensi .bat. Lalu tekan enter.
4. Klik kanan pada file tersebut, kemudian edit dengan notepad.
5. Masukan script dibawah ini, dan perhatikan baik-baik.


cls
regedit /s hide.reg
cls
cls
color 0a
cls
@echo off
cls
title ILham Locker
cls
if exist "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}" goto unlock
if not exist Locker goto lock
echo Lock Folder (Y/N)
set /p "text="
if %text%==Y goto lk
if %text%==N goto end
if %text%==y goto lk
if %text%==n goto end
:lk
echo Enter Password
set /p "aa="
if not %aa%==password-anda goto end
ren Locker "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"
ATTRIB +H +R +S "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"
goto end

:unlock
echo Enter Password
set /p "pass="
if not %pass%==password-anda goto end
ATTRIB -H -R -S "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"
ren "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}" Locker
attrib -H -R -S Locker
goto end
:lock
md Locker
goto end
:end
pause


Dari pada bingung, nih I'am jelasin:

=> Text yang berwarna kuning itu adalah judul untuk File Locker anda. Anda bisa menggantinya sesuka hati anda.
=> Text yang berwarna biru (password-anda) adalah password yang anda harus masukan jika ingin menyembunyikan atau menampilkan folder anda. Anda bisa mengganti password anda sesuka hati.

6. Jika sudah selesai, tinggal di save.


Pekerjaan belum selesai, kita harus membuat file Registrasi untuk membuat folder tersebut menghilang. Sekarang, kita lanjutin membuat file Registrasi yuuukk....

1. Klik kanan pada desktop.
2. Arahkan cursor pada new, kemudian pilih Text Document.
3. Beri nama file dengan Hide.reg. Nama ini tidak boleh di ubah, karena kalau di ubah, File Locker tidak akan menemukan file Registrasi anda. Sehingga folder tidak akan menghilang.
4. Klik kanan pada file tersebut, kemudian edit dengan notepad.
5. Copy script dibawah ini, dan pastekan di notepad


Windows Registry Editor Version 5.00

[HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Advanced]
"ShowSuperHidden"=dword:00000000


6. Jika sudah selesai, tinggal di save.

Sekarang pekerjaan kita sudah selesai, tapi anda perlu tau cara kerja File Locker ini. Ayo kita lihat cara kerjanya!!!

Pada saat anda mengklik File Locker.bat, akan mucul command prompt. Command tersebut, akan mencari file Hide.reg dan folder dengan nama Locker di tempat File Locker.bat tersebut berada. Bila di tempat File Locker.bat belum ada folder dengan nama Locker, maka dengan sendirinya akan muncul bila kita buka File Locker.bat untuk pertama kali. Dan kemudian anda diperintahkan menekan sembarang tobol untuk melajutkan. Nah, kalau foldernya sudah muncul kini saatnya anda menaruh file-file yang ingin anda sembunyikan kedalam folder Locker. Kalau anda sudah cukup menaruh filenya, sekarang saatnya anda menghilangkan folder tersebut. Anda hanya perlu buka File Locker.bat kembali, kemudian anda masukan password yang tadi sudah anda tentukan, kemudian tekan enter.

Dan... wooww.. folder anda menghilang!! Anda tidak perlu pusing mencarinya, karena folder Locker anda tidak pindah dari tempat anda menaruhnya. Folder tersebut hanya terhidden dan berubah menjadi Control Panel. Bila anda tidak percaya kalau foldernya berubah, anda ikuti lagi petunjuk dari I'am Okeyh..

1. Buka window explorer.
2. Klik tools, kemudian pilih Folder Options.
3. Arahkan pada tabs view
4. Ubah dari pilihan "Do not show hidden files and folders" menjadi pilihan "Show hidden files and folders".
5. Uncheck pada pilihan "Hide Protected Operating System Files (Recommended)" kemudian pilih Yes.
6. Klick OK.

Setalah selesai, pasti di tempat anda meletakan folder Locker ada file dengan nama Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}. Nah, sebenarnya file itu adalah folder Locker yang diubah jenis filenya. Kalau ingin mengembalikan folder Lockernya menjadi seperti semula, tinggal anda buka kembali File Locker.bat dan masukan password anda. Dan... wwoooow... pasti file Control Panel tersebut berubah menjadi folder Locker kembali.

Tips Untuk Anda!

Kelemahan dari File Locker.bat ini adalah file ini sangat mudah diketahui password untuk membukanya. Orang lain dapat dengan mudah mengklik kanan pada file tersebut, dan edit dengan notepad. Bila orang lain sudah melihat isi script dari file tersebut, pasti orang lain akan tau password untuk membukanya. Jadi tips dari I'am, jika menggunakan teknik ini untuk menyembunyikan file, sebaiknya File Locker.bat dan Hide.reg diletakan di tempat yang berbeda dari tempat anda menaruh folder Locker. Kalau bisa, diletakan di folder yang jarang di buka orang lain seperti di folder C:\WINDOWS\security\logs. Jika anda ingin membuka kembali folder locker anda, anda harus pindahkan kembali File Locker.bat dan Hide.reg ketempat anda meletakan folder Locker. Karena File Locker.bat ini berfungsi sebagai kunci untuk membuka folder Locker. Dan File Locker.bat dan Hide.reg ini merupakan satu pasang. Jadi, File Locker.bat dan Hide.reg tidak boleh di pisahkan.Tips lainnya adalah, saat menentukan password anda dan saat menyembunyikan File Locker.bat dan Hide.reg usahakan tidak ada orang lain yang melihat, agar folder anda benar-benar aman.

Mungkin cukup sekian trik komputer dari I'am. Mudah-mudahan trik ini bisa bermanfaat, dan tidak disalah-gunakan. Untuk meningkatkan kualitas dari postingan ini, I'am harapkan kritik dan saran anda. Yang masih bingung, jangan segan-segan untuk bertanya yaaa...
READ MORE - Membuat Folder Rahasia Tersembunyi

Cara Membuat Efek Gelombang Pada Title Bar  

Posted by Unknown in , , , , ,

Hahai..... ada yang baru lagi nih...!!!
Kalau para blogger bingung,"Kok di Title Barnya Blog I'am kok ada text yang disamping textnya seperti gelombang??"
Nah... jangan khawatir!!! I'am pasti bagi-bagi ilmu kok untuk sesama blogger...!!!
Demi tips ini bisa diketahui banyak orang, dan agar banyak orang yang memakainya, I'am bela-belain untuk membuat postingan ini.
Nah dari pada banyak cing-cong!!! Yuuk... kita ikuti langkahnya...!!!!

1. Masuk ke Blogger
2. Pilih Tata Letak
3. Edit HTML
4. Sisipkan kode berikut dibawah kode </head> dan diatas <body>


</script>
<script type='text/javascript'>
//<![CDATA[

var message = new Array() // leave this as is


message[0] = "[Welcome]";
message[1] = "[To]";
message[2] = "[I]";
message[3] = "[IL]";
message[4] = "[ILh]";
message[5] = "[ILha]";
message[6] = "[ILham]";
message[7] = "[ILham']";
message[8] = "[ILham's]";
message[9] = "[Sky]";
message[10] = "[Techno]";
message[11] = "[Optical]";
message[12] = "[Art]";


var reps = 1

var speed = 100
var p=message.length;
var T="";
var C=0;
var mC=0;
var s=0;
var sT=null;
if(reps<1)reps=1;
function doTheThing(){
T=message[mC];
A();}
function A(){
s++
if(s>9){s=1}

if(s==1){document.title='[--[[--[['+T+']]--]]--]'}
if(s==2){document.title='--[[--[[-'+T+'-]]--]]--'}
if(s==3){document.title='-[[--[[--'+T+'--]]--]]-'}
if(s==4){document.title='[[--[[--['+T+']--]]--]]'}
if(s==5){document.title='[--[[--[['+T+']]--]]--]'}
if(s==6){document.title='--[[--[[-'+T+'-]]--]]--'}
if(s==7){document.title='-[[--[[--'+T+'--]]--]]-'}
if(s==8){document.title='[[--[[--['+T+']--]]--]]'}
if(s==9){document.title='[--[[--[['+T+']]--]]--]'}
if(C<(8*reps)){
sT=setTimeout("A()",speed);
C++
}else{
C=0;
s=0;
mC++
if(mC>p-1)mC=0;
sT=null;
doTheThing();}}
doTheThing();
//]]>
</script>
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>


5. Nah.. tulisan yang berwarna biru itu adalah pesan yang ditampilkan pada title barnya. Anda bisa mengubahnya sesuai keinginan kok!!! Pesannya juga ga cuma 12, tapi bisa di tambahin sesuai keinginan anda. Tapi ingat!!! setiap anda ingin menambahkan pesan, messagenya harus sesuai dengan angkanya. Contoh kalau menambahkan menjadi 13, cara penambahannya seperti ini:

message[13] = "[Pesan Tambahan]";

Begitu pula kalau pesannya ingin menjadi 14, tinggal mengcopy contoh yang ada, terus diganti deh angkanya jadi 14!!!

6. Nah.. kalau udah selesai, tinggal di simpan deh...!!!

Seperti biasa, kita harus saling berbagi jika mempunyai ilmu yang bermanfaat!!!
JANGAN PELIT....!!!!
READ MORE - Cara Membuat Efek Gelombang Pada Title Bar