Tampilkan postingan dengan label Trik Blogger. Tampilkan semua postingan

Script Keren Untuk Menyambut Pengunjung

Posted by Unknown in Cool, JavaScript, Keren, Menyambut, Pengunjung, Roaming Window, Script, Trik Blogger

Ini adalah script untuk menyambut pengunjung yang telah digabungkan dari beberapa script. Script ini gabungan dari Alert Message, Resize Window, dan Good Bye Alert.

Kalau mau memsasang script ini, sepertinya pengunjung harus sedikit bersabar untuk menunggu loadingnya, karena script ini gabungan dari banyak script. Untuk itu, anda perlu menghapus beberapa Message agar pengunjung nggak kesel.

Okeyh... Kalau mau coba, silahkan copy script dibawah ini...!!

<SCRIPT quality='high' type='text/javascript'>
var name = prompt("Welcome!!! di iam-pcblog.blogspot.com", "your name here ");
alert("Salam kenal ya "+name)
//
alert ("SELAMAT DATANG DI iam-pcblog.blogspot.com. I'am sarankan anda memakai browser Mozilla Firefox. ")
//
alert ("I'am harap anda menunggu sampai semua loadingnya selesai. Agar anda dapat menikmati seluruh isi dari blog saya. Bersabarlah... ")
//
alert ("Maaf agak lambat sedikit, silakan tunggu dan duduk manis. ")
//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
for(a=100;a<80;a++){
window.moveTo(scrW/1,0)
window.resizeTo(0,scrH*a/50)
}
for(a=0;a<80;a++){
window.moveTo(0,scrH/1)
window.resizeTo(0,scrH*a/50)
}
for(y=0;y<80;y++){
window.resizeTo(scrW*y/80,scrH)
}
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/50)
}
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/50,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/50)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/50,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/50,scrH*e/50)
}
for(e=0;e<80;e++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*e/50,scrH*e/50)
}
for(e=0;e<80;e++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(scrW*e/50,scrH*e/50)
}
for(e=0;e<80;e++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*e/50,scrH*e/50)
}
for(e=0;e<80;e++){
window.moveTo(scrW/1,0)
window.moveTo(scrW/1,scrH/1)
window.moveTo(0,scrH/1)
window.moveTo(0,0)
window.resizeTo(scrW*e/50,scrH*e/50)
}
//]]>
//
alert ("Maaf yang ke-2 masih agak lambat, I'am harap anda tidak marah. Tetap duduk manis sambil minum kopi atau merokok. Atau sambil ngemil, juga boleh. Hihihi... Ehmm.. mungkin ada baiknya nanti anda klik Maximize. OK? ")
// goodbye alert
function goodbye(){
alert('Hayooo.... mau kemana! He..he..he.. O iya terima kasih atas kunjungannya! Lain kali kalau ada waktu luang jangan lupa main ke sini lagi ya..! THANKS AND VISIT MY BLOG AGAIN, OK..!');
}
parent.window.onunload=goodbye;
//<![CDATA[
//]]>
//<![CDATA[
//]]>
</SCRIPT>

Simpan script tersebut di atas code <head>...!

Ganti tulisan yang berwarna merah sesuai selera anda..!

Cukup segini aja tips dari I'am. I'am sarankan jika menggunakan script ini, anda harus mempunyai blog yang tidak terlalu LOLA.

1 komentar »

Membuat Text Dipostingan Berwarna

Posted by Unknown in Berwarna, Membuat, Posting, Text, Trik Blogger

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
aqua

black
black

blue
blue

fuchsia
fuchsia

gray
gray

green
green

lime
lime

maroon
maroon

navy
navy

olive
olive

purple
purple

red
red

silver
silver

teal
teal

white
white

yellow
yellow

magenta
magenta

violet
violet

indigo
indigo

orange
orange

azure
azure

gold
gold

scarlet
scarlet

bronze
bronze

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:

Text Anda Disini

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...!!!

0 komentar »

Background Berbeda Setiap Halaman

Posted by Unknown in Background, Berbeda, Halaman, Trik Blogger

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">

<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"'>

<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...

0 komentar »

Symbols dan Greek Letters Entities Untuk Postingan

