Tampilkan postingan dengan label HTML. Tampilkan semua postingan
Struktur Dasar Blogspot
Mengenal Struktur Template Blogspot ini perlu di utamakan, apalagi buat yang baru pertama kali mengenal blogspot. Mudah-mudahan ini dapat membantu anda yang baru belajar mengedit blog.g
dan dapat membantu anda yang baru belajar mengedit blog.
Jika sobat - sobat penasaran silakan lihat gambar di bawah ini sebagai bayangan :
Semua angka yang tertera, dapat anda ubah sesuai kebutuhan, tinggal diuji saja, jika terlalu lebar kurangi dan seterusnya. Istilah header, mainwrapper, sidebarwrapper, body dll, adalah istilah umum, bisa diganti dengan nama berbeda, asalkan struktur selanjutnya juga dengan nama sama. Untuk menguji, login ke dashboard blogger Anda, pilih template, dan edit. Untuk mempercepat, tekan Ctrl+F pada keyboard, dan ketik apa yang dicari.
Ketiga, Java Script. JavaScript adalah bahasa scripting yang paling populer di internet dan bekerja pada banyak browser seperti Internet Explorer, Mozilla, Firefox, Netscape, Opera. JavaScript digunakan pada Web pages untuk meningkatkan design, validate forms, detect browsers, create cookies, GUI dsb.
Banyak sekali fungsi dari java script. Bagi pemula (seperti saya), mengenal lebih jauh java script adalah program lanjutan, kelak jika akan membuat web provesional.
Cttan : Buat yang menggunakan template blogger baru mungkin ada beberapa perbedaan dalan kode namun pada intinya sama saja, jadi silahkan saja sobat sesuaikan saja
Sekian Dulu mudah - mudahan bermanfaaf ....Wasalam
Jika sobat - sobat penasaran silakan lihat gambar di bawah ini sebagai bayangan :
Dan Code - code struktur tadi masing - masing mempunyai kegunaannya tersendiri , coba simak penjelasan di bawah ini :
- BODY : Pada area ini keseluruhan konten atau isi dari blog ditampung, area ini ditandai dengan kode awal dengan tag <body> dan kode akhir tag </body> dimana diantara kode tersebut menyimpan hampir semua kode HTML namun bisa juga untuk menyimpan Javascript atau CSS namun yang paling banyak adalah menyimpan kode HTML. untuk template blogger baru kode <body> nya adalah: <body expr:class='"loading" + data:blog.mobileClass'>.
- OUTER WRAPPER : Area ini merupakan frame atau pembungkus dari keseluruhan bagian template, yang terdiri dari header, sidebar, main wrapper/post dan footer. outer wrapper ini didalam template biasa untuk kode CSSnya #outer-wrapper atau .outer-wrapper sedang pada kode HTMLnya : <div id="outer-wrapper"> dan diakhiri dengan </div>. Namun untuk template blogger baru kode outer-wrapper sudah diganti dengan content-inner sehingga buat sobat yang menggunakan template blogger baru silahkan cari kode content-inner sebagai pengganti outer-wrapper.
- HEADER : Area ini adalah area yang letaknya berada dibagian paling atas, pada umumnya area ini berisi judul dan deskripsi blog dan bisa juga ditambahkan menu navigasi dibagian atas maupun dibagian bawahnya, terkadang ada juda yang digunakan untuk meletakan gambar/banner iklan disamping judul blog. kode yang biasa berada di area ini diantaranya header-wrapper, header-inner, header-outer.
- MAIN WRAPPER/POST : Area ini merupakan yang paling penting didalam blog dan ini merupakan bagian paling besar, disini menyimpan beberapa bagian yang diantaranya judul post, Isi post, komentar dan mungkin juga keterangan lain yang menyangkut blog.
- SIDEBAR LEFT : area ini adalah area yang terletak dibagian kiri blog, biasa digunakan untuk menyimpan widget atau aksesories blog. kode yang biasa digunakan untuk ini lsidebar,sidebarleft.
- SIDEBAR RIGHT : Area ini sama dengan sidebar left namun letaknya berada dibagian kanan.
- FOOTER : Area ini merupakan bagian paling bawah, disini biasanya untuk meletakan hak cipta atau keterangan kepemilikan blog.
Semua angka yang tertera, dapat anda ubah sesuai kebutuhan, tinggal diuji saja, jika terlalu lebar kurangi dan seterusnya. Istilah header, mainwrapper, sidebarwrapper, body dll, adalah istilah umum, bisa diganti dengan nama berbeda, asalkan struktur selanjutnya juga dengan nama sama. Untuk menguji, login ke dashboard blogger Anda, pilih template, dan edit. Untuk mempercepat, tekan Ctrl+F pada keyboard, dan ketik apa yang dicari.
Ketiga, Java Script. JavaScript adalah bahasa scripting yang paling populer di internet dan bekerja pada banyak browser seperti Internet Explorer, Mozilla, Firefox, Netscape, Opera. JavaScript digunakan pada Web pages untuk meningkatkan design, validate forms, detect browsers, create cookies, GUI dsb.
Banyak sekali fungsi dari java script. Bagi pemula (seperti saya), mengenal lebih jauh java script adalah program lanjutan, kelak jika akan membuat web provesional.
Cttan : Buat yang menggunakan template blogger baru mungkin ada beberapa perbedaan dalan kode namun pada intinya sama saja, jadi silahkan saja sobat sesuaikan saja
Sekian Dulu mudah - mudahan bermanfaaf ....Wasalam
Kode HTML tag DIV
Tag DIV adalah salah satu tag dalam kode html yang paling banyak
digunakan. Tag DIV merupakan sebuah "wadah" bagi semua dokumen (teks,
image dll) dan di dalam tag DIV biasanya berisi sekaligus beberapa
elemen html/tag html. Dalam desain web/blog, tag DIV bahkan menjadi
wadah (memuat) keseluruhan halaman-halaman blog yang didalamya juga
berisikan tag div dan beberapa tag yang lain. Sekalipun tag DIV secara
khusus mempunyai karakter/sifat bawaan seperti "display:block", namun
sifat-sifat ini dapat dirubah menggunakan kode css.
Dalam penggunaanya, beberapa attribute atau properti css harus ditambahkan agar tag DIV mampu berfungsi sesuai dengan apa yng diharapkan. Dalam bentuk yang paling sederhana anda dapat membuat boks/kotak dengan memanfaatkan tag DIV.
Di tahun 2012 ini, Rally terbesar dan terhebat se-jagad raya "Jelajah - Mars" mendapat kejutan besar dengan keikutsertaan 20 perally dari Indonesia. Ke 20 perally asal Indonesia ini bukanlah peserta yang dapat disepelekan karena mereka sudah berpengalaman dalam berbagai ajang rally tingkat nasional dan antar planet. Salah satu perally Indonesia yang dipandang mampu memberi surprise pada rally terhebat tahun ini adalah 'cah ndeso kluthuk atau yang biasa dipanggil gubhugreyot
Dalam penggunaanya, beberapa attribute atau properti css harus ditambahkan agar tag DIV mampu berfungsi sesuai dengan apa yng diharapkan. Dalam bentuk yang paling sederhana anda dapat membuat boks/kotak dengan memanfaatkan tag DIV.
Contoh:
<div style="width:700px;height:30px;background:lightblue;border:5px solid blue;margin:20px auto;"></div>
Tag DIV di atas akan membentuk sebuah box seperti berikut:
Tag DIV menjadi box/wadah bagi beberapa tag lain :
<div style="float:left;background:lightblue;border:5px solid green;margin:20px 0;width:400px;padding:10px;font:normal 12px Arial;"> <h3>Rally Paris Dakkar 2012</h3> <p><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgmhkpY0cnjTa6HSLTUAH5jiqp-XZlox16Schyphenhyphen6qqAR3l4hZv4BV2canHpOkXvpjIkss9TF2TKaQ4HvnTw9_N8BwRM3RKh9I3MozGZ4okgDSLC5QPjYcygui6E5qlMzq1YVC22FYLXvZg/s128/red-car-200x143.jpg" width="100" height="62" style="border:2px solid #888;margin:0 20px 5px 0;padding:0;float:left;" />Di tahun 2012 ini, Rally terbesar dan terhebat se-jagad raya "Jelajah - Mars" mendapat kejutan besar dengan keikutsertaan 20 perally dari Indonesia. Ke 20 perally asal Indonesia ini bukanlah peserta yang dapat disepelekan karena mereka sudah berpengalaman dalam berbagai ajang rally tingkat nasional dan antar planet. Salah satu perally Indonesia yang dipandang mampu memberi surprise pada rally terhebat tahun ini adalah <a href="http://gubhugreyot.blogspot.com" target="_blank" title="Panduan, tutorial, tips & trik blogger - blogdetik">'cah ndeso kluthuk</a> atau yang biasa dipanggil <a href="http://bestbloggerhack.blogspot.com" target="_blank" title="Best Blogger Hacks">gubhugreyot</a></p></div>
Hasil Kode Html di atas akan menjadi seperti ini :
Rally Paris Dakkar 2012
Di tahun 2012 ini, Rally terbesar dan terhebat se-jagad raya "Jelajah - Mars" mendapat kejutan besar dengan keikutsertaan 20 perally dari Indonesia. Ke 20 perally asal Indonesia ini bukanlah peserta yang dapat disepelekan karena mereka sudah berpengalaman dalam berbagai ajang rally tingkat nasional dan antar planet. Salah satu perally Indonesia yang dipandang mampu memberi surprise pada rally terhebat tahun ini adalah 'cah ndeso kluthuk atau yang biasa dipanggil gubhugreyotTag :
HTML,
Kumpulan Fungsi Tag Dalam HTML
Untuk anda yang ingin mempelajari atau bergelut dengan dunia internet
seperti blog, website pastinya anda sering melihat suatu halaman yang
unik dan bervariasi. Tahukah anda untuk membuat halaman blog atau
website tersebut tidak dibuat semudah menggunakan word atau paint. Suatu
halaman situs tersebut membutuhkan pengkodean yang biasa disebut dengan
HTML. HTML ini lah yang membangun suatu halaman situs. Walaupun hanya
berupa kode-kode yang mendasar, dengan tag HTML ini bisa membangun
sebuah halaman situs yang sangat menarik. Apalagi jika dipadukan dengan
CSS dan Javascript yang sesuai. Nah, untuk anda yang ingin membuat
sebuah blog atau halaman situs yang sederhana, berikut saya berikan
beberapa tag HTML yang dasar.Nah, untuk menuliskan tag yang sempurna yaitu dengan pertama menuliskan suatu tag pembuka kemudian tag penutupnya.
Tag :
HTML,
Struktur Dasar HTML
HTML adalah bahasa dasar dalam pembuatan tampilan website, lalu bagaimana cara kita memulai html? banyak sekali sumber belajar di Internet tentang HTML, ini hanya salah satu saya dan mudah-mudahan dapat bermanfaat. Anda dapat memulai HTML dengan membuka Web Editor, atau Text Editor seperti Notepad atau Notepad ++. Struktur dasar HTML dapat dilihat pada baris kode berikut.:
Dari sedikit baris kode di atas dapat anda simpan pada folder anda dan beri nama coba.html. kalau anda ingin menggunakan html 5, anda cukup tambahkan definisi pada baris pertama dengan kode:
Dengan memberikan kode di atas, maka anda sudah dapat menggunakan Tag-tag baru pada HTML 5 seperti video, audio dan lain-lain. Contoh kode lengkapnya menjadi :
Semoga Bermanfaat
Tag :
HTML,