Cara Membuat Halaman Statis di Blogger (Static Page)
Posted by elstar on 10.43
Bagaimana cara membuat halaman statis (static page) di blogger? pada tulisan seputar tutorial blogspot kali ini, saya akan coba memberikan langkah – langkah bagaimana cara membuat halaman statis di blogspot. Halaman statis atau static page di blogger merupakan sebuah halaman individu yang berbeda dengan halaman posting pada umumnya. Walaupun dari segi tampilannya bisa dikatakan sama / serupa dengan halaman posting di blogspot, namun dengan adanya halaman statis ini bisa memberikan kita kemudahan untuk menulis bagian – bagian penting dari isi suatu blog seperti halaman sitemap, contact, about atau lainnya.
Saat ini, untuk membuat halaman statis / static page di blogger blogspot sangat mudah sekali. Dibandingkan dulu sebelum blogger memiliki static page ini, untuk membuat halaman seperti ini biasanya para blogger menggunakan halaman posting yang kemudian di link-kan di halaman utama blog. Nah, kali ini hal tsb sudah tidak perlu kita lakukan lagi. Karena saat ini blogger sendiri sudah support halaman statis / static page.
Berikut langkah – langkah membuat halaman statis di blogger blogspot.
1. Login di blogger dengan menggunakan halaman blogger in draft.
Caranya, buka alamat http://draft.blogger.com/ di web browser, kemudian masukan username (email) dan password seperti biasanya.
2. Setelah masuk, di bagian pojok kanan atas ada pilihan untuk menjadikan blogger in draft sebagai default dashboard blogger anda. Jika mau, kasih tanda checklist disana.
3. Klik “edit entry” pada blog yang akan dipasangi halaman statis
4. Di halaman selanjutnya, klik “Edit Laman” kemudian klik “Laman Baru”
5. Kemudian akan terbuka halaman post editor. Disini adalah tempat anda menuliskan isi dari halaman statis anda tersebut. Cara mengisinya, sama seperti menulis posting artikel seperti biasa.
6. Setelah selesai mengisi, klik saja tombol “tayangkan laman” untuk menerbitkan halaman statis / static page baru di blog.
7. Selanjutnya, akan muncul halaman baru untuk pemasangan gadget halaman. Pada bagian ini, pilih saja salah satu kemudian klik “Simpan dan Terbitkan”
8. Di halaman selanjutnya, klik “Lihat Laman” untuk melihat halaman statis / static page yang baru dibikin.
9. Selesai.
Saat ini, untuk membuat halaman statis / static page di blogger blogspot sangat mudah sekali. Dibandingkan dulu sebelum blogger memiliki static page ini, untuk membuat halaman seperti ini biasanya para blogger menggunakan halaman posting yang kemudian di link-kan di halaman utama blog. Nah, kali ini hal tsb sudah tidak perlu kita lakukan lagi. Karena saat ini blogger sendiri sudah support halaman statis / static page.
Berikut langkah – langkah membuat halaman statis di blogger blogspot.
1. Login di blogger dengan menggunakan halaman blogger in draft.
Caranya, buka alamat http://draft.blogger.com/ di web browser, kemudian masukan username (email) dan password seperti biasanya.
2. Setelah masuk, di bagian pojok kanan atas ada pilihan untuk menjadikan blogger in draft sebagai default dashboard blogger anda. Jika mau, kasih tanda checklist disana.
3. Klik “edit entry” pada blog yang akan dipasangi halaman statis
4. Di halaman selanjutnya, klik “Edit Laman” kemudian klik “Laman Baru”
5. Kemudian akan terbuka halaman post editor. Disini adalah tempat anda menuliskan isi dari halaman statis anda tersebut. Cara mengisinya, sama seperti menulis posting artikel seperti biasa.
6. Setelah selesai mengisi, klik saja tombol “tayangkan laman” untuk menerbitkan halaman statis / static page baru di blog.
7. Selanjutnya, akan muncul halaman baru untuk pemasangan gadget halaman. Pada bagian ini, pilih saja salah satu kemudian klik “Simpan dan Terbitkan”
8. Di halaman selanjutnya, klik “Lihat Laman” untuk melihat halaman statis / static page yang baru dibikin.
9. Selesai.
Cara Membuat Marquee (Text Bergerak)
Posted by elstar on 10.40
Cara membuat marquee (text bergerak). Mungkin anda pernah melihat sebuah efek text bergerak di salah satu web atau blog yang pernah anda kunjungi. Efek text bergerak tersebut dalam program HTML dinamakan marquee. Berikut adalah sedikit penjelasan tentang marquee dan bagaimana cara membuat marquee.
Text atau Gambar disini
WIDTH = menentukan lebar area marquee, value yang digunakan yaitu berupa angka dalam piksel (px) dan persen (%). Contoh :
HEIGHT = menentukan lebar area marquee, value yang digunakan yaitu berupa angka dalam piksel (px) dan persen (%). Contoh :
DIRECTION = menentukan arah pergerakan marquee, value yang digunakan yaitu left, right, up, dan down. Contoh :
BEHAVIOR = menentukan perilaku pergerakan marquee, value yang digunakan yaitu scroll, slide dan alternate. Contoh :
SCROLLAMOUNT = menentukan kecepatan pergerakan dalam piksel. Value yang digunakan berupa angka (integer). Contoh :
SCROLLDELAY = menentukan kecepatan pergerakan marquee dalam milisecond. Value yang digunakan berupa angka (integer). Contoh :
BGCOLOR = menentukan warna background dari marquee. Value yang digunakan berupa nilai warna dalam hexa atau text.
LOOP = menentukan jumlah pengulangan marquee. Secara default jika attribute ini tidak digunakan, maka marquee akan melakukan pengulangan secara terus menerus.
salah satu masalah yang sering dialami ketika menggunakan attribute loop yaitu text / gambar yang ada di dalam marquee akan menghilang setelah pengulangan selesai (seperti contoh diatas). Untuk mengatasi hal ini, jangan lupa setiap kali menggunakan attribute loop sebaiknya sertakan juga attribute behavior dengan value slide atau alternate. Contoh :
HSPACE dan VSPACE = menentukan spasi dari kiri dan kanan (hspace) dan spasi dari atas dan bawah (vspace). Value dalam angka (integer). Contoh :
Nah…demikianlah pembahasan lengkap tentang HTML Marquee berikut cara membuat marquee. Semoga bermanfaat dan silahkan dicoba
Apa itu Marquee
Marquee merupakan tag non-standard element HTML yang menyebabkan suatu text / gambar bergerak ke atas, bawah, kanan, atau kiri secara otomatis. Untuk membuat marquee, caranya cukup simple dan mudah sekali. Kita hanya perlu menyisipkan kode HTML untuk membuat marquee, diantara text / gambar yang akan kita buat bergerak. Berikut kode dasar HTML marquee :<marquee>Text atau gambar disini</marquee>Dari kode HTML dasar marquee tersebut, jika kita aplikasikan dalam web / blog, maka hasilnya menjadi seperti ini :
Text atau Gambar disini
Marquee Attribute
Untuk lebih memperjelas dalam membuat marquee, berikut beberapa attribute yang sering digunakan dalam tag marquee :WIDTH = menentukan lebar area marquee, value yang digunakan yaitu berupa angka dalam piksel (px) dan persen (%). Contoh :
| Kode HTML Marquee | Hasil |
|---|---|
<marquee width="50%">Text atau Gambar Disini</marquee> | Text atau Gambar Disini |
Jika attribute width tidak digunakan, maka secara default width yang digunakan yaitu 100%. Misalnya marquee disimpan di bagian sidebar yang memiliki width 300px, maka width marquee pun memiliki width 300px.
HEIGHT = menentukan lebar area marquee, value yang digunakan yaitu berupa angka dalam piksel (px) dan persen (%). Contoh :
| Kode HTML Marquee | Hasil |
|---|---|
<marquee height="50px">Text atau Gambar Disini</marquee> | Text atau Gambar Disini |
Jika attribute height tidak digunakan, maka secara default height yang digunakan sesuai dengan ukuran font (font-size).
DIRECTION = menentukan arah pergerakan marquee, value yang digunakan yaitu left, right, up, dan down. Contoh :
| Kode HTML Marquee | Hasil |
|---|---|
<marquee direction="left">Text atau Gambar Disini</marquee> | Text atau Gambar Disini |
<marquee direction="right">Text atau Gambar Disini</marquee> | Text atau Gambar Disini |
<marquee direction="up">Text atau Gambar Disini</marquee> | Text atau Gambar Disini |
<marquee direction="down">Text atau Gambar Disini</marquee> | Text atau Gambar Disini |
Jika attribute direction tidak digunakan, maka secara default direction yang digunakan adalah left. Khusus untuk direction up dan down, sebaiknya tentukan juga tinggi dari area marquee tsb, yaitu dengan menambahkan attribute height. Hal ini dimaksudkan untuk mengatasi value height secara default untuk attribute direction up dan down yaitu sekitar 150px – 200px (kalo ga salah)
BEHAVIOR = menentukan perilaku pergerakan marquee, value yang digunakan yaitu scroll, slide dan alternate. Contoh :
| Kode HTML Marquee | Hasil |
|---|---|
<marquee behavior="scroll">Text atau Gambar Disini</marquee> | Text atau Gambar Disini |
<marquee behavior="slide">Text atau Gambar Disini</marquee> | Text atau Gambar Disini |
<marquee behavior="alternate">Text atau Gambar Disini</marquee> | Text atau Gambar Disini |
Jika attribute behavior tidak digunakan, maka secara default value yang digunakan adalah scroll.
SCROLLAMOUNT = menentukan kecepatan pergerakan dalam piksel. Value yang digunakan berupa angka (integer). Contoh :
| Kode HTML Marquee | Hasil |
|---|---|
<marquee>Text atau Gambar Disini</marquee> tanpa scrollamount | Text atau Gambar Disini |
<marquee scrollamount="15">Text atau Gambar Disini</marquee> | Text atau Gambar Disini |
<marquee scrollamount="50">Text atau Gambar Disini</marquee> | Text atau Gambar Disini |
Jika attribute scrollamount tidak digunakan, maka secara default akan menggunakan value 6.
SCROLLDELAY = menentukan kecepatan pergerakan marquee dalam milisecond. Value yang digunakan berupa angka (integer). Contoh :
| Kode HTML Marquee | Hasil |
|---|---|
<marquee>Text atau Gambar Disini</marquee> tanpa scrolldelay | Text atau Gambar Disini |
<marquee scrolldelay="300">Text atau Gambar Disini</marquee> | Text atau Gambar Disini |
<marquee scrollamount="600">Text atau Gambar Disini</marquee> | Text atau Gambar Disini |
Jika attribute scrolldelay tidak digunakan, maka secara default akan menggunakan value 85.
BGCOLOR = menentukan warna background dari marquee. Value yang digunakan berupa nilai warna dalam hexa atau text.
| Kode HTML Marquee | Hasil |
|---|---|
<marquee>Text atau Gambar Disini</marquee> tanpa bgcolor | Text atau Gambar Disini |
<marquee bgcolor="green">Text atau Gambar Disini</marquee> | Text atau Gambar Disini |
Secara default, value dari attribute bgcolor yaitu none (tanpa warna).
LOOP = menentukan jumlah pengulangan marquee. Secara default jika attribute ini tidak digunakan, maka marquee akan melakukan pengulangan secara terus menerus.
| Kode HTML Marquee | Hasil |
|---|---|
<marquee loop="2">Text atau Gambar Disini</marquee> | Text atau Gambar Disini |
| Kode HTML Marquee | Hasil |
|---|---|
<marquee loop="2" behavior="alternate">Text atau Gambar Disini</marquee> | Text atau Gambar Disini |
<marquee loop="2" behavior="slide">Text atau Gambar Disini</marquee> | Text atau Gambar Disini |
HSPACE dan VSPACE = menentukan spasi dari kiri dan kanan (hspace) dan spasi dari atas dan bawah (vspace). Value dalam angka (integer). Contoh :
| Kode HTML Marquee | Hasil |
|---|---|
Paragraph | Paragraph Text atau Gambar DisiniParagraph |
Paragraph | Paragraph Text atau Gambar DisiniParagraph |
Nah…demikianlah pembahasan lengkap tentang HTML Marquee berikut cara membuat marquee. Semoga bermanfaat dan silahkan dicoba
Cara menulis artikel di Blog
Posted by elstar on 10.36
Melanjutkan postingan saya tentang Cara Membuat Blog di Blogger , kali ini saya akan membahas tutorial blogger lainnya yaitu tentang cara menulis artikel atau biasa di kenal dengan istilah posting. Panduan tentang cara posting artikel di blog ini, Tentunya hanya berlaku bagi siapa saja yang sudah memiliki blog. Jika belum, silahkan buat dulu blog nya. Cara membuat blog bisa anda temukan di arsip blog saya tentang Cara Membuat Blog di Bloger.
Baik.. kita langsung aja ya…!! Berikut langkah – langkahnya :
Nah…langkah – langkah diatas merupakan panduan dasar menulis artikel di blog. Dengan cara ini, anda sudah bisa mulai menulis artikel dan menerbitkannya di blog.
Semoga bermanfaat....
Baik.. kita langsung aja ya…!! Berikut langkah – langkahnya :
1. Login di Blogger
Buka http://blogger.com di browser, masukan email dan passwordnya (sandi) di kolom yang sudah disediakan, kemudian tekan tombol “masuk”.2. Klik Entri Baru
3. Mulai Menulis Artikel
Sekarang anda sudah berada pada halaman post editor nya blogger. Dimana disini adalah tempat anda untuk posting artikel blog anda. Silahkan masukan judul postingan di kolom judul, dan isi postingan anda pada kolom di bawahnya. Jika sudah selesai, anda bisa mengelompokan postingan yang anda tulis dengan mengisi kolom label. Misalnya, judul postingan anda Cara menulis artikel di Blog maka untuk labelnya diisi dengan “Panduan Blogger”. Sehingga, jika di lain waktu anda menuliskan postingan yang ada kaitannya dengan belajar blog di blogger, anda bisa mengelompokan postingan tersebut ke dalam label yang sudah anda buat sebelumnya (Dalam hal ini panduan blogger).Nah, setelah semua kolom anda isi, anda bisa langsung menerbitkan postingan anda di blog dengan cara meng-klik “terbitkan entri”.Nah…langkah – langkah diatas merupakan panduan dasar menulis artikel di blog. Dengan cara ini, anda sudah bisa mulai menulis artikel dan menerbitkannya di blog.
Semoga bermanfaat....
