Kode HTML Huruf Simbol SEO Friendly

SIMBOL NOTASI ‍ ‌ — – ­ " & ˆ ¡ ¦ ¨ ¯ ´ ¸ ¿ ˜ ‘ ’ ‚ “ ” „ ‹ › < > ± « » × ÷ ¢ £ ¤ ¥ § © ¬ ® ° µ ¶ · † ‡ ‰ € & ½ ¾ ¹ ² ³ Á á  â À à Å å à ã Ä ä ª Æ æ Ç ç Ð ð É é Ê ê È è Ë ë ƒ Í í Î î Ì ì Ï ï Ñ ñ Ó ó Ô ô Ò ò º Ø ø Õ õ Ö ö Œ œ š Š ß Þ þ Ú ú Û û Ù ù ÿ Ÿ ý Ý ü Ü ù Ù &#8195; &#8194; &nbsp; &thinsp; &zwj; &zwnj; &mdash; &ndash; &shy; &quot; &amp; &circ; &iexcl; &brvbar; &uml; &macr; &acute; &cedil; &iquest; &tilde; &lsquo; &rsquo; &sbquo; &ldquo; &rdquo; &bdquo; &lsaquo; &rsaquo; &lt; &gt; &plusmn; &laquo; &raquo; &times; &divide; &cent; &pound; &curren; &yen; &sect; &copy; &not; &reg; &deg; &micro; &para; &middot; &dagger; &Dagger; &permil; &euro; &amp; &frac12; &frac34; &sup1; &sup2; &sup3; &Aacute; &aacute; &Acirc; &acirc; &Agrave; &agrave; &Aring; &aring; &Atilde; &atilde; &Auml; &auml; &ordf; &AElig; &aelig; &Ccedil; &ccedil; &ETH; &eth; &Eacute; &eacute; &Ecirc; &ecirc; &Egrave; &egrave; &Euml; &euml; &fnof; &Iacute; &iacute; &Icirc; &icirc; &Igrave; &igrave; &Iuml; &iuml; &Ntilde; &ntilde; &Oacute; &oacute; &Ocirc; &ocirc; &Ograve; &ograve; &ordm; &Oslash; &oslash; &Otilde; &otilde; &Ouml; &ouml; &OElig; &oelig; &scaron; &Scaron; &szlig; &THORN; &thorn; &Uacute; &uacute; &Ucirc; &ucirc; &Ugrave; &ugrave; &yuml; &Yuml; &yacute; &Yacute; &uuml; &Uuml; &ugrave; &Ugrave; Setelah beberapa hari absen update blog,saat berkunjung ke blog yang makin terpuruk ini,saya merasa kasian..ya ngliat feed ama statnya yang makin sepi pengunjung. Berharap dapet pengunjung baru,sambil minum susu,iseng-iseng akh! mosting artikel tentang kamus bahasa Inggris,eh ! salah..,maksudnya,kamus ‘kode html’ untuk ‘huruf simbol’ yang seo friendly. Siapa tahu dengan saya membahas “seo friendly” ini,nanti akan lebih bermanfaat khan? he.. Bagi yang belum tahu Apa itu SEO,bisa baca artikelnya disini. Artikel ini saya kategorikan dalam Menghias Blog,karena ya memang nggak ada hubungannya sama template dan element baru,xixixixi.. Masih Ingat soal Parse kode? yup!yang belum tahu apa itu parse kode,bisa baca disini. Dalam HTML,sebuah “simbol” akan dituliskan berbeda dengan tampilan yang akan di hasilkan. Contoh kecil,saat anda posting di blogspot dan ingin menampilkan kode <head> dengan menulisnya sama seperti kode tersebut pasti akan gagal saat artikel hendak di publikasikan,maka anda disuruh memparsenya menjadi &lt;head&gt;. Nah! pada artikel kali ini,saya punya beberapa koleksi simbol beserta kode notasinya. Cara pemakaiannya,anda bisa lihat huruf-huruf ilustrasi di bawah ini: Contoh saya menuliskan kata : “Kamus Kode HTML Huruf Simbol – SEO Friendly»Pelajaran Blog“ maka saya saat posting akan menuliskan sepert iini: &ldquo;Kamus Kode HTML Huruf Simbol&nbsp;&ndash;&nbsp;SEO Friendly&raquo;Pelajaran Blog&ldquo; atau biar gaul dikit..saya saat posting menuliskan seperti ini: amp;Ccedil;&aacute;&Ntilde;&dagger;&icirc;K &ETH;&ograve;&ntilde;G &szlig;L&Oacute;g &Scaron;&Acirc;&yacute;A &raquo; maka hasilnya nanti akan seperti ini: ÇáцîK ÐòñG ßLÓg ŠÂýA » Keren khan? Untuk lebih lengkapnya bisa lihat tabel di samping. Kolom Simbol,adalah tulisan huruf simbol yang akan tampil,sedangkan kolom Notasi,adalah kode yang anda harus tuliskan. Sebenarnya,artikel kali ini tidak begitu penting,hanya mengisi waktu sambil nyusu..he..he.. Semoga bermanfaat ya..

Form Widget untuk Pengunjung

Form Praktis untuk Pengunjung Blog Sering kita alami,ketika ingin mengirimkan pesan kepada pemilik suatu blog/web lewat email. Kendalanya biasanya,kita harus repot-repot untuk masuk ke account mail kita,baik itu Yahoo mail maupun Gmail. Akibatnya,respon pengunjung menjadi kurang. Yang akan kita bahas kali ini,yaitu tentang membuat form untuk pengunjung/visitor blog,yang berfungsi untuk memudahkan pengunjung mengirimkan pesan langsung ke email kita,tanpa pengunjung harus login dulu ke account mail mereka,gimana? praktis khan? Untuk contohnya anada bisa lihat form ini,di blog temen saya,Mbak Ati di ’cepat-terindex-google.blogspot.com’,atau anda bisa lihat contoh form yang telah berhasil Pelajaran Blog buat di bawah ini : Name: Email Address: Pesan: Sekiranya sudah maksud khan? :D Membuat Form untuk Pengunjung Nah! sekarang saatnya kita menuju langkah pertama membuat form ini. Adalah www.freedback.com,suatu situs yang menyediakan jasa ini.Ok! langsung aja.. Pertama,kunjungi situs ’www.freedback.com’ Klik Tulisan ’Create a Form’ Selanjutnya,isi form sesuai status anda Klik ’Sign Up’ Pergilah ke email dan cek inbox,aktivasi mail dari ’www.freedback.com’ Lalu anda akan dihadapkan halaman ’Edit Form’ dari ’www.freedback.com’ Klik tulisan Add question,jika anda menginginkan form tambahan,anda bisa tulis "Pesan:","Message",maupun sebuah pertanyaan. Ikuti dan dapatkan ’Kode HTML’ nya Copy kode tersebut,dan letakkan pada halaman HTML Anda. Test! dengan email anda sendiri dan Selesai ! Semoga bermanfaat ya.. :D Baca Juga Yang Ini.. Membuat Tanda Tangan Online Pengaturan Image/Gambar pada Blog Meletakkan Video pada Blog

Membuat Tanda Tangan Online

Sudahkah anda mempunyai tanda tangan online? Waduh!sebelum tamat riwayat blog ini,cuman gara-gara ga posting beberapa hari,mendingan posting artikel meskipun kurang banyak membantu,dalam belajar menghias blog. Betul sekali,tanda tangan online anda bisa lihat contoh di bawah ini: Ingin tahu cara membuatnya? Ya,ada cara praktis untuk membuat tanda tangan seperti diatas,bukan dari Paint da juga bukan dari Photosop.Lalu? Membuat tanda tangan online pada blog Untuk membuat bentuk tanda tangan diatas secara praktis,kita memakai jasa www.mylivesignature.com. Tampilan halaman dari www.signature.com seperti ini : Pertama,masuk situs www.mylivesignature.com Pilih tulisan "Click Here To Start" Lalu akan tampil sebuah halaman dengan 3 pilihan pilih "Using the signature creation wizard". Masukkan Nama,nama ini untuk hasil gambar tanda tangan anda,kemudian "Next Step" Ikuti petunjuk,dan sesuaikan sesuai selera anda Jika anda sudah merasa cocok,klik tulisan "Want to use this signature?" Akan ada 2 pilihan "Generate HTML code" dan "Generate BB code " Pilih "Generate HTML code" Selanjutnya ada 2 pilihan lagi,misal pilihan 1 pilih "Generate a code from my handwritten signature" Copy kode tersebut dan letakkan pada Halaman HTML anda. Selesai Meletakkan Kode pada Akhir Artikel/Postingan Untuk meletakkan kode tanda tangan Online dari www.mylivesignature.com ini,ikuti langkah berikut : Pilih Dashboard Lalu pilih Pengaturan Pilih Format Tuju Tulisan Templates Posting Letakkan Kode dari www.mylivesignature.com tadi pada kotak tersebut. Simpan Perubahan. Selesai Melihat Tampilan Tanda Tangan Online pada Artikel Saat hendak posting artikel baru,anda akan melihat tanda tangan/Signature tersebut,tinggal tulis artikel anda diatas kode tersebut. Sederhana khan? Jika anda sudah selesai mengikuti langkah-langkah seperti diatas,memang pada artikel sebelumnya (sebelum anda membuat tanda tangan ini),tanda tangan tersebut belum tampil,jika anda akan menampilkannya,tinggal Edit artikel anda,dan letakkan kode tanda tangan tersebut dibawah artikel anda. Baca Juga Yang Ini.. Memanfaatkan Fungsi Scrollbar untuk Daftar Artikel Pengaturan Image/Gambar pada artikel Blog Membuat Label/Kategori pada blog

Award Dari Sahabat

Akh! akhirnya..masih dapet rizki juga untuk memposting blog yang makin terpuruk ini. "Award dari Sahabat",artikel kali ini sengaja aku keluar dari topik tentang Pelajaran Blog,sejenak untuk menyampaikan terima kasih kepada blogger-blogger yang mau berpartisipasi dan sedia berbaur dengan blog yang sok menggurui ini. Pelajaran Blog|Belajar Membuat Blog|Belajar Menghias Blog,.. menyampaikan terima kasih,khususnya untuk blogger yang telah berkomentar pada pelajaran-blog.blogspot.com,dan bersedia telah memasang link kami. Specially,buat mas Remba,yang berhasil membuat aku melambung tinggi,karena telah memberikan Award ini,meskipun saya tak pernah tahu apa yang membuat blog ini special di mata mas Remba,yang masih muda tapi berjuta talenta itu. Award yang diberikan sahabat Remba kepada Pelajaran Blog,merupakan spirit tersendiri,meskipun blog ini tidak banyak membantu blogger-blogger di luar sana,yah...hanya sekedar cari sahabat. Semoga,dengan ini,Pelajaran Blog,akan lebih semangat ngblog,bukan karena sebuah Award,tapi sebuah kepercayaan dari sahabat-sahabat sesama blogger. Hidup Blogger! Hidup Pelajaran Blog! Hidup Award! Aaaaaalah! gUbrak KrumpyAnG! Baca Juga Yang Ini.. Pengaturan Image/Gambar pada Artikel Blog Rankuman Pelajaran Programming Meletakkan Gambar sebelum Judul Artikel

Pengaturan Image/Gambar pada Artikel Blog

Setelah satu jam browsing dan liat-liat status Facebook,melihat respon temen2 FB terhadap blog ini,menambah semangatku untuk selalu posting artikel terbaru,meskipun bukan lagi barang baru,he.. Memang ya,Belajar di Pelajaran Blog,bukan untuk blogger-blogger tingakat menengah dan mahir,melainkan dikhususkan untuk pemula.Oleh sebab itu tutorial pada pelajaran-blog.blogspot.com sangatlah ringan,seperti pelajaran belajar menghias blog kali ini. Salah satu temen terbaik saya,menghubungi lewat email aku,dia mempunyai kendala masalah gambar/image. Mulai dari gimana caranya menghilangkan border pada Image,sampai tata letak gambar pada artikel blognya. Menghilangkan border Image Template asli blogger,menghias,mengatur image dengan sedemikian rupa,sehingga setiap posting dengan menggunakan gambar akan mempunyai sebuah garis tepi/border.Ada yang duka dan ada yang ingin menghilangkannya. Untuk yang belum tahu bagaimana meletakkan gambar pada Blog,anda bisa baca di "meletakkan object gambar pada blog" di blog ini. Tapi sekarang masalahnya bukan bagaimana meletakkan object gamabar,melainkan menghilangkan border pada gambar. Untuk menghilangkan border/garis tepi gambar,anda hanya disuruh menyisipkan beberapa kode.contoh : <img src="http://alamatURLgambar/" border="0"> Berarti daya harus menuliskan kode tersebut setiap hendak memposting sebuah gambar? ya..repot donk! Nah solusinya,jika anda ingin menampilkan gambar pada blog terutama di blogspot yang secara otomatis aka ter set tanpa garis tepi/border,bisa ikuti langkah berikut : Pergilah ke Dashboard,lalu pilih Tata Letak,selanjutnya pilih Tab Edit HTML. Cari kode seperti di bawah ini: .post img { jika sudah ketemu,dibawah kode tersebut khan ada beberapa baris kode yang kurang lebih seperti ini: border: 1px solid #E3E4E4; padding: 2px; background: #fff; Anda hanya mengganti angka "1px" diatas menjadi angka "0" sedangkan untuk menentukan jarak image dan text bisar tidak terlalu dekat,gantilah angka"2px" menjadi,misal "10px". Selanjutnya,Simpan Templates.Selesai,dan setiap anda hendak mempublikasikan sebuah gambar pada artikel tidak akan mempunyai border/garis tepi. Mengatur Tata Letak Gambar/Image Sekali lagi,untuk blogger pemula,biasanya gambar menjadi kendala,mulai dari border sampai tata letaknya. Sebenarnya sebuah gambar,dama halnya dengan text,dalam hal ini pengaturan untuk tata letaknya. Kendala teman saya,saat meletakkan gambar pada artikel,gambar akan menempati alinea baru dan tak bisa berbaur dengan text maupun disamping text selayaknya Drop Caps seperti pada gambar cewek di atas,xixixixi.. Untuk mengaturnya sangat mudah tinggal menyisipkan kode align="left" Contoh, <img src="http://alamatURLgambar/" align="left"> Untuk memperoleh penempatan gambar seperti gambar di atas,disamping text selayak Dropcaps,letakkan kode image pada awal artikel/alinea,dan tuliskan kode tadi. Penjelasannya njlimet! aku aja bingung mo nyampein gimana..yo wis yo! Baca Juga Yang Ini.. Membuat Drop Caps pada Artikel Blog Membuat Meta BlogCatalog Rangkuman Pelajaran Programming

Membuat Drop Cap pada Artikel Blog

Seperti yang aku pernah janjikan minggu lalu,kali ini kita akan bahas bagaimana ya caranya membuat Drop Caps pada Artikel Blog? Yup!jika anda membuat Drop Caps pada Ms Word hanya dengan pengaturan pada Format?lain halnya dengan blogger yang tidak menyediakan fitur tersebut. Makanya,untuk sekedar menghias blog,kita main-main sama yang namanya Drop Caps ini,aaaalah!Oh iya..tadi pagi-pagi sempet liat blognya temen di cepat-terindex-google.blogspot.com,dan makasih banget buat mbak ati yang sudah memuat artikel dan link saya,dan..udah!udah! koq malah curhat!mana topiknya!!@#$!12!! Ok! langsung aja ya.. Sebenarnya banyak cara yang bisa anda pilih untuk membuat Drop Caps ini,bisa dengan CSS,maupun yang lain. Drop caps-drop caps..,kaya apa sich? Misal saya akan menuliskan sebuah kalimat seperti ini: Saya sekarang sedang belajar membuat Drop Caps di Pelajaran Blog,saya nanti bisa membuat Drop Caps pada setiap artikel saya pada blog,jangan lupa,belajar membuat Drop Caps di Pelajaran Blog. Jika saya ingin membuat Drop Caps dan memperbesar huruf "S" di atas,saya hanya menuliskan kode berikut : <span style="float: left; color: black; font-size: 50px; line-height: 30px; padding-top: 5px; padding-right: 5px; font-family: arial;">S</span>aya sekarang sedang belajar membuat Drop Caps di Pelajaran Blog,saya nanti bisa membuat Drop Caps pada setiap artikel saya pada blog,jangan lupa,belajar membuat Drop Caps di Pelajaran Blog. Maka hasinya nanti akan menjadi seperti ini : Saya sekarang sedang belajar membuat Drop Caps di Pelajaran Blog,saya nanti bisa membuat Drop Caps pada setiap artikel saya pada blog,jangan lupa,belajar membuat Drop Caps di Pelajaran Blog. Mudah khan? Anda hanya menisipkan kode seperti di atas,pada setiap anda menuliskan artikel pada blog. Untuk lebih efisien anda fokuskan menulis artikel pada halaman html bukan tulis/compose!. Baca Juga Yang Ini.. Menghilangkan Tulisan Subscribe To/Tulisan Langganan Posting Atom Menghilangkan Navbar pada Blog Membuat Navbar Blog Fleksible

Rangkuman Pelajaran Programming

CSS,PHP,HTML,JAVASCRIPT dan ASP Memanfaatkan situs penyedia ilmu programming dalam belajar cara membuat blog/web,pasti tidak lepas dari CSS,PHP,HTML,Javascript maupun yang lain,meskipun sekarang sudah sebagaian besar didukung oleh WYSWYG (what you see what you get) seperti pada blogger. Ya..paling tidak kita harus menguasai salah satunya khan? Jika sebelumnya Pelajaran Blog membahas tentang Apa itu CSS?,Apa itu Javascript?,Apa itu HTML? dan yang lain,tapi kali ini kita membahas situs-situs penyedia ilmu gratis tetang hal-hal tersebut di atas, Situs Penyedia Ilmu Programming Gratis Pelajaran Blog merekomendasikan situs-situs di bawah ini untuk media pembelajaran,karena mudah dipahami,akurat dan lengkap,terutama untuk pemula. #1 Belajar CSS Anda bisa kunjungi : http://www.w3schools.com/css/ http://www.learn-css-tutorial.com/ http://csseasy.com/ #2 Belajar PHP Anda bisa kunjungi : http://www.learnphp.org/ http://www.phpbuddy.com/ http://www.scripts.com/php-scripts/ #3 Belajar HTML Anda bisa kunjungi : http://www.w3schools.com/html/DEFAULT.asp http://www.davesite.com/webstation/html/ http://www.html.net/ #4 Belajar Javascript Anda bisa kunjungi : http://userscripts.org/ http://www.w3schools.com/JS/default.asp #5 Belajar ASP Anda bisa kunjungi : http://www.asp.net/ http://www.w3schools.com/asp/default.ASP http://www.learnasp.com/learnasp/ **uNTUK YaNg LaIn,gOOGLInG aJa Ya.. Semoga bermanfaat.. **bocoran artikel selanjutnya.."Membuat Dropcaps Pada Artikel di Blog",tapi rencana..khan bisa berubah,so..update truz yach.. Baca Juga Yang Ini.. Apa itu HTML? Apa itu Javascript? Apa itu CSS?