HTML digunakan untuk membuat sebuah halaman web yg menghasilkan tampilan terintegerasi seperti seperti texs, grafik, animasi, hyperlink maupun audio-video. Read More
Manfaatkan Tutorial cara buat web gratis,tutorial blog, blogspot, blogger, Css, Html, javascript,tips, trik, widget dan fitur-fitur menarik untuk kebutuhan blogging anda. Read More
Anda bisa belajar cara buat blog blogspot dari blogger, hanya dengan tiga langkah mudah cepat dan gratis. Silahkan anda ikuti langkah - langkahnya. Read More
Color picker interaktif dilihat dari bentuk dan fungsinya memang sangat berbeda dengan tabel kode warna yang saya bahas pada waktu yang lalu dalam artikel cara buat tabel kode warna, bila belum baca anda bisa lihat DISINI.
Tabel kode warna yang ini lebih interaktif dan lebih banyak fungsinya, diantaranya adalah kita dapat
menyesuaikan warna dengan menyeret panah keatas dan kebawah pada bar warna sebelah kanan, dan dapat
menyesuaikan saturation dengan menarik lingkaran kecil
disekitar area gradasi. Dan pada kotak output disebelah bawah selain muncul kode color Hex, juga kode color RGB, dan nilai-nilai HSV, serta dilengkapi sebuah kotak warna yang muncul sesuai dengan warna yang ada pada area gradasi ketika lingkaran kecil ditempatkan pada posisi tertentu.
Atau anda bisa lihat dan mencobanya sendiri Color picker interaktif pada sidebar sebelah kanan halaman ini.
OK... Bila nada berminat silahkan anda ikuti langkah - langkah dibawah ini :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan dan pilih Elemen Laman
3. Tambah Gadget
4. Pada jendela baru anda Anda pilih gadget HTML/JavaScript
5. Copy dan paste kode dibawah ini pada gadget tersebut :
Catatan : Lebar tabel Color picker interaktif ini adalah 300px, jadi area gadget yang dibutuhkan tidak kurang dari 300px.
6. Simpan.
Selamat mencoba ya...
Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel
terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via
Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu
untuk beri komentar ya......, Terima kasih.
Bentuk tampilan tab menu Accordion ini sangat menarik, sangat bagus bila kita pasang pada web ataupun blog kita. Tab menu accordion ini dilengkapi dengan efek animasi sliding. Yaitu animasi sliding yang bekerja ketika kita mengklik pada salah satu tab menu accordion, maka ketika itu pula muncul sebuah kotak bergerak kebawah yang berfungsi menampilkan sebuah dokumen informasi singkat tentang Link yang kita klik tadi.
Silahkan anda lihat contoh tab menu Accordion di bawah ini :
OK... bila anda berminat, anda bisa ikuti lankah - langkah dibawah ini :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.
4. Cari kode di bawah ini atau yang mirip dengan kode ini :
5. Copy kode di bawah ini dan taruh sebelum kode </head> :
6. Simpan Template.
Langkah selanjutnya anda tinggal menampilkan Widget pada halaman depan blog anda. Perhatikan langkah berikut :
1. Klik Rancangan dan pilih Elemen Laman
2. Tambah Gadget
3. Pada jendela baru anda Anda pilih gadget HTML/JavaScript
4. Copy dan paste kode dibawah ini pada gadget tersebut :
Catatam :
Untuk menambah Tab menu accordion, anda tinggal menambah kode seperti dibawah ini sesuai kebutuhan anda, tapi jangan lupa mengganti dan mengurutkan nomor atau angka yang berwarna PING :
Untuk menambah daftar, anda tinggal menambah kode hiperlink seperti dibawah ini sesuai kebutuhan anda, dan diakhiri tag <hr>sebagai garis pembatas :
5. Simpan.
Selamat mencoba ya...
Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.
Fitur CSS memungkinkan kita untuk membuat banyak hal khususnya membuat tampilan halaman web ataupun blog menjadi lebih menarik. Pada waktu yang lalu saya sudah banyak mengulas tentang fitur CSS dan contoh - contohnya. Kali ini saya akan berikan contoh lagi tentang bagaimana kita membuat gambar memutar menggunakan CSS transitions. Cara kerjanya sangat sederhana, yaitu ketika pointer mouse diletakkan diatas gambar maka secara otomatis gambar akan memutar dan membesar.
Silahkan anda lihat contoh gambar dibawah ini. Anda bisa coba meletakkan pointer mouse diatas gambar, maka gambar tersebut langsung memutar dan membesar.
OK... bila anda berminat, anda bisa ikuti lankah - langkah dibawah ini :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.
4. Cari kode di bawah ini atau yang mirip dengan kode ini :
5. Copy kode di bawah ini dan taruh sebelum kode </head> :
6. Simpan Template.
7. Langkah selanjutnya, anda tinggal copy kode dibawah ini dan anda bisa
taruh kode gambar ini pada gadget atau akan dipasang pada artikel post
anda untuk menampilkan gambar dengan efek memutar dan membesar, silahkan ... itu
terserah anda.
catatan :
- Ganti ULR blog dan ULR image dengan ULR milik anda.
Nah....Mudah kan...?
Silahkan anda coba dan diotak atik sendiri sesuka selera anda.
Semoga bermanfaat....
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan
anda masukkan email pada forum Langganan Via Email yang ada disebelah
kanan halaman ini.
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
Saat ini sudah bukan hal yang baru lagi, orang mengakses internet menggunakan HP. Hal ini karena selain HP sudah dilengkapi fitur GPRS atau 3G, tapi karena memang sudah banyak situs yang menggunakan fasilitas tersendiri sehingga dapat lebih mudah dan cepat diakses menggunakan HP, misalnya seperti Facebook, Twitter, Yahoo, google, dan lain - lain.
Tapi tentu bagi kita yang memilki blog juga tidak ingin banyak kehilangngan pengunjung karena blog yang kita miliki sulit diakses menggunakan HP, iya kan...?.
OK..., Sekarang anda bisa ikuti langkah-langkah sederhana dibawah ini, agar blog anda lebih mudah diakses menggunakan HP :
1. Login ke blogger dengan ID anda. 2. Klik Rancangan. 3. Dan KLik tab Edit HTML.
4. Cari kode yang sama atau mirip dengan kode berikut :
5. Silahkan sisipkan kode dibawah ini tepat sebelum kode diatas :
6. Simpan Template.
Nah.... jadi deh...., mudah kan ?
Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan
artikel-artikel terbaru dari saya, silahkan anda masukkan email pada
forum Langganan Via Email yang ada disebelah kanan halaman ini.
Jangan lupa luangkan waktu untuk beri komentar ya......, Terima
kasih.
DISQUS adalah platform komentar yang membantu membangun komunitas yang aktif dari pengunjung web atau blog kita. forum komentar ini memiliki banyak fitur dan bisa digunakan pada banyak platform seperti Wordpress, Blogger, Tumblr dll, sama seperti forum komentar IntenseDebate, anda bisa lihat artikelnya DISINI.
Dan untuk menginstall forum komentar Disqus juga sangat mudah.
Silahkan anda lengkapi dengan banyak fitur untuk forum komentar Disqus pada blog anda nanti.
OK... Bila anda berminat, anda bisa ikuti langkah - langkah dibawah ini :
Sebelum kita menginstall forum komentar Disqus, sebaiknya anda Login terlebih dahulu ke blogger dan silahkan anda Download Template dan simpan di komputer agar lebih aman jika terjadi kesalahan.
Setelah itu baru menuju langkah - langkah berikut :
Pada halaman tersebut tepatnya langkah pertama "Register Site", silahkan anda isi seluruh forum yang diberikan dan Klik tombol Continue.
3. Pada bagian "seting", anda bisa seting pengaturan seperti gambar dibawah ini nanti pada Dashboard Disqus anda setelah selesai. Dan sekarang langsung saja Klik tombol Continue lagi.
4. Masuk pada bagian "Install".
Silahkan anda pilih platform blog anda. Dan pada contoh kali ini saya contohkan untuk pilih platform Blogger :
5. Kemudian silahkan anda Klik tombol seperti gambar dibawah ini :
6. Karena anda tadi sudah Login ke blogger, maka anda langsung diarahkan menuju halaman blogger seperti berikut :
Catatan :
Bila anda memiliki blog lebih dari satu, pastikan anda pilih blog yang anda daftarkan tadi. (tanda panah 1). Kemudian anda Klik "Menambah widget" (tanda panah 2).
7. Halaman berikutnya anda lihat widget sudah masuk pada Elemen Laman milik anda.
8. Selesai, silahkan anda lihat hasilnya.
9. Langkah selanjutnya anda kembali menuju ke Dashboard Disqus anda dan silahkan anda seting sesuai selera anda.
Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan
artikel-artikel terbaru dari saya, silahkan anda masukkan email pada
forum Langganan Via Email yang ada disebelah kanan halaman ini.
Jangan lupa luangkan waktu untuk beri komentar ya......, Terima
kasih.
Bagi anda yang berminat tukar link, silahkan copy linknya lalu pasang di Blog anda. Dan bila sudah terpasang, jangan lupa beritahu saya, agar link anda segera saya pasang di Blog tercinta ini. CEO BLOG MAS NOER Noer cholis
Bila anda merasa artikel ataupun tutorial yang ada di Blog ini bermanfaat, anda bisa berikan suport comment melalui form ini.
Form ini sangat bagus sebagai BACKLINK buat blog anda, silahkan tinggalkan link anda....