TIPS BERSANGKA BAIK

Dari : Nasihat Syeikh Abdul Kadir Al-Jailani.

Jika engkau bertemu dengan seseorang, maka yakinilah bahawa dia lebih baik darimu. Ucapkan dalam hatimu : 
"Mungkin kedudukannya di sisi Allah jauh lebih baik dan lebih tinggi dariku".

Jika bertemu anak kecil, maka ucapkanlah (dalam hatimu) :

"Anak ini belum bermaksiat kepada Allah, sedangkan diriku telah banyak bermaksiat kepadaNya. Tentu anak ini jauh lebih baik dariku"..

Jika bertemu orang tua, maka ucapkanlah (dalam hatimu):

"Dia telah beribadah kepada Allah jauh lebih lama dariku, tentu dia lebih baik dariku."

Jika bertemu dengan seorang yang berilmu, maka ucapkanlah (dalam hatimu):

"Orang ini memperoleh kurnia yang tidak akan kuperolehi, mencapai kedudukan yang tidak akan pernah kucapai, mengetahui apa yang tidak kuketahui dan dia mengamalkan ilmunya, tentu dia lebih baik dariku."

Jika bertemu dengan seorang yang bodoh, maka katakanlah (dalam hatimu) :

"Orang ini bermaksiat kepada Allah kerana dia bodoh (tidak tahu), sedangkan aku bermaksiat kepadaNya padahal aku mengetahui akibatnya. Dan aku tidak tahu bagaimana akhir umurku dan umurnya kelak. Dia tentu lebih baik dariku."

Jika bertemu dengan orang kafir, maka katakanlah (dalam hatimu) :

"Aku tidak tahu bagaimana keadaannya kelak, mungkin di akhir usianya dia memeluk Islam dan beramal soleh. Dan mungkin boleh jadi di akhir usia diriku kufur dan berbuat buruk.

Rasulullah bersabda : "Jauhilah prasangka itu, sebab prasangka itu pembicaraan yang paling dusta" (HR. Muttafaqun alaihi.)

                                                          Semoga bermanfaat ...

BULU KUSAM PADA MURAI BATU

Masalah dengan murai batu yg sekarang kondisi bulunya kusam (tidak mengkilap) seperti semula dikarenakan selama 2 minggu burung tsb saya titipkan kpd teman, yg ternyata setiap harinya dijemur pagi hari selama 3 jam (7.00 s/d 10) padahal tadinya saya biasa jemur 1 jam saja.Yang saya mau tanyakan apakah bulunya bisa kembali mengkilap lagi seperti semula? Mohon petunjuknya untuk para pakar. Terima kasih

cuma 2 kemungkinan- mau mabung atau kurang vitamin E dan (amino acid) buat kesehatan bulu.tp kalo alasan dijemur kuat,, itu bukan faktor utama yg menentukan kekeringan bulu burung bila burung tsb memiliki cukup gizi dan vitamin sehingga tetap mengkilap bulunya,, bisa dibantu dengan mandi yg teratur dan diberi asupan gizi yg baik,, semoga bisa mengkilap kembali atau malah mabung nantinya

Minggu yang lalu saya melihat salah satu MB saya yang sakit, tuh MB lagi Mabung dengan kondisi 80% bulunya.

Saya melihat, saat saya keluarin kondisinya:- Loyo- Bulu nyekukruk- Loncat gak bisa, diem- Sisa hidunya 30-20 %

Kemungkinan:- Lengah perawatan, perawat lagi stress he he he- Kurang asupan vitamin terutama dari EF- Kurang jemur matahari

Tindakan yg saya lakukan:1. Saya beli lampu dop 15 watt, yg saya hidupkan siang malam di dalam kamar dan saya dekatkan dengan MB tsb. Sinar ini sebagai pengganti siar matahari, dimana mengandung UV2. Saya kasih jangkrik sesuka dia mau, dan jangkriknya saya suntik vitamin B-Combion as advised Om Satrio3. Minumannya setiap pagi setelah penjemuran, saya kasih:* 1 tetes vitacart plus (Dari Om Zulham)* 1 tetes yg warna merah (Dari om Zulham juga) --> Om Willy saat ke bandara saya kasih tuh* Super N (Produk super Kicau) 4-5 tetes4. Saya jemur 1/2 jam dg sinar matahari5. Mandi stop dulu

Hasil:* Alhamdulilah, 3 hari kemudian tuh MB bisa loncat ke tangkringan dan mulai sehat.* Saat itu jangkrik saya kasih sesukanya, dan sekarang tinggal 5 pagi 5 sore + 1 cacing malam* 1 minggu kemudian, tuh MB dah 80% sehat sekali.* Saat saya tinggal, pemberian vitamin dan obat lain saya kurangi slowly, pesan kepada yg rawat.

Tips Membuat Loading Blog Ringan

