Saya sengaja membuat Cara Memasang Widget Feedjit di Blog ini untuk menjawab pertanyaan salah seorang teman menanyakan cara memasang widget feedjit di blog. Memasang feedjit di blog memang menarik karena kita bisa tahu dari mana saja blog kita dikunjungi. Feedjit ini merekam dari mana visitor blog tersebut berasal yakni kota dan negaranya juga akan dapat diketahui.
Untuk memasang feedjit diblog anda adalah sebagai berikut:
1. Masuk situs feedjit untuk mendapatkan codenya
2. Copy kode HTML feedjit yang anda dapat di berikan
3. Kemudian Login ke account blogger anda
4. Pilih Dashboard -> tata letak -> elemen halaman
5. Pilih Tambah Gadget
6. Pilih HTML/JavaScript
7. Paste kode HTML feedjit yang anda copy tadi Jika anda kesulitan menemukan kode feedjit silahkan copy saja kode berikut ini
lt;noscript>Feedjit Live Blog Stats≶/noscript>
8. Klik Simpan
9. Selesai dan lihat hasilnya
Selamat mencoba.... happy blogging.
Selasa, 18 Oktober 2011
Minggu, 14 Agustus 2011
Jumat, 12 Agustus 2011
Senin, 01 Agustus 2011
cara membuat animasi giv
Cara Membuat Animasi Gif pada Photoshop
Sering kita dengar kata ANIMASI di sekeliling kita, Animasi menggambarkan objek yang bergerak agar kelihatan hidup. Membuat animasi berarti menggerakkan gambar seperti kartun, lukisan, tulisan dan lain-lain. Animasi mulai dikenal sejak media televisi mulai menyajikan gambar-gambar bergerak yang berasal dari rekaman kamera maupun hasil karya seorang animator. Animasi sangat baik untuk presentasi, pemodelan, dokumentasi dan lain-lain. Film animasi kartun yang sering muncul di layar televisi sangat menarik untuk ditonton baik ditingkat anak-anak, remaja bahkan sampai dengan yang dewasa.
Pada blog ini kita akan belajar membuat Animasi gif sederhana menggunakan photoshop dan image ready. Sebelumnya Anda pasti sudah mengetahu animasi GIF bukan? Animasi sederhana yang biasanya ada dalam ponsel Anda ataupun yang sering Anda lihat pada sebuah website, seperti banner. Cara membuat animasi GIF tidaklah sulit, ada banyak sekali software yang bisa Anda gunakan untuk membuat animasi GIF namun kali ini kita akan menggunakan perpaduan Photoshop dan ImageReady.Meskipun animasi yang akan kita buat sangat sederhana namun ini merupakan dasar dalam membuat animasi gif yang lain.
Ikuti langkah-langkah berikut ini :
1. Buat file baru dengan ukuran 90 x 90 atau terserah selera Anda. Caranya pilih menu File > New atau tekan Ctrl + N.
2. Buat lingkaran menggunakan Elliptical Marquee Tool atau tekan M. Jangan lupa menekan tombol Shift + Alt untuk membuat lingkaran.
3. Isi lingkaran tersebut dengan warna merah. Caranya : Tekan tombol Alt+Del untuk memasukkan warna yang sudah Anda pilih di Foreground Color.
4. Duplikasi layer pertama ini dan buat 2 layer sejenis dengan warna kuning dan hijau sehingga nantinya kita akan memiliki 3 layer yang berisi lingkaran dengan warna merah, kuning dan hijau.
5. Buat agar ketiga layer terebut tidak terlihat/invisible. Caranya : Klik ikon mata yang ada di sebelah kiri layer.
6. Setelah ini kita akan berlanjut menggunakan ImageReady. Pada toolbox bagian paling bawah, pilih Edit in ImageReady atau tekan Shift + Ctrl + M.
7. Setelah membuka ImageReady pastikan Anda sudah menampilkan Window Animation. Jika belum pilih menu Window > Animation atau tekan F7. Pastikan juga Window Layers telah muncul dan bila belum pilih menu Window > Layers atau tekan F11.
8. Sekarang kita akan membuat animasi dari ketiga layer yang telah kita buat di Photoshop sebelumnya. Cara membuatnya tidak jauh beda dengan animasi pada umumnya namun disini kita akan membuat sebuah animasi sederhana. Perlu diketahui, inti dari apa yang akan kita lakukan adalah permainan layer.
Sekarang lihat pada Window Animation, disana ada sebuah layer, pada layer pertama inilah kita akan memulai membuat animasi. Tampilkan layer lingkaran berwarna merah pada Window Layers, caranya tinggal klik untuk menampilkan ikon mata.
Maka tampilan frame pertama dalam Window Animation adalah seperti gambar berikut :
9. Sekarang kita akan menambahkan frame pada Window Animation, caranya klik icon Duplicates current frame dan sebuah duplikasi dari frame pertama telah terbuat. Selanjutnya pada Window Layers, tampilkan layer lingkaran berwarna kuning dan nonaktifkan layer berwarna merah.
10. Langkah terakhir, buat lagi frame baru pada Window Animation, pada Window Layers aktifkan layer lingkaran berwarna hijau dan nonaktifkan layer lingkaran berwarna kuning.
11. Atur timing dari masing-masing frame di Window Animation dengan meng-klik tulisan waktu yang ada di bagian bawah frame.
12. Coba Anda jalankan animasi sederhana yang telah Anda buat dengan cara klik ikon Plays/stops animation.
13. Setelah semuanya selesai jangan lupa untuk menyimpan hasil kerja Anda.
Ingat!
Untuk menyimpan file PSD dari latihan Anda kali ini, jalankan cara seperti biasa, File > Save.
Untuk menyimpan hasil kerja Anda menjadi animasi GIF, jalankan File > Save Optimized As…
Dikutip dari : http://www.photoshop21.com/membuat-animasi-gif.html
Sering kita dengar kata ANIMASI di sekeliling kita, Animasi menggambarkan objek yang bergerak agar kelihatan hidup. Membuat animasi berarti menggerakkan gambar seperti kartun, lukisan, tulisan dan lain-lain. Animasi mulai dikenal sejak media televisi mulai menyajikan gambar-gambar bergerak yang berasal dari rekaman kamera maupun hasil karya seorang animator. Animasi sangat baik untuk presentasi, pemodelan, dokumentasi dan lain-lain. Film animasi kartun yang sering muncul di layar televisi sangat menarik untuk ditonton baik ditingkat anak-anak, remaja bahkan sampai dengan yang dewasa.
Pada blog ini kita akan belajar membuat Animasi gif sederhana menggunakan photoshop dan image ready. Sebelumnya Anda pasti sudah mengetahu animasi GIF bukan? Animasi sederhana yang biasanya ada dalam ponsel Anda ataupun yang sering Anda lihat pada sebuah website, seperti banner. Cara membuat animasi GIF tidaklah sulit, ada banyak sekali software yang bisa Anda gunakan untuk membuat animasi GIF namun kali ini kita akan menggunakan perpaduan Photoshop dan ImageReady.Meskipun animasi yang akan kita buat sangat sederhana namun ini merupakan dasar dalam membuat animasi gif yang lain.
Ikuti langkah-langkah berikut ini :
1. Buat file baru dengan ukuran 90 x 90 atau terserah selera Anda. Caranya pilih menu File > New atau tekan Ctrl + N.
2. Buat lingkaran menggunakan Elliptical Marquee Tool atau tekan M. Jangan lupa menekan tombol Shift + Alt untuk membuat lingkaran.
3. Isi lingkaran tersebut dengan warna merah. Caranya : Tekan tombol Alt+Del untuk memasukkan warna yang sudah Anda pilih di Foreground Color.
4. Duplikasi layer pertama ini dan buat 2 layer sejenis dengan warna kuning dan hijau sehingga nantinya kita akan memiliki 3 layer yang berisi lingkaran dengan warna merah, kuning dan hijau.
5. Buat agar ketiga layer terebut tidak terlihat/invisible. Caranya : Klik ikon mata yang ada di sebelah kiri layer.
6. Setelah ini kita akan berlanjut menggunakan ImageReady. Pada toolbox bagian paling bawah, pilih Edit in ImageReady atau tekan Shift + Ctrl + M.
7. Setelah membuka ImageReady pastikan Anda sudah menampilkan Window Animation. Jika belum pilih menu Window > Animation atau tekan F7. Pastikan juga Window Layers telah muncul dan bila belum pilih menu Window > Layers atau tekan F11.
8. Sekarang kita akan membuat animasi dari ketiga layer yang telah kita buat di Photoshop sebelumnya. Cara membuatnya tidak jauh beda dengan animasi pada umumnya namun disini kita akan membuat sebuah animasi sederhana. Perlu diketahui, inti dari apa yang akan kita lakukan adalah permainan layer.
Sekarang lihat pada Window Animation, disana ada sebuah layer, pada layer pertama inilah kita akan memulai membuat animasi. Tampilkan layer lingkaran berwarna merah pada Window Layers, caranya tinggal klik untuk menampilkan ikon mata.
Maka tampilan frame pertama dalam Window Animation adalah seperti gambar berikut :
9. Sekarang kita akan menambahkan frame pada Window Animation, caranya klik icon Duplicates current frame dan sebuah duplikasi dari frame pertama telah terbuat. Selanjutnya pada Window Layers, tampilkan layer lingkaran berwarna kuning dan nonaktifkan layer berwarna merah.
10. Langkah terakhir, buat lagi frame baru pada Window Animation, pada Window Layers aktifkan layer lingkaran berwarna hijau dan nonaktifkan layer lingkaran berwarna kuning.
11. Atur timing dari masing-masing frame di Window Animation dengan meng-klik tulisan waktu yang ada di bagian bawah frame.
12. Coba Anda jalankan animasi sederhana yang telah Anda buat dengan cara klik ikon Plays/stops animation.
13. Setelah semuanya selesai jangan lupa untuk menyimpan hasil kerja Anda.
Ingat!
Untuk menyimpan file PSD dari latihan Anda kali ini, jalankan cara seperti biasa, File > Save.
Untuk menyimpan hasil kerja Anda menjadi animasi GIF, jalankan File > Save Optimized As…
Dikutip dari : http://www.photoshop21.com/membuat-animasi-gif.html
Minggu, 17 April 2011
cara menambah blog
Contoh Menambah Block
Ini adalah bagian keempat dari blog tutorial drupal bertema block. Edisi kali ini berisi contoh
bagaimana cara menambah block. Untuk memudahkannya, mohon siapkan dua browser yang
berlainan. Hal ini dikarenakan adanya proses login dengan dua user yang berbeda, sehingga lebih
mudah jika menggunakan dua browser yang tidak sama. (bisa tetap dengan satu browser, hanya,
Anda nanti akan banyak melakukan login dan logout)
Di dalam blog tutorial drupal sebelumnya, tentu yang bertema block, jika Anda mengikutinya,
seharusnya account user drupaliyem sudah ada di dalam situs local. Bagi yang belum, silakan akses
halaman blog berjudul Tutorial Drupal 6 - Menambah User. Btw, dua browser yang saya pakai yaitu
pertama browser mozilla firefox yang difungsikan untuk menambah block baru, sedangkan yang
berikutnya adalah browser chrome yang ditujukan untuk login ke account drupaliyem.
Menambah Block
Contoh pertama ini akan sekadar membuat block, lalu contoh berikutnya adalah langkah-langkah
dalam mencoba item-item customisasi yang tersedia.
Login sebagai Administrator situs, lalu akses Administer > Site building > Blocks lalu pilih tab menu
Add Block. Isikan sesuai dengan gambar diatas. Detailnya adalah sebagai berikut:
– Block description : block coba-coba
– Block title : Hanya Tes
– Block body : Ini hanya tes alias ujicoba
– Input format pilih Filtered HTML.
- tutorial drupal, web dan blog -
Setelah sesuai isian, langsung saja lompat ke bagian akhir menambah block ini yaitu dengan mengklik
save block.
Block yang baru saja Anda tambahkan (buat) otomatis masuk ke dalam region Disabled. Untuk
mengaktifkannya, silakan masuk ke tab menu List block, lalu menuju ke region Disabled. Cari block
ber-description block coba-coba. Pilih posisi region Right sidebar untuk lokasi blocknya. Pilihan ini
lebih memudahkan untuk melihat block baru, dimana region kanan masih kosong. Lalu klik Save
blocks.
Sebagai administrator, Anda bisa lihat di sebelah region kanan halaman, block ber-title Hanya Tes
sudah muncul.
Sekarang coba beralih ke browser chrome, di mana Anda akan mencoba melihatnya menggunakan
account user drupaliyem. Dari browser chrome Anda, lakukan login menggunakan user drupaliyem.
- tutorial drupal, web dan blog -
Setelah sukses login, lihat sebelah kanan halaman, block ber-title Hanya Tes juga sudah terlihat.
Dengan demikian, proses menambah block sudah berhasil dilakukan. Kini kita akan berlanjut dengan
mencoba item-item customisasi yang tersedia di dalam proses penambahan block baru ini. Silakan
kembali ke browser firefox Anda yang masih terlogin sebagai Administrator.
Item Customisasi
Akses kembali halaman list block Anda. Di bagian region kanan (righ sidebar), klik configure dari block
coba-coba.
Item customisasi pertama yang akan Anda ubah adalah User spesific visibility settings. Coba Anda
ubah pilihan Custom visibility settings menjadi Show this block by default but let individual users hide
it. Lalu klik Save Block. Pilihan ini membuat block akan muncul sebagai default, namun user bisa
mengatur block ini untuk disembunyikan. Pengaturan ada di dalam account mereka.
Sekarang akses kembali browser chrome Anda yang masih terlogin sebagai drupaliyem. Coba Anda
masuk ke menu account drupaliyem dengan mengklik My account. Lalu klik tab menu Edit.
Ada satu item baru yang muncul yaitu Block configuration. Didalamnya ada option dengan default
yang sudah tercentang yaitu block coba-coba. Ini sesuai dengan pilihan yang tadi dilakukan dalam
konfigurasi block coba-coba bagian Custom visibility settings yang memilih Show this block by default
- tutorial drupal, web dan blog -
but let individual users hide it . Hal ini akan terjadi yang sebaliknya jika pilihan dalam Custom visibility
adalah Hide this block by default but let individual users shot it. Block tidak akan terlihat di region
kanan secara default. Namun ketika Anda mengakses account drupaliyem, Block configuration akan
memunculkan pilihan block coba-coba yang tidak tercentang.
Masih ada dua item customisasi lagi berupa Role specific visibility settings dan Page specific visibilty
settings yang akan saya bagikan di blog tutorial drupal bertema block edisi selanjutnya.
Versi blog : http://www.arithok.web.id/blog/arithok/tutorial-drupal-6-contoh-menambah-block.html
- tutorial drupal, web dan blog -
Ini adalah bagian keempat dari blog tutorial drupal bertema block. Edisi kali ini berisi contoh
bagaimana cara menambah block. Untuk memudahkannya, mohon siapkan dua browser yang
berlainan. Hal ini dikarenakan adanya proses login dengan dua user yang berbeda, sehingga lebih
mudah jika menggunakan dua browser yang tidak sama. (bisa tetap dengan satu browser, hanya,
Anda nanti akan banyak melakukan login dan logout)
Di dalam blog tutorial drupal sebelumnya, tentu yang bertema block, jika Anda mengikutinya,
seharusnya account user drupaliyem sudah ada di dalam situs local. Bagi yang belum, silakan akses
halaman blog berjudul Tutorial Drupal 6 - Menambah User. Btw, dua browser yang saya pakai yaitu
pertama browser mozilla firefox yang difungsikan untuk menambah block baru, sedangkan yang
berikutnya adalah browser chrome yang ditujukan untuk login ke account drupaliyem.
Menambah Block
Contoh pertama ini akan sekadar membuat block, lalu contoh berikutnya adalah langkah-langkah
dalam mencoba item-item customisasi yang tersedia.
Login sebagai Administrator situs, lalu akses Administer > Site building > Blocks lalu pilih tab menu
Add Block. Isikan sesuai dengan gambar diatas. Detailnya adalah sebagai berikut:
– Block description : block coba-coba
– Block title : Hanya Tes
– Block body : Ini hanya tes alias ujicoba
– Input format pilih Filtered HTML.
- tutorial drupal, web dan blog -
Setelah sesuai isian, langsung saja lompat ke bagian akhir menambah block ini yaitu dengan mengklik
save block.
Block yang baru saja Anda tambahkan (buat) otomatis masuk ke dalam region Disabled. Untuk
mengaktifkannya, silakan masuk ke tab menu List block, lalu menuju ke region Disabled. Cari block
ber-description block coba-coba. Pilih posisi region Right sidebar untuk lokasi blocknya. Pilihan ini
lebih memudahkan untuk melihat block baru, dimana region kanan masih kosong. Lalu klik Save
blocks.
Sebagai administrator, Anda bisa lihat di sebelah region kanan halaman, block ber-title Hanya Tes
sudah muncul.
Sekarang coba beralih ke browser chrome, di mana Anda akan mencoba melihatnya menggunakan
account user drupaliyem. Dari browser chrome Anda, lakukan login menggunakan user drupaliyem.
- tutorial drupal, web dan blog -
Setelah sukses login, lihat sebelah kanan halaman, block ber-title Hanya Tes juga sudah terlihat.
Dengan demikian, proses menambah block sudah berhasil dilakukan. Kini kita akan berlanjut dengan
mencoba item-item customisasi yang tersedia di dalam proses penambahan block baru ini. Silakan
kembali ke browser firefox Anda yang masih terlogin sebagai Administrator.
Item Customisasi
Akses kembali halaman list block Anda. Di bagian region kanan (righ sidebar), klik configure dari block
coba-coba.
Item customisasi pertama yang akan Anda ubah adalah User spesific visibility settings. Coba Anda
ubah pilihan Custom visibility settings menjadi Show this block by default but let individual users hide
it. Lalu klik Save Block. Pilihan ini membuat block akan muncul sebagai default, namun user bisa
mengatur block ini untuk disembunyikan. Pengaturan ada di dalam account mereka.
Sekarang akses kembali browser chrome Anda yang masih terlogin sebagai drupaliyem. Coba Anda
masuk ke menu account drupaliyem dengan mengklik My account. Lalu klik tab menu Edit.
Ada satu item baru yang muncul yaitu Block configuration. Didalamnya ada option dengan default
yang sudah tercentang yaitu block coba-coba. Ini sesuai dengan pilihan yang tadi dilakukan dalam
konfigurasi block coba-coba bagian Custom visibility settings yang memilih Show this block by default
- tutorial drupal, web dan blog -
but let individual users hide it . Hal ini akan terjadi yang sebaliknya jika pilihan dalam Custom visibility
adalah Hide this block by default but let individual users shot it. Block tidak akan terlihat di region
kanan secara default. Namun ketika Anda mengakses account drupaliyem, Block configuration akan
memunculkan pilihan block coba-coba yang tidak tercentang.
Masih ada dua item customisasi lagi berupa Role specific visibility settings dan Page specific visibilty
settings yang akan saya bagikan di blog tutorial drupal bertema block edisi selanjutnya.
Versi blog : http://www.arithok.web.id/blog/arithok/tutorial-drupal-6-contoh-menambah-block.html
- tutorial drupal, web dan blog -
Langganan:
Postingan (Atom)