Green Color View Page Source

reen Color View Page Source, kalau dalam bahasa kita (Indonesia) artinya adalah "sumber halaman berwarna hijau". Maksud saya disini adalah kode-kode dari sebuah blog saat kita lihat kodenya (View Page Source) ada sebagian kode yang berwarna hijau. Warna hijau tersebut biasanya pada kode seperti Kode-kode Js, Link Css atau juga Link Js dll. Lalu apa maksud dan arti dari dengan kode-kode warna hijau tersebut? Kira-kira arti dari warna hijau tersebut adalah menunjukkan kalau kode-kode, link css juga link Js tersebut ada namun tidak membaca (tidak memanggil), bisa juga dibilang kalau kode-kode dan link-link tersebut tidak aktif, tidak berfungsi. Untuk sekilas contohnya seperti gambaran kode-kode di bawah ini, kode-kode warna hijau ini adalah bawaan blogspot.

File Edit View Help

1. <!DOCTYPE html><HTML>&lthead>&ltstyle type="text/css/>&lt/head>&ltbody>&ltdiv class='main .post-body/>&lt/body>2 <!--<head><link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/3189209027-widget_css_bundle.css' />
3. <link type='text/css' rel='stylesheet' href='//www.blogger.com/dyn-css/authorization.css?targetBlogID=6631195924502433055&zx=0585afcb-aef5-440e-859c-f0750d6698e3' />
4. <script type="text/javascript">var a="indexOf",b="&m=1",e="(^|&)m=",f="?",g="?m=1";function h(){var c=window.location.href,d=c.split(f);switch(d.length){case 1:return c+g;case 2:return 0<=d[1].search(e)?null:c+b;default:return null}}var k=navigator.userAgent;if(-1!=k[a]("Mobile")&&-1!=k[a]("WebKit")&&-1==k[a]("iPad")||-1!=k[a]("Opera Mini")||-1!=k[a]("IEMobile")){var l=h();l&&window.location.replace(l)};</script><script type="text/javascript">if (window.jstiming) window.jstiming.load.tick('headEnd');
5. </script></head><body><script type="text/javascript">
6. if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
7. </script><script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/58075626-widgets.js"></script><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><script type='text/javascript'>
8. if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '6631195924502433055';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6631195924502433055','//cuerosbhelatos.blogspot.com/','6631195924502433055');
9. _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6631195924502433055', 'bloggerUrl': 'http://www.blogger.com', 'title': 'cuerosbhelatos', 'pageType': 'index', 'url': 'http://cuerosbhelatos.blogspot.com/', 'canonicalUrl': 'http://cuerosbhelatos.blogspot.com/', 'canonicalHomepageUrl': 'http://cuerosbhelatos.blogspot.com/', 'homepageUrl': 'http://cuerosbhelatos.blogspot.com/', 'blogspotFaviconUrl': 'http://cuerosbhelatos.blogspot.com/favicon.ico', 'enabledCommentProfileImages': true, 'adultContent': false, 'disableAdSenseWidget': false, 'analyticsAccountNumber': '', 'searchLabel': '', 'searchQuery': '', 'pageName': '', 'pageTitle': 'cuerosbhelatos', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42cuerosbhelatos - Atom\42 href\75\42http://cuerosbhelatos.blogspot.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42cuerosbhelatos - RSS\42 href\75\42http://cuerosbhelatos.blogspot.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\42cuerosbhelatos - Atom\42 href\75\42http://www.blogger.com/feeds/6631195924502433055/posts/default\42 /\76\n', 'meTag': '\74link rel\75\42me\42 href\75\42http://www.blogger.com/profile/00181856785719410893\42 /\76\n', 'openIdOpTag': '', 'imageSrcTag': '', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var b\75window,f\75\42jstiming\42,g\75\42tick\42;(function(){function d(a){this.t\75{};this.tick\75function(a,d,c){var e\75void 0!\75c?c:(new Date).getTime();this.t[a]\75[e,d];if(void 0\75\75c)try{b.console.timeStamp(\42CSI/\42+a)}catch(h){}};this[g](\42start\42,null,a)}var a;b.performance\46\46(a\75b.performance.timing);var m\75a?new d(a.responseStart):new d;b.jstiming\75{Timer:d,load:m};if(a){var c\75a.navigationStart,h\75a.responseStart;0\74c\46\46h\76\75c\46\46(b[f].srt\75h-c)}if(a){var e\75b[f].load;0\74c\46\46h\76\75c\46\46(e[g](\42_wtsrt\42,void 0,c),e[g](\42wtsrt_\42,\42_wtsrt\42,h),e[g](\42tbsd_\42,\42wtsrt_\42))}try{a\75null,\nb.chrome\46\46b.chrome.csi\46\46(a\75Math.floor(b.chrome.csi().pageT),e\46\0460\74c\46\46(e[g](\42_tbnd\42,void 0,b.chrome.csi().startE),e[g](\42tbnd_\42,\42_tbnd\42,c))),null\75\75a\46\46b.gtbExternal\46\46(a\75b.gtbExternal.pageT()),null\75\75a\46\46b.external\46\46(a\75b.external.pageT,e\46\0460\74c\46\46(e[g](\42_tbnd\42,void 0,b.external.startE),e[g](\42tbnd_\42,\42_tbnd\42,c))),a\46\46(b[f].pt\75a)}catch(n){}})();b.tickAboveFold\75function(d){var a\0750;if(d.offsetParent){do a+\75d.offsetTop;while(d\75d.offsetParent)}d\75a;750\76\75d\46\46b[f].load[g](\42aft\42)};var k\75!1;function l(){k||(k\75!0,b[f].load[g](\42firstScrollTime\42))}b.addEventListener?b.addEventListener(\42scroll\42,l,!1):b.attachEvent(\42onscroll\42,l);\n })();\74/script\076', 'mobileHeadScript': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d6f37bb30c327165', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'testHtml5CssSrc': 'https://www.blogger.com/static/v1/widgets/2412321170-css_bundle_html5.css', 'sf': 'n'}}, {'name': 'skin', 'data': {'vars': {}, 'override': '//* Blogger Template Experiment and Not Preview CSS Here *//'}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '/?view\75classic'}, 'flipcard': {'name': 'flipcard', 'url': '/?view\75flipcard'}, 'magazine': {'name': 'magazine', 'url': '/?view\75magazine'}, 'mosaic': {'name': 'mosaic', 'url': '/?view\75mosaic'}, 'sidebar': {'name': 'sidebar', 'url': '/?view\75sidebar'}, 'snapshot': {'name': 'snapshot', 'url': '/?view\75snapshot'}, 'timeslide': {'name': 'timeslide', 'url': '/?view\75timeslide'}}}]);
10. _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3650913290-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/4138445517-lightbox_bundle.css'}, 'displayModeFull'));
11. _WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'null', null, document.getElementById('PageList1'), {'title': 'Laman', 'links': [{'href': 'http://cuerosbhelatos.blogspot.com/', 'title': 'Home', 'isCurrentPage': true}, {'href': 'http://cuerosbhelatos.blogspot.com/p/donasi.html', 'title': 'Donasi', 'isCurrentPage': false}, {'href': 'http://cuerosbhelatos.blogspot.com/p/portal.html', 'title': 'Portal', 'isCurrentPage': false}, {'href': 'http://cuerosbhelatos.blogspot.com/p/archive.html', 'title': 'Archive', 'isCurrentPage': false}, {'href': 'http://cuerosbhelatos.blogspot.com/p/about-me.html', 'title': 'About Me', 'isCurrentPage': false}, {'href': 'http://cuerosbhelatos.blogspot.com/p/my-friends.html', 'title': 'My  Friends', 'isCurrentPage': false}, {'href': 'http://cuerosbhelatos.blogspot.com/p/template-blog.html', 'title': 'Template Blog', 'isCurrentPage': false}, {'href': 'http://cuerosbhelatos.blogspot.com/p/buku-tamu-sahabat.html', 'title': 'Buku Tamu Sahabat', 'isCurrentPage': false}, {'href': 'http://cuerosbhelatos.blogspot.com/p/tips-blogger.html', 'title': 'Tips Blogger', 'isCurrentPage': false}, {'href': 'http://cuerosbhelatos.blogspot.com/p/new-entry.html', 'title': 'New Entry', 'isCurrentPage': false}, {'href': 'http://cuerosbhelatos.blogspot.com/p/forum.html', 'title': 'Forum', 'isCurrentPage': false}, {'href': 'http://cuerosbhelatos.blogspot.com/p/site-map.html', 'title': 'Site Map', 'isCurrentPage': false}], 'mobile': false}, 'displayModeFull'));</script>
12. </body>--></HTML>

Langsung saja kita merujuk pada sedikit pengetahuan saya tentang bagaimana cara mendisabel, menonaktifkan, mematikan kode-kode, link css dan juga link Js file bawaan blogspot tersebut. Mungkin saja dengan mononaktifkan link css, link Js tersebut bisa sedikit mengurangi loading time dan konon kabarnya juga bisa mengurangi error Validasi HTML. Untuk Link file yang dinonaktifkan hanya dua yaitu widget head link (widget bundle css, css authorization dll) widget body link (widgets/58075626-widgets.js, js/plusone.js, dll). Sebenarnya caranya cukup simpel (tanpa menggunakan plugin apapun) hanya dengan memanipulasi kode tag head dan body saja.

Dan hasilnya kira-kira nanti seperti gambaran contoh diatas, kode-kode link css, link js yang di nonaktifkan akan berkumpul menjadi satu di bawah tag penutup /body atau diatas tag penutup /html.

Berikut ini, kalau tidak keliru (pastinya hampir benar) adalah cara membuat widget bundle css, dyn-css/authorization.css dan widgets/58075626-widgets.js menjadi berwarna hijau (nonaktif).

*Masuk ke Edit Template

*Cari kode pembuka <html ganti menjadi <HTML expr:dir='data:blog.languageDirection'>

*Cari kode <head> ganti menjadi <head>

*Cari kode </head> ganti menjadi </head>

* Cari kode </body> ganti menjadi </body>

*Yang terakhir cari kode penutup <html> ganti menjadi <HTML>

Bila sudah semuanya klik simpan, semoga tidak terjadi error, warning dll.

Untuk melihat hasilnya lihat blog sobat dan lihat View Sourcenya, sekian dulu apabila ada kekeliruan dan kekurangan mohon maaf dan terimaksih atas saran serta masukannya...!!!

Posted On : 18 Desember 2013 Time : 20.15

Label Posting

About Me !!