Disadari atau tidak, loading blog ikut mempengaruhi banyak tidaknya pengunjung masuk ke blog anda. Anda tentu masih ingat ketika anda kesal ketika sebuah blog yang anda kunjungi sangat lambat terbuka dengan sempurna. Dan sejak saat itu mungkin anda bertekad untuk tidak berkunjung lagi ke blog tersebut. Nah, sebelum itu terjadi pada blog anda, curigailah loading blog anda dari sekarang.

Dalam kondisi koneksi internet yang normal, pada intinya cepat lambatnya sebuah blog dibuka dipengaruhi oleh ukuran atau beban halamannya. Nah, untuk mengatasi hal ini anda bisa cermati beberapa point berikut:

Pertama:

Gunakanlah template yang minimalis, baik template bawaan maupun yang anda download dari pihak ketiga. Anda jangan mudah tergoda hanya karena kecanggihan sebuah template. Biasanya, semakin banyak variasai sebuah template maka akan semakin besarlah ukuranya. Untuk membuktikannya, cobalah anda copy seluruh kode HTML template yang anda gunakan sekarang ke file notepad atau wordpad. Kemudian lihatlah ukurannya. Jika ukurannya lebih dari 60 kb, maka lebih baik anda pertimbangkan untuk tetap menggunaknnya.

Tapi saya ingin tampilan blog yang menarik mas?
Anda sama dengan saya. Tapi jalan terbaik menurut saya adalah, silahkan anda cari template apa saja yang ringan kemudian modifikasi bagian tertentu sesuai keinginan anda. Itu lebih baik dari pada anda menggunakan template yang langsung meriah dan siap pakai.

Kedua:

Hindari menggunakan terlalu banyak widget. Karena semakin banyak jumlah widget maka semakin berat pula beban blog anda. Memang tidak bisa dipungkiri kita juga membutuhkan beberapa widget tambahan. Tapi pastikan bahwa setiap widget yang anda pasang benar-benar dibutuhkan pada blog anda.

Ketiga:

Hindari menggunakan warna-warna kontras. Biasanya warna-warna kontras agak lambat dibuka. Termasuk warna gelap. Cobalah anda perhatikan situs-situs terkenal, misalnya google, yahoo, facebook, dan sebagainya, rata-rata tampilannya sangat minimalis dengan warna dominan adalah putih. Saya juga maklum sebagian anda sangat favorit dengan warna-warna keras. Tapi pilihan tentu ada ditangan anda, apakah anda lebih mementingkan kepuasan atau loading blog anda.

Keempat:

Gunakan ukuran gambar (image) yang ringan. Ini termasuk salah satu sumber utama yang membuat blog menjadi berat. Apalagi jika blog anda adalah blog tutorial yang membutuhkan sangat banyak gambar kerja. Untuk mengatasinya, anda bisa kompres dulu setiap gambar yang akan anda gunakan. Anda bisa gunakan sebuah software pengompress file gambar yang sangat praktis seperti Advance JPEG Compressor. 

Kelima:

Hematlah menggunakan Animasi.

Gambar bergerak memang terlihat sangat menarik dari pada gambar diam. Tapi jangan lupa, file animasi termasuk jenis file yang jauh lebih berat dari file gambar. Karena itu pastikanlah bahwa anda benar-benar membutuhkannya. Jika hanya sekedar agar blog anda tampil lebih gagah, sebaiknya urungkanlah niat anda. Jangan hanya karena ulah beberapa animasi, blog anda akan ditinggalkan pengunjung. Dan ketahuilah, pada akhirnya yang dicari pengunjung bukanlah asesorries blog anda, tetapi adalah isinya.

Kenam:

Jangan memasan Video jika tidak benar-benar diperlukan. Inilah jenis fele yang paling besar. Sudah bisa dipastikan jika blog anda banyak memuat video, blog anda akan langsung macet dibuka. Mungkin anda akan membanggakan setiap video yang anda pasang. Tapi biasanya pengunjung sudah duluan minggat sebelum sempat menontonnya. Karena mereka tidak pernah berhasil menunggu blog anda terbuka dengan sempurna.

Ketujuh:

Hematlah menggunkan kode HTML dan Javascript.

Dan hindarilah menggunkan javascript jika benar-benar tidak diperlukan. Blog yang cepat diakses adalah blog yang bahasa kodenya ramping. Tidak bertele-tele. Salah satu cara yang bisa anda lalukan untuk hal ini adalah dengan mengompress halaman HTML anda dengan menggunkan software CSS Compressor.

Nah, lebih kurang itulah yang bisa anda waspadai agar loading blog anda tetap cepat dibuka.

Cara Membuat Underline (Garis Bawah) Hilang Ketika Link Disorot

