• Beranda

Belajar Blog

  • Blogger
    • Download Template
    • Panduan Blog
    • Trik Mudah SEO
    • Widget
  • Edukasi
    • Buku BSE
    • Info PPDB
    • Makalah
    • Pantun
    • Puisi
  • Game
    • Arcade
    • Batle
    • Racing
    • Sport
  • Cheat
  • TOOL
    • Compress CSS
    • Kode Warna
  • Error
Home » Seo » Cara Membuat Demo JSFiddle di Blog dengan JQuery
Jumat, 10 Januari 2014

Cara Membuat Demo JSFiddle di Blog dengan JQuery

kak sakti
Seo
Jumat, 10 Januari 2014
add comment
Cara Membuat Demo JSFiddle di Blog dengan JQuery - Kali ini saya akan menjawab request dari teman saya kemaren , yaitu tentang Cara Membuat Demo JSFiddle di Blog dengan JQuery di blog , sebetulnya banyak sekali tutorial yang dapat anda lakukan untuk membuat demo suatu blog

Cara Membuat Demo JSFiddle di Blog dengan JQuery


Pasti anda penasaran kayak apa demonya , Nih dia demo dari JSFiddle di Blog dengan JQuery di Blog
Nah gimana menggunakan Demo JSFiddle di Blog dengan JQuery ? Mudah sekali Untuk menerapkannya,
Langkah Pertama sobat harus memasang  CSS ini di atas ]]></b:skin> atau </style>

jsfiddle-demo {
display:block;
width:99%;
height:300px;
border:2px solid #bbb;
}

Langkah yang kedua yaitu pasang javasript ini di atas </body>


<script type='text/javascript'>
//<![CDATA[
setTimeout(function() {
$('.jsfiddle-demo').each(function() {
$(this).replaceWith('<iframe class="jsfiddle-demo loader" src="' + $(this).data('src') + '" allowfullscreen="allowfullscreen"></iframe>');
});
}, 5000);
//]]>
</script>

Namun Bagimana cara penggunaanya ? . Cara anda pemasanganya mudah yaitu
Simpan kode ini pada postingan Anda bagian HTML ( bukan Compose ):

<div class="jsfiddle-demo loader" data-src="URL Hostingan Demo Anda Disini"></div>

Mungkin hanya itu yang dapat saya jawab dari reques teman saya yang tidak mau disebutkan namanya tentang bagaimana Cara Membuat Demo JSFiddle di Blog dengan JQuery . bila anda mengalami kesulitan dalam Membuat Demo JSFiddle di Blog dengan JQuery silahkan berkomrmtar
Share this article :
Tweet
✚

Artikel Terkait:

  • Membuat Artikel Terkait Ala Kang Ismet
  • Cara Membuat Demo JSFiddle di Blog dengan JQuery
  • Cara Membuat Robots.txt Valid
  • Download Template simple Templateku Mas Sugeng
  • Cara Membuat Related Post Valid Html 5

Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon Request Out Of Topic

Posting Lebih Baru Posting Lama Beranda
Langganan: Posting Komentar (Atom)

Selamat Datang Di Belajar Blog Pemula




Tutorial Apapun Tentang Blog

  • Cara Pasang Widget Al-Qur'an pada Blog
  • Cara Buat Related Post atau Artikel Terkait
  • Cara Memasang Facebook Like Badge
  • Cara Membuat Auto Read More Pada Blog
  • Cara Membuat Recent Post Animasi
  • Download Game Flappy Bird Populer

Arsip Blog

  • ▼  2014 (53)
    • ►  Mei (1)
    • ►  April (9)
    • ►  Maret (8)
    • ►  Februari (10)
    • ▼  Januari (25)
      • Cara Memasang Video Responsive dan Valid HTML5
      • Membuat Popular Post Keren Ala Kompi Ajaib
      • Cara Membuat Scroll Timer Pada Blog
      • BAGAS31.com, Tempatnya Download Software Gratis
      • Cara Membuat Daftar Isi di Blog Secara Otomatis
      • Cara Membuat Title Pada Breadcrumbs
      • Membuat Auto Readmore dengan Post Snippet
      • Download Template Bule Faster SEO Responsive
      • Cara Membuat icon Author comment
      • Trik Auto Heading H1 so that become Heading Article
      • Cara Membuat Menu Header Responsive
      • Membuat Auto Read-More dengan Bantuan TextArea
      • Materi Senam Lantai Kelas X Semester 2
      • Membuat Artikel Terkait Ala Kang Ismet
      • Free Download Template SEO Keren Terbaru 2014
      • Cara Memasang Tools Kode Warna Di Blog
      • Download Template simple Templateku Mas Sugeng
      • Download Template Simple Fast 2014 Responsive
      • Macam Macam Kode Warna
      • Membuat Tampilan Posting Berbeda-Beda Berdasarkan ...
      • Cara Membuat Demo JSFiddle di Blog dengan JQuery
      • Cara Membuat Notifikasi Komentar Ala Google Plus
      • Request Tutorial Tentang Blogger
      • Admin Ahmad Suyadi Minta Maaf Kepada Kang Ismet
      • Membuat Auto Read More dengan Gambar tanpa Javascript
  • ►  2013 (97)
    • ►  Desember (40)
    • ►  November (30)
    • ►  Oktober (27)

Article Populer

Belajar Blog Profeesional

Kecantikan & Kesehatan Official

Artikel Terbaru

BREAKING NEWS :
Loading...

Join with us

Temukan Saya Di Facebook

Mengenai Saya

kak sakti
Lihat profil lengkapku

Kategori

  • Android
  • Chatting
  • Download Game
  • Download Lagu
  • Download Template
  • Facebook
  • Google Adsense
  • jQuery
  • Kontes Seo
  • Opini
  • Panduan Blog
  • Password PS2
  • Penjasorkes
  • PPDB
  • Premium
  • Request
  • Sea games
  • sejarah
  • Seo
  • Sepak Bola
  • Software
  • Sport
  • Twitter
  • Widget

New Artikel

Membuat link Bro
saktikaromah@2018. Diberdayakan oleh Blogger.

Copyright © Belajar Blog - Template by saktikaromah | Powered by Blogger