Posted by Unknown in Entities, Greek, Letters, Posting, Symbols, Trik Blogger

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
Character	Entity	Decimal	Hex	Entity	Decimal	Hex
Latin small f with hook = function = florin	&fnof;	ƒ	ƒ	ƒ	ƒ	ƒ
Greek capital letter alpha	Α	Α	Α	Α	Α	Α
Greek capital letter beta	Β	Β	Β	Β	Β	Β
Greek capital letter gamma	Γ	Γ	Γ	Γ	Γ	Γ
Greek capital letter delta	Δ	Δ	Δ	Δ	Δ	Δ
Greek capital letter epsilon	Ε	Ε	Ε	Ε	Ε	Ε
Greek capital letter zeta	Ζ	Ζ	Ζ	Ζ	Ζ	Ζ
Greek capital letter eta	Η	Η	Η	Η	Η	Η
Greek capital letter theta	Θ	Θ	Θ	Θ	Θ	Θ
Greek capital letter iota	Ι	Ι	Ι	Ι	Ι	Ι
Greek capital letter kappa	Κ	Κ	Κ	Κ	Κ	Κ
Greek capital letter lambda	Λ	Λ	Λ	Λ	Λ	Λ
Greek capital letter mu	Μ	Μ	Μ	Μ	Μ	Μ
Greek capital letter nu	Ν	Ν	Ν	Ν	Ν	Ν
Greek capital letter xi	Ξ	Ξ	Ξ	Ξ	Ξ	Ξ
Greek capital letter omicron	Ο	Ο	Ο	Ο	Ο	Ο
Greek capital letter pi	Π	Π	Π	Π	Π	Π
Greek capital letter rho	Ρ	Ρ	Ρ	Ρ	Ρ	Ρ
Greek capital letter sigma	Σ	Σ	Σ	Σ	Σ	Σ
Greek capital letter tau	Τ	Τ	Τ	Τ	Τ	Τ
Greek capital letter upsilon	Υ	Υ	Υ	Υ	Υ	Υ
Greek capital letter phi	Φ	Φ	Φ	Φ	Φ	Φ
Greek capital letter chi	Χ	Χ	Χ	Χ	Χ	Χ
Greek capital letter psi	Ψ	Ψ	Ψ	Ψ	Ψ	Ψ
Greek capital letter omega	Ω	Ω	Ω	Ω	Ω	Ω
Greek small letter alpha	α	α	α	α	α	α
Greek small letter beta	β	β	β	β	β	β
Greek small letter gamma	γ	γ	γ	γ	γ	γ
Greek small letter delta	δ	δ	δ	δ	δ	δ
Greek small letter epsilon	ε	ε	ε	ε	ε	ε
Greek small letter zeta	ζ	ζ	ζ	ζ	ζ	ζ
Greek small letter eta	η	η	η	η	η	η
Greek small letter theta	θ	θ	θ	θ	θ	θ
Greek small letter iota	ι	ι	ι	ι	ι	ι
Greek small letter kappa	κ	κ	κ	κ	κ	κ
Greek small letter lambda	λ	λ	λ	λ	λ	λ
Greek small letter mu	μ	μ	μ	μ	μ	μ
Greek small letter nu	ν	ν	ν	ν	ν	ν
Greek small letter xi	ξ	ξ	ξ	ξ	ξ	ξ
Greek small letter omicron	ο	ο	ο	ο	ο	ο
Greek small letter pi	π	π	π	π	π	π
Greek small letter rho	ρ	ρ	ρ	ρ	ρ	ρ
Greek small letter final sigma	&sigmaf;	ς	ς	ς	ς	ς
Greek small letter sigma	σ	σ	σ	σ	σ	σ
Greek small letter tau	τ	τ	τ	τ	τ	τ
Greek small letter upsilon	υ	υ	υ	υ	υ	υ
Greek small letter phi	φ	φ	φ	φ	φ	φ
Greek small letter chi	χ	χ	χ	χ	χ	χ
Greek small letter psi	ψ	ψ	ψ	ψ	ψ	ψ
Greek small letter omega	ω	ω	ω	ω	ω	ω
Greek small letter theta symbol	&thetasym;	ϑ	ϑ	ϑ	ϑ	ϑ
Greek upsilon with hook symbol	&upsih;	ϒ	ϒ	ϒ	ϒ	ϒ
Greek pi symbol	ϖ	ϖ	ϖ	ϖ	ϖ	ϖ
bullet = black small circle	•	•	•	•	•	•
horizontal ellipsis = three dot leader	…	…	…	…	…	…
prime = minutes = feet	′	′	′	′	′	′
double prime = seconds = inches	″	″	″	″	″	″
overline = spacing overscore	&oline;	‾	‾	‾	‾	‾
fraction slash	&frasl;	⁄	⁄	⁄	⁄	⁄
script capital P = power set = Weierstrass p	&weierp;	℘	℘	℘	℘	℘
blackletter capital I = imaginary part	&image;	ℑ	ℑ	ℑ	ℑ	ℑ
blackletter capital R = real part symbol	&real;	ℜ	ℜ	ℜ	ℜ	ℜ
trade mark sign	™	™	™	™	™	™
alef symbol = first transfinite cardinal	&alefsym;	ℵ	ℵ	ℵ	ℵ	ℵ
leftwards arrow	←	←	←	←	←	←
upwards arrow	↑	↑	↑	↑	↑	↑
rightwards arrow	→	→	→	→	→	→
downwards arrow	↓	↓	↓	↓	↓	↓
left right arrow	↔	↔	↔	↔	↔	↔
downwards arrow with corner leftwards = carriage return	&crarr;	↵	↵	↵	↵	↵
leftwards double arrow	⇐	⇐	⇐	⇐	⇐	⇐
upwards double arrow	&uArr;	⇑	⇑	⇑	⇑	⇑
rightwards double arrow	⇒	⇒	⇒	⇒	⇒	⇒
downwards double arrow	&dArr;	⇓	⇓	⇓	⇓	⇓
left right double arrow	⇔	⇔	⇔	⇔	⇔	⇔
for all	∀	∀	∀	∀	∀	∀
partial differential	∂	∂	∂	∂	∂	∂
there exists	∃	∃	∃	∃	∃	∃
empty set = null set = diameter	∅	∅	∅	∅	∅	∅
nabla = backward difference	∇	∇	∇	∇	∇	∇
element of	∈	∈	∈	∈	∈	∈
not an element of	∉	∉	∉	∉	∉	∉
contains as member	&ni;	∋	∋	∋	∋	∋
n-ary product = product sign	∏	∏	∏	∏	∏	∏
n-ary sumation	∑	∑	∑	∑	∑	∑
minus sign	−	−	−	−	−	−
asterisk operator	&lowast;	∗	∗	∗	∗	∗
square root = radical sign	√	√	√	√	√	√
proportional to	&prop;	∝	∝	∝	∝	∝
infinity	∞	∞	∞	∞	∞	∞
angle	&ang;	∠	∠	∠	∠	∠
logical and = wedge	&and;	∧	∧	∧	∧	∧
logical or = vee	&or;	∨	∨	∨	∨	∨
intersection = cap	∩	∩	∩	∩	∩	∩
union = cup	∪	∪	∪	∪	∪	∪
integral	∫	∫	∫	∫	∫	∫
therefore	&there4;	∴	∴	∴	∴	∴
tilde operator = varies with = similar to	&sim;	∼	∼	∼	∼	∼
approximately equal to	&cong;	≅	≅	≅	≅	≅
almost equal to = asymptotic to	≈	≈	≈	≈	≈	≈
not equal to	≠	≠	≠	≠	≠	≠
identical to	&equiv;	≡	≡	≡	≡	≡
less-than or equal to	≤	≤	≤	≤	≤	≤
greater-than or equal to	≥	≥	≥	≥	≥	≥
subset of	⊂	⊂	⊂	⊂	⊂	⊂
superset of	⊃	⊃	⊃	⊃	⊃	⊃
not a subset of	&nsub;	⊄	⊄	⊄	⊄	⊄
subset of or equal to	&sube;	⊆	⊆	⊆	⊆	⊆
superset of or equal to	&supe;	⊇	⊇	⊇	⊇	⊇
circled plus = direct sum	&oplus;	⊕	⊕	⊕	⊕	⊕
circled times = vector product	&otimes;	⊗	⊗	⊗	⊗	⊗
up tack = orthogonal to = perpendicular	&perp;	⊥	⊥	⊥	⊥	⊥
dot operator	⋅	⋅	⋅	⋅	⋅	⋅
left ceiling = APL upstile	&lceil;	⌈	⌈	⌈	⌈	⌈
right ceiling	&rceil;	⌉	⌉	⌉	⌉	⌉
left floor = APL downstile	&lfloor;	⌊	⌊	⌊	⌊	⌊
right floor	&rfloor;	⌋	⌋	⌋	⌋	⌋
left-pointing angle bracket = bra	&lang;	〈	〈	⟨	〈	〈
right-pointing angle bracket = ket	&rang;	〉	〉	⟩	〉	〉
lozenge	&loz;	◊	◊	◊	◊	◊
black spade suit	&spades;	♠	♠	♠	♠	♠
black club suit = shamrock	&clubs;	♣	♣	♣	♣	♣
black heart suit = valentine	&hearts;	♥	♥	♥	♥	♥
black diamond suit	&diams;	♦	♦	♦	♦	♦

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

