Cara Cepat Tes HTML atau JavaScript Anda
Sebagai 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
Masukkan ke address bar dengan diawali sehingga menjadi data:text/html,
Atau saya ambil contoh lain untuk widget reccent comments
Kodenya adalah seperti ini
Silahkan tulis di address bar dengan diawali data:text/html,
sehingga penulisannya seperti ini
Sekarang jika Anda bimbang untuk menambahkan sautu widget ke blog Anda, dengan mudahnya Anda bisa cek terlebih dahulu. Semoga bermanfaat.
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>
</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>
</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.
pinter amat mas doyok ini!
BalasHapusYa Allah, aku PERTAMAXX tadi khan?
BalasHapuswaah di blog profesional bisa PERTAMAXX...hore...
hah secepat apa tuh mas hehehehehe mantap mas info na
BalasHapuspenting2 nich udah tak cicipi hehehe idenya ternyata belom habis, perlu di tumplek bleg in smw nich mbah.
BalasHapuskelliiimmmaaaakkskkkksssss!
BalasHapuskelimaks
Makasih infonya mas doyok...
BalasHapusMuantab yok.....
BalasHapuswes lah mantepp..
BalasHapuscepet bener ngetesnya
ngemeng2 kuk ada namaku disitu,,hehehe
wah.. mas doyok makin keren aja..... makasih mas.. buat postingan yang berguna ini
BalasHapuslangsung di test nij mas doy, terima kasih
BalasHapussaya mah pake HTML editor yok...wkwkwkwkwkwk
BalasHapusbisa diedit sesuai mau sebelum dipake...hohohohoho
sip mas triknya mantab, makasih ya
BalasHapusNew trick, like it mas doy, because I have plenty of broken javascript
BalasHapuswah,,, nice info mas doy!!
BalasHapusseperti itu ya mas doy .... thank buat ilmu ya,, it bisa digunakan selain yang tertera diatas kan?
BalasHapusWuihh. cepet. bener mas cepet...mohon ijin mas mau saya copy. seprti biasa.
BalasHapus@abu
BalasHapusiya mas simple
semoga bermanfaat saja ya
@tubir
BalasHapusiya itu cuma contoh
monggo dicek wae :D
@20
BalasHapussemoga bermanfaat saja ya
makasih kunjungannya
@blogg
BalasHapussemoga bermanfaat saja
simple cepat dan mudah :D
@sport
BalasHapusoke makasih juga ya kunjungan
dan komentarnya
@beben
BalasHapusini alternatif lain adn praktis gak usah pake bantuan software :D
@rizk
BalasHapusmonggo monggo
semoga sukses ya
@andritea
BalasHapusoke semoga bermanfaat saja ya :D
@van
BalasHapuswah iya van
aku malah gak sadar :D
@pepi
BalasHapusoke bang semoga bermanfaat yaaa
@rock
BalasHapussama sama
semgoa bermanfaat
makasih kunjungannya
@sec
BalasHapussiip deh kakve : heheheh
@ophid
BalasHapusstatus di fb cari sensasi hehehe :D
@asep
BalasHapuscoba saja mas :D
makasih mas doyok,,insya allah saya terapkan
BalasHapus@4912937999628224990.0
BalasHapusdoakan saja semoga tambah pro ya :D
@berita
BalasHapusoke monggo semoga bermanfaat yg penting
wah mantap mas doy ... hehehhe
BalasHapus@alex
BalasHapussipp
semoga bermanfaat
wah, siip nih mas... lumayan mengehmat waktu..
BalasHapusberkunjung ^_^
Blog ane kena forbidden jadi ga bisa main wp untuk sementara singgah di blogger dulu mas doy??
BalasHapusmungkin senin bisa udah kebuka wpnya
mantep infonya
makasih mas atas sharingnya.. nambah ilmu lagi nih.
BalasHapusyaampun yisp yang sangatttttttttttttttttt sangat2 inofatip plus mantabh
BalasHapusmas
mencoba tkp mas...
BalasHapustips yang sangat brilian
@chord
BalasHapussippp
silahkan semoga bermanfaat yaaaa
@icantulang
BalasHapusm,akaih ihsan :Dmakasih jgua komentarnyaaa
@konik
BalasHapusoke semoga bermanfaat yaaa
@gus
BalasHapusow pantesan
nah sebabnya apa gus ikhwan :??
@franco
BalasHapussemoga bermanfaat saj ya
jadi hanya bisa lihat tampilan nya saja ya, tanpa harus lihat sumber situsnya...ok juga nih tips nya
BalasHapusuraus juga dong yg .com nya....
BalasHapus@bang salom
BalasHapusoke oke
nanti sore deh tak cari inspirasi dulu
@berita
BalasHapusiya bang :D
cobain wae
semgoa bermanfaat
ini baru gebrakan kang..!
BalasHapusbelum pernah ada nih seertinya. :)
@sec
BalasHapusaku dapet dari temenku di luar :D
hahha...
BalasHapusmas doy kie senangane dangdutan to... :)
@secang
BalasHapuskadang kaadang :D
cubit cubitan ooo cubit cubitan kekekeke
cool mas tipsnya...simple tapi bisa ngebantu banget buat ngeliat preview javascript yang akan tampil diblog. thank ya
BalasHapusdicoba ya kang rumusnya heheh
BalasHapusthank
berkunjung dan ditunggu kunjungan baliknya makasih :D
salam sukses
wah baru tahu nih mas doy , kalau ada kode tambahan untuk yang mau uji coba . . keep sharing mas doy
BalasHapusKeren mas Saya mau coba ah......
BalasHapusO begitu yaw... Tx dah infonya mas doy!!
BalasHapusMemang 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 :
BalasHapus“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...”
@rossy
BalasHapusbiarlah 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
@rossy
BalasHapusbiarlah 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
@akhatam
BalasHapussilahkan dicoba wae
semoga bermanfaat :D
@harri
BalasHapussemoga berhasil yaaa
@adit
BalasHapussemoga bermanfaat saja dan silahkan dicoba
@antok
BalasHapusmonggo monggo
semoga bermanfaat
@andy
BalasHapusoek makasih kunjugannya dan komennya ya
mantap trike mas..
BalasHapussuun yo!!
wah sanagt bagus nih artikel nya....sang empunya blog ini OL YM gag ya? saya OL nih
BalasHapuswaduh.... mantep bener nih infonya, thanks mas doyok.
BalasHapusTiada hari tanpa ambil info yang bermanfaat di blog ini. sukses selalu n tetap semangat
wah, keren banget nih tipsnya mas doy :D
BalasHapusbisa nyoba kode html dengan cepat :)
mantabz om, thx
BalasHapusbagus.... pakde doyok.......
BalasHapus@HazelDioFebriadi
BalasHapusMohon jawaban untuk saya COPAS tutorial ini
Oh ternyata begitu ya masdoyok,thanx dah langsung tak coba...:-)
BalasHapusthanks sob sharingnya
BalasHapus@5483376508320646766.0
BalasHapusaku mah anti sopwer yok, off line juga bisa ini aku gunain...
trik dong yok trik...xixixixi ^_+
@4667583942928497154.0
BalasHapussippp
tapi kaya ngene sing aneh aneh prlu juga kang ben :D
@gondes
BalasHapussemoga bermanfaat saja ya :D
@mas ac
BalasHapussip masss
semoga bermanfaat
makasih kunjungannya ya
@hazel
BalasHapussilahkan saja ya :D
monggo monggo
@el
BalasHapussippp
silahkan dicobi menunyaaa
@bokeper
BalasHapusopke
semoga bermanfaat ya
@bolang
BalasHapusmantap pokoknya :D
mongggo :D
@tova
BalasHapusmakaih juga kunjungannya ya mas
@jopi
BalasHapusmaaf tadi aku keburu pergi
@udhi
BalasHapussippp
semoga manfangat
@ian
BalasHapuscoba dulu ah