$show=home

$type=ticker$count=12$cols=4$cate=0$show=post$hide=mobile

$type=grid$count=4$tbg=rainbow$meta=0$snip=0$rm=0$show=home$ic=show

Tutorial - Cara Menonaktifkan JS Pada HomePage / Halaman Statis

Sebelum nya Terimakasih untuk Mas Irfan Hidayat yang sudah membantu menjawab pertanyaan saya. Di forum idblogschool[dot]com saya membuat suatu conversation, di sana saya menanyakan bagaimana caranya agar Javascrupt/Jquery tidak tampil / muncul pada halaman depan (Homepage) saja atau Membuat Beberapa JS/Jquery tampil di halaman Postingan / Statis saja.

Cara Membuat JS/Jquery Hanya Tampil Di Halaman Statis/Homepage/Item (postingan) saja
Sebelum nya Terimakasih untuk Mas Irfan Hidayat yang sudah membantu menjawab pertanyaan saya. Di forum idblogschool[dot]com. Saya membuat suatu conversation, di sana saya menanyakan bagaimana caranya agar Javascrupt/Jquery tidak tampil / muncul pada halaman depan (Homepage) saja atau Membuat Beberapa JS/Jquery tampil di halaman Postingan / Statis saja. Pada Akhirnya muncul lah mas Irfan Hidayat yang membantu untuk menjawab :)
      Pada gambar di atas sudah di jelaskan bagaimana caranya namun saya akan menyalin jawaban tersebut di postingan blog saya. siapa tahu kamu ataupun banyak blogger lain nya sedang mencari Tutorial ini. Sebenar nya saya membutuhkan tutorial ini untuk mempercepat Loading Blog saya pada Halaman depan karna sangat penting untuk Visitor dan Seo Blog seperti yang telah saya bahas di Tools Seo Terbaik Untuk Blog Kita Agar Rank 1 di Google.
Nah kita langsung saja ke topik yah. caranya sederhana saja.
  • Pertama tama silahkan Copy & Paste kode HTML berikut:
expr:data-page='data:blog.pageType'
  • Kemudian Tambahkan di dalam Tag <body> Menjadi seperti ini
<body expr:data-page='data:blog.pageType'>
  • Selanjutnya Gunakan JS berikut dan Letakan di atas </body> :
<script type='text/javascript'>
//<![CDATA[
var e = $('body').data("page");
if (e == "item") {

//Letakkan JS/Jquery disini yang ingin kamu tampilkan hanya di Halaman item/Postingan saja

}
//]]>
</script>
  • Sebagai Contoh yang saya lakukan dalam Tutorial ini untuk blog saya
<script type='text/javascript'>
//<![CDATA[

var e = $('body').data("page");
if (e == "item") {
    // Facebook Async
    (function () {
        var fb1 = document.createElement('script');
        fb1.type = 'text/javascript';
        fb1.async = true;
        fb1.src = 'http://connect.facebook.net/en_US/all.js#xfbml=1', 'facebook-jssdk';
        var fb2 = document.getElementsByTagName('script')[0];
        fb2.parentNode.insertBefore(fb1, fb2)
    })();
    // Twitter Async
    (function () {
        var tw1 = document.createElement('script');
        tw1.type = 'text/javascript';
        tw1.async = true;
        tw1.src = 'http://platform.twitter.com/widgets.js';
        var tw2 = document.getElementsByTagName('script')[0];
        tw2.parentNode.insertBefore(tw1, tw2)
    })();
}