0 komentar »

Latin Entities Untuk Postingan

Posted by Unknown in Entities, Latin, Posting, Trik Blogger

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
Character	Entity	Decimal	Hex	Entity	Decimal	Hex
no-break space = non-breaking space
inverted exclamation mark	¡	¡	¡	¡	¡	¡
cent sign	¢	¢	¢	¢	¢	¢
pound sign	£	£	£	£	£	£
currency sign	¤	¤	¤	¤	¤	¤
yen sign = yuan sign	¥	¥	¥	¥	¥	¥
broken bar = broken vertical bar	¦	¦	¦	¦	¦	¦
section sign	§	§	§	§	§	§
diaeresis = spacing diaeresis	¨	¨	¨	¨	¨	¨
copyright sign	©	©	©	©	©	©
feminine ordinal indicator	ª	ª	ª	ª	ª	ª
left-pointing double angle quotation mark = left pointing guillemet	«	«	«	«	«	«
not sign	¬	¬	¬	¬	¬	¬
soft hyphen = discretionary hyphen
registered sign = registered trade mark sign	®	®	®	®	®	®
macron = spacing macron = overline = APL overbar	¯	¯	¯	¯	¯	¯
degree sign	°	°	°	°	°	°
plus-minus sign = plus-or-minus sign	±	±	±	±	±	±
superscript two = superscript digit two = squared	²	²	²	²	²	²
superscript three = superscript digit three = cubed	³	³	³	³	³	³
acute accent = spacing acute	´	´	´	´	´	´
micro sign	µ	µ	µ	µ	µ	µ
pilcrow sign = paragraph sign	¶	¶	¶	¶	¶	¶
middle dot = Georgian comma = Greek middle dot	·	·	·	·	·	·
cedilla = spacing cedilla	¸	¸	¸	¸	¸	¸
superscript one = superscript digit one	¹	¹	¹	¹	¹	¹
masculine ordinal indicator	º	º	º	º	º	º
right-pointing double angle quotation mark = right pointing guillemet	»	»	»	»	»	»
vulgar fraction one quarter = fraction one quarter	¼	¼	¼	¼	¼	¼
vulgar fraction one half = fraction one half	½	½	½	½	½	½
vulgar fraction three quarters = fraction three quarters	¾	¾	¾	¾	¾	¾
inverted question mark = turned question mark	¿	¿	¿	¿	¿	¿
Latin capital letter A with grave = Latin capital letter A grave	À	À	À	À	À	À
Latin capital letter A with acute	Á	Á	Á	Á	Á	Á
Latin capital letter A with circumflex	Â	Â	Â	Â	Â	Â
Latin capital letter A with tilde	Ã	Ã	Ã	Ã	Ã	Ã
Latin capital letter A with diaeresis	Ä	Ä	Ä	Ä	Ä	Ä
Latin capital letter A with ring above = Latin capital letter A ring	Å	Å	Å	Å	Å	Å
Latin capital letter AE = Latin capital ligature AE	Æ	Æ	Æ	Æ	Æ	Æ
Latin capital letter C with cedilla	Ç	Ç	Ç	Ç	Ç	Ç
Latin capital letter E with grave	È	È	È	È	È	È
Latin capital letter E with acute	É	É	É	É	É	É
Latin capital letter E with circumflex	Ê	Ê	Ê	Ê	Ê	Ê
Latin capital letter E with diaeresis	Ë	Ë	Ë	Ë	Ë	Ë
Latin capital letter I with grave	Ì	Ì	Ì	Ì	Ì	Ì
Latin capital letter I with acute	Í	Í	Í	Í	Í	Í
Latin capital letter I with circumflex	Î	Î	Î	Î	Î	Î
Latin capital letter I with diaeresis	Ï	Ï	Ï	Ï	Ï	Ï
Latin capital letter ETH	Ð	Ð	Ð	Ð	Ð	Ð
Latin capital letter N with tilde	Ñ	Ñ	Ñ	Ñ	Ñ	Ñ
Latin capital letter O with grave	Ò	Ò	Ò	Ò	Ò	Ò
Latin capital letter O with acute	Ó	Ó	Ó	Ó	Ó	Ó
Latin capital letter O with circumflex	Ô	Ô	Ô	Ô	Ô	Ô
Latin capital letter O with tilde	Õ	Õ	Õ	Õ	Õ	Õ
Latin capital letter O with diaeresis	Ö	Ö	Ö	Ö	Ö	Ö
multiplication sign	×	×	×	×	×	×
Latin capital letter O with stroke = Latin capital letter O slash	Ø	Ø	Ø	Ø	Ø	Ø
Latin capital letter U with grave	Ù	Ù	Ù	Ù	Ù	Ù
Latin capital letter U with acute	Ú	Ú	Ú	Ú	Ú	Ú
Latin capital letter U with circumflex	Û	Û	Û	Û	Û	Û
Latin capital letter U with diaeresis	Ü	Ü	Ü	Ü	Ü	Ü
Latin capital letter Y with acute	Ý	Ý	Ý	Ý	Ý	Ý
Latin capital letter THORN	Þ	Þ	Þ	Þ	Þ	Þ
Latin small letter sharp s = ess-zed	ß	ß	ß	ß	ß	ß
Latin small letter a with grave = Latin small letter a grave	à	à	à	à	à	à
Latin small letter a with acute	á	á	á	á	á	á
Latin small letter a with circumflex	â	â	â	â	â	â
Latin small letter a with tilde	ã	ã	ã	ã	ã	ã
Latin small letter a with diaeresis	ä	ä	ä	ä	ä	ä
Latin small letter a with ring above = Latin small letter a ring	å	å	å	å	å	å
Latin small letter ae = Latin small ligature ae	æ	æ	æ	æ	æ	æ
Latin small letter c with cedilla	ç	ç	ç	ç	ç	ç
Latin small letter e with grave	è	è	è	è	è	è
Latin small letter e with acute	é	é	é	é	é	é
Latin small letter e with circumflex	ê	ê	ê	ê	ê	ê
Latin small letter e with diaeresis	ë	ë	ë	ë	ë	ë
Latin small letter i with grave	ì	ì	ì	ì	ì	ì
Latin small letter i with acute	í	í	í	í	í	í
Latin small letter i with circumflex	î	î	î	î	î	î
Latin small letter i with diaeresis	ï	ï	ï	ï	ï	ï
Latin small letter eth	ð	ð	ð	ð	ð	ð
Latin small letter n with tilde	ñ	ñ	ñ	ñ	ñ	ñ
Latin small letter o with grave	ò	ò	ò	ò	ò	ò
Latin small letter o with acute	ó	ó	ó	ó	ó	ó
Latin small letter o with circumflex	ô	ô	ô	ô	ô	ô
Latin small letter o with tilde	õ	õ	õ	õ	õ	õ
Latin small letter o with diaeresis	ö	ö	ö	ö	ö	ö
division sign	÷	÷	÷	÷	÷	÷
Latin small letter o with stroke = Latin small letter o slash	ø	ø	ø	ø	ø	ø
Latin small letter u with grave	ù	ù	ù	ù	ù	ù
Latin small letter u with acute	ú	ú	ú	ú	ú	ú
Latin small letter u with circumflex	û	û	û	û	û	û
Latin small letter u with diaeresis	ü	ü	ü	ü	ü	ü
Latin small letter y with acute	ý	ý	ý	ý	ý	ý
Latin small letter thorn	þ	þ	þ	þ	þ	þ
Latin small letter y with diaeresis	ÿ	ÿ	ÿ	ÿ	ÿ	ÿ

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

