Menu

  • Home
  • Latest
  • Trending
  • FORUM
  • Activity
  • Members
  • Announcement
  • Need help?

Categories

  • Android (17)
  • Apps (39)
  • Blogger (22)
  • Computer (10)
  • Cryptocurrency (2)
  • Culinary (1)
  • Download (30)
  • Entertainment (1)
  • Event (17)
  • Game (3)
  • Internet (21)
  • Laptop (74)
  • News (3)
  • OS (16)
  • Peripheral (25)
  • Personal (259)
  • Publisher (3)
  • Review (23)
  • Smartphone (56)
  • Social Media (7)
  • Tablet (1)
  • Technology (159)
  • Tips (79)
  • Travel (5)
  • Tutorial (138)
  • Unboxing (18)
  • Video (48)
  • Web (27)
  • Windows (6)
  • Wordpress (20)
  • YouTube (22)

Tags

Advertise Android Android 4 KitKat Android 9 Pie ASUS Bardi Blog Coding Competition CSS ExpertBook Firmware Game Mobile Google Google Play Store HTML IndiHome Laptop Bisnis Laptop Gaming Plugins Press Release Republic of Gamers ROG Phone Smart Home Smartphone Gaming Spesifikasi dan Harga Technology Troubleshooting Update Upgrade VivoBook VPN WhatsApp Widget Youtube Zenbook Zenfone Zenfone 3 Zenfone 3 Max Zenfone 4 Zenfone 5 Zenfone 6 Zenfone Max Zenfone Max Pro M1 Zenfone Zoom S
XKOMODOTCOM - Sharing is Caring
No Result
View All Result
  • Account
XKOMODOTCOM
XKOMODOTCOM - Sharing is Caring
Home Personal

Tutorial – Cara Menonaktifkan JS Pada HomePage / Halaman Statis

Febri Tri Harmoko by Febri Tri Harmoko
April 25, 2015
in Personal
0
0
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

Artikel ini berasal dari www.xkomo.com untuk mendapatkan informasi lebih lanjut dan lengkap silahkan kunjungi situs saya.
Previous Post

Tools Seo Terbaik Untuk Blog Kita Agar Rank 1 di Google

Next Post

Review Game Shingeki no Kyojin (Attack on Titan)

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recommended Product

PROMO LAPTOP MURAH DI ASUS ONLINE STORE
Promo Hosting Murah di Jagoan Hosting

Recommended Videos

For You
Solusi Tautkan Perangkat WhatsApp Tidak Muncul di HP

Solusi Menu WhatsApp Link Device Tidak Muncul di HP Android/iOS

89 VIEWS
April 25, 2023
Cara Menghubungkan 1 Nomor WhatsApp di 2 HP Android yang Berbeda Tanpa Aplikasi Tambahan

Cara Menghubungkan 1 Nomor WhatsApp di 2 HP Android yang Berbeda Tanpa Aplikasi Tambahan!

101 VIEWS
March 13, 2023
Cara Upgrade Android 13 ROG di Phone 6/6 Pro (AI2201) via FOTA (Firmware Over-The-Air)

Cara Upgrade Android 13 di ROG Phone 6/6 Pro (AI2201) via FOTA (Firmware Over-The-Air)

156 VIEWS
March 3, 2023
Show More

© 2023 XKOMODOTCOM

  • About
  • Contact
  • Disclaimer
  • Privacy Policy
  • Sitemap
  • Terms & Conditions
  • About
  • Contact
  • Disclaimer
  • Privacy Policy
  • Sitemap
  • Terms & Conditions

© 2023 XKOMODOTCOM

No Result
View All Result
  • Account
XKOMODOTCOM
  • MENU
  • Home
  • Latest
  • Trending
  • FORUM
  • Members
  • Announcement
  • Need help?
  • CATEGORIES
  • Cryptocurrency
  • Download
  • Event
  • Internet
    • Social Media
  • Personal
    • Culinary
    • Travel
  • Publisher
  • Review
  • Technology
    • Apps
    • Computer
    • Game
    • Laptop
    • OS
      • Android
      • Windows
    • Peripheral
    • Smartphone
  • Tips
  • Tutorial
  • Unboxing
  • Web
    • Blogger
    • WordPress

© 2023 XKOMODOTCOM

Link Start!

Sign In with Google
OR

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In

Add New Playlist