Pertama saya akan jelaskan dulu apa itu HTML5 dan kenapa kita harus memakai HTML versi terbaru? HTML sendiri adalah singkatan dari Hyper Text Markup Language. HTML bukanlah termasuk bahasa pemrograman, karena struktur yang dimilikinya dianggap terlalu sederhana, kode-kode yang dibaca oleh browser baris per baris, dari atas ke bawah. HTML juga tidak mempunyai struktur pemrograman yang umum ada pada sebuah bahasa pemrograman standar. HTML hanyalah kumpulan dari beberapa instruksi yang dapat dipakai untuk merubah format suatu naskah atau dokumen.
Saat ini HTML telah menjadi standar yang banyak digunakan secara luas untuk menampilkan halaman web atau situs. HTML juga bisa diartikan sebagai kumpulan simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk menampilkan halaman pada web browser. Oleh karena itu, untuk dapat membuka dokumen yang ditulis dalam format HTML maka kita perlu sebuah tool yaitu berupa browser seperti Opera, Mozilla, Google Chrome, Internet Explorer dan lain-lain.
Tentang HTML5 dan Fungsinya
Dengan semakin berkembangnya teknologi saat ini, format HTML pun dituntut mampu memberikan informasi yang akurat untuk setiap dokumen yang dibaca. W3C atau Word Wide Web Consortium sebagai pengembang XHTML 2.0 dan WHATWG sepakat untuk bekerja sama membuat HTML versi terbaru, yaitu HTML5. Pengembangan format HTML menjadi HTML5 bertujuan untuk memperbaiki teknologi HTML agar dapat mendukung teknologi multimedia terbaru. Selain itu HTML5 dapat mengurangi penggunaan plugin-plugin third party pada HTML sehingga dapat mempercepat kinerja sebuah web atau situs. Plugin-plugin tersebut misalnya Microsoft Silverlight, Adobe Flash, Java dan sebagainya.
Bagi pengembangan website atau blog, format HTML5 juga memberikan beberapa kemudahan, misalnya pada bagian awal file HTML sebelumnya kita harus menulis coding DOCTYPE yang panjang, seperti ini :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html>Kemudian pada baris berikutnya HTML lama biasanya seperti ini
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<html expr:dir='data:blog.languageDirection'>
Validitas HTML sebuah Blog
Sekarang kita menuju ke validasi HTML, validitas sebuah situs atau web bukanlah merupakan suatu keharusan. Awalnya saya bingung, kenapa sih blog mesti valid struktur HTML nya? Kenyataan memang dari beberapa situs besar, bahkan Google sendiri mempunyai sekian puluh error dalam halamannya. Tetapi mempunyai Page Rank tinggi, lalu kenapa kita harus memikirkan Validasi HTML? Apakah Validasi HTML yang biasa ditest melalui validator W3C itu berpengaruh pada Search Engine Google?
Silahkan cari sendiri alasannya di internet ya, soalnya sampai saat ini masih terjadi pro kontra, apakah validitas sebuah blog perlu atau tidak. Kalau saya sih perlu, coba sekarang silahkan cek di Google Analytics, ada bermacam-macam jenis browser yang telah mengakses blog anda. Disitu Anda akan kehilangan beberapa persen pembaca yang kesulitan melihat blog anda dari browser mereka. Maka validasi HTML akan menjamin tampilan blog akan sama di semua browser. Melalui validasi html, semua browser, bahkan yang paling tua sekalipun akan bisa membaca dokumen blog yang Anda kelola dengan mudah
Wah artikel ini bakalan panjang, saya cut sampai disini penjelasan tentang HTML5 dan validasi HTML. Bagi yang masih percaya kalau validitas HTML sebuah blog sangat berpengaruh pada artikel kita di mata SERPs atau SEO, yah silahkan dibuat se-minimal mungkin error margin pada kode HTML Anda. Bagi yang tidak begitu peduli dengan validitas ya silahkan saja, tidak apa-apa. Sebagai kesimpulan, adalah sebuah gagasan yang bagus untuk memiliki validasi HTML pada situs Anda untuk memeriksa kesalahan dan membersihkan coding yang tidak perlu. Dan bagi Anda yang ingin mencoba keberuntungan apakah blog yang Anda kelola Valid HTML atau tidak, silahkan menuju link dibawah ini :
Modifikasi Template Tipe Magazine Valid HTML5
Setelah nulis muter-muter tidak ada ujung pangkalnya, sekarang saya akan bagikan kepada Anda disini, 3 buah template lama dari Creating Website yang tadinya masih memakai format HTML lama, saya ganti menjadi HTML5 dan yang pasti validitasnya bisa dicek nanti. Bentuk dan model template ini sama persis dengan yang sudah saya bagikan tidak ada yang berubah, tapi codingnya yang berbeda, silahkan langsung saja :
Johny Sompret Banget
Johny Kena Banned
Johny Sompret
Ketiga template diatas, sudah saya modifikasi sehingga valid secara HTML5. Bukan jaminan 100% jika Anda memakai ketiga template diatas, blog Anda juga akan mempunyai validasi HTML, semuanya tergantung pengguna. Paling tidak saya sudah membuang kode-kode error yang ada pada template-template diatas, Anda tinggal menyesuaikan jika ada penambahan kode di Edit HTML maupun pada widget. Silahkan dicoba bagi yang tertarik dan semoga bermanfaat.
wah makin mantaff aja nie mas bro, tutorial yg menarik. cuma kalo yang sudah terlanjur dimodifikasi kumaha ya? masa harus bongkar semua mas. Mohon pencerahan, Haturnuhun
ReplyDeletehttp://berita-jogjakarta.blogspot.com/
Wah ada mas Jeha, gimana kabarnya?
DeleteOke nanti saya buatkan tutorial, meminimalisir error pada HTML
Alhamdulillah baik Mas....saya sll ikuti blog yg mendunia ini, cuma jarang comment aja :) sukses mas bro !
Deleteduh baru nyadar punya saya banyak banget yang error'nya
Delete257 Errors, 243 warning
jadi bingung gemana benerinya... hee , nunggu maskolis bikin tutorialnya aja deh .. sekalian mas low bisa dengan tutorial merombak template supaya jadi valid HTML-5
oia satu lagi saya mau nanya,, gemana cara cepat menghilangkan "spasi" pada kode java script.. supaya kodenya jadi nyatu gitu, tanpa enter dan spasi..
makasih mas... :)
Setelah di Cek ternyata masih banyak yg error..
ReplyDeleteGmn nie solusinyah... ??
Ya dihilangkan atau dikurangi mas, disitu kan ada keterangan kode mana yg error, trus solusinya juga ada. Tinggal ikuti petunjuknya mas
DeleteOhh bgitu.. aku tunggu tutornya aja mas..
DeleteMakasih infonya..
ReplyDeletesama-sama, semoga bermanfaat
DeleteMas untuk Johny Sompret Banget feature reply nya kaya joni kentir banget gimana ya cara merubahnya..bisa ga..
Deletemakasih sebelumnya..
Wah menarik nih mas...modif juga dong untuk "Johny Papers Magazine" karena blog saya pakai template itu. 180 Errors, 123 warning(s)
ReplyDeleteBlog saya http://www.kompiajaib.com/
Oke mas kompi nanti saya coba, sebenernya tinggal ikuti petunjuknya aja kok, pasti error bisa dikurangi minimal
Deletemas cara modif sendiri bagaimana? yang dirubah bagian mana aja? kalau harus install template download baru harus ubah dari awal lagi. trims sebelumnya
ReplyDeleteOke nanti saya buat tutorial khusus validasi HTML5 untuk template dari sini
DeleteSaya juga tertarik dengan blockquote di atas mas...keren...
ReplyDeleteajarin dong mas....
Itu namanya syntax highlighter, bikin berat loading dan bikin error, blog ini tadinya valid HTML tp waktu saya kasih kode buat syntax jadi error 4. Tapi kalo mas kompi mau tutorialnya ada disini :
Deletehttp://www.maskolis.com/2011/01/membuat-syntax-highlighter-di-blog.html
mas kompi, betul kata maskolis, bikin berat aja..,file .js nya sj ada lbh 10 ckckck..., dlu sempat pake tp cz bikin berat luding jd ta hapus..
Deletemgkn sy yg memecahkan rekor disini.., erorx sampe 503 :)
ReplyDeleteBisa direduksi mas Nuafal, tinggal ikuti petunjuknya kode mana yg error
DeleteApa tunggu nanti aja saya buat tutorialnya
sprti biasa pasti sy berkata 'sy gk ngerti' jd sy tunggu tutorialx aja dr maskolis... makasih :)
Deletemakasih mas teritorial. baru mampir lagi neh mas
ReplyDeletesama-sama mas, iya kemana aja nih, lagi sibuk ya?
DeleteAssaamualaikum mas Kholis...
ReplyDeleteMas sy ucapkan terimakasih atas templatenya yg keren2.
Gini mas sy pemakai template mas yg berjudul "Johny Magazine, Template Magazine untuk Blog Berita".
Mungkin sudah beberapa kali mas mengganti link untuk JS dari ticker menjadi Newsticker dan sekarang juga masih gak jalan.
Mas boleh gak Saya minta javascript untuk SLIDE.JS dan NEWSTICKER.JS nya karena di Folder JS yg saya download di media fire, kedua JS tersebut tidak ada.
Terimakasih banyak mas. Sukses selalu, tolong kirim scriptnya ke email saya : romeo4722@gmail.com
Itulah permasahannya mas, saya lupa password masuk ke akun blog itu. Jadi belum bisa diperbaiki sampe sekarang.
DeleteUntuk nesticker.js itu sama isinya dengan headline.js
Dan untuk slide.js sama dengan slider-mastemplate.js
Itu ada disini semua :
http://www.maskolis.com/2012/12/download-javascript-bagi-pengguna.html
Ass..
ReplyDeleteMas minta tolong kalo mau menambahkan Translate sejajar dengan Headline, tepatnya bersebelahan dengan widget sosial seperti digambar ini posisinya: (https://lh3.googleusercontent.com/-keU8Kd08CQQ/UOkaFppU5HI/AAAAAAAAAQ4/-KeSiFIczkc/s948/translate.jpg)gimana caranya? Mohon pencerahannya mas.
oiya, saya pake template Johny Joss Banget. Terimakasih sebelumnya ya mas :)
DeleteMemasang translate disini :
Deletehttp://www.maskolis.com/2011/01/memasang-translate-gambar-bendera-di.html
Tinggal diletakkan pada kode social media diatas, sesuaikan ukurannya
Kalau translate nya yang biasa (tidak pakai gambar bendera) kodenya gimana mas?
DeleteBang boleh minta script template yang seperti http://johnytemplate.blogspot.com/ punya ngga, kalau boleh krim ke dharlaferdana@yahoo.co.id ya he..he.. makasi sbelumnya
ReplyDeletemaaf mas sebelumnya saya mau tanya, waktu itu saya kan membuat page baru, setelah saya simpan pagenya kok malah tidak muncul, ada apa ya mas, ini blog saya mas http://unduhnetwork.blogspot.com/
ReplyDeletethanks mas
oh ya mas kalau saya replay juga ga bisa mas kenapa ya ?
Untuk mengaktifkan fungsi reply, Blog ID untuk template ini : 7709675643058616170 cari pada Edit HTML, kemudian ganti dengan blog ID Anda
DeleteMaksudnya muncul di navigasi ato muncul spt postingan ya, bisa dikasih URL pagenya
setiap klik reply muncul pop ads
DeleteKami mohon maaf atas ketidaknyamanan ini.
Coba segarkan laman untuk melihat apakah semuanya kembali seperti semula.
Kesalahan berikut telah ditemukan:
postID: Either postID or pageID should be present
pageID: Either postID or pageID should be present
Jika Anda masih mengalami masalah, sebaiknya:
Kosongkan cache dan cookie browser Anda, lalu coba lagi.
thanks mas
sekaliant tanya mas kenapa fontnya berubah ya? tipenya nggak kayak dulu
DeleteSekarang cari di edit HTML kode ini : 7709675643058616170 setelah ketemu ganti dengan blog ID anda yg letaknya di browser dashboard, baca artikel ini tentang cara aktifkan reply mas :
Deletehttp://www.maskolis.com/2012/07/johny-joss-banget-template-joss-untuk.html
Fontnya nggak ada yg berubah, liat demo sama kan?
http://johny-ember.blogspot.com/
mas udah bisa yg page tinggal masalah reply aja
ReplyDeleteIya mas.... sma kyk diatas-atas dah..bnyak yg error..
ReplyDeleteSAYA TUNGGU TUTORIALnya..hehe
assalamualaikum mas, mau tanya. blog saya agak eror. beberapa postingan sering tak muncul thumnail gambarnya ditampilan awal. mohon bantuannya mas. terima kasih...semoga sukses
ReplyDeletehttp://lppmsumbar.blogspot.com/
Wa'alaikum salam
DeleteGambarnya mesti di upload sendiri waktu bikin postingan mas, jangan copy image dari blog lain, nggak mungkin muncul
terima kasih mas...alhamdulillah berhasil
Deletemaskolis maaf comment di sini biar di baca,
ReplyDeleteminta link js image zoom dengan query donk mas,,
https://sites.google.com/site/bangkolis/javascript/maskolisjquery.imageZoom.min.js
itu ud not found. :(
Disini aja ya :
Deletehttp://www.catswhocode.com/blog/how-to-create-a-fancy-image-gallery-with-jquery
oh ia bos,
ReplyDeletetemplate Johny Joss Mobile Phone ada yang pake cart email gak? bagus tuh template kalau ada cart bos :D
hahaha..ternyata punya saya yang panjz online buanyak yang ga valid mas ada 264 Errors, 259 warning(s) wakakakak..parah
ReplyDeletedulu pernah di cek kirain buat apa gitu...maklum dulu pernah nyasar ke link itu..heheeh
Dikurangi aja mas, ganti pake HTML5 ikuti petunjuknya nggak 100% valid nggak apa2
DeletePunya aku www.beritabungo.blogspot.com terdapat 21 Errors, 15 warning(s)
ReplyDeleteApa aku mesti download ulang?
Nggak usah valid 100% juga nggak apa2, dibawah 50 itu dah bagus
DeleteJgn terlalu dipaksakan
Wahh...saya lagi mentok mas...tinggal 49 Errors, 35 warning(s)
ReplyDeleteSaya tunggu dech postingannya tentang valid HTML5-nya...
iframe memang nggak suppport untuk HTML5 udah biarin aja segitu, sekarang cek validasi css nya
DeleteAslkm maskolis....sy slhsatu penggemar dan pemakai template maskolis nih,,,,salam kenal mas.
ReplyDeletesaya minta pencerahan nih, sy pake template johny sompret bgt (bisa dilihat di http://hamdanionline.blogspot.com/) sy ngisi label nya ko ga berfungsi dan tab viewnya jg ga berfungsi padahal sudah sesuai prosedur dari maskolis...thanks in advance :)
wa'alaikum salam salam kenal juga
DeleteCoba baca disini petunjuknya :
http://www.maskolis.com/2012/08/2-template-kurang-kerjaan.html
Isikan label di kolom label 1 dst, sesuaikan besar kecil huruf labelnya, harus sama seperti yg sudah dibuat
knp ya mas ko ga muncul2 tuh labelnya :(
ReplyDeletetolong
ooooooh iya hahahah berhasil makashi maskolis :)
ReplyDeleteValidasi???
ReplyDeleteAh sering bikin repot kalau dipikirin. Script dari fb page error, dari syntaxhighliter jadi error, dari mathjax jadi error... Yang penting yang asli bawaan templatenya sajalah yang tidak error.
Di demonya kok saya belum melihat tag2nya HTML5, cuma DOCTYPE-nya saja. Biasanya kan ada tag header, section, article, aside, footer dan apalagi itu masih kurang paham.
Download dulu sajalah, mau ngutak-ngatik template masih belum sempat.
Itu optional mas, bisa dipake bisa nggak
DeleteWow, blogku: 225 Errors, 218 warning(s)...
ReplyDeleteMas tinggal 12 Errors, 5 warning(s), kode accordion-nya error banyak dan untuk error nomer satu "targetBlogID=2583045784323695327&zx=28a8e5d8-c2d9-4a2f-abfd-4553774eec6" saya cari-cari ga ketemu, kira-kira itu kode apa ya?
ReplyDeleteItu navbar, non aktifkan navbarnya
Deletetrus yg accordian
Ganti div id dengan div class
tapi pada CSS #accordion ganti dengan .accordion tanda "#" ganti dengan "."
Kode css untuk accordion yg di sidebar di letakkan di edit HTML
Deletemohon referensinya untuk menonaktifkan navbar mas...
DeleteUntuk navbarnya udah mas...ternyata gampang ya...tinggal ke tata letak klik edit pada navbar dan pilih radio button untuk "off". Tinggal satu lagi mas...untuk kode js untuk popular post itu harus bgaimana mas..?
DeleteUdah valid tuh.. nah skrg kesini untuk valid css :
Deletehttp://jigsaw.w3.org/css-validator/
Ini agak susah, kalo saya yg penting dibawah 30 dah bagus
mas Kompi Ajaib atau maskolis bisa bagi caranya ga? agar ketika share artikel ke facebook, diskripsi artikel yang di share muncul juga, bukan diskripsi blog kita yang muncul. trims sebelumnya
DeleteUntuk Mas Adi Oke, ketika bikin postingan baru, Isi Search Description di sebelah kanan.
DeleteUntuk http://jigsaw.w3.org/css-validator/ saya coba malah tampilan blognya ngacak...hehehe...jadi saya balikin lagi... malah jadi warning 9 mas.... waduh saya lupa itu kode apa...
DeleteMaskolis yg baik say pakai tamplate jony ganteng yang baru nih,,,tp total postnya di homepage ko ga bisa ditambah? hanya bisa pas 8 ja,,kalo 12 ga bisa, 16 post jg ga bisa jg..bisa dicek di http://www.jacketmart.net/
ReplyDeletemohon pencerahannya
thanks in advance :)
Coba baca ini ya mas, mungkin bisa bantu :
Deletehttp://productforums.google.com/forum/#!msg/blogger/16N-6ETQEoU/gaxUJWwCZF8J
Blog aku yang www.infobungo.com sebelumnya pakai Johny Simplemag Sekarang coba pakai Johny Kena Banned. Sebenarnya sudah lama mau ganti ke lain hati (eh template)ini, dg artikel ini tambah mantap n hati tuk ganti.
ReplyDeleteMaspri
wah blog aku yg memakai template johny kenthir 309 Errors, 227 warning(s. emang di setiap browser beda tampilannya. coba dicek http://acehtourismagency.blogspot.com/
ReplyDeleteSaya gk ngerti html 5 mas, mumet.
ReplyDeleteSaya pasang related post+thumbnail aja gk bisa2, gagal terus.
Mas, tlng share cara pasang related post with thumbnail yg kaya di template Johny joss banget dong, please mas :).
Mas, mahu bertanya sih.. bagaimana bisa saya delete box ini ya?
ReplyDelete"Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website"
Coba baca tutorial cara membuatnya disini :
Deletehttp://www.maskolis.com/2011/01/s-eperti-janji-saya-kemarin-pada.html
Hapus semua kode yg ada di tutorial itu
Mas, gak bisa. kode nya tidak ada dalam template ini.. saya gunakan template seperti mas ni.. di mana mahu delete kode nya ye?
DeleteCentang dulu kotak kecil expand widget templates nya
Deletemantap banget nih template nya
ReplyDeletebang maskolis emang TOP banget kalo buat template
assalamualaikum,.. mas kolis yang blognya slalu sya jdikan referensi utk tutorial blog..hehe.. mkasih bnyak mas...
ReplyDeletepunya sya sgini mas 332 Errors, 283 warning(s) dr valdator html yg mas rekomen...hahaha..
gmna mas cara perbaikinnya biar valid sma html5?sya masih bingung/blm pham dengan kata" mas yang "tinggal di hapus yang error" mksdnya kyk gmn?
salam knal mas creator template..hehe
Wa'alaikum salam
DeleteOke nanti Insya Allah saya buatkan tutorialnya
mas boleh minta saran ga? ini linnk nya blackphot-template.blogspot[dot]com
ReplyDeleteDibuat lebih sederhana aja mas, macem buatannya biyan atau bestheme bagus tuh
DeleteMas kemarin aku posting artikel ini di blogku,, gpp kan? :) lupa kemarin blm izin. hehe
ReplyDeleteSilahkan Bang Dadan makasih sebelumnya, cuma valid HTML5 bukan berarti SEO friendly, ketiga template ini masih memakai tag H3 belum saya rubah.
Deletemas kalau gitu ada ga tutorialnya untuk buat tag h yang seo friendly?
DeleteBaca artikel ini mas :
Deletehttp://www.maskolis.com/2011/05/bagaimana-agar-template-anda-seo.html
Contohnya perhatikan blog mastemplate.com, nggak mesti dirubah, cuma diganti aja yang H3 diganti H2 dan H1 juga sebaliknya, untuk ukuran kode CSS disesuaikan
Atau kalo mau belajar seo di blog juragan
Owh iya mas, lupa saya nulis judulnya, hehe.. tp gpp lah utk membuat template seo friendly cm tinggal polesin dikit2 aja, contohnya seperti yang mas bilah, h1,h2,h3 dst.. hehe
Deletemakasih mas, oy kalau template mas, yg ada di mastemplate.com kira2 yg mana mas yg lebih baik dan mudah, utk optimasi seonya?
Gini aja, saya kasih ciri-ciri sebuah template SEO friendly :
Delete1. Penggunaan meta tag H1, maksimal ada 2, lebih dari itu malah nggak disukai search engine
2. Minim penggunaan javascript, image
3. Biasanya template sederhana 2 kolom
4. Selama ini saya hanya tau template paling SEO adalah thesis buatan blog juragan dan bikinan Om Choen dari deconstructioncode.blogspot.com. Sayang mereka udah nggak aktif lagi di dunia blogger. Mereka berdua, o-om dan kang rohman mentor saya di dunia blogger lokal dulu, yang lain mah... (maaf) abal-abal termasuk saya tentunya
Punya mas yg ini jg SEO Friendly, kemudian keren jg mas, kebanyakan template2 seo tampilan nya minimalist dan kurang bagus, kalah sm punya mas ini. Perfect..!!
DeleteOh iya terimakasih arahan nya mas. :)
Wadowh... parah punyaku Mas... Saya pakai Johny Sompret Banget setelah di cek robotnya bilang begini Mas: 507 Errors, 395 warning(s) tulisannya merah lagii.
ReplyDeleteMohon sarannya doong.... Pliiis deeh...
Maaf mas sedikit keluar dari topik:
ReplyDeleteSaya mau nanya..Gimana yach caranya supaya setiap kita share artikel baik di fb maupun di tempat lainnya kemudian tulisan utama artikel tersebut muncul secara otomatis:
Tolong dong kasih tau..
Ini contohnya:
http*//3.bp.blogspot.com/-ZKqfra3A7vI/UO1l90wQrxI/AAAAAAAABEY/wHWsiQlqs0E/s1600/Tess.png
Contoh pada gambar tersebut hanya muncul ketika kita share di google plus aja..
Terima kasih..
Sekedar membantu menjawab aja mas...coba masuk ke Setting >> Search Preference >> klik edit pada Description >> kemudian pilih radio button "Yes" pada "Enable search description?" lalu save.
DeleteNah pada waktu kita membuat entri baru, silahkan diisi "search description" pada sebelah kanan post editor sesuai dengan postingan. Description itu akan muncul ketika kita sharing ke Google+ dan Facebook.
Semoga saya betul menjawabnya...
asslamua'alaikum
ReplyDeletesalam sukses buat mas kolis yang jago banget buat template blogger.
saya sudah coba utak atik tapi hmmm susah mungkin karena ilmuku di dunia blogger masih minim :D
blogku yang menggunalan template maskolis adalah www.hoteldibandungs.com... klo memungkinkan bikin modifannya ke html 5 ya mas. he he ngarep
Wa'alaikum salam
DeleteOke nanti dicoba mbak
Mas saya sedang mencoba tutor http://www.maskolis.com/2011/05/bagaimana-agar-template-anda-seo.html. Untuk h3 pada latest posts di homepage (Johny Papers Magazine) apakah diganti dengan h2?
ReplyDeleteNggak usah kalo nggak ngerubah ukuran huruf mas, yg begitu mah nggak di indeks sama Google.
DeleteYang penting judul udah ganti H1 dan jusul tiap postingan kalo diklik juga udah h1, tuunggu beberapa hari (sekitar 1 minggu) kemudian cek SEO score nya.
Latest postnya pakai h3 hurufnya jadi besar besar, tapi kalau pakai h2 jadi normal. Cuman saya rubah text-transform dari uppercase menjadi none sekarang tampilannya seperti semula lagi. Dan kode h2 yang berhubungan dengan "date-header" saya ganti dengan h3. Betul apa salah mas...?
DeleteTerus kode css h2 yang di atas "h2 .date-header" (sekarang jadi "h3 .date-header") saya ganti dengan h3 juga...apa itu betul juga...? Acuannya saya ambil dari mastemplate. Soalnya kalau ga di ganti hurufnya jadi besar sama dengan title post...
Iyaa benar h2 .date-header nya dimanipulasi jadi H3, biar ukuran huruf sama dgn h2 awal
DeleteMakasih nih infonya.. bakal begadang lagi buat benarin error...:)
ReplyDeleteMas minta bantuannya, punya saya
ReplyDeletehttp://semipedia.blogspot.com
Pertama kali upload template nya 91 Errors, 12 warning(s), setelah saya betulkan menjadi 39 Errors, 12 warning(s) yang mau saya tanyakan. yang 39 error saya gak bisa betulin,
1. (& probably should have been escaped as &.) yang & di blog id itu errors ?
2. alt image apakah harus pake tag alt image kalau mau post/bisa dengan alt image otomatis?
mohon bantuannya mas. maaf kalau ada yang salah
terima kasih
1. Hapus semua kode ini di edit HTML :
Deleteb:include name='quickedit'/
2. Waktu upload gambar, hapus imageanchor="1" dan border="0" dan dikasih alt="deskripsi gambar"
Mas kalo Page Navigasi nya mau dipindahkan menjadi sebelum kolom komentar gimana caranya? saya pake template Johny Joss Banget. Mohon bantuannya ya mas, thanks sebelumnya :)
ReplyDeleteNggak bisa mas
Deletekeren mas templatenya.
ReplyDeletetapi yang sidebar sebelah kanan itu apa nggak SEO friendly kan?
valid ya, tapi keren banget.
ReplyDeletegan, buat template wordpress jg donk.. ane dari blog wp blogremaja.com
assalamua'alaykum mas.., mau nanya...
ReplyDeleteselama ini tampilan widget2 sidebar sy atur berdasarkan kode2 widgetx, jd pengaturanx hrs satu persatu.., otomatis scripx jd panjang..., bisa gk klo sekali diatur kena semua??
script tampilan widgetx sama semua mas hny warnax yg membedakan, nti warnax baru sy atur berdasarkan kode2 widget...
makasih solusix :)
Wa'alaikum salam
DeleteYa nggak bisa mas, itu lah salah satu kelemahan blogger. Serba manual
mas saya pake template dari johny,namanya mas paper. tapi kok stlh sya pake sekian bulan dia min authentication required dari google.mohon bantuannya mas,
ReplyDeleteni webnya mas http://tkj17081945cluring.blogspot.com/
Assalamualaikum mas..
ReplyDeletesaya sering ganti2 template lama lama cape juga..tp setelah lihat jony sompret banget dan bantuan mas kolis untuk Cuztomisation Templatenya kayanya sy mau coba bertahan di tempalte ini aja lah..izin download ya mas..sekalian tolong di cek penerapannya di http:abitalita.blogspot.com..terima kasih banyak mas kolis yg baik hati(curhat.com..hehe..)
keren dah pokonya
ReplyDeletemas bisa kasih tau gak cara membuat template kaya mas gitu dari 0 sampai jadi , saya mau blajar buat template yang bagus2 kaya mas di tunggu tutorial nya
ReplyDeleteMas gimana caranya biar menu di johny sompret bisa kayak di black beauty tapi warna biru
ReplyDeletekeren banget
ReplyDeleteAssalamu'alaikum Kang Maskolis, untuk template johny somperet banget & johny kena banned di kolom layout kok ga muncul widget header nya(kayak ketutup widge pavicon)
ReplyDeletejadi gimana caranya memunculkannya agar mengganti header dgn picture sendiri jadi mudah?
Makasih
mas permisi... koq hasil postingan saya ga rapihh.. jadi tuh rengang mohon dilihat blog sayaa.. saya minta tolong... http:/anari29.blogspot.com
ReplyDeletemakasih share templatenya mas
ReplyDeletemas mau tanya kalo untuk menampilkan lagi widget Video Category yang sudah terhapus gmna caranya mas?sama cara memasukan video ke dalam widgetnya gmna jga mas? saya pake template johny sompret banget http://abitalita.blogspot.com,terima kasih.
ReplyDeleteMas Maskolis bisa minta tolong bantuannya dikit..saya cek web saya http://www.holyparabola.com/ ketika pakai ttp://validator.w3.org/ banyak sekali kesalahannya sampai Result: 265 Errors, 133 warning(s) dan bagaimana cara memeperbaiki terus dimana saya bisa belajar cara perbaiki sdgnkan saya masih nol tentang html
ReplyDeleteMaturnuwun Mas.. :)
ReplyDeleteMaskolis yang saya Hormati, Alhamdulillah berkat kebaikan Maskolis sehingga saya dapat membuat blog berita yang begitu indah, yaitu Template Jhony Sompret Banget yang dipasang di http://mandalamekarcimenyan . blogspot . com
ReplyDeleteSaya ucapkan banyak terima kasih yang sebesar-besarnya, semoga Maskolis selalu sukses dalam segala hal.... Amin
Wah maskolis emang makin keren banget... pengen banget liat validasi buat template mas yang ini nih http://maskolis.blogspot.com/ kapan ya mas?
ReplyDeleteIzin kang kolis mau aku sedot...hahahyyy
ReplyDeletemas kolis,aku donload templatenya yang Johny Kena Banned kok belum valid HTML5
ReplyDeleteMas..
ReplyDeleteAku nyari TEMPLETE yg SIMPLE aja...
Kemarin pernah DOWNLOAD dr sini...
Tp,,
Terlalu banyak MENU di HEADERnya..
Coz..
Aku butuhnya cuma sedikit aja..
Bisa kasih TIPS gx mas???
Om Kolis,mw nanya nih......untuk jhony sompret banget,cara embed videonya langsung aja di paste ke dalam gadgetnya yah...???
ReplyDeletemakasih.
Assalamu'alaikum, mas kabarnya blogger update ya? soalnya warning pada semua template blogspot erornya tambah 1. gimana cara edit '&zx' di template? makasih
ReplyDeletemas kolis kok gak peduli ma followernya ea..balas komennya dunk mas...ane juga punya nih pertanyaan.gimana cara ngilangi error yang cuman tinggal satu thok...ini yang error pada &zx..semalaman nyari gak ketemu2>>link type="text/css" rel="stylesheet" href="//www.bloggerdotcom/dyn-css/authorization.css?targetBlogID=1887072919567205576&zx=d347b32c-c5fe-4c68-85ab-f5a8d2e5aa64"
ReplyDeletebro adam, udah di jelasin diatas pada komentnya @kompiajaib solusinya harus dihapus navbar nya ntar hilang itu errornya
Deletekadang yg menjadi permsalahan adalah gambar size sama dengan yg dipostingan, ini yang menyebabkan loading home pagenya lambat... seandainya gambarnya bisa di resize kayak johny croot..luarr bisaaa mantap mas kolisss
ReplyDeletesuper banget, thanks.
ReplyDeletewww.sambudy.com
selamat malam maskolis mohon izin pakai timplite nya ya.dan mau tanya bisa di bikin kan from login untuk setiap akun STUDENT ID,PASSWORD,CEK SETATUS mungkin tiga itu.untuk akun sekolah atau member.makasih mas.templet nya keren-kerin
ReplyDeleteMas saya memakai templte Johny Kena Banned yg belum valid HTML5, setelah saya perbaiki Alhamdulillah sekarang sudah valid HTML5. Walaupun masih 1 Error dan 1 warning. Terimakasih ya mas atas informasinya.
ReplyDeletehttp://ku-klik.blogspot.com/
nice blog gan, info yang menarik, visit my blog http://obatherbal-2u.blogspot.com
ReplyDeletemantap templetenya gan, tapi koq susah y di downloadnya? heee
ReplyDeletehttp://omsambudy.blogspot.com
Thanks infonya gan....
ReplyDeletekunjungi http://hanya-sekedarberbagi.blogspot.com/
Maskolis yang Ganteng mau tanya banyak nih..... " gimana caranya memasang Kode HTML yang Kategori Video untuk di tempatkan di Template lain....? makasih sebelumnya Mas....
ReplyDeleteternyata masih banyak yang error
ReplyDeleteizin sedot ya mas.... :)
ReplyDeletemaskolis... saya coba iseng cek SEO blog ini ternyata mencapai skor 93% di chkme.com
ReplyDeletewaowwwwww...
saya mau tanya mas.. apakah penggunaan iframes berpengaruh pada SEO ? buruk atau baik kah?
terus gimana si bkin diskripsi n keywords website yang bagus?
wah makin mantaff aja nie mas bro, tutorial yg menarik. cuma kalo yang sudah terlanjur dimodifikasi kumaha ya? masa harus bongkar semua mas. Mohon pencerahan, Haturnuhun
ReplyDeletehttp://alossra.blogspot.com/
terima kasih mas, izin download yaa :)
ReplyDeletesemoga blogger Indonesia semakin cerdas dan maju!!!
om, kalau web saya belum html5 kemudian jika saya rubah menjadi html5 dengan mengganti
ReplyDeletesesuai format html5 apa akan ada dampaknya ?
terimakasih
mas mau tanya kalau masalah ya sperti ini bagaimana ,,,
ReplyDeleteMaaf, tetapi kami tidak dapat menyelesaikan permintaan Anda.
Bila melaporkan kesalahan ini kepada Dukungan Blogger atau di Grup Bantuan Blogger, harap:
Uraikan apa yang Anda lakukan ketika menemui kesalahan ini.
Berikan kode kesalahan berikut.
bX-a3wsy7
Informasi ini akan membantu kami melacak dan mengatasi masalah Anda! Maaf atas ketidaknyamanan ini.
Tutup
baru nemu ini web , paling lengkap dan bermutu..
ReplyDeletemohon bimbingan nya mas..
http://blethu-indonesia.blogspot.com
wah keren - keren template nya mas....
ReplyDeleteizin Download ya...
Wah blog saya blm valid html 5 nih mas, ternyata manfaatnya cukup signifikan ya. Harus buru2 nih ngevalid-in! :D
ReplyDeleteMas Maskolis bisa minta tolong bantuannya dunk..saya cek web saya http://www.mdjiung.blogspot.com/ banyak sekali kesalahannya sampai Result: 213 Errors, 12 warning(s) dan bagaimana cara memeperbaikinya yah?
ReplyDeleteSaya pakai template johny somperet banget, tapi cara merubah untuk
Lorem ipsum dolor sit amet big image Monday, June 04, 2012, gimana caranya yah? Mohon petunjuknya.