0 komentar »

Special Entities Untuk Postingan

Posted by Unknown in Entities, Posting, Special, Trik Blogger

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 <script> 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
Character	Entity	Decimal	Hex	Entity	Decimal	Hex
quotation mark = APL quote	"	"	"	"	"	"
ampersand	&	&	&	&	&	&
less-than sign	<	<	<	<	<	<
greater-than sign	>	>	>	>	>	>
Latin capital ligature OE	&OElig;	Œ	Œ	Œ	Œ	Œ
Latin small ligature oe	&oelig;	œ	œ	œ	œ	œ
Latin capital letter S with caron	&Scaron;	Š	Š	Š	Š	Š
Latin small letter s with caron	&scaron;	š	š	š	š	š
Latin capital letter Y with diaeresis	&Yuml;	Ÿ	Ÿ	Ÿ	Ÿ	Ÿ
modifier letter circumflex accent	&circ;	ˆ	ˆ	ˆ	ˆ	ˆ
small tilde	&tilde;	˜	˜	˜	˜	˜
en space	&ensp;
em space	&emsp;
thin space
zero width non-joiner	&zwnj;	‌	‌	‌	‌	‌
zero width joiner	&zwj;	‍	‍	‍	‍	‍
left-to-right mark	&lrm;	‎	‎	‎	‎	‎
right-to-left mark	&rlm;	‏	‏	‏	‏	‏
en dash	–	–	–	–	–	–
em dash	—	—	—	—	—	—
left single quotation mark	‘	‘	‘	‘	‘	‘
right single quotation mark	’	’	’	’	’	’
single low-9 quotation mark	&sbquo;	‚	‚	‚	‚	‚
left double quotation mark	“	“	“	“	“	“
right double quotation mark	”	”	”	”	”	”
double low-9 quotation mark	&bdquo;	„	„	„	„	„
dagger	&dagger;	†	†	†	†	†
double dagger	&Dagger;	‡	‡	‡	‡	‡
per mille sign	&permil;	‰	‰	‰	‰	‰
single left-pointing angle quotation mark	&lsaquo;	‹	‹	‹	‹	‹
single right-pointing angle quotation mark	&rsaquo;	›	›	›	›	›
euro sign	€	€	€	€	€	€