Secara default Blogspot memberikan garis bawah pada setiap link yang terdapat pada blog. Garis bawah itu muncul saat kursor menyentuh link tersebut, seperti terlihat pada gambar ini.

Tetapi jika anda lebih senang link itu dibedakan hanya dengan warna, maka garis bawah itu bisa dihilangkan. Berikut langkah-langkahnya:

1. Masuklah ke halaman Dasbor anda kemudian klik Tata Letak


2. Klik Edit HTML.

3. Kemudian cari kode: a:hover{. Agar mudah mencarinya tekan (ctrl + f) pada keyboard. Lalu ketik kode tersebut pada kotak pencarian dan tekan enter.



4. Kemudian ganti tulisan underline-nya dengan none, seperti gambar di bawah ini. Terakhir jangan lupa mengklik tombol SIMPAN TEMPLATE. Tunggu hingga proses selesai.

5. Jika porses selesai lihatlah blog anda. Sekarang garis bawah pada link sudah tidak ada.


Mohon beritahu saya jika anda menemukan link yang erorr pada blog ini 
Terima kasih

Cara Membuat Gadget/Widget ZODIAK

Kali ini Saya akan membahas cara memasang gadget/widget zodiak di blog.

Saya tidak perlu memberitahu apa itu zodiak, pastinya Anda pun sudah tahu. 

Tanpa berlama lama berikut Cara Memasangnya :

• Login ke blogger.com, jika sudah,  
• Pilih Tata Letak → Tambah Gadget → pilih HTML/JavaScript
• Masukkan script di bawah ini ke dalam kolom

<script language="javascript">//// function signs() { var start = 1901, birthyear = document.zodiac.year.value, date=document.zodiac.date.value, month=document.zodiac.month.selectedIndex; with (document.zodiac.sign){ if (month == 1 && date >=20 || month == 2 && date <=18) {value = "Aquarius";} if (month == 1 && date > 31) {value = "Huh?";} if (month == 2 && date >=19 || month == 3 && date <=20) {value = "Pisces";} if (month == 2 && date > 29) {value = "Say what?";} if (month == 3 && date >=21 || month == 4 && date <=19) {value = "Aries";} if (month == 3 && date > 31) {value = "OK. Whatever.";} if (month == 4 && date >=20 || month == 5 && date <=20) {value = "Taurus";} if (month == 4 && date > 30) {value = "I'm soooo sorry!";} if (month == 5 && date >=21 || month == 6 && date <=21) {value = "Gemini";} if (month == 5 && date > 31) {value = "Umm ... no.";} if (month == 6 && date >=22 || month == 7 && date <=22) {value = "Cancer";} if (month == 6 && date > 30) {value = "Sorry.";} if (month == 7 && date >=23 || month == 8 && date <=22) {value = "Leo";} if (month == 7 && date > 31) {value = "Excuse me?";} if (month == 8 && date >=23 || month == 9 && date <=22) {value = "Virgo";} if (month == 8 && date > 31) {value = "Yeah. Right.";} if (month == 9 && date >=23 || month == 10 && date <=22) {value = "Libra";} if (month == 9 && date > 30) {value = "Try Again.";} if (month == 10 && date >=23 || month == 11 && date <=21) {value = "Scorpio";} if (month == 10 && date > 31) {value = "Forget it!";} if (month == 11 && date >=22 || month == 12 && date <=21) {value = "Sagittarius";} if (month == 11 && date > 30) {value = "Invalid Date";} if (month == 12 && date >=22 || month == 1 && date <=19) {value = "Capricorn";} if (month == 12 && date > 31) {value = "No way!";} } x = (start - birthyear) % 12 with (document.zodiac.csign){ if (x == 1 || x == -11) {value = "Tikus";} if (x == 0) {value = "Ox";} if (x == 11 || x == -1) {value = "Macan";} if (x == 10 || x == -2) {value = "Kelinci";} if (x == 9 || x == -3) {value = "Naga";} if (x == 8 || x == -4) {value = "Ular";} if (x == 7 || x == -5) {value = "Kuda";} if (x == 6 || x == -6) {value = "Kambing";} if (x == 5 || x == -7) {value = "Monyet";} if (x == 4 || x == -8) {value = "Ayam";} if (x == 3 || x == -9) {value = "Anjing";} if (x == 2 || x == -10) {value = "Babi";} } } </script><form name="zodiac"> <center> <table bgcolor="#9DACBF" border="2" bordercolor="#000000" rules="none" cellspacing="2" cellpadding="4"><tr><td width="55"><b>Tahun</b></td><td width="155"><input type="text" size="10" name="year" onclick="value=""" /></td><tr><td><b>Bulan</b></td><td><select name="month"><option value="x" />Pilih Bulan <option value="1" />Januari <option value="2" />February <option value="3" />Maret <option value="4" />April <option value="5" />Mei <option value="6" />Juni <option value="7" />Juli <option value="8" />Augustus <option value="9" />September <option value="10" />Oktober <option value="11" />November <option value="12" />Desember </select></td></tr><tr><td><b>Tanggal</b></td><td><input type="text" name="date" size="3" onclick="value=""" /></td></tr><tr><td colspan="2" bgcolor="#9DACBF"><div align="center"> <input type="button" value="Klik Untuk Melihat Hasilnya" onclick="signs()" /></div></td></tr><tr><td><b>Zodiak: </b></td><td bgcolor="#9DACBF"><div align="right"> <input type="text" name="sign" size="12" value="" align="right" /></div></td></tr><td></td></tr><tr><td><b>Shio:</b></td><td bgcolor="#9DACBF"><div align="right"> <input type="text" name="csign" size="12" /></div></td></tr></table></center></form><p align="center">This script by

• Simpan dan lihat hasilnya

Selamat Mencoba !

Kode HTML Karakter Khusus ASCII

Kode HTML - Karakter Khusus ASCII

Kode HTML untuk menempatkan karakter khusus ASCII pada halaman Web Anda

Daftar berikut mencakup kode-kode HTML untuk banyak simbol ASCII digunakan pada halaman Web. Bagian pertama mencakup kode karakter pertama 255 dan kode terkait HTML. Kemudian, di bagian bawah Anda akan menemukan beberapa simbol lainnya dan kode-kode HTML untuk menciptakan mereka. Tidak semua browser mendukung semua kode, jadi pastikan untuk menguji kode HTML Anda sebelum Anda menggunakannya. Untuk memanggil kode ASCII tekan tombol Alt+angka yang ada pada tombol keyboard sebelah kanan.

Friendly Code	Numerical Code	Display	Hex	Description
					Horizontal Tab
	
			Line feed
	 		20	space
	!	!	21	Exclamation point
"	"	"	22	Double quote
	#	#	23	Number sign
	$	$	24	Dollar sign
	%	%	25	Percent sign
&	&	&	26	#38ersand (and sign)
	'	'	27	Single quote
	(	(	28	Left parenthesis
	)	)	29	Right parenthesis
	*	*	2A	Asterisk (star)
	+	+	2B	Plus
	,	,	2C	Comma
	-	-	2D	Minus (hyphen)
	.	.	2E	Period
	/	/	2F	Forward slash
	0	0	30	Zero
	1	1	31	One
	2	2	32	Two
	3	3	33	Three
	4	4	34	Four
	5	5	35	Five
	6	6	36	Six
	7	7	37	Seven
	8	8	38	Eight
	9	9	39	Nine
	:	:	3A	Colon
	&#59;	;	3B	Semi-colon
&lt;	&#60;	<	3C	Less-than sign
	&#61;	=	3D	Equal sign
&gt;	&#62;	>	3E	Greater-than sign
	&#63;	?	3F	Question mark
	&#64;	@	40	At-sign
	&#65;	A	41	Capital a
	&#66;	B	42	Capital b
	&#67;	C	43	Capital c
	&#68;	D	44	Capital d
	&#69;	E	45	Capital e
	&#70;	F	46	Capital f
	&#71;	G	47	Capital g
	&#72;	H	48	Capital h
	&#73;	I	49	Capital i
	&#74;	J	4A	Capital j
	&#75;	K	4B	Capital k
	&#76;	L	4C	Capital l
	&#77;	M	4D	Capital m
	&#78;	N	4E	Capital n
	&#79;	O	4F	Capital o
	&#80;	P	50	Capital p
	&#81;	Q	51	Capital q
	&#82;	R	52	Capital r
	&#83;	S	53	Capital s
	&#84;	T	54	Capital t
	&#85;	U	55	Capital u
	&#86;	V	56	Capital v
	&#87;	W	57	Capital w
	&#88;	X	58	Capital x
	&#89;	Y	59	Capital y
	&#90;	Z	5A	Capital z
	&#91;	[	5B	Left square bracket
	&#92;	\	5C	Back slash
	&#93;	]	5D	Right square bracket
	&#94;	^	5E	Caret
	&#95;	_	5F	Underscore
	&#96;	`	60	Grave accent
	&#97;	a	61	Lowercase a
	&#98;	b	62	Lowercase b
	&#99;	c	63	Lowercase c
	&#100;	d	64	Lowercase d
	&#101;	e	65	Lowercase e
	&#102;	f	66	Lowercase f
	&#103;	g	67	Lowercase g
	&#104;	h	68	Lowercase h
	&#105;	i	69	Lowercase i
	&#106;	j	6A	Lowercase j
	&#107;	k	6B	Lowercase k
	&#108;	l	6C	Lowercase l
	&#109;	m	6D	Lowercase m
	&#110;	n	6E	Lowercase n
	&#111;	o	6F	Lowercase o
	&#112;	p	70	Lowercase p
	&#113;	q	71	Lowercase q
	&#114;	r	72	Lowercase r
	&#115;	s	73	Lowercase s
	&#116;	t	74	Lowercase t
	&#117;	u	75	Lowercase u
	&#118;	v	76	Lowercase v
	&#119;	w	77	Lowercase w
	&#120;	x	78	Lowercase x
	&#121;	y	79	Lowercase y
	&#122;	z	7A	Lowercase z
	&#123;	{	7B	Left curly brace
	&#124;	|	7C	Vertical bar
	&#125;	}	7D	Right curly brace
&tilde;	&#126;	~	7E	tilde
	&#127;		7F	Not defined
	&#128;	€	20AC	Euro
	&#129;	�		Unknown
&sbquo;	&#130;	‚	201A	Single low-quote
	&#131;	ƒ	192	Function symbol (lowercase f with hook)
&dbquo;	&#132;	„	201E	Double low-quote
	&#133;	…	2026	Elipsis
&dagger;	&#134;	†	2020	Dagger
&Dagger;	&#135;	‡	2021	Double dagger
	&#136;	ˆ		Hatchek
&permil;	&#137;	‰	2030	Per million symbol
	&#138;	Š	160	Capital esh
&lsaquo;	&#139;	‹		Left single angle quote
	&#140;	Œ	152	OE ligature
	&#141;	�		Unknown
	&#142;	Ž		Capital ž
	&#143;	�		Unknown
	&#144;	�		Unknown
&lsquo;	&#145;	‘	2018	Left single-quote
&rsquo;	&#146;	’	2019	Right single-quote
&ldquo;	&#147;	“	201C	Left double-quote
&rdquo;	&#148;	”	201D	Right double-quote
	&#149;	•	2022	Small bullet
&ndash;	&#150;	–	2013	En dash
&mdash;	&#151;	—	2014	Em dash
&tilde	&#152;	˜		Tilde
&trade;	&#153;	™	2122	Trademark
	&#154;	š	161	Lowercase esh
&rsaquo;	&#155;	›		Right single angle quote
	&#156;	œ	153	oe ligature
	&#157;	�		Unknown
	&#158;	ž		Lowercase ž
&Yuml;	&#159;	Ÿ	178	Uppercase y-umlaut
&nbsp;	&#160;		A0	Non-breaking space
&iexcl;	&#161;	¡	A1	Inverted exclamation point
&cent;	&#162;	¢	A2	Cent
&pound;	&#163;	£	A3	Pound currency sign
&curren;	&#164;	¤	A4	Currency sign
&yen;	&#165;	¥	A5	Yen currency sign
&brvbar;	&#166;	¦	A6	Broken vertical bar
&sect;	&#167;	§	A7	Section symbol
&uml;	&#168;	¨	A8	Umlaut (Diaeresis)
&copy;	&#169;	©	A9	Copyright
&ordf;	&#170;	ª	AA	Feminine ordinal indicator (superscript lowercase a)
&laquo;	&#171;	«	AB	Left angle quote
&not;	&#172;	¬	AC	Not sign
&shy;	&#173;		AD	Soft hyphen
&reg;	&#174;	®	AE	Registered sign
&macr;	&#175;	¯	AF	Macron
&deg;	&#176;	°	B0	Degree sign
&plusmn;	&#177;	±	B1	Plus/minus sign
&sup2;	&#178;	²	B2	Superscript 2
&sup3;	&#179;	³	B3	Superscript 3
	&#180;	´	B4	Acute accent
&micro;	&#181;	µ	B5	Micro sign
&para;	&#182;	¶	B6	Pilcrow sign (paragraph)
&middot;	&#183;	·	B7	Middle dot
&cedil;	&#184;	¸	B8	Cedilla
&sup1;	&#185;	¹	B9	Superscript 1
&ordm;	&#186;	º	BA	Masculine ordinal indicator (superscript o)
&raquo;	&#187;	»	BB	Right angle quote
&frac14;	&#188;	¼	BC	One quarter fraction
&frac12;	&#189;	½	BD	One half fraction
&frac34;	&#190;	¾	BE	Three quarters fraction
¿	&#191;	¿	BF	Inverted question mark
&Agrave;	&#192;	À	C0	A grave accent
&Aacute;	&#193;	Á	C1	A accute accent
&Acirc;	&#194;	Â	C2	A circumflex
&Atilde;	&#195;	Ã	C3	A tilde
&Auml;	&#196;	Ä	C4	A umlaut
&Aring;	&#197;	Å	C5	A ring
&AElig;	&#198;	Æ	C6	AE ligature
&Ccedil;	&#199;	Ç	C7	C cedilla
&Egrave;	&#200;	È	C8	E grave
&Eacute;	&#201;	É	C9	E acute
&Ecirc;	&#202;	Ê	CA	E circumflex
&Euml;	&#203;	Ë	CB	E umlaut
&Igrave;	&#204;	Ì	CC	I grave
&Iacute;	&#205;	Í	CD	I acute
&Icirc;	&#206;	Î	CE	I circumflex
&Iuml;	&#207;	Ï	CF	I umlaut
&ETH;	&#208;	Ð	D0	Eth
&Ntilde;	&#209;	Ñ	D1	N tilde (enye)
&Ograve;	&#210;	Ò	D2	O grave
&Oacute;	&#211;	Ó	D3	O acute
&Ocirc;	&#212;	Ô	D4	O circumflex
&Otilde;	&#213;	Õ	D5	O tilde
&Ouml;	&#214;	Ö	D6	O umlaut
&times;	&#215;	×	D7	Multiplication sign
&Oslash;	&#216;	Ø	D8	O slash
&Ugrave;	&#217;	Ù	D9	U grave
&Uacute;	&#218;	Ú	DA	U acute
&Ucirc;	&#219;	Û	DB	U circumflex
&Uuml;	&#220;	Ü	DC	U umlaut
&Yacute;	&#221;	Ý	DD	Y acute
&THORN;	&#222;	Þ	DE	Thorn
&szlig;	&#223;	ß	DF	SZ ligature
&agrave;	&#224;	à	E0	a grave
&aacute;	&#225;	á	E1	a acute
&acirc;	&#226;	â	E2	a circumflex
&atilde;	&#227;	ã	E3	a tilde
&auml;	&#228;	ä	E4	a umlaut
&aring;	&#229;	å	E5	a ring
&aelig;	&#230;	æ	E6	ae ligature
&ccedil;	&#231;	ç	E7	c cedilla
&egrave;	&#232;	è	E8	e grave
&eacute;	&#233;	é	E9	e acute
&ecirc;	&#234;	ê	EA	e circumflex
&euml;	&#235;	ë	EB	e umlaut
&igrave;	&#236;	ì	EC	i grave
&iacute;	&#237;	í	ED	i acute
&icirc;	&#238;	î	EE	i circumflex
&iuml;	&#239;	ï	EF	i umlaut
&eth;	&#240;	ð	F0	eth
&ntilde;	&#241;	ñ	F1	n tilde
&ograve;	&#242;	ò	F2	o grave
&oacute;	&#243;	ó	F3	o acute
&ocirc;	&#244;	ô	F4	o circumflex
&otilde;	&#245;	õ	F5	o tilde
&ouml;	&#246;	ö	F6	o umlaut
&divide;	&#247;	÷	F7	Division symbol
&oslash;	&#248;	ø	F8	o slash
&ugrave;	&#249;	ù	F9	u grave
&uacute;	&#250;	ú	FA	u acute
&ucirc;	&#251;	û	FB	u circumflex
&uuml;	&#252;	ü	FC	u umlaut
&yacute;	&#253;	ý	FD	y acute
&thorn;	&#254;	þ	FE	thorn
&yuml;	&#255;	ÿ	FF	y umlaut

Extended ASCII Codes

Friendly Code	Display	Description
♠	♠	Spade card suit
♣	♣	Clubs card suit
♦	♦	Diamonds card suit
♥	♥	Hearts card suit
‾	‾	Overline
←	←	Left arrow
→	→	Right arrow
↑	↑	Up arrow
↓	↓	Down arrow

Cara Membuat Artikel Terkait (Related Post)

Kali ini Saya akan membahas tentang Cara Membuat Related Post Di Bawah Postingan Dengan Fungsi Scroll.


Contoh Related Post Di Bawah Postingan Dengan Fungsi Scroll :

Untuk cara membuatnya sobat bisa ikuti langakah-langkah berikut :

• Login ke blogger.com, jika sudah,
• Pilih Template → Edit HTML → Expand Template Widget
• Cari kode <data:post.body/> atau <p><data:post.body/></p>
• Jika sudah ketemu selanjutnya sobat copy script berikut dan pastekan di bawah kode tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>

Perhatian :

• Jika sobat sudah memasang readmore dan ada dua atau tiga kode <data:post.body/> atau <p><data:post.body/></p> pilih yang kedua
• Untuk merubah judul Related Post dengan Articles Terkait atau lainnya, sobat cukup rubah kode pertama yang bewarna merah Related Post dengan kata-kata sobat sendiri.
• Jangan disimpan dulu sob, masih di Edit Template, sekarang kita akan memasukkan kode modifikasinya, untuk itu sobat cari kode ]]></b:skin> jika sudah ketemu copy kode berikut dan pastekan di atas kode ]]></b:skin>

