Cara Memasukkan Foto ke Blog

Bagaimana Cara Memasukkan Foto ke Blog atau ke website? Temukan jawaban untuk cara memasukan foto ke halaman blog di universityofblogger.blogspot.com.

Sebelumnya kita sudah persiapkan foto yang akan dimasukkan atau di upload ke blog kita. Saya sarankan untuk mengubah dulu extensi photo ke JPG atau JPEG jika extensi photo anda belum JPG.

Sebenarnya photo yang dihasilkan oleh kamera biasanya default dihasilkan dengan extensi JPG atau JPEG, tapi jika mungkin ada kamera yang menghasilkan photo dengan extensi lain , misalnya BMP atau lainnya silahkan di export dulu menggunakan tool Microsof picture manager.

Buka photo anda dengan MS picture manager ( MSPM) lalu klik Tab File, kemudian klik export, dan pada sisi sebelah kanan MSPM nanti akan ada pilihan , pilih extensi JPG. Untuk mengetahui extensi photo, klik kanan pada photo di file komputer anda, lalu pilih properties.

Export Gambar Ke JPG


Nanti akan ada keterangan extensi gambar. Setelah anda memastikan extensi gambar ke JPG,lalu compress lah photo anda dengan cara : Di tool MSPM , klik tab “EDIT pictures” lalu klik “Compress Picture” centang radio button di pilihan “Webpages” lalu klik Oke, dan SAVE.



Tujuannya agar file gambar tidak terlalu besar kapasitas byte nya. Biasanya hasil photo dari kamera yang bermega pixel 3 MB akan menghasilkan gambar lebih dari 1 MB. Ini tentu akan memberatkan loading halaman blog. Tapi jika sudah di Compress ke opsi “Webpages” bisa direduksi menjadi 5 persen saja bahkan bisa lebih kecil lagi jika kita menggunakan software GIMP.

Selanjutnya tibalah saatnya untuk memasukkan photo yg sudah kita perkecil resolusinya ke blog kita. Lihat caranya diisini : Cara memasukkan gambar ke Blog.

Semoga bermanfaat...

Cara Memasukkan KOdeHTML diPosting Blog

Cara Memasukkan Contoh KOde HTML di halaman Posting Blog
Mungkin suatu saat sobat ingin memasukkan kode-kode HTML dihalaman posting blog? Misalnya untuk memberikan contoh ke pengunjung tentang sebuah kode HTML ?

Untuk memasukkan kode HTML ke halaman posting blog, oleh beberapa ahli template disarankan untuk didahului dengan Tag <code> dan diakhiri dengan tag </code>



Saat saya menulis posting ini : Maret 2012. Di editor postingan blogspot kita hanya langsung mempastekan kode HTML saja disaat posting di posisi COMPOSE, tanpa merubah atau memparse nya. Ini nanti akan otomatis diparse oleh editor blogspot.

Lain halnya jika kita ingin menampilkan misalnya banner,maka kita harus mempaste kode2 hTML dalam posisi editor posting di posisi HTML , lihat disini : Cara Memasukkan Script banner di Blog.

KOde HTML di Halaman POsting
Gmbr.1 : Contoh memasukkan kode HTML di posting Blog


Contoh Banner yg muncul di halaman posting blogs misalnya :

  Banner dari sofware Easy

Nah untuk menampilkan banner tsb sebagai contoh untuk misalnya pengunujgn yg mau kia kasih tau kode HTML banner, kita harus mempaste kode HTML banner dengan posisi editor HTML :

<a href="http://s420.photobucket.com/albums/pp281/goldenphoto_2009/?action=view&amp;current=TestEasyGIFAnimatorSoftwareFlashbar.gif" target="_blank"><img src="http://i420.photobucket.com/albums/pp281/goldenphoto_2009/TestEasyGIFAnimatorSoftwareFlashbar.gif" alt="Banner dari sofware Easy" border="0" /></a>

Note : Untuk yang mau bikin banner gratis bisa lihat disini : Cara membuat Banner Flash Animasi

Tapi jika suatu hal tidak ada fitur otomatis , maka kita harus memparsenya lebih dulu.memparse adalah mempersamakan kode html dalam bentuk lain. Ini disebut Karakter Entity .diantaranya yang sering diparse yaitu :

Tanda < diparse dengan &lt;
Tanda > diparse dengan &gt;
Tanda & diparse dengan &amp;
Tanda " ( Kutip dua ) diparse dengan &quot;

Karakter entity selengkapnya :

Catatan : Nama karakter Entity harus ditulis sama persis dengan contoh dibawah ini. Ada dua bentuk persamaan Karakter entity yg bisa dipakai, yaitu dengan Entity Angka, dan Entity nama.

Hasil Entity Angka Entity Nama Keterangan
" &#34; &quot; quotation mark
' &#39; &apos; (tdk berfungsi di IE) apostrophe
& &#38; &amp; ampersand
< &#60; &lt; less-than
> &#62; &gt; greater-than