Bagi yang masih bingung, silahkan bertanya dengan poskan komentarnya yaaa...

0 komentar »

Cara Membuat Efek Gelombang Pada Title Bar

Posted by Unknown in Bar, Efek, Gelombang, Membuat, Title, Trik Blogger

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....!!!!

2 komentar »

Cara Mengatur Tampilan Sidebar

Posted by Unknown in Mengatur, Sidebar, Tampilan, Trik Blogger

Kali ini I'am mau ngasih tau untuk para Blogger supaya tampilan blognya jadi lebih bagus lagi.
Biasanya kalau download template dari situs-situs biasa, sidebarnya masih original dari templatenya.
Kalau bosen dengan sidebarnya yang gitu-gitu aja, I'am punya tips baru yang pasti bisa di coba.
Sekarang ikuti langkah-langkah barikut ini:
1. Masuk ke Blogger
2. Pilih Tata Letak
3. Edit HTML
4. Sekarang cari kode .sidebar h2 { dengan menekan tombol Ctrl+F pada keyboard supaya nyarinya gampang

Perhatikan kode berikut

.sidebar h2 {

font-size:100%;

font-weight:bold;

text-transform:uppercase;

text-align:right;

border: 1px solid #000;

background:url(Alamat Sidebar)no-repeat top left;

padding;5px;

}

5. Jika di template Blogger belum ada kode setelah kode .sidebar h2 {, anda bisa menambahkannya dari kode yang diatas
6. Ingat yang di copy cuma kode yang berwarna merah!!!
7. Nah... kalau masih bingung cara menyisipkannya, nih contohnya kaya begini...!!!

.sidebar h2 {
font-size:100%;

font-weight:bold;

text-transform:uppercase;

text-align:right;

border: 1px solid #000;

background:url(ILham\'s\ Blog_files/RGsdbar0.gif)no-repeat top left;

padding;5px;

margin: 0 0 0 0; padding: 10px 0 0 0px; font: normal bold 118% Georgia, Times, serif; color: #960A09; text-decoration: underline; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ }
.sidebar .widget { margin-left:6px; margin-right:2px ; margin-top:0px ; margin-bottom:1em; padding-left:30px; padding-right:15px; padding-top:0px; padding-bottom:30px; text-aling: justify; font-size: 85%; background: url('ILham\'s\ Blog_files/gears_si.jpg') no-repeat bottom center; }
.sidebar a {color: #960A09; text-decoration: none;}
.sidebar a:hover {color: #960A09; }
.sidebar li { padding-left: 5px; }
.profile-textblock { margin:.5em 0 .5em; text-aling: justify; }
.profile-img { float: left; margin: 0 5px 5px 0; border: 0px solid #ddd; padding: 4px;}

8. Kalau udah tau cara menyisipkannya, sekarang supaya bisa tau fungsi dari kode-kode diatas. Mari kita lihat fungsi masing-masing kodenya!!!

Kode font-size:100%;
Berfungsi untuk mengatur besarnya huruf. Satuan yang digunakan bisa pakai % atau pixels (px). Angkanya bisa diganti sesuai keinginan anda.

Kode font-weight:bold;
Berfungsi untuk menunjukan judul yang tampil dengan huruf tebal. Kata bold bisa anda ganti dengan normal, jika penampilanya tidak ingin tebal atau ganti dengan italic jika ingin penampilan hurufnya miring.

Kode text-transform:uppercase;
Berfungsi untuk menunjukan bahwa huruf yang tampil semuanya berupa huruf kapital (besar). Anda dapat menggantinya dengan kata lowercase (semuanya huruf kecil) atau capitalize (hanya huruf depannya yang besar).

Kode text-align:right;
Berfungsi untuk menunjukan letak judul sidebar di bagian kanan. Anda dapat menggantinya dengan left (jika ingin judulnya berada dikiri) atau center (jika ingin judulnya berada di tengah).

Kode border: 1px solid #000;
Berfungsi untuk menampilkan garis di sekeling judul sidebar. Sobat dapat mengganti ukuranya dan warna dari garis tersebut.

Kode background:url(Alamat Sidebar)no-repeat top left;
Berfungsi untuk menunjukan gambar latar dari judul sidebar.

Kode padding;5px;
Berfungsi untuk memberi jarak antara bagian pinggir judul sidebar dengan tulisan judul sidebarnya, dengan maksud agar kelihatan tidak mepet ke bagian pinggir.

9. Nah... udah tau kan maksud dari kode-kode diatas??? Kalau anda mau mengganti gambar latar judul sidebar anda. Anda bisa mengganti tulisan Alamat Sidebar dengan alamat gambar latar judul sidebar kesukaan anda.

Nih... I'am kasih tau beberapa contoh alamat sidebar!!!! Tinggal pilih ajah salah satunya...!!!!

Alamatnya yang ini :

http://i634.photobucket.com/albums/uu61/adetea/RGsdbar.gif

Alamatnya yang ini :

http://i634.photobucket.com/albums/uu61/adetea/side1.gif

Alamatnya yang ini :

http://i634.photobucket.com/albums/uu61/adetea/side3.gif

Alamatnya yang ini :

http://i634.photobucket.com/albums/uu61/adetea/header.gif

10. Kalau langkah-langkah tadi udah selesai, tinggal di simpan dech...!!!

Selamat Mencoba!!!
Sebarkan cara ini untuk teman-teman anda ya...!!!!
Kalau ilmu itu harus berbagi!!!

JANGAN PELIT....!!!!

0 komentar »

comments feed