Itu penggalan lagu apa ya sob? Soalnya ane nggak terlalu hafal sama judul lagunya. Tapi pernah dengar syair lagu itu. Lagunya memotivasi sekali ya sob. Bicara soal motivasi, ane ada sedikit motivasi nih sob. "Katakan aku bisa, aku bisa, dan aku bisa". Kata-kata aku bisa diucapkan sampai tiga kali. Tujuannya adalah memancing pikiran bawah sadar kita bahwa kita benar-benar bisa.
Pernah lihat Ninja Warrior kan? Coba amati para peserta-nya, mereka sebelum berjuang selalu mengatakan aku bisa dengan keras sekali kan. Hal itulah yang sering dilakukan orang Jepang untuk memotivasi dirinya. Bagaimana dengan orang Indonesia? Inilah sedikit intermezo tentang motivasi sebelum membahas ke topik utama yaitu belajar iframe. Tujuannya supaya sobat semangat dan yakin terlebih dahulu bahwa sobat juga bisa.
Iframe merupakan definisi dari inline frame. Penggunaannya bisa diletakkan di antara tag <body> dan </body>. Tujuan penggunaan iframe adalah untuk menampilkan page atau halaman website lainnya ke halaman blog kita. Beberapa browser internet sudah mendukung penggunaan tag iframe. Seperti: Mozilla firefox, Internet Explorer, opera, dan Google Chrome. Namun ada beberapa sih yang nggak support iframe.
Tag iframe sendiri berjalan pada web-hosting yang berformat html. Sedang pada web-hosting yang berformat xhtml tidak berfungsi. Untuk web-hosting yang berformat xhtml, tag yang diizinkan adalah frame dan frameset. Sudah tahu kan fungsinya tag frame dan frameset? Sebenarnya sih tag frame dan frameset hampir sama dengan tag iframe. Hanya saja sedikit agak rumit karena berhubungan dengan lay out suatu website. Tag frame dan frameset sendiri sebagai pengganti tag <body>. Setelah adanya css ( cascading style sheet ), tag frame dan frameset cenderung tidak digunakan.
Yuk kita mulai saja pembahasan tag iframe dan attribute-attribute yang bisa digunakan.
Format dasar tag iframe adalah <iframe src="url page"></iframe> Jadi tanpa menambahkan attribute sekalipun, dengan tag standar diatas iframe sobat akan bekerja. Namun kadang nggak seindah yang kita inginkan kan sob? Makanya attribute juga perlu ditambahkan.
Berikut attribute yang dapat disematkan pada tag iframe:
1. src="url page" berfungsi untuk memanggil page atau halaman yang ingin ditampilkan pada page sekarang.
2. align="left | right | middle | top | bottom" digunakan untuk memposisikan suatu iframe
3. frameborder="1 | 0" nilai 1 adalah memberikan garis tepi pada iframe, sedangkan 0 tidak diberi garis tepi.
4. scrolling="yes | no | auto" digunakan untuk mengizinkan pengunjung menggulung layar apa tidak.
5. width="pixels | %" digunakan untuk mengatur lebar iframe, bisa dalam pixel atau persen (%).
6. height="pixels | %" digunakan untuk mengatur tinggi iframe, bisa dalam pixel atau persen (%) juga.
7. marginwidth="pixels" digunakan untuk mengatur jarak garis tepi iframe dengan isi pada sisi kanan dan kiri. Ukurannya dalam pixel.
8. marginheight="pixels" digunakan untuk mengatur jarak garis tepi dengan isi pada bagian atas dan bawah.
9. name="name" bisa diisi dengan nama frame yang kita inginkan. Tujuannya adalah jika kita ingin menampilkan page pada frame itu, target lemparan kita adalah nama frame itu.
Contoh penggunaan tag iframe:
<iframe src=http://coker.wen.ru/about.html" align="left" name="iframe_b" frameborder="1" width="100%" height="200" marginheight="10" marginwidth="9" scrolling="yes">your browser not support</iframe>
Tulisan your browser not support ditujukan untuk browser yang nggak bisa membaca tag iframe. Penulisannya berada diantara tag <iframe> dan </iframe>. Bisa juga kita isi dengan link yang kita lempar ke web-page aslinya.
Hasil dari script diatas seperti ini:
60 Komentar untuk "Teknik membuat iframe pada Blogspot"
hadaaaaaaaaaaaaaaaaaaaaah, lom sampe sana ngeblognya sob. tapi teruslah berbagi, suatu hari nanti pasti saya membutuhkannya :D
ilmu baru lagi nih, siap diuji coba :)
Silahkan di uji coba perintah-perintah iframe nya kawan. Ilmu baru kalau nggak di praktekkan, nggak ada manfaatnya. Betul nggak sob?
Tenang sobat, ane akan selalu berbagi selama ane bisa dan mampu. Dengan berbagi ilmu, ilmu kita akan bertambah luas. Termasuk ilmu menggunakan iframe ini sob.
Alhamdulillah nambah ilmu =)
Alhamdulillah kalau tekniknya bermanfaat buat sobat. Langsung di praktekkan aja sob ilmu iframe-nya. Perintah iframe nya di uji coba, supaya makin ngerti fungsi attribute tersebut.
wah posting yang menarik sekali Sir :D
mmh.. itu buat nampilin postingan sebelumnya ya om? tapi bisa di beri link itu?
mantap tutor nya mas,aku follow blog ini
keren tutorialnya, makasih sudah berbagi ya mas.....
kira-kira diriku bisa ga yah ngikutin tutorialnya?
hehe di coba deh,
Makasih mbak Ida. Hasil praktek menggunakan iframe, terus ane share kok mbak. Siapa tahu bermanfaat. Dengan mengenal perintah iframe , kita juga dapat membuat blog kita jadi menarik kan?
Yups betul sekali sobat. Iframe nggak hanya berguna menampilkan postingan sebelumnya aja sob. Menampilkan website orang lain ke dalam blog kita juga bisa. Asal tau alamat url-nya aja sob. Tapi yang perlu diperhatikan, seandainya website yang kita panggil loadingnya lama, blog kita nantinya loadingnya juga lama.
Paling enak menggunakan iframe adalah page yang kita rancang sendiri. Nggak ada header dan iklan yang mengganggu tentunya. Untuk itulah ane memilih wen.ru sob.
Makasih sobat telah berkenan follow blog yang terbilang masih baru ini. Semoga artikel yang ane sajikan bermanfaat buat sobat dan orang lain.
Btw sudah paham kan cara menggunakan tag iframe ?
He..he..
Makasih mbak Alaika Abdullah :)
Hanya tutorial sederhana menggunakan iframe tag kok mbak. Kalau ane bisa, blogger yang lain seharusnya juga bisa. Tinggal kreatifitas sang blogger aja bisa memanfaatkan iframe tag ini apa tidak?
Pasti bisa sob.
Masa ada tutorialnya nggak bisa. Yang ada nggak mau nyoba. Tinggal copy paste script yang ane share aja, script iframe langsung bekerja. Nanti tinggal ganti aja url-nya dengan url yang ingin sobat tampilkan di blog sobat.
Sangat sederhana sekali kan script iframe nya.
Kalau javascript tuh baru susah. Ane lagi mempelajari javascript nih sob.
itu sebetulnya mau nampilin apa?
Saleum,
Bahas ilmu terus nih kang, salut deh tiap hari selalu dapat ilmu kalau mampir disini. Pokoknya aku senang aja sobnetku banyak yang pintar html, kan suatu saat bisa ditanyain kalau lagi ada masalah.
Lho masak nggak kelihatan sih sob. Padahal sudah aku tes di operamini sama mozilla firefox lho sob. Kamu pakai browser apa sob?
Sebenarnya ane lagi posting cara membuat iframe di postingan blog. Nah yang ane tampilin adalah page yang berada di website saya yang beralamat coker.wen.ru itu sob.
Apa browser sobat termasuk yang nggak support iframe tag ?
Ok kang dmilano, siap membantu selama ane bisa dan mampu. Pasti kang dmilano sudah jago memanfaatkan tag iframe ini. Apalagi jebolan wordpress, pasti lebih ngerti ketimbang ane yang masih newbie. Tapi berbagi kepada sesama nggak masalah kan kang?
Siapa tahu ada yang belum bisa, selain buat arsip di blogku juga sih.
Ane lagi posting tutorial membuat iframe pada postingan blogspot sob. Nah halaman website yang mau ane tampilin adalah page yang berada di alamat url:coker.wen.ru salah satu website percobaan saya gituuu. Masak nggak kelihatan sih sob, padahal sudah ane uji coba di operamini dan mozilla firefox lho. Sobat pakai browser apa? Jangan-jangan browser sobat nggak support tag iframe?
---->>> re kunjungan bosss... cuman mau follow koneksiku gak nutut... hehehe... lain kali saya follow mas ....
Nggak apa-apa sobat, sudah bersedia mampir ke gubuk ane, ane sudah seneng banget. Salam kenal sobat. Apa nggak sekalian belajar iframe dulu. Buat oleh-oleh di blognya gitu.
He..he.. ^_^
manteeeebbbb tutorialnya... Agak mumet juga tp pasti suatu saat dicoba :D
Oia jd inget pilem yes man,, katakan iya utk smua tantangan heheee :D
ga mudeng kl yg beginiaaan dey... Bikinin aja yaa..
He..he..
Sekarang atau nanti nggak masalah sob. Yang penting sudah berani mencoba itu sudah bagus. Jangan menyerah sebelum berperang. Iframe kelihatan sulit, tapi sebenarnya sangat mudah jika ditelaah dan dipelajari.
He..he..
Dicoba dulu aja sob. Masa' nyerah.
Bukannya nggak mau bikinin sih. Kalau ane bikinin, ntar nggak cocok dengan tampilan dan design blognya. Dan satu lagi, berarti tutorial belajar iframe nya sia-sia dong. Ane bikin tutorial ini maksudnya supaya para blogger mania juga bisa membuat sendiri iframe sesuai kebutuhannya sendiri gitu sob.
apa bisa diterapkan di WP ya sob?
salam persahabatan selalu dr MENONE sobat
alhamdulillah... apapun itu kalo dicari pasti ketemu, tapi yang ini gk dicari malah dateng sndiri... thanks ya sob atas ilmunya...
perlu di bookmark nih...
Intinya, setiap web yang berformat html. Kayaknya bisa diterapkan iframe sob. Kalau xhtml nggak support iframe. Ane sendiri belum nyoba di wordpress untuk tag iframe. Dicoba aja sob, siapa tahu bisa.
Terkadang ilmu itu kita dapatkan asal kita mau mencarinya dan bertanya. Dalam dunia internet, ane sering bertanya sama mbah google. Terkadang juga datang sendiri saat blogwalking. Alhamdulillah kalau ilmu tag iframe ini bermanfaat.
Langsung di praktekkan aja sob ilmu iframe nya.
Saya setuju dengan mengatakan kata bisa berulang kali dapat memancing alam bawah sadar kita.
Saya ingat kata guru saya semenjak masih SMA yang selalu memotifasi dengan bisa itu.
Okey lanjut ke inframe.
Inframe itu fungsinya buwat apa ya sob ?
Betul sekali itu sob. Mengatakan sesuatu dan melakukannya secara berulang-ulang dapat memancing alam bawah sadar kita. Seperti belajar nyetir, perlu menginjak gas dan sewaktu-waktu juga perlu menginjak rem. Itu yang bekerja adalah alam bawah sadar kita. Karena sudah terbiasa. Jadi secara reflek pun sudah terlatih.
Mengenai iframe, iframe berfungsi untuk memanggil suatu halaman website ke dalam postingan kita (seperti: blogspot). Intinya memanggil page url yang lain ke website sekarang yang kita kelola.
Semoga paham dengan penjelasanku sob :)
weh masih belum ngerti.. nyimak ajalah dulu
ikut belajar di sini sobat, tanxy
Nanti juga paham kawan, asal mau belajar, memahami dan nggak takut untuk mencoba. Semua perlu latihan kawan. Ane dulunya juga cuma menyimak dan copy paste script orang lain. Sekarang mah sudah nggak lagi setelah mengerti basic-nya.
Silahkan sobat kalau mau belajar. Ane juga masih belajar, jadi kita sama-sama belajar html dan iframe. Jangan ragu untuk bertanya jika belum paham. Kalau ane bisa jawab, ane akan jawab. Tapi kalau nggak tahu jawabannya, kita tanyakan saja sama mbah google ^_^
aku baca pelan2 dl ya.. loadingnya lemot nih klo belajar beginian.. hehehe..
Pelan-pelan juga nggak apa-apa sob. Kalau orang jawa bilang," alon-alon waton kelakon".
Belajar iframe juga begitu sob. Pelan-pelan asal nyambung dan paham. Suatu saat mbak cova akan familiar sekali menggunakan perintah iframe ini.
aduh komen apa ya aku gak paham mas
nggak apa-apa sob. Datang dan berkomentar aja, ane dah seneng kok sob. Emang agak lumayan susah sih memahami iframe jika dasar html belum menguasai.
wah ini biasanya buat iklan juga ya gan. ko ane ga bisa ya gan masang i frame di dalam posting, kemarin ud ku coba berkali kali e. ga bisa juga e. kenapa ya?
ane ctrl d dulu gan, mau belajar sekaligus rujukan.
aha! aku belajar yang kayak gini di sekolah, tapi.. masih blm ada niat buat praktek nya, hihi :p
Betul sekali sobat.
Iframe biasanya digunakan untuk pemasangan iklan, membuat menu tukar link, guestbook atau chatbox.
Masa sih sob nggak bisa, iframe beda sama frame atau frameset lho sob. Ane pernah nyoba pasang frame, di blogspot nggak bisa. Tapi kalau iframe bisa kok sob. Script yang ada dalam postingan ini kan sama persis dengan script yang berhasil menampilkan web-hosting ane yang berada di url coker.wen.ru sob.
Wah jurusan web-designer ya sob. Kenapa nggak digunakan semua ilmunya sob. Emang sih iframe bisa membebani loading blog kita. Asal nggak banyak iframe yang kita pasang nggak masalah sob.
Apa lebih tertarik dengan css dan programmer ya sob?
okeh, siip, nanti mau coba-coba ah, thank sob .. :D
Silahkan sobat stupid monkey kalau mau nyoba membuat iframe. Semoga teknik iframe yang ane share bermanfaat dan bisa digunakan dengan baik :)
kunjungan malam hari kawan...salam sukses selalu :)
oooo,,ini yg namanya iframe toh,,bru tau aq,heheh
Makasih sobat the-xp mau berkunjung kesini (^_^)
Postingannya nggak di update lagi kang. Ilmu tentang dunia komputer. Spesialisasi di sistem operasi apa aja kang? Windows, linux, ubuntu atau apa kang?
Yups... Betul sekali.
Inilah contoh penggunaan script iframe sob. Masih banyak sebenarnya kegunaannya. Tergantung kita mau memakainya dalam bentuk yang bagaimana?
Setelah tahu iframe, sobat bisa berkreasi dengan mengkombinasikan pengetahuan html yang sobat punya dengan perintah iframe ini.
sip penjelasanya komplit
Makasih sobat dah mau mampir.
Setahuku sih cuma itu sob attribute yang bisa disematkan pada iframe. Barangkali ada attribute lain, silahkan dikoreksi dan ditambahkan. Karena ane tak lebih hanyalah seorang newbie yang sedang belajar dan berbagi (^_^)
aku cuma anak SMA biasa, bukan SMK ato apalah. hihi. cuma kebetulan ini kan masuk bab HTML gitu di mapel kmputer, gurunya sekilas njelasin tentang ini :)
Tapi banyak juga lho anak SMA yang mahir web-designer. Entah mereka belajarnya dimana. Ada yang melanjutkan kuliah di jurusan itu kayaknya. Tapi banyak juga yang belajar secara otodidak. Blog dan websitenya juga keren-keren mbak.
Bagus tuh mbak, sudah dikenalkan basic-nya dari SMA. Jadi pemahamannya akan lebih cepat nyambung.
sip mas, ini yang lagi saya cari lumayan komplit penjelasannya...
thx sob,lumayan bermanfaat tapiiframe kan mayoritas digunakan buat ads code kan yak?
nah kalo diklik kan langsung ke newtab beralamatkan src:"linktarget"
tu atributnya pakai apa yak? yang disampel diatas tuh kok malah g bisa diklik?
mampir balik ya sob ke blog saya, tapi saya sarankan jangan pas puasa,,heheh thxx,,,
Artikel yang sangat bermanfaat sob, saya sudah praktekkan ini dan ternyata berhasil memuaskan. Terimakasih atas informasinya.
makasih gan infonya..semoga sama2 sukses
Nah ini artikel yg paling komplit soal iframe, di blog tetangga satu perumahan ga ada yg atributnya lengkap kayak gini, terima kasih mas, aku bookmark dan follow blognya :)
1. Silakan buka Daftar Isi untuk melihat artikel menarik lainnya
2. Komentar sobat adalah investasi besar untuk meningkatkan jumlah pengunjung ke Blog Sobat