diary alerga

 kali ini saya dalam meng edit template blogger begitu banyak mendapat pelajaran mulai dari javascript sampai css , kali ini saya akan mengshare beberapa kode atau script yang mungkin temen" blogger yang lagi modif template memerlukan nya.  tetapi saya tidak akan semua menuliskan di posting ini karena mungkin kebanyakan saya akan meng share sebagian dan mungkin sisa nya di postingan depan :) untuk kode atau script nya silahkan simak baik baik dibawah ini <b:if cond='data:blog.url == data:blog.homepageUrl'>    keterangan =  untuk yang ingin ditampilkan di Home saja <b:if cond='data:blog.pageType == &quot;item&quot;'>   keterangan= untuk yang ingin ditampilkan di post saja <b:if cond='data:blog.url != data:blog.homepageUrl'>  keterangan= selain di home page <b:if cond='data:blog.pageType == &quot;archive&quot;'>  keterangan= hanya di archive page <b:if cond='data:blog.pageType! =...

 sebetulnya ini bukan ide saya tapi saya mengikuti ide nya blog blog.kangismet.net dimana untuk menghilangkan eror komentar blogger pada saat validasi html5 dimana kode dari blog kang ismet saya terapkan pada template blogger saya hingga komentar valid html5 .  untuk demo silahkan view di validator blog saya :) klik link dibawah ini https://diaryalerga.blogspot.com/2013/09/naruto-shippuden-333-sub-indo-resiko.html https://diaryalerga.blogspot.com/2013/09/naruto-shippuden-333-sub-indo-resiko.html?m=1  yang saya ikuti untuk pertama kali menerapkan komentar hack nya kang ismet sbb  1. saya login ke dashboard blogger  2. pilih template dan memback up nya  3. saya pilih edit html  4. di blog nya kang ismet ada 2 style silahkan anda berkunjung ke blg nya untuk melihat style nya dan ini kode css nya yang saya ambil style 2 tetapi dah saya modif sedikit agar valid css3 ini kode css nya #comments {} #comments h3 {margin-bottom:25px;font-s...

 membuat print pada halaman artikel atau single post memang agak" terlalu tidak penting tapi bagi yang mau memasang nya buat ngeprint dan menyimpan halaman artikel bukan dari screenshot apa salah nya fitur ini lumayan baik dan valid html5 tentunya :d   seperti  anda lihat ada tulisan print this page dibawah kanan artikel saya ini nah itu dia nanti akan di save ke komputer kita terserah mau pake format xls atau apa aja tergantung kebutuhan sih untuk memasang print artikel ini cukup mudah dan langkah langkah nya sebagai berikut : untuk demo silahkan lihat blog ini 1. login ke dashboard blogger sobat 2. pilih template lalu backup terlebih dahulu ( jaga" kalo eror kan bisa dibalikin :D) 3. pilih edit html 4.pasang kode css dan kode script print artikel yang saya share dibawah ini  - untuk kode css silahkan simpan di atas kode ]></b:skin> bila templte sobat dah di modif pasang saja sebelum </style>  ini kode css nya tapi bila sobat ...

 setelah saya fahami ternyata html5 ini sangat rumit apalagi saya ngeblog disini sangat dibatasi tidak seperti di self hosting , permasalahan sekarang meta tag cache-control di validator  w3c https://www.w3.org/TR/html5/semantics.html sudah tidak valid html5 lagi'  saya mencoba beberapa blog di blogspot beradu dengan caching control dan meta tag all head content saya tambah kan dan ternyata lumayan melesat untuk seo nya sedangkan pada blog ini yang saya modif sedemikian rupa hingga valid html5 kurang sekali seo nya entah lah mungkin dari segi artikel ku yang kurang bagus di mata google.  balik lagi ke soal penggunaan <meta http-equiv="cache-control" content="no-cache" /> di groupgoogle saya mengajukan pertanyaan seputar tag cache control pada html5 ini jawaban mereka Menempatkan instruksi caching ke meta tag bukanlah ide yang baik, karena meskipun browser dapat membacanya, proxy tidak akan. Untuk alasan itu, mereka tidak sah dan And...

 pasang related post valid html5 ini mudah sekali penerapan nya ini saya share script related post valid html5 ini saya mendapatkan kode related post valid html5 dari teman dan saya modif lagi agar valid html5  pertama biasa login ke akun blogger anda  pilih nama blog anda yang mau di pasang artikel terkait lalu pilih template  dan back up dahulu template anda  langkah selanjutnya anda simpan kode css related post tepat diatas kode </head> bila blog anda sudah di modif simpan saja sebelum </style> ini kode nya silahkan copy #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : non...

 pertama sekali ngeblog ku pake template ini yang valid html5 dan sekarang ku mau share template valid html5 untuk blogger yang sudah ku edit.  ini dia penampakan nya keterangan template valid html5 editan 1. valid html5 versi mobile dan wap 2. valid css3 idem ma no 1 3. breadcumb ready 4. richsnippet bintang dan foto 5. share button 6. ditambah kan beberapa title ditiap page 7. title thumbail sesuai judul posting 8. tampilan mobile yang dinamis 9. untuk komentar pakai komentar google plus agar valid html5   dan silahkan anda edit lagi bila anda ingin memakai nya  bila ingin melihat demo nya atau juga igin men download template valid html5 ini silahkan klik link di bawah ini                                    DEMO DOWNLOAD

 kemaren ku ganti template dan pasang rischsnipet breadcumb valid html5 ternyata hasilnya ada yang eror saat di validasi html5 di w3c org nya terus apa kegunaan breadcumb ini? breadcumb adalah navigasi untuk memudah kan pengunjung mengetahui sedang berada dimana /posisi dalam web kita dan untuk kode eror yang di valid html5 saat memasang breadcumb sebelumnya adalah < div class = 'breadcrumbs' xmlns:v = 'https://rdf.data-vocabulary.org/#' > baiklah setelah saya nyari preferensi akhirnya ku mendapatkan ganti nya yaitu breadcumb valid html5 under blogger langkah pasang nya sbb :  1.login ke dashboard blogger  2.pilih template lalu back up template (menghindari eror tmplte)  3.klik edit html  4.lalu pasang kode css ini klik 2x untuk copy .breadcrumbs { padding : 0 px 5 px 5 px 0 ;   margin-bottom : 20 px;   margin-top : 0 px;   font-size : 11 px;   color : #5B5B5B ; ...

 Dalam membangun blogger valid html5 asyik asyik susah tujuan nya bukan untuk seo tetapi untuk pembelajaran bahwa seperti inilah membuat yang sesuai aturan valid html5 nya (ya sapa tau nanti ngehosting lagi \emm )  malam kemaren jujur ku sangat kaget setelah mengirim / mensubmit sitemap di webmaster google kulihat di menu penyempurnaan HTML terdapat satu yang bikin ku heran , loh koq bisa yah duplicat konten lalu aku pun melihat rincian nya mana sih yang duplikat konten tersebut. dan ini setelah ku lihat rincian nya Yang duplikat konten itu antara blogspot.com/judul-posting.html dan blogspot.com/judul-posting.html?m=0 padahal ini kan bawaan nya blogger tidak bisa di ubah tidak seperti self hosting sih.  Akhir nya ku mengalah dari pada bingung bingung langsung menuju dashboard blogger dan menuju robots.txt untuk meng edit robot.txt nya dari default robot.txt  dan ini akhir nya settingan robot.txt blogger saya ini klik untuk melihat robot.txt  ...

  saat memulai blog disini tips Membuat Blog Valid HTML5 saya abai kan karna memang tidak tahu sama sekali sama html5 ini tetapi karena ku merasa belum puas akhirnya aku pun cari tips Membuat Blog Valid HTML5  lalu aku pun mencari apa sih yang rame di bicarain di para blogger dan ternyata banyak sekali yang bahas tips Membuat Blog Valid HTML5 , dan aku pun sempet malas buat mengetahui html5 ini tapi dikarenakan berasa belum puas sama blog yang saya buat akhirnya saya memaksakan untuk belajar tips Membuat Blog Valid HTML5 ini Apa itu HTML5? HTML5 adalah pengembangan dari versi sebelumnya, dimana tujuan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin. Intinya, agar web/blog terbaca sempurna di semua browser dan mudah dalam penggunaan diantara keuntungan me validasi blog adalah : Membantu Search Engine meng-indeks dokumen website/blog lebih baik. Render br...

 selanjut nya dalam membenahi blog saya ini pada css nya salah satu nya keluar eror pada baris 1 mungkin beda template ya bedalah baris nya , oke lanjut eror pada css saya ini di css validator nya yaitu webkit-user-select is an unknown vendor extension dan -moz-user-select is an unknown vendor extension pada awalnya saya pun bingung maklum saya kan bukan anak TI cuma ingin ngeblog aja atas kemauan sendiri walau pake gratisan :d hehehehe baiklah setelah lihat gambar diatas aku langsung menuju pada css saya untuk melihat kode css nya dan aku lihat ada kode -webkit: 2em ; -moz:5em bla bla... ku langsung nyari refrensi melalui mbah google dan ku menemukan beberapa fungsi dari nama nama itu : webkit = untuk browser IE SAFARI moz = untuk browser MOZILLA op = untuk browser OPERA  dari kode diatas yg saya quote ternyata itu tidak relevan dengan bersatu nya kode css yang lain yang sudah memiliki fungsi dan kode diatas dari eror nya kemungkinan fungsi nya tidak be...