//]]>
</script>
Update 24/06/2015
bisa gunakan script seperti ini juga:
var e = $('body').data("page");
if (e == "item") {
    var r = ["link_script_kamu", "link_script_kamu"];
    for (var i = 0, len = r.length; len > i; ++i) {
        var f = window.document.createElement("script"),
            o = window.document.getElementsByTagName("script")[0];
        f.type = 'text/javascript', f.async = true, f.src = r[i], o.parentNode.insertBefore(f, o)
    }
}
Seperti itu lah Tutorial kali ini yang saya bagikan untuk kamu. Tutorial ini sangat penting kita lakukan dalam memilah ataupun memilih JS/Jquery mana saja yang harus tampil di blog kita apakah hanya pada tampilan Depan (homepage) saja, atau Halaman Item (postingan) saja atau hanya pada Halaman Statis. Memanage JS/Jquery dapat mempercepat loading Blog kita sehingga blog terlihat lebih cepat dan User Friendly. saya menggunakan tutorial ini untuk mengatur penggunakan JS Facebook dan Twitter agar tidak muncul pada Halaman Depan Sehingga Loading Blog pada Homepage akan terasa sangat ringan dan cepat. Silahkan di Coba saja untuk membuka Halaman Depan Blog ini. Selain JS Facebook dan Twitter JS/Jquery lain nya juga bisa kita atur. Silahkan atur sesuai selera dan kebutuhan saja. Jika masih ada yang ingin di tanyakan silahkan berkomentar di bawah nanti kita diskusikan bersama. Semoga Bermanfaat

COMMENTS

BLOGGER: 2
Loading...
Mengingat blog x komo akan pindah platform dari blogger ke wordpress, jika kamu punya pertanyaan atau request update artikel silahkan join ke sini https://blog.xkomo.com/forums.
Silahkan Bookmark blog saya yang baru ya, karna kedepan blog ini akan di hapus.
Name

Accessories,5,All Weapon,4,Android,36,Anime,1,App,8,ASUS,41,ASUS Zenfone,7,Blogger,33,Clash Of Clan,2,Computer,3,CSS,6,Documentary,5,dr. Zen,2,Event,10,Facebook,15,Firmware,23,Game,9,Gemscool,1,Google,6,Google Adsense,2,Hardware,2,Internet,6,Jambi,2,Javascript,1,Komputer,3,Laptop,2,Mouse,3,Mouse Gaming,1,Mouse Macro,6,News,40,Ninja Saga,2,Notebook,4,Padfone S,1,Point Blank,1,Press Release,8,Preview,12,Review,27,Root,13,Script,3,SEO,3,Shotgun,1,Smartphone,18,Template,1,Theme,3,Tips & Tricks,2,Troubleshooting,1,Tutorial,44,Unboxing,4,Video,10,Widget,8,Windows,2,ZenEar,1,Zenfestival,1,Zenflash,1,Zenfone 2,5,Zenfone 2 Deluxe,2,Zenfone 2 Laser,9,Zenfone 3,3,Zenfone 3 Laser,1,Zenfone 3 Max,3,Zenfone 3 Zoom,1,Zenfone 4,2,Zenfone 5,5,Zenfone 6,9,Zenfone Go,1,Zenfone Max,1,Zenfone Selfie,3,Zenfone Zoom,3,ZenHow,1,ZenPad,2,Zenpower,2,Zentalk,2,Zenvestival,3,Zenvolution,1,
ltr
item
BLOG X KOMO: Tutorial - Cara Menonaktifkan JS Pada HomePage / Halaman Statis
Tutorial - Cara Menonaktifkan JS Pada HomePage / Halaman Statis
Sebelum nya Terimakasih untuk Mas Irfan Hidayat yang sudah membantu menjawab pertanyaan saya. Di forum idblogschool[dot]com saya membuat suatu conversation, di sana saya menanyakan bagaimana caranya agar Javascrupt/Jquery tidak tampil / muncul pada halaman depan (Homepage) saja atau Membuat Beberapa JS/Jquery tampil di halaman Postingan / Statis saja.
http://2.bp.blogspot.com/-YdFc5NcJmfY/VTsmxrfGJ7I/AAAAAAAAD9g/09CbEefi75A/s600/capture-20150425-122941.png
http://2.bp.blogspot.com/-YdFc5NcJmfY/VTsmxrfGJ7I/AAAAAAAAD9g/09CbEefi75A/s72-c/capture-20150425-122941.png
BLOG X KOMO
http://www.xkomo.com/2015/04/tutorial-cara-menonaktifkan-js-di-homepage.html
http://www.xkomo.com/
http://www.xkomo.com/
http://www.xkomo.com/2015/04/tutorial-cara-menonaktifkan-js-di-homepage.html
true
4848727032668058109
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy