Kali ini nggak membahas liburan lagi, melainkan tips and trick. Kemarin habis blogwalking ke beberapa blog sahabat. Ternyata banyak banget sobat blogger yang tulisannya bagus banget dan memiliki ciri khas yang berbeda-beda. Mereka semua pada semangat ngeblog, apalagi kalau ada kontes iveaway. Pesertanya pasti membludak karena banyak hadiah yang di sajikan buat para kontestan. Bahkan salah seorang sobat blogger mendapatkan domain gratis siap pakai.
Yah segitu dulu cuap - cuapnya. Mari kita bahas tips and trick-nya. Nggak banyak sih tipsnya, semoga saja bermanfaat sob. Enjoy html versus compose, maksudnya sih edit html blogspot. Tapi enakan pakai kata enjoy html supaya belajarnya enak dan nggak terkesan sulit sob.
Dasar - dasar html yang sering dipakai hampir 80% adalah tag <a href=" ">nama link lemparan</a> dan tag <img src=" " />. Kalau kita ngeblognya pakai lap-top dengan metode compose, mungkin hal seperti ini nggak berarti. Tapi jika sobat ngeblognya pakai operamini, sobat wajib mengetahui kode dasar html seperti ini. Karena dengan model compose, sobat nggak akan bisa menulis di postingan blogspot sob. Jadi mau nggak mau harus menguasai html meskipun sedikit. Yah inilah kelemahan operamini sob. Tapi karena kelemahan ini, ada banyak manfaat yang bisa kita ambil sob. Kita bisa mengenal struktur html dan memanipulasinya, karena ada beberapa teknik seo yang mengharuskan kita menguasai struktur html.
Bukan bermaksud menggurui, tapi hanya sekedar berbagi sob. Fungsi tag tersebut adalah sebagai berikut:
1. tag <a href=" ">nama link</a> digunakan untuk berpindah dari page satu ke page lainnya. Entah berada di page punya kita sendiri atau page orang lain.
Fungsinya:
# href="url" di isi url tujuan kita.
# target="_blank" jika kita ingin membuka new tab, tanpa menutup halaman kita. Tidak digunakan juga nggak masalah.
# title="text" tujuannya jika mouse berada diatas link tersebut, ada tulisan yang muncul sebagai keterangan link tersebut.
# nama link diisi teks sesuai keinginan kita atau di isi gambar juga bisa.
Contoh pemakaian link:
<a href="http://websitemini.blogspot.com" target="_blank" title="situs mini">Website Mini</a>
2. Tag <img src="url gambar" /> digunakan untuk menampilkan atau memanggil gambar yang berada di hosting gambar, entah itu di picasaweb, flickr atau hosting gambar gratis lainnya.
Fungsinya:
# img src="url gambar" di isi alamat url gambar yang ingin kita tampilkan.
# alt="text keterangan gambar" digunakan untuk memberi keterangan gambar jika seandainya gambar tidak berhasil ditampilkan.
# align="left l center l right" pilih salah satu, digunakan untuk letak posisi gambar. Jika tidak ada, secara otomatis berada di kiri.
Contoh pemakaian:
<a href="http://hp-yitno.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqsWO_p5c666y3xXoK8U3m1Ph9sMK7UdUZG35ELBVt0cYF5GQZIGBhB4DMVae7dGS-lcIId0m1rsxgXLO5R4zl5kiYqDQLAEkdgzTEpwhZp4BO6RHZUUs5mMYdmMj08Puy9UHiBPAGcRn6/s1600/hp-yitno.png" /></a>
Hasilnya akan tampak seperti dibawah ini:
Dari uraian diatas secara tidak langsung, sobat telah menggunakan beberapa teknik seo. Anchor link, huruf tebal, huruf miring, huruf berwarna, alt dan attribut lainnya yang disematkan pada postingan kita akan terindeks oleh mbah Google. Tapi yang paling kuat terindeks adalah link dan alt yang disematkan pada gambar.
96 Komentar untuk "Enjoy html versus compose"
Enjoy html akan menjadi mudah jika kita menganggapnya mudah.
Kuncinya adalah keyakinan dan kemauan, serta terus mau belajar.
Kalau ada kemauan - pasti bisa..!!
ajari seonya sekalian dong
Yang ane jelaskan kan sedikit tentang SEO mbak Lidya. SEO sendiri yang utama adalah tulisanmu, komentator dan visitor. Jika ketiga-tiganya kamu bagus, maka kamu sudah mendapatkan SEO yang lumayan.
Teknik SEO dalam postingan adalah, bidik suatu kata kunci yang ingin di indeks google dengan membuatnya berwarna, huruf miring dan bikin sebuah link. Jikalau dalam postingan ada gambar, kasih model alt sob. Itu sedikit yang ane tahu sob.
Semoga bermanfaat :)
Saleum,
HTML masih terasa sulit jika diterap di wordpres kang. terkadang sering bingung, hahaha...
Betul sekali sobat. Aku sendiri juga kesulitan menerapkan html di wordpress. Tapi bukannya wordpress sudah xhtml sob. Sedikit lebih maju sih. tapi dasar-dasarnya sama.
Belum nyoba secara keseluruhan sih, tapi pernah copy paste kode html ke wordpress, ada yang bekerja dan ada yang tidak.
HTML itu dari satu sisi menarik ...
Jika ditekuni pasti bisa ...
Sayang saya tidak tekun untuk mempelajarinya he he padahal penting buat blogger :)
Trims ...
Semangat HTML
Betul sekali sob :)
Asal kita tekun mempelajarinya, kita akan bisa. Yang mana hal itu nantinya akan sangat menarik sekali sobat. Banyak yang bisa kita lakukan jika kita mengerti sedikit tentang html. Kalau hanya mengandalkan compose, pengetahuan kita tidak akan berkembang sobat.
Tapi yang paling penting dari itu semua adalah semangat ngeblog. Html bisa dipelajari secara bertahap.
waaah bisa dicoba nih :)
wah seneng nih belajar di sini.. Jd agak2 ngerti maksudnya html 'n SEO. Tdnya ga ngerti sama sekali.. *jd malu*.. hehe..
Ijin follow ya.. Kutunggu pelajaran berikutnya.. hihihi..
Silahkan sobat, semoga berhasil.
Enjoy html sobat :)
Hanya sekedar berbagi kawan. Aku juga masih belajar. Mari kita belajar sama-sama sob. Makasih kunjungan dan follow-nya :)
aku suka kata-kata motivasinya ttg kelemahan yang bisa menjadi kekuatan terbesar...
dari dulu aku mmg sulit mengatasi kelemahanku
nice post ^_^
Kunjungan siang sobat
wah dulu saya pernah belajar HTML dan ruwetnya minta ampun :(
Asal kita percaya dan mau berjuang terus, hal itu bukanlah tidak mungkin. Kuncinya adalah ketekunan semata. Hidup adalah belajar sobat. Belajar dari yang tidak bisa menjadi bisa, dari yang tidak berani menjadi berani. Tapi semua itu butuh proses.
Sebenarnya html nggak begitu sulit. Yang sulit adalah permainan css dan javascript. Tapi css dan javascript sendiri adalah bagian dari kode html. Aku sendiri terkadang juga kesulitan memahami html. Tapi karena sering melihat script html orang lain dan mempelajarinya, lama kelamaan juga akan paham dengan sendirinya :)
langsung pusing baca kode2nya :D
yang alt itu yang ga ku pake, upload aja langsung ga di edit lagi di htmlnya :D
Dulu pas masih pake blogspot, masih sering ngeganti-ganti kode HTMLnya sendiri, tapi sejak di wordpress dan mulai sibuk, belum berminat lagi untuk 'upgrade-paket' untuk bisa ngutek-ngutek kode CSSnya. :)
yah, selalu pake compose. maklum gaptek... :)
saya lebih banyak tidak pahamnya tentang html, andalannya ya tutorial dari sobat sobat blogger... terima kasih mas sudah di share...
He..he.. :)
awalnya sih emang pusing, tapi lama kelamaan akan asyik bermain dengan html sob. Coba sedikit demi sedikit aja, pasti seru abiezz.
Justru alt ini lumayan penting. Seandainya gambar nggak berhasil ditampilkan, kan ada text pengganti sebagai keterangan gambar.
Ane malah kurang paham ngoprek-ngoprek di wordpress. Aku pakainya wordpress.com sih. Belum nyoba wordpress.org sob. Seruan ngedit css daripada html langsung sob. css-nya kan bisa digunakan untuk blog lainnya juga.
Kombinasi saja sob. Ketika perlu pakai edit html, ya kita gunakan aja edit html. Kalau lagi nggak perlu edit html ya pakai compose aja. Simple dan mudah kan sob. Blogspot hanya mengfasilitasi para user-nya aja.
Sama-sama sob. Ane juga masih belajar seperti sobat-sobat semua. Sedikit ilmu yang ane tahu, saya share ke temen-temen. Siapa tahu bermanfaat kawan :)
wah mantap sob .!? tambah ilmu lg nih saya.!? kbetulan saya sekarang ol pke hp,jd ya pke opramini..!? hahahayyyy
makasih sob info nya.!?
Sama-sama kang. Senang bisa berbagi.
Kalau pakai operamini emang harus banyak akal untuk menyiasati kelemahannya.
Tadi mampir juga ke blog sobat. Nyari informasi yang ane butuhkan. Artikelnya mantap semua kang.
saya termasuk yang sering gonta-ganti theme, nambah kurang widget, termasuk uji ilmu html semacam ini sampai ada teman kerja yang menyangka saya memang benar-benar menguasainya, padahal saya hanya tinggal memakainya saja, banyak narablog yang berbaik hati membagi ilmunya, salah satunya di sini.
Ane juga sering baca tutorial para master web kok sob. Membaca dan mempelajarinya. Paling seneng kalau memodifikasi sesuai keinginan kita sob. Ya seperti thema sama widget gitu sob. Kalau mengerti sedikit tentang html, kan bisa kita ubah sesuka hati kita.
html banyak dimainin pas setting page sih om, sm kayak bro abi saya suka gonta ganti widget,, tambah link, bikin page sendiri..
Yah menyenangkan kok mengenal html itu,
Compose klo lagi darurat dan mals setting ya, apalagi klo cm pengen curhat kilat,, compose aja lah.. hhe
Betul sangat kawan. Edit html emang banyak digunakan pada add widget. Bagi yang nggak mau repot-repot ya emang enakan pakai compose sih. Aku juga sering pakai compose kalau hanya sekedar bercerita. Dan pastinya lewat komputer tentunya. Kalau ngeblognya lewat opera-mini, terpaksa pakai edit html. Soalnya compose nggak berfungsi. Padahal template blogger lama masih bisa lho sob.
klo q kadang makena campuran omm :D
jadi sama2 berguna buat q :3
Saya gak suka matematika, html ini juga sama2 ribet sepertinya.. hehe ^^
Semuanya berguna, sama seperti sobat galau di atas, ane juga pake kedua-duanya, dan satu lagi, HTML itu bisa buat nyontek kode HTML dari tulisan yg nampak di compose,misalnya: di compose ane punya kata yg berwarna "merah", jika kita ingin mengetahui apa kode HTML-nya warna merah, ya klik aja ke "mode" HTML, di situ kita bisa lihat kodenya, jadi kolom HTML dan compose itu buat belajar kode (menurut ane)
Sama sob, ane kalau pakai komputer juga pakai kedua-duanya supaya mempercepat bikin postingan. Tapi kalau pakai opera-mini, ane pakai edit html terus sob. Blogger.com pasti sudah mempertimbangkan semuanya. Jadi fasilitas itu untuk mempermudah para publisher kan..?
He..he..
Emang sedikit ribet sih. Bagi yang nggak mau ribet, cocoknya ya pakai compose aja. Tapi para webmaster, pasti menggunakan kedua-duanya.
Trik yang sobat lakukan seperti yang ane gunakan juga sob. Ane kalau mau nyontek struktur html juga pakai cara itu. Di samping menggunakan teknik view source juga sih.
Trik yang sangat cerdas sob, apalagi buat para otodidak yang belajar web design.
wah ilmu dasar HTML ya gan, ane jadi tau tu tentang tulisan link. makasih ya.. ane butuh tu yang blank, biar bisa buka tab toh ternyata.
Wah saya pusing baca tulisan dan kode2 gini semuanya.. ~.~
Betul sekali sobat, target="_blank" digunakan untuk membuka link dalam new tab. Jadi web yang ada link-nya nggak ikut tertutup. Jadi pengunjung bisa bolak-balik lagi ke halaman page kita tanpa reload ulang. Karena berada pada tab yang berbeda.
Minum obat sakit kepala mbak kalau pusing.
He..he.. ^_^ ( bercanda sob )
Emang sedikit pusing sih. Tapi nanti kalau sudah bisa, pasti enak juga pakai edit html. Kurang familiar aja sob.
hmm penjelasan yg menarik dan mudah dipahami , salam kenal sebelumnya ^_^
salam kenal mbah qopet.
Senang sekali mbah qopet mampir ke gubug ane. Ane masih newbie di dunia blogger kok sob. Cuma sedikit yang ane tahu.
Sedikit sih tapi rela bagi-bagi.
He..he.. ^_^
Terima kasih sahabat atas berbagi ilumnya ini.
Follow sukses 16
wah, dapet info keren lagi hehe :D
wah mantab sob :)
Absen malam dan Nice Share
sama-sama kawan. Thanks ya dah follow blog ane. Siap follow balik.
He..he.. ^_^
he..he.. juga sobat ^_^
Cuma info sederhana kok sob. Semoga saja bermanfaat.
Makacih sobat ^_^
Catatan ini hanyalah coretan sederhana sang newbie. Ane tetep mesti banyak belajar dari sobat-sobat semua.
Dooh.. udah pusing aja nih ngelihat kode2 itu :D
saya masih memilih yang praktis (atau karena malas ya?) hehehe...
he..he..
Kayaknya memilih yang praktis deh. Emang sedikit merepotkan sih bermain html. Terserah sobat mau memilih yang mana. Yang penting bisa ngeblog asyik dan menarik.
wah tutor yang sangat bagus sobat..sangat membantu saya yang masih perlu belajr banyal ini...salam ya sobat..makasih nih..saya CTRl++D dulu... :)
Saleum,
Siip, tutorial yang bermanfaat kang, aku nanti minta diajarin privat ya..
thx infox ya bang., maaf baru sempat mampir soalx sy baru aja ganti templet.., nice post & happy blogging.. *smile
he..he..
Jadi malu sendiri sama master yulianto. Ane aja banyak belajar sama master yulianto.
waduh,
Jadi salah tingkah sendiri nih sama kang dmilano. Ane aja banyak belajar dari kang dmilano. Termasuk script spoiler yang ane contek dari blog cangkir kupi.
He..he.. ^_^
Sama-sama sobat. Indah berbagi. Ane juga baru sempet buka blog sob. Lagi berkunjung ke rumah bulek.
hadir kembali sob :)
Absen sore dan izin nyimak infonya
Absen diterima kawan.
Silahkan di pilih-pilih artikel yang cukup sederhana ini. Kalau ada kritik, saran dan masukan, atau bahkan unek-unek, silahkan tulis di kotak komentar.
He..he.. ^_^
penjelasan yang sangat kumplit,saya harus banyak belajar disini soalnya saya masih newbie :D salam kenal ya gan,,
ikutan belajar, ayo .. ayo mana lagi, #semangat :D
he..he..
Ane juga masih newbie kok sob. Tapi kalau mau sama-sama belajar ya nggak apa-apa. Mari kita belajar bareng.
Sabar sobat, dalam postingan juga harus bertahap. Nggak usah terburu-buru meskipun semangat menggebu-gebu. Semua butuh strategi dan proses.
Semangat harus tetap diutamakan dalam nge-blog sobat ^_^
hehey, terlalu bersemangat saya nya, okeh sobat saya akan menunggu dengan sabar, thanks :D
Ok kawan happy blogging aja.
Kenapa harus bertahap?
karena ada dunia nyata yang harus dilakukan. Dunia maya untuk hiburan, berbagi informasi, berdiskusi, mencari sesuatu yang baru yang mungkin belum kita tahu dan mencari sahabat yang terus semangat dalam menulis.
Semua butuh keseimbangan kan?
Nice info gan^^
ok sama-sama kawan.
Sep :)
syukurlah... udha ngerti dikit2 soal html ^^
nice info ! :)
Alhamdulillah sudah ada yang ngerti meskipun hanya sedikit. Sedikit kalau di maksimalkan, akan sangat berguna sekali sobat ^_^
wah esip nih tutorialnya,,matur nuwon Mas ilmunya
Ok kang sofyan. Hanya sekedar berbagi sedikit tentang edit html. Masih banyak yang ane belum tahu. Jadi mesti harus banyak-banyak belajar dari para master web disigner.
ada hadiah buat sobat..segera ke TKP ya...:)
Pernah belajar html beberapa tahun lalu, kaena tidak pernah digunakan lagi sekarang jadi lupa dan gak ingat :D
Salam hangat serta jabat erat selalu dari Tabanan
HTML sih ga susah kok. Kalo yang jaman dulu pernah belajar Wordstar waktu masih jaman DOS pasti bisa deh. :)
Wah hadiah apa nih :)
Jadi penasaran. Siap meluncur ke TKP untuk mengambil hadiah.
Meskipun nggak pernah digunakan, pasti masih ingat dikit kan? Ya bernostalgia dengan html yang pernah dipelajari dulu kawan. Semakin hari html semakin berkembang seiring kemajuan sistem operasi.
Wah kalau jamannya wordstar dan DOS, susahnya minta ampun. Perintah-perintahnya ribet, so makin males belajarnya.
Hahaha... gak ada alasan deh, ntar kalu aku minta bantu, usahakan deh sebisanya kang. hahaha... sukses terus kang
nice :)
saya senang mengikuti postingan anda
postingan yang menarik .
salam kenal yya dan sempatkan mampir ke
website kami.
Wuahhh,,, lumayan...m.u.m.e.t.h.. ;)
Tapi teteup, sbg blogger pemula wajib belajar html juga...
Makasih Mas, sharenyah... :D
Saya baru tau html sejak kenal Pak Mars, padahal suami saya orang IT :P
Sekarang nambah ilmu lagi dari Pak Yitno :D
ok kawan. Siap mampir ke tempat sobat.
Wah suaminya orang IT ya. Boleh nih ane belajar sob. Ilmu ane masih sedikit sob. Ane juga banyak belajar pada pak mars ^_^
memang sedikit mumet sih. Tapi kalau dipelajari, lama-kelamaan juga bisa. Asal ada kemauan aja sob ^_^
makacih sobat :)
Ok kang :)
Selama ane bisa, siap membantu kapan saja kang.
nguprek html mmg menyenangkan pak.. tp klo utk ngeblog sy lb suka pakai compose aja..lb praktis hehehe... baru nguprek htmlnya klo kepepet aja... :D
kalo html dasar alhamdulillah saya masih paham mas, tapi kalo udah main script, ampun dah.. hehe.. :D
suka ama motivasinya mas, "Suatu kelemahan justru akan menjadi kekuatan yang tak ternilai harganya jika kita mampu mengatasinya".. ayoo, semangaaaaaaaaatt!!
nice :)
saya senang mengikuti postingan anda
postingan yang menarik .
salam kenal yya dan sempatkan mampir ke
website kami.
Makasih banget sobat atas infonya.Hadiahnya lumayan tuh sob. Ikut nggak ya? Tak pikir-pikir dulu sob :)
Wah ilmu kepepet muncul lagi. Kayak motivator aja. Kuncinya sukses melakukan sesuatu kan karena keterdesakan. Karena terdesak baru bertindak, gitu kan sob?
Sama dong pak ^_^
Html juga baru sedikit yang ane bisa. Tapi kalau main script, kadang bingung juga sih cara kerjanya. Basic-nya bukan web designer atau programmer sih. Belajarnya ngeblog juga otodidak dari para webmaster.
wah tentang tutorial, smoga bermanfaat
Amin mbak Ami. Semoga bermanfaat buat sahabat. Makasih ya sudah berkunjung ke blog sederhanaku ^_^
Hehehe, bisa aja sobat nih, mampir lagi sob, absen subuh
1. Silakan buka Daftar Isi untuk melihat artikel menarik lainnya
2. Komentar sobat adalah investasi besar untuk meningkatkan jumlah pengunjung ke Blog Sobat