Website maupun blog merupakan media informasi terkini yang merangkum data berupa berita dan data. Informasi yang akurat dan tepat adalah modal utama dalam mengelola suatu website atau blog. Alasan demikian akan membuat pengunjung sangat tertarik dan berlangganan informasi dengan berkala ke situs anda. Tentu ini akan meningkatkan traffic Alexa dan penilaian bagus dari search engine seperti Google sehingga mendapatkan Pagerank.
Indonesia turut serta dalam persaingan website maupun blog didunia internet, bahkan berupaya membangun situs yang bersifat internasional menggunakan bahasa inggris. Wow! Apalagi didukung dengan artikel terupdate yang unik dan menarik. Hal itu akan menjadi nilai lebih situs anda sebab pengunjung bukan saja dari Indonesia tetapi juga dari seluruh dunia.
Website atau blog yang berbahasa Indonesia apakah berpeluang mendapatkan traffic dari luar negeri? Tentu saja! Sebab kita bisa menggunakan fitur online Google Translate. Trik Pasang Google Translate di Blog dan Website - Dengan menggunakan Google Translate akan menuntun pengunjung asing menerjemahkan situs anda kebahasa mereka. Kode HTML yang cukup anda pasang pada widget blog atau index.php pada website sesuai dengan halaman yang anda inginkan.
Image or Picture Topic. Tutorial Cara mengganti background blogspotdan tips trik menjadikan foto kita atau gambar sendiri di pasang sebagai background blog. Bagaimana membuat, mengedit dan ganti warna latar yang lebih unik dan menarik? Mari merubah semuanya sekali sentuhan setting blog dengan tips trik jitu, temukan jawabannya disini. Blogger adalah salah satu layanan blog dari sekian jenis penyedia layanan seperti Wordpress, Blogdetik, Multiply dan lain sebagainya. Bosan dengan dengan tampilan latar blog yang itu-itu aja, sekarang kreasi anda yang akan menjawabnya.
Screenshoot Backgound Blogger
Blogger memiliki tips trik yang menarik diantaranya cara mengganti background blogger dengan foto atau gambar yang uniksesuai selera anda. Buat variasi dan pernak-pernik yang menunjang pengunjung untuk tertarik dengan blog yang anda miliki. Pembaca akan ingat dan secara tidak langsung datang kembali mencari informasi didalam blog kesayangan anda.
Tampilan template yang fresh blogger dan menarik adalah sesuatu yang membuat kita terus semangat untuk mengelolanya maupun megupdate informasi. Apapun yang dilakukan akan berhasil jika dipengaruhi oleh hati, kesungguhan dan suasana! Maka mari kreasikan tampilan blog anda. Pengen tau tips trik cara merubah tampilan halaman layout belakang blogspot dengan foto anda atau gambar unik lainnya! Sekarang ayo, kita coba langkah-langkah berikut ini :
1. Login ke Blogger Dasbor > Klik Rancangan > Pilih Tab Edit HTML 2. Setelah itu klik Download Template Lengkap untuk membackup template jika sekiranya nanti terjadi kesalahan, kita masih mempunyai cadangan file yang masih baik 3. Silakan centang Expand Template Widget untuk masuk pada kategori memodifikasi template yang akan dirubah 4. Tekan Ctrl + F Pada keyboard untuk memudahkan mencari kode pada template 5. Copy kode CSS ini ke template anda sebelum kode
1. Upload file gambar yang akan dijadikan sebagai background blog anda.
Situs layanan hosting gambar gratis seperti freeimagehosting, imageshack, Photobucket, namun dalam hal ini anda harus memiliki accountnya dengan cara buka websitenya "www.photobucket.com"lalu daftar, jangan takut daftarnya mudah kok... dan lain sebagainnya
2. Kemudian ganti URL Foto Anda menjadi url gambar yang telah anda upload
Contoh :
3. Klik Simpan Template 4. Nah, sekarang silakan anda lihat bagaimana hasilnya? Jika belum memuaskan anda dapat mencoba dengan bentuk gambar lainnya sesuai dengan selera anda
Time is Money = waktu adalah uang. kali ini Lih@i v@n mau memberi tahu tentang bagaimana memasang jam di blog. agar blog kita mempunyai jam ada banyak cara untuk memasang jam di blog. Ada sebuah situs yang menyediakan berbagai bentuk jam apalagi di situs tersebut kita tinggal mengcopy dan paste kodenya tanpa harus registrasi terlebih dahulu ke situs tersebut situs-situs tersebut sangatlah banyak tetapi yang banyak di pakai adalah :
lalu klik pada menu Gallery (disitu kita bisa memilih kategori-kategori yang ingin kita pilih)
sebagai contoh kategori analog kita pilih,
kemudian klik view html tag pada kotak di bawah jam yang kita pilih lalu akan timbul halaman baru di window baru. disitu nanti kita ada ketentuan-ketentuan yang memakai bahasa inggris,
langsung aja kita pilih accept
Selanjutnya kita diminta memilih warna (color), {time zone untuk Waktu Indonesia Bagian Barat sebaiknya memilih JOG : Jogyakarta Indonesia Time (GMT + 07.00)} serta jangan lupa tuliskan ukuran (size) jam agar sesuai dengan sidebar tempat meletakan jam itu nantinya. Dapat juga diatur kemudian.
Copy seluruh kode HTML kemudian disimpan di komputer kita contoh pada notepad.
Langkah selanjutnya kita menuju blog kita
Silahkan login ke blogger dengan ID anda
Klik Tata Letak
Klik tab Elemen Halaman
Klik Tambah Gadget
Klik tanda plus (+) untuk HTML/Javascript
Copy paste kode yang kita taruh di notepad tadi ke dalam kolom konten yang tersedia
Sebelum kita membuat file html dengan mengguakan CSS ada baiknya kita terlebih dahulu mengetahui bagaimana penulisan atau memasang CSS pada dokumen html
Ada 3 cara untuk memasang CSS pada dokumen HTML yaitu:
Internal Style Sheet (file CSS berbeda dari file HTML),
External Style Sheet (Kode CSS dipasang di dalam tag head HTML)
Inline Style Sheet (Kode CSS langsung dipasang di tag HTML, tidak direkomendasikan).
1.a Internal CSS
Yaitu menuliskan secara langsung script CSS kedalam file HTML
1.b External CSS
External CSS adalah kita membuat file CSS tersendiri dengan eksistensi *.css dan terpisah dari file html dan ditempatkan di folder lain atau di folder yang sama dengan file html tersebut. browser akan membaca file tersebut dan akan menampilkan file html sesuai dengan format yang telah kita atur dalam file, namun dalam external CSS karena memakai 2 notepad ada baiknya di masukkan terlebih dahulu ke folder yang kosong sehingga agar dapat lebih mudah dalam pembacaannya...
II.2 Inline Styles
Inline Style adalah pemformatan pada sebagian kecil saja dari web anda, anda dapat menggunakan inline style.Definisi style pada inline style hanya berpengaruh pada tag dimana inline style tersebut berada.Ada dua cara untuk merubah style dari web page anda yaitu dengan :
- Merubah inline style
-Menulis script untuk merubah style anda.
Dengan menggunakan inline style anda dapat membuat dynamic style
tanpa harus menambahkan script ke web anda. Inline styles merupakan
style yang bisa kita pasang pada element web tertentu saja.
Contoh:
Jika anda ingin menambahkan style pada
dengan warna merah,
anda harus mengeset attribut STYLE dari tag
.
Jika anda ingin menggunakan script untuk memodifikasi inline style,
anda dapat menggunakan Style Object. Style Object mensupport semua
property yang di support CSS untuk style. Untuk menggunakan property
pada script :
1. Hilangkan tanda hubung “-” dari property CSS Style
2. Ganti huruf setelah tanda hubung menjadi Capital
II. 3 ISTILAH-ISTILAH DALAM CSS
Style rule
Cascading style sheet merupakan kumpulan aturan yang mendefinisikan
style dari document. Sebagai contoh kita bisa membuat aturan style yang
menentukan bahwa semua
di tampilkan dengan warna orange.
Style sheet
Style sheet dapat dapat di embedded ke HTML document. Atau disebut
embedded style sheet. Style sheet juga bisa dibuat sebagai external file
dan di link ke document HTML. Style role bisa di kenakan pada bagian
tertentu dari web page. Sebagai contoh anda bisa menentukan
paragraph tertentu di tampilkan dengan style bold dan italic sementara
bila gagal dapat ditambahkan perintah ini :h2 { text-transform: lowercase; }
b. Mengatur ukuran huruf
Kebanyakan program browser mempergunakan huruf yang lebih besar
untuk heading yang penting sifatnya. Bila anda menimpa ukuran
defaultnya, anda menempuh resiko yaitu huruf menjadi tampak lebih
kecil khususnya bila anda mempergunakan ukuran yang anda tambahkan
tersebut dengan ukuran titik (point). Karenanya anda disarankan untuk
melakukan pengaturan ukuran huruf dengan ukuran yang sama.
Contoh berikut mengatur ukuran heading dalam persen relatif terhadap
ukuran teks normal.
h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 100%; }
c.Mengatur jenis huruf
Bisa saja jenis huruf favorit anda tidak bisa ditampilkan oleh berbagai jenis browser.Untuk mengatasi hal ini anda dapat menuliskan beberapa jenis huruf yang tidak dapat ditampilkan oleh hampir semua browser.
Ada beberapa jenis huruf generik yang dijamin cocok, sehingga anda
kami sarankan untuk mengakhiri daftar perintah HTML anda dengan
salah satu jenis huruf berikut : serif, sans-serif, cursive, fantasy, atau
h1,h2 { font-family: Garamond, Times New Roman,serif; }
Dalam contoh ini heading penting akan ditampilkan dalam bentuk huruf
Garamond, bila gagal maka akan ditampilkan dalam bentuk Times New
Roman, dan bila juga masih tidak dapat tampil, maka akan tampil
sebagai huruf serif. Teks paragraf akan ditampilkan dengan huruf
Verdana atau bila masih tidak tampil juga, maka browser masih dapat
menampilkannya dengan jenis huruf standar sans-serif.
kesimpulan: dari artikel diatas ternyata pembuatan css dalam program html tidaklah sulit, hanya saja kita harus memperhatikan Syntax CSS yang External dan Internal,,,,
untuk itu silakan mencoba n pasti berhasil.............
Web statis adalah web yang berisi/menampilkan informasi–informasi yang sifatnya statis(tetap).disebut statis karena pengguna tidak dapat berinteraksi dengan web tersebut.singkatnya,untuk mengetahui suatu web bersifat statis atau dinamis dapat dilihat
Dari tampilannya.jika suatu web hanya berhubungan dengan halaman web lain dan berisi informasi yang tetap maka web tersebut disebut dengan web statis.pada web statis,pengguna hanya dapat melihat isi dokumen pada halaman web dan apabila diklik akan berpindah ke halaman web yang lain.interaksi pengguna hanya terbatas dapat melihat informasi yang ditampilkan .tetapi tidak dapat mengolah informasi yang dihasilkan.web statis biasanya merupakan HTML yang ditulis pada editor teks dan disimpan dalam bentuk .Html atau .htm
Contoh desain web statis
Gambar di atas merupakan contoh desain web statis yang menerangkan tentang suatu lembaga perusahaan yang sudah memiliki alamat untuk di cari atau di temukan melalui address yang terpadat pada mozila firefox,namun kami akan menerangkan cara pembuatan web statis yang sangat sederhana.
Cara pembuatan web statis melalui notepad
Adapun contoh web ini berisi data diri saya.
1 .ketikan pada notepad perintah di bawah ini;
2.kemudian,klik File>Save AS>Buat Folder Baru Dengan nama ” Web Statis” Simpan dalam folder tersebut dengan File name = biodata.htmldanSave As Type= All files,kemudian klik Save
3.buka menuMozilla firefox seperti di bawah ini.
4.kemudian klik file>open file>web statis>biodata,kemudian klik open,maka hasilnyaseperti gambar di bawah ini.
5.selesai,namun kalian dapat berinovasi dengan menambahkan dengan menu frame dan memasukkan foto kalian seperti gambar di bawah ini ataupun sesuai keinginan anda.
6.Selamat mencoba.
Contoh gambar web statis di atas merupakan penggabungan dari 2 bentuk notepad yang menggunakan fungsi penggabungan frame yang tidak begitu sulit namun temen temen dapat membuat dengan inovasi yang anda inginkan .
C.Pengenalan Form
Form artinya sama Formulir. Tapi dalam konteks ini Form akan berbentuk input digital. Form sendiri adalah Kesatuan dari beberapa Input Field yang memiliki tujuan proses.Sebenarnya Form sendiri mengumpulkan data - data User dari Input yang bisa diubah Value (isinya) oleh User. Kalian kalo mau daftar Facebook harus ngisi Registrasi atau Kalo mau Login, harus ngisi User/Email dan Password kantempat kalian ngisi data - data itu disebut Form.
Contoh gambar form yang sudah memiliki fungsi.
Contoh from di atas sudah dapat di jalankan dengan fungsinya,pada mesin pencari seperti mozzila dan sebagainya,namun kami akan menyampaikan cara mudah untuk membuat form.
ketiklah terlebih dahulu Script ini
4.Kemudian simpan file html kemudian buka file tersebut maka akan tampil gambar seperti di bawah ini.
5.Silahkan mencoba,anda dapat memvariasikan form tersebut sesuai keinginan anda.
Apalagi didukung dengan artikel terupdate yang unik dan menarik. Hal itu akan menjadi nilai lebih situs anda sebab pengunjung bukan saja dari Indonesia tetapi juga dari seluruh dunia.