ISO 8859-1 Symbols
Hasil  Entity Angka Entity Nama Keterangan
&#160; &nbsp; non-breaking space
¡ &#161; &iexcl; inverted exclamation mark
¢ &#162; &cent; cent
£ &#163; &pound; pound
¤ &#164; &curren; currency
¥ &#165; &yen; yen
¦ &#166; &brvbar; broken vertical bar
§ &#167; &sect; section
¨ &#168; &uml; spacing diaeresis
© &#169; &copy; copyright
ª &#170; &ordf; feminine ordinal indicator
« &#171; &laquo; angle quotation mark (left)
¬ &#172; &not; negation
&#173; &shy; soft hyphen
® &#174; &reg; registered trademark
¯ &#175; &macr; spacing macron
° &#176; &deg; degree
± &#177; &plusmn; plus-or-minus
² &#178; &sup2; superscript 2
³ &#179; &sup3; superscript 3
´ &#180; &acute; spacing acute
µ &#181; &micro; micro
&#182; &para; paragraph
· &#183; &middot; middle dot
¸ &#184; &cedil; spacing cedilla
¹ &#185; &sup1; superscript 1
º &#186; &ordm; masculine ordinal indicator
» &#187; &raquo; angle quotation mark (right)
¼ &#188; &frac14; fraction 1/4
½ &#189; &frac12; fraction 1/2
¾ &#190; &frac34; fraction 3/4
¿ &#191; &iquest; inverted question mark
× &#215; &times; multiplication
÷ &#247; &divide; division


ISO 8859-1 Characters
Hasil  Entity Angka Entity Nama Keterangan
À &#192; &Agrave; capital a, grave accent
Á &#193; &Aacute; capital a, acute accent
 &#194; &Acirc; capital a, circumflex accent
à &#195; &Atilde; capital a, tilde
Ä &#196; &Auml; capital a, umlaut mark
Å &#197; &Aring; capital a, ring
Æ &#198; &AElig; capital ae
Ç &#199; &Ccedil; capital c, cedilla
È &#200; &Egrave; capital e, grave accent
É &#201; &Eacute; capital e, acute accent
Ê &#202; &Ecirc; capital e, circumflex accent
Ë &#203; &Euml; capital e, umlaut mark
Ì &#204; &Igrave; capital i, grave accent
Í &#205; &Iacute; capital i, acute accent
Î &#206; &Icirc; capital i, circumflex accent
Ï &#207; &Iuml; capital i, umlaut mark
Ð &#208; &ETH; capital eth, Icelandic
Ñ &#209; &Ntilde; capital n, tilde
Ò &#210; &Ograve; capital o, grave accent
Ó &#211; &Oacute; capital o, acute accent
Ô &#212; &Ocirc; capital o, circumflex accent
Õ &#213; &Otilde; capital o, tilde
Ö &#214; &Ouml; capital o, umlaut mark
Ø &#216; &Oslash; capital o, slash
Ù &#217; &Ugrave; capital u, grave accent
Ú &#218; &Uacute; capital u, acute accent
Û &#219; &Ucirc; capital u, circumflex accent
Ü &#220; &Uuml; capital u, umlaut mark
Ý &#221; &Yacute; capital y, acute accent
Þ &#222; &THORN; capital THORN, Icelandic
ß &#223; &szlig; small sharp s, German
à &#224; &agrave; small a, grave accent
á &#225; &aacute; small a, acute accent
â &#226; &acirc; small a, circumflex accent
ã &#227; &atilde; small a, tilde
ä &#228; &auml; small a, umlaut mark
å &#229; &aring; small a, ring
æ &#230; &aelig; small ae
ç &#231; &ccedil; small c, cedilla
è &#232; &egrave; small e, grave accent
é &#233; &eacute; small e, acute accent
ê &#234; &ecirc; small e, circumflex accent
ë &#235; &euml; small e, umlaut mark
ì &#236; &igrave; small i, grave accent
í &#237; &iacute; small i, acute accent
î &#238; &icirc; small i, circumflex accent
ï &#239; &iuml; small i, umlaut mark
ð &#240; &eth; small eth, Icelandic
ñ &#241; &ntilde; small n, tilde
ò &#242; &ograve; small o, grave accent
ó &#243; &oacute; small o, acute accent
ô &#244; &ocirc; small o, circumflex accent
õ &#245; &otilde; small o, tilde
ö &#246; &ouml; small o, umlaut mark
ø &#248; &oslash; small o, slash
ù &#249; &ugrave; small u, grave accent
ú &#250; &uacute; small u, acute accent
û &#251; &ucirc; small u, circumflex accent
ü &#252; &uuml; small u, umlaut mark
ý &#253; &yacute; small y, acute accent
þ &#254; &thorn; small thorn, Icelandic
ÿ &#255; &yuml; small y, umlaut mark