Cara Cepat Tes HTML atau JavaScript Anda

http://www.louisradstaak.nl/Webdesign/code_snip.gifSebagai seorang blogger Anda akan sangat sering berurusan dengan HTML atau javaScript. Apalagi sekarang semua memanfaatkannya untuk pengembangan. Youtube misalnya. Anda dapat dengan mudah berbagi video hanya dengan embed code. Sama halanya dengan pemasangan berbagai widget untuk blog Anda seperti recent comment misalnya. Namun sebelum Anda tambahkan ke blog Anda, mungkin Anda ingin check dulu atau melihat previewnya. Anda bisa melakukannya dengan trik yang sangat mudah. Anda cukup memasukkan HTML atau JavaScript tersebut di address bar Anda dengan diawali data:text/html,

Misal Anda ambil kode dari youtube seperti ini
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/GIn5qJKU8VM&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_GB&feature=player_embedded&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/GIn5qJKU8VM&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_GB&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="425" height="344"></embed></object>

Masukkan ke address bar dengan diawali sehingga menjadi data:text/html,
data:text/html, <object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/GIn5qJKU8VM&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_GB&feature=player_embedded&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/GIn5qJKU8VM&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_GB&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="425" height="344"></embed></object>


Atau saya ambil contoh lain untuk widget reccent comments
Kodenya adalah seperti ini
<script style="text/javascript" src="http://bloggerhosting.appspot.com/serve/amen24.googlepages.com/showrecentcomments.js">
</script><script style="text/javascript">var numcomments = 5;var showcommentdate = false;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://www.blog-trik-tip.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Silahkan tulis di address bar dengan diawali data:text/html,
sehingga penulisannya seperti ini
data:text/html, <script style="text/javascript" src="http://bloggerhosting.appspot.com/serve/amen24.googlepages.com/showrecentcomments.js">
</script><script style="text/javascript">var numcomments = 5;var showcommentdate = false;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://www.blog-trik-tip.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Sekarang jika Anda bimbang untuk menambahkan sautu widget ke blog Anda, dengan mudahnya Anda bisa cek terlebih dahulu. Semoga bermanfaat.

Komentar

  1. Ya Allah, aku PERTAMAXX tadi khan?
    waah di blog profesional bisa PERTAMAXX...hore...

    BalasHapus
  2. hah secepat apa tuh mas hehehehehe mantap mas info na

    BalasHapus
  3. penting2 nich udah tak cicipi hehehe idenya ternyata belom habis, perlu di tumplek bleg in smw nich mbah.

    BalasHapus
  4. Makasih infonya mas doyok...

    BalasHapus
  5. wes lah mantepp..
    cepet bener ngetesnya
    ngemeng2 kuk ada namaku disitu,,hehehe

    BalasHapus
  6. wah.. mas doyok makin keren aja..... makasih mas.. buat postingan yang berguna ini

    BalasHapus
  7. langsung di test nij mas doy, terima kasih

    BalasHapus
  8. saya mah pake HTML editor yok...wkwkwkwkwkwk
    bisa diedit sesuai mau sebelum dipake...hohohohoho

    BalasHapus
  9. sip mas triknya mantab, makasih ya

    BalasHapus
  10. New trick, like it mas doy, because I have plenty of broken javascript

    BalasHapus
  11. seperti itu ya mas doy .... thank buat ilmu ya,, it bisa digunakan selain yang tertera diatas kan?

    BalasHapus
  12. Wuihh. cepet. bener mas cepet...mohon ijin mas mau saya copy. seprti biasa.

    BalasHapus
  13. @abu
    iya mas simple
    semoga bermanfaat saja ya

    BalasHapus
  14. @tubir
    iya itu cuma contoh
    monggo dicek wae :D

    BalasHapus
  15. @20
    semoga bermanfaat saja ya
    makasih kunjungannya

    BalasHapus
  16. @blogg
    semoga bermanfaat saja
    simple cepat dan mudah :D

    BalasHapus
  17. @sport
    oke makasih juga ya kunjungan
    dan komentarnya

    BalasHapus
  18. @beben
    ini alternatif lain adn praktis gak usah pake bantuan software :D

    BalasHapus
  19. @rizk
    monggo monggo
    semoga sukses ya

    BalasHapus
  20. @andritea
    oke semoga bermanfaat saja ya :D

    BalasHapus
  21. @van
    wah iya van
    aku malah gak sadar :D

    BalasHapus
  22. @pepi
    oke bang semoga bermanfaat yaaa

    BalasHapus
  23. @rock
    sama sama
    semgoa bermanfaat
    makasih kunjungannya

    BalasHapus
  24. @ophid
    status di fb cari sensasi hehehe :D

    BalasHapus
  25. makasih mas doyok,,insya allah saya terapkan

    BalasHapus
  26. @4912937999628224990.0
    doakan saja semoga tambah pro ya :D

    BalasHapus
  27. @berita
    oke monggo semoga bermanfaat yg penting

    BalasHapus
  28. wah mantap mas doy ... hehehhe

    BalasHapus
  29. wah, siip nih mas... lumayan mengehmat waktu..

    berkunjung ^_^

    BalasHapus
  30. Blog ane kena forbidden jadi ga bisa main wp untuk sementara singgah di blogger dulu mas doy??
    mungkin senin bisa udah kebuka wpnya

    mantep infonya

    BalasHapus
  31. makasih mas atas sharingnya.. nambah ilmu lagi nih.

    BalasHapus
  32. yaampun yisp yang sangatttttttttttttttttt sangat2 inofatip plus mantabh
    mas

    BalasHapus
  33. mencoba tkp mas...
    tips yang sangat brilian

    BalasHapus
  34. @chord
    sippp
    silahkan semoga bermanfaat yaaaa

    BalasHapus
  35. @icantulang
    m,akaih ihsan :Dmakasih jgua komentarnyaaa

    BalasHapus
  36. @konik
    oke semoga bermanfaat yaaa

    BalasHapus
  37. @gus
    ow pantesan
    nah sebabnya apa gus ikhwan :??

    BalasHapus
  38. jadi hanya bisa lihat tampilan nya saja ya, tanpa harus lihat sumber situsnya...ok juga nih tips nya

    BalasHapus
  39. @bang salom
    oke oke
    nanti sore deh tak cari inspirasi dulu

    BalasHapus
  40. @berita
    iya bang :D
    cobain wae
    semgoa bermanfaat

    BalasHapus
  41. ini baru gebrakan kang..!
    belum pernah ada nih seertinya. :)

    BalasHapus
  42. @sec
    aku dapet dari temenku di luar :D

    BalasHapus
  43. hahha...

    mas doy kie senangane dangdutan to... :)

    BalasHapus
  44. @secang
    kadang kaadang :D
    cubit cubitan ooo cubit cubitan kekekeke

    BalasHapus
  45. cool mas tipsnya...simple tapi bisa ngebantu banget buat ngeliat preview javascript yang akan tampil diblog. thank ya

    BalasHapus
  46. wah baru tahu nih mas doy , kalau ada kode tambahan untuk yang mau uji coba . . keep sharing mas doy

    BalasHapus
  47. Keren mas Saya mau coba ah......

    BalasHapus
  48. O begitu yaw... Tx dah infonya mas doy!!

    BalasHapus
  49. Memang Mas Doyok, pinter di duni IT ini, terima kasih sudah share.. oh ya Mas Doyok... terima kasih sebelumnya...sudah berkunjung di blog saya, melanjutkan komentnya.. adakah hadits yang menyatakan memperingati maulid nabi berpahala?? sudah jelas al-‘Allâmah asy-Syaikh Tâjuddin al-Fakihani rahimahullah (wafat th. 734 H) berkata :
    “Saya tidak mengetahui dasar dari peringatan Maulid ini, baik dari al-Qur-an, Sunnah, dan tidak pernah dinukil pengamalan salah seorang ulama umat yang diikuti dalam agama dan berpegang teguh dengan atsar-atsar generasi yang telah lalu. Bahkan perayaan (maulid) tersebut adalah bid’ah yang diada-adakan oleh para pengekor hawa nafsu...”
    dan Syaikh Hamûd bin ‘Abdillah at-Tuwaijiri rahimahullah berkata:
    “...Dan hendaklah juga diketahui bahwa memperingati malam Maulid Nabi Shallallahu 'alaihi wa sallam dan menjadikannya sebagai peringatan tidak termasuk petunjuk Rasulullah Shallallahu 'alaihi wa sallam. Tetapi ia adalah perbuatan yang diada-adakan yang dibuat setelah zaman beliau Shallallahu 'alaihi wa sallam setelah berlalu sekitar enam ratus tahun. Oleh karena itu, memperingati perayaan yang diada-adakan ini masuk dalam larangan keras yang Allah Azza wa Jalla sebutkan dalam firman-Nya,[30]

    “...Maka hendaklah orang-orang yang menyalahi perintah Rasul-Nya takut akan mendapat cobaan atau ditimpa adzab yang pedih.” [an-Nûr/24:63]

    Jika dalam acara maulid yang diada-adakan ini ada sedikit saja kebaikan maka para Shahabat telah bergegas melakukannya...”

    BalasHapus
  50. @rossy
    biarlah saya akan kembali jawab di pistungan mbak :D
    karena saya tidak ingin perbedaan pendapat di blog ini berkaitan dgn SARA
    dan nantinya malah menimbulkan banyak penafsiran :D

    BalasHapus
  51. @rossy
    biarlah mbak
    nanti akan saya jawab lagi di blog mbak
    saya tidak ingin perbedaan pendapat di blog ini menyangkut SARA
    sehingga menimbulakn banyak penafsiran dari banyak pemikiran

    BalasHapus
  52. @akhatam
    silahkan dicoba wae
    semoga bermanfaat :D

    BalasHapus
  53. @adit
    semoga bermanfaat saja dan silahkan dicoba

    BalasHapus
  54. @antok
    monggo monggo
    semoga bermanfaat

    BalasHapus
  55. @andy
    oek makasih kunjugannya dan komennya ya

    BalasHapus
  56. wah sanagt bagus nih artikel nya....sang empunya blog ini OL YM gag ya? saya OL nih

    BalasHapus
  57. waduh.... mantep bener nih infonya, thanks mas doyok.

    Tiada hari tanpa ambil info yang bermanfaat di blog ini. sukses selalu n tetap semangat

    BalasHapus
  58. wah, keren banget nih tipsnya mas doy :D
    bisa nyoba kode html dengan cepat :)

    BalasHapus
  59. @HazelDioFebriadi

    Mohon jawaban untuk saya COPAS tutorial ini

    BalasHapus
  60. Oh ternyata begitu ya masdoyok,thanx dah langsung tak coba...:-)

    BalasHapus
  61. @5483376508320646766.0
    aku mah anti sopwer yok, off line juga bisa ini aku gunain...
    trik dong yok trik...xixixixi ^_+

    BalasHapus
  62. @4667583942928497154.0
    sippp
    tapi kaya ngene sing aneh aneh prlu juga kang ben :D

    BalasHapus
  63. @gondes
    semoga bermanfaat saja ya :D

    BalasHapus
  64. @mas ac
    sip masss
    semoga bermanfaat
    makasih kunjungannya ya

    BalasHapus
  65. @hazel
    silahkan saja ya :D
    monggo monggo

    BalasHapus
  66. @el
    sippp
    silahkan dicobi menunyaaa

    BalasHapus
  67. @bokeper
    opke
    semoga bermanfaat ya

    BalasHapus
  68. @bolang
    mantap pokoknya :D
    mongggo :D

    BalasHapus
  69. @tova
    makaih juga kunjungannya ya mas

    BalasHapus

Posting Komentar

Postingan Populer