/*-- modifikasi related posts by http://suryachandragobel.blogspot.com--*/
.rbbox{border: 1px solid #000000;padding: 5px;
background-color: #000000;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #EFFBEF;}

Perhatian :

• Untuk merubah warna background dan lainnya sobat bisa merubahnya dengan merubah kode warana pada kode modifikasi. Untuk melihat/mengetahui kode warna sobat bisa lihat disini
• Jika sobat ingin mengganti background related post seperti gambar di atas sobat cukup rubah background-color: #E0F8E0 mejadi background:url(http://letakkan Url gambar sobat disini)
• Simpan dan lihat hasilnya

Selamat Mencoba !

Cara Membuat Readmore Otomatis

Kali ini Saya akan membahas Cara membuat readmore otomatis pada blog tanpa harus memasukan kode <span class="fullpost"> </span> setiap kali anda akan membuat posting sebuah artikel, postingan anda akan terpotong secara otomatis ketika posting anda sudah di publikasikan.







Tanpa berlama lama berikut cara membuatnya :

• Login ke blogger.com, jika sudah,
• Pilih Rancangan atau Tata Letak → Edit HTML → Centang Expand Template Widget
• Lalu cari kode </head> untuk mempermudah pencarian tekan F3.
• Lalu masukkan script di bawah ini di atas kode </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

• Kemudian cari kode <data:post.body/>
• Ganti kode <data:post.body/> dengan kode di bawah ini ↓

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'> <b> Readmore</b>→</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

• Simpan dan lihat hasilnya

Perhatian :


Kita dapat menentukan letak tumbnails ( gambar ), jumlah karakter tulisan baik tanpa maupun dengan tumbnail serta tinggi dan lebar tumbnails pada postingan dengan cara merubah kode merah di atas dan berikut penjelasannya :

• var thumbnail_mode = "float"; "Letak thumbnail berada di “float” kiri atau jika tidak silahkan ganti dengan “no-float” "
• summary_noimg = 250; "Jumlah karakter yang akan ditampilkan di posting tanpa gambar / thumbnail"
• summary_img = 250; "Jumlah karakter yang akan ditampilkan di posting dengan gambar / thumbnail"
• img_thumb_height = 120; "Tinggi thumbnail dalam ukuran pixel"
• img_thumb_width = 120; "Lebar thumbnail dalam ukuran pixel"
• READMORE-<data:post.title/> "Tulisan READMORE bisa diganti misalnya dengan “Baca Selengkapnya” dan apabila anda tidak ingin menampilkan judul dibelakang Readmore, Anda bisa menghapus code script ini <data:post.title/>

Selamat Mencoba !

Cara Membuat Permalink Di blog

Kali ini saya akan mempostingan tentang cara membuat permalink di blog sama persis dengan permanen link di blog ini
Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah atau sesudah postingan, fungsinya yaitu untuk meningkatkan seo on page blog sobat. Biasanya sobat yang newbie menemukan artikel seperti ini dengan keyword cara membuat link tetap atau tambahan detail postingan yang letaknya di bawah artikel, sebelum sobat tahu bahwa namanya adalah permanen link.


Permalink kali ini, saya sudah lengkapi dengan author box dimana di dalamnnya bisa di pasangi foto / gambar milik sobat, juga di lengkapi dengan url artikel yang auto drag ( otomatis ter blok ) . Contohnya bisa sobat lihat tepat di bawah artikel.

Berikut Cara Membuat Permanen Link di Blog :

• Login ke blogger.com, jika sudah, 
• Pilih Template → Edit HTML → Centang Expand Template Widget
• Cari kode ]]></b:skin> agar mudah mencari tekan f3
• Letakkan kode berikut di atas kode ]]></b:skin>

.admin-tulisan{
width:auto;
background:#f2f2f2;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#FF0000;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{
background:#000000;
width:90px;
height:100px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

• Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya. 

<!-- Permalink Surya -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4><b>Ditulis Oleh : <b><data:post.author/></b> - Informasi Dan Tutorial Blog</b></h4>
<div class='kontainer'>
<img alt='Surya.C.G' src='url gambar / foto sobat'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya &#8595;
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://suryachandragobel.blogspot.com/2012/06/cara-membuat-permalink-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Surya -->

Perhatian :

• Ganti kode yang berwarna biru dengan Url foto / gambar milik sobat
• Sesuaikan angka yang berwarna merah dengan ukuran template blog sobat ( ukuran textarea )
• Ganti tulisan berwarna hijau dengan border / garis pembatas lain disini

• Simpan dan lihat hasilnya.

Selamat Mencoba !

Cara Membuat Tabel Menggunakan Script

Tabel jenis 1

Nama tabel

satu kolom

<table width="200" border="1"><tr><td scope="col"><div align="center">Nama tabel</div></td></tr></span></div> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"><tr><td><div align="center">satu kolom</div></td></tr></span></div> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"></table>




Tabel jenis 2

keras

watak

<table width="200" border="1"><tr><td scope="col"><div align="center">keras</div></td><td scope="col"><div align="center">watak</div></td></tr> </table>

Tabel jenis 3

qqq	wwww
aaaaa Goggle	zzzzz

<table width="500" border="1"><tr> <td scope="col"><div align="center">qqq</div></td><td scope="col"><div</span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;">align="center">wwww</div</span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;">align="center"></td> </tr></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"><tr> <td scope="col"><div align="center">aaaaa<br /></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;">Goggle</div></td><td scope="col"><div align="center">zzzzz</div></td></tr></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"></table>

Tabel jenis 4

qqqqqqqqqqqqqqqqqqqqqqqqqq
qq	aa	zz
xxxxx	vvvvv	wwwww
rrrrr	ffffff	hhhhh

Keterangan : colspan="3"
Artinya baris pertama lebarnya 3 kolom

<table border="1" style="margin-left: auto; margin-right: auto; text-align:left; width:200px;"><tbody></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"><tr><th colspan="3" scope="col"><div</span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;">align="center">qqqqqqqqqqqqqqqqqqqqqqqqqq</div</span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;">align="center"></th></tr></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"><tr><td><div align="center"><strong>qq</strong></div></td><td><div align="center"><strong>aa</strong></div></td><td><divalign="center"><strong>zz</strong></divalign="center"></td></tr></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"><tr><td><div align="center">xxxxx</div></td><td><div align="center">vvvvv</div></td><td><divalign="center">wwwww</divalign="center"></td></tr></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"><tr><td><div align="center">rrrrr</div></td><td><div align="center">ffffff</div><td><div align="center">hhhhh</div></td></td></tr></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"></tbody></table>

Tabel jenis 5

haking	facebook	zynga
poker	hacking	email

<table width="0" border="5"><tr><td>haking</td> <td>facebook</td> <td>zynga</td></tr></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"><tr><td>poker</td> <td>hacking</td> <td>email</td></tr></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"></table>

Tabel jenis 6

warna	warna	warna
warna	warna	warna

<table width="0" border="1"</span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;">bordercolor="#00FF00"><tr> <td>warna</td> <td>warna</td> <td>warna</td></tr></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"><tr> <td>warna</td> <td>warna</td> <td>warna</td></tr></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"></table>

Tabel jenis 7

background berwana

background berwana

background berwana

<table width="0" border="1"><tr><td bgcolor="#00FF00"><div align="center">background berwana</div align="center"></td><td bgcolor="#FF0000"><div align="center">background berwana</div align="center"></td> <td bgcolor="#00FFFF"><div align="center">background berwana</div align="center"></td></tr> </table>

Perhatian :

• Copas script yang ada di dalam kotak untuk melihat hasilnya

Semoga Bermanfaat !

Cara Membuat Border pada Blog dan Jenis-jenis Border

Kali ini Saya akan membahas "Cara Membuat Border pada Blog dan Memberitahu Jenis-jenis Border"

Sebenernya Saya mengetahui dari teman.

Jadi daripada saya sendiri juga lupa, maka langsung deh saya posting disini. ma'lum tukang copas. wkwk.



Cara Membuat Border pada Blog :


Contoh :

Teks Atau Sesuatu yang Ingin Diberi Border 

Dibawah ini adalah kode CSS untuk membuat pada blog :

<div style="border: 3px solid rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">

Teks Atau Sesuatu yang Ingin Diberi Border

</div>

• Ganti Tulisan yang berwarna merah dengan Jenis Border dibwah yang sobat inginkan.
• Letakkan Teks Atau Kode yang ingin di Beri Border pada Tulisan warna biru
• Untuk penempatannya terserah sobat.

Jenis-jenis Border :

Solid

Double

Ridge

Dotted

Dashed

Groove

Inset

Outset

Border dengan scroll, lebar dan tinggi :

<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: 300px; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

CSS3 Border Radius (Collectively) :

#CSS3 {       border: 5px solid #000000;
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
}

Hasil :

CSS3 Border Radius (Individually) :

#CSS3 {
border: 5px solid #000000;       -moz-border-radius-topleft: 15px;       -moz-border-radius-topright: 0px;       -moz-border-radius-bottomright: 15px;       -moz-border-radius-bottomleft: 0px;       -webkit-border-top-left-radius: 15px;        -webkit-border-top-right-radius: 0px;       -webkit-border-bottom-left-radius: 0px;       -webkit-border-bottom-right-radius: 15px;
}

Hasil :

CSS3 Border (Multipel) :

#CSS3 {
       border-width:5px;       border-style:solid;       -moz-border-top-colors:blue red orange green purple yellow;       -moz-border-right-colors:blue red orange green purple yellow;       -moz-border-bottom-colors:blue red orange green purple yellow;       -moz-border-left-colors:blue red orange green purple yellow;
}

Hasil :

Selamat Mencoba !