TDA Workshop

Bagaimana membuat 'banner animasi' dengan format .gif yang sederhana tapi menarik untuk website kita. Sebagai tools yang mudah digunakan adalah menggunkan Adobe Fireworks. Berikut langkah-langkah membuat banner animasi sederhana Langkah-1 Buat file baru di Adobe Fireworks dan tentukan ukuran banner yang akan dibuat, untuk banner yang saya buat disini dengan ukuran 410 x 60 pixels Karena image yang kita buat adalah untuk keperluan website, jadi untuk resolusi cukup dengan 72 pixels/inch saja. Langkah-2 Setting file tersebut dengan format ' Animated Gif ' dari properties yang ada pada bagian bawah lembar kerja. Langkah-3 Buka file image yang akan kita gunakan di banner yang akan kita buat ini, kemudian ' drag ' atau tarik ke file image animasi yang akan dibuat. Langkah-4 Sebagai atribut tambahan masukkan Text melalui 'Tool' 'Text' yang ada di sebelah kiri lembar kerja. Sampai sini kita telah selesai membuat image pertama dari banner animasi yan...

Sebenarnya bagus mana nge-blog dengan menggunakan Blogspot atau wordpress? Untuk kategori ‘ Free ’ keduanya mempunyai kelebihan dan kekurangan dari masing-masing penyedia jasa ini Banyak orang bilang Wordpress lebih cepat aksesnya, template-nya lebih enak dipandang dan pilihanpun berfariasi. Tapi di Blogspot bisa pasang Shoutbox , menggunakan Javascript , dengan tag HTML -nya hampir semua diloloskan, pasang flash atau video juga gak harus dari referensi -nya yang semua itu gak ada di Wordpress yang free . Ya itu semua beberapa kelebihan dan kekurangan Blogspot dan wordpress , yang pasti kelebihannya adalah sama-sama kasih free untuk menggunakan fasilitas ini. Bagi pengguna pemula sampai menengah yang ingin FUN untuk nge- blog sebaiknya anda pilih Blogspot karena tidak terlalu banyak batasan-batasan untuk berkreasi disana, tapi bila anda ingin ke arah profesional blog dan sudah memikirkan keamanan data yang ada di blog anda sebaiknya migrasi ke Wordpress dengan membeli dom...

sebelumnya anda bisa register di free hosting yang ada. Sebagai contoh untuk menggunakan file external dari free Hosting : Coba anda click kanan image di salah satu website dan ‘ properties ’, maka akan keluar informasi dari file tersebut, dan bila anda ingin tampikan gambar tersebut di blog anda tinggal masukan konfigurasi tersebut dengan menggunakan tag image HTML HTML berikut adalh menampilkan logo Google di blog anda dengan menmbah elemen HTML/Javascript dari Template anda. <img src="http://www.google.co.id/intl/id_id/images/logo.gif" height="110" width="281"> Nah file image tersebut bisa ditampilkan juga dari alamat file yang ada di Free Hosting anda. <img src="-- alamat image --" height="—tinggi image --" width="—lebar image --">

Sebenarnya kalau kita sedikit saja mau tau apa isi yang ada di kode HTML template blogspot melalui editor -nya, kode template HTML ini relatif pendek walaupun kalau di copy ke MS.Word jadi kurang lebih 10 halaman. Untuk Tempate yang bukan clasic blogspot menggunakan tag <div> untuk display di body halaman blog-nya dan menggunakan CSS semua untuk tampilan tersebut. Berikut gambaran besar template blogspot /* Variable definitions ==================== <Variable name="mainBgColor" description="Main Background Color" type="color" default="#ccddbb" value="#f3f3f3"> ---- dst >> Variable definitions berfungsi untuk menentukan warna, font yang digunakan berikut warna, yang ini effect-nya bisa ihat di Template | Font dan warna /* Page Structure ----------------------------------------------- */ #outer-wrapper { --- dst << Page Structure adlah penentuan untuk monfigurasi dari lebar halaman dari keseluruhan sam...