Salam hangat kawan-kawanku :)Gimana kabarnya hari ini? Semoga masih bisa tersenyum dengan hangat seperti hangatnya mentari.
Sebelumnya ada sedikit motivasi buat temen-temenku semua. "Suatu kelemahan justru akan menjadi kekuatan yang tak ternilai harganya jika kita mampu mengatasinya". Maksudnya adalah jika kita merasa lemah dalam suatu hal, akuilah dengan senang hati bahwa sobat emang lemah di situ, lalu dengan perlahan ubahlah kelemahan itu menjadi kekuatan dengan cara terus menerus belajar menghilangkan kelemahan itu dan berlatih supaya kuat di sisi itu. Bukan tidak mungkin yang dahulunya adalah kelemahanmu, sekarang malah akan menjadi kekuatanmu. Believe it or not.
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 Give Away. Pesertanya pasti membludak karena banyak hadiah yang di sajikan buat para kontestan. Malahan ada salah seorang blogger bernama pak Marsudiyanto dapat hadiah domain gratis siap pakai. Huh enak banget deh dapat hadiah domain. Domainnya unik lagi sob, enjoy-html.com namanya. Keren kan sob. Emang layak sih hadiah itu untuk pak Mars, karena beliau salah seorang master yang senang utak-atik html. Banyak juga ilmu yang ane dapatkan dari beliau.
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:
<a href="http://hp-yitno.blogspot.com" target="_blank" title="Blog HP Yitno"><font color="green">HP Yitno</font></a>
Hasilnya seperti ini HP Yitno
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:
<img src="https://lh5.googleusercontent.com/-tucaszltUpo/Tzxxz0z1hmI/AAAAAAAAALk/s8wOsHRTqjQ/s144/hpyitno.png" alt="Blog HP Yitno picture" />
Hasilnya seperti ini:

Secara tidak langsung, sobat telah menggunakan beberapa teknik SEO. Link, font color="warna text" ( warna link), alt="text", <i>huruf miring</i>, <b>huruf tebal</b> 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.
Ini tulisanku, mana tulisanmu?
^original by HP Yitno^
Enjoy html akan menjadi mudah jika kita menganggapnya mudah.
BalasHapusKuncinya adalah keyakinan dan kemauan, serta terus mau belajar.
Kalau ada kemauan - pasti bisa..!!
ajari seonya sekalian dong
BalasHapusYang 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.
HapusTeknik 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,
BalasHapusHTML 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.
HapusBelum nyoba secara keseluruhan sih, tapi pernah copy paste kode html ke wordpress, ada yang bekerja dan ada yang tidak.
waaah bisa dicoba nih :)
HapusSilahkan sobat, semoga berhasil.
HapusEnjoy html sobat :)
HTML itu dari satu sisi menarik ...
BalasHapusJika ditekuni pasti bisa ...
Sayang saya tidak tekun untuk mempelajarinya he he padahal penting buat blogger :)
Trims ...
Semangat HTML
Betul sekali sob :)
HapusAsal 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.
wah seneng nih belajar di sini.. Jd agak2 ngerti maksudnya html 'n SEO. Tdnya ga ngerti sama sekali.. *jd malu*.. hehe..
BalasHapusIjin follow ya.. Kutunggu pelajaran berikutnya.. hihihi..
Hanya sekedar berbagi kawan. Aku juga masih belajar. Mari kita belajar sama-sama sob. Makasih kunjungan dan follow-nya :)
Hapusaku suka kata-kata motivasinya ttg kelemahan yang bisa menjadi kekuatan terbesar...
BalasHapusdari dulu aku mmg sulit mengatasi kelemahanku
nice post ^_^
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.
HapusKunjungan siang sobat
BalasHapuswah dulu saya pernah belajar HTML dan ruwetnya minta ampun :(
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 :)
Hapuslangsung pusing baca kode2nya :D
BalasHapusHe..he.. :)
Hapusawalnya sih emang pusing, tapi lama kelamaan akan asyik bermain dengan html sob. Coba sedikit demi sedikit aja, pasti seru abiezz.
yang alt itu yang ga ku pake, upload aja langsung ga di edit lagi di htmlnya :D
BalasHapusJustru alt ini lumayan penting. Seandainya gambar nggak berhasil ditampilkan, kan ada text pengganti sebagai keterangan gambar.
HapusDulu 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. :)
BalasHapusAne 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.
Hapusyah, selalu pake compose. maklum gaptek... :)
BalasHapusKombinasi 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.
Hapussaya lebih banyak tidak pahamnya tentang html, andalannya ya tutorial dari sobat sobat blogger... terima kasih mas sudah di share...
BalasHapusSama-sama sob. Ane juga masih belajar seperti sobat-sobat semua. Sedikit ilmu yang ane tahu, saya share ke temen-temen. Siapa tahu bermanfaat kawan :)
Hapuswah mantap sob .!? tambah ilmu lg nih saya.!? kbetulan saya sekarang ol pke hp,jd ya pke opramini..!? hahahayyyy
BalasHapusmakasih sob info nya.!?
Sama-sama kang. Senang bisa berbagi.
HapusKalau 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.
BalasHapusAne 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.
Hapushtml banyak dimainin pas setting page sih om, sm kayak bro abi saya suka gonta ganti widget,, tambah link, bikin page sendiri..
BalasHapusYah 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.
Hapusklo q kadang makena campuran omm :D
BalasHapusjadi sama2 berguna buat q :3
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..?
HapusSaya gak suka matematika, html ini juga sama2 ribet sepertinya.. hehe ^^
BalasHapusHe..he..
HapusEmang sedikit ribet sih. Bagi yang nggak mau ribet, cocoknya ya pakai compose aja. Tapi para webmaster, pasti menggunakan kedua-duanya.
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)
BalasHapusTrik 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.
HapusTrik yang sangat cerdas sob, apalagi buat para otodidak yang belajar web design.
Hehehe, bisa aja sobat nih, mampir lagi sob, absen subuh
Hapuswah 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.
BalasHapusBetul 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.
HapusWah saya pusing baca tulisan dan kode2 gini semuanya.. ~.~
BalasHapusMinum obat sakit kepala mbak kalau pusing.
HapusHe..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 ^_^
BalasHapussalam kenal mbah qopet.
HapusSenang 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.
BalasHapusFollow sukses 16
sama-sama kawan. Thanks ya dah follow blog ane. Siap follow balik.
HapusHe..he.. ^_^
wah, dapet info keren lagi hehe :D
BalasHapushe..he.. juga sobat ^_^
HapusCuma info sederhana kok sob. Semoga saja bermanfaat.
wah mantab sob :)
BalasHapusAbsen malam dan Nice Share
Makacih sobat ^_^
HapusCatatan ini hanyalah coretan sederhana sang newbie. Ane tetep mesti banyak belajar dari sobat-sobat semua.
Dooh.. udah pusing aja nih ngelihat kode2 itu :D
BalasHapussaya masih memilih yang praktis (atau karena malas ya?) hehehe...
he..he..
HapusKayaknya 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... :)
BalasHapushe..he..
HapusJadi malu sendiri sama master yulianto. Ane aja banyak belajar sama master yulianto.
Saleum,
BalasHapusSiip, tutorial yang bermanfaat kang, aku nanti minta diajarin privat ya..
waduh,
HapusJadi 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.. ^_^
Hahaha... gak ada alasan deh, ntar kalu aku minta bantu, usahakan deh sebisanya kang. hahaha... sukses terus kang
HapusOk kang :)
HapusSelama ane bisa, siap membantu kapan saja kang.
thx infox ya bang., maaf baru sempat mampir soalx sy baru aja ganti templet.., nice post & happy blogging.. *smile
BalasHapusSama-sama sobat. Indah berbagi. Ane juga baru sempet buka blog sob. Lagi berkunjung ke rumah bulek.
Hapushadir kembali sob :)
BalasHapusAbsen sore dan izin nyimak infonya
Absen diterima kawan.
HapusSilahkan 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,,
BalasHapushe..he..
HapusAne juga masih newbie kok sob. Tapi kalau mau sama-sama belajar ya nggak apa-apa. Mari kita belajar bareng.
ikutan belajar, ayo .. ayo mana lagi, #semangat :D
BalasHapusSabar sobat, dalam postingan juga harus bertahap. Nggak usah terburu-buru meskipun semangat menggebu-gebu. Semua butuh strategi dan proses.
HapusSemangat harus tetap diutamakan dalam nge-blog sobat ^_^
hehey, terlalu bersemangat saya nya, okeh sobat saya akan menunggu dengan sabar, thanks :D
HapusOk kawan happy blogging aja.
HapusKenapa 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^^
BalasHapusok sama-sama kawan.
HapusSep :)
Hapussyukurlah... udha ngerti dikit2 soal html ^^
BalasHapusnice info ! :)
Alhamdulillah sudah ada yang ngerti meskipun hanya sedikit. Sedikit kalau di maksimalkan, akan sangat berguna sekali sobat ^_^
Hapuswah esip nih tutorialnya,,matur nuwon Mas ilmunya
BalasHapusOk 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.
Hapusada hadiah buat sobat..segera ke TKP ya...:)
BalasHapusWah hadiah apa nih :)
HapusJadi penasaran. Siap meluncur ke TKP untuk mengambil hadiah.
Pernah belajar html beberapa tahun lalu, kaena tidak pernah digunakan lagi sekarang jadi lupa dan gak ingat :D
BalasHapusSalam hangat serta jabat erat selalu dari Tabanan
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.
HapusHTML sih ga susah kok. Kalo yang jaman dulu pernah belajar Wordstar waktu masih jaman DOS pasti bisa deh. :)
BalasHapusWah kalau jamannya wordstar dan DOS, susahnya minta ampun. Perintah-perintahnya ribet, so makin males belajarnya.
Hapusi love ur post, keep share^^
BalasHapusmampir balik ke website kami yaa...
berbagi pada sesama dengan mengunjungi http://hapeduli.hajarabis.com/
ok kawan. Siap mampir ke tempat sobat.
Hapusnice :)
BalasHapussaya senang mengikuti postingan anda
postingan yang menarik .
salam kenal yya dan sempatkan mampir ke
website kami.
makacih sobat :)
HapusWuahhh,,, lumayan...m.u.m.e.t.h.. ;)
BalasHapusTapi teteup, sbg blogger pemula wajib belajar html juga...
Makasih Mas, sharenyah... :D
memang sedikit mumet sih. Tapi kalau dipelajari, lama-kelamaan juga bisa. Asal ada kemauan aja sob ^_^
HapusSaya baru tau html sejak kenal Pak Mars, padahal suami saya orang IT :P
BalasHapusSekarang nambah ilmu lagi dari Pak Yitno :D
Wah suaminya orang IT ya. Boleh nih ane belajar sob. Ilmu ane masih sedikit sob. Ane juga banyak belajar pada pak mars ^_^
HapusPermisi, cuman mau share aja nih. ada info lomba bikin artikel. Hadiahnya lumayan ada 2 buah printer laser jet dan voucher. Caranya tinggal like fanpage >> http://www.facebook.com/anugrahpratamacom. Dan ikuti Contest menulis artikelnya.
BalasHapusTerima kasih
Makasih banget sobat atas infonya.Hadiahnya lumayan tuh sob. Ikut nggak ya? Tak pikir-pikir dulu sob :)
Hapusnguprek html mmg menyenangkan pak.. tp klo utk ngeblog sy lb suka pakai compose aja..lb praktis hehehe... baru nguprek htmlnya klo kepepet aja... :D
BalasHapusWah ilmu kepepet muncul lagi. Kayak motivator aja. Kuncinya sukses melakukan sesuatu kan karena keterdesakan. Karena terdesak baru bertindak, gitu kan sob?
Hapuskalo html dasar alhamdulillah saya masih paham mas, tapi kalo udah main script, ampun dah.. hehe.. :D
BalasHapussuka ama motivasinya mas, "Suatu kelemahan justru akan menjadi kekuatan yang tak ternilai harganya jika kita mampu mengatasinya".. ayoo, semangaaaaaaaaatt!!
Sama dong pak ^_^
HapusHtml 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.
nice :)
BalasHapussaya senang mengikuti postingan anda
postingan yang menarik .
salam kenal yya dan sempatkan mampir ke
website kami.
i love ur post, keep share^^
BalasHapusmampir balik ke website kami yaa...
berbagi pada sesama dengan mengunjungi http://hapeduli.hajarabis.com/
wah tentang tutorial, smoga bermanfaat
BalasHapusAmin mbak Ami. Semoga bermanfaat buat sahabat. Makasih ya sudah berkunjung ke blog sederhanaku ^_^
Hapus