Sebuah blog yang dihiasi gambar-gambar akan terlihat indah dan terkesan dinamis. Gambar-gambar tadi bisa berupa foto-foto, banner atau hiasan template blog lainnya. Tapi benarkah jika blog kita banyak memajang gambar akan menyebabkan loading blog menjadi berat atau lambat?
Tulisan saya di atas bisa dibaca lengkap di majalah online Blogger Family …
Setelah mengenal dan mempelajari HTML dan CSS, kita coba membuat template blog sederhana. Tanpa image atau gambar dan tidak menggunakan table (tableless). Semua setting tampilan dibuat dalam file style sheet.
Tampilan blog sederhana
Sebelumnya, untuk dapat melihat dan mencoba langsung tutor berikut, silahkan mengambil dua source code (index.html dan layout.css) template sederhana …
Setelah selesai dengan tutorial bagian 1 dan bagian 2, maka kini saatnya memproyeksikan apa yang sudah dibuat tadi menjadi layout blog beserta segala pernak-perniknya.
Kita akan mendefinisikan tampilan blog dengan kode-kode CSS yang bagian-bagiannya seperti pernah diuraikan pada ‘Part#2 - Blog Sederhanana‘, yaitu main, header, content, sidebar dan footer.
Lembar Pengaturan (Stylesheet)
Kode-kode …
Layout blog yang sudah dibuat pada Tutorial ‘Bagian 1 - Layout Blog dengan Photoshop‘ akan diproyeksikan sebagai tampilan blog, dengan terlebih dahulu dibagi/dipotong dalam beberapa file.
Pembagian atau pemotongan images dalam beberapa file ini dimaksudkan agar images dapat diloading atau ditampilkan dengan cepat dalam browser.
Ada dua cara pemotongan images di photoshop …
Tutorial kali ini merupakan bagian pertama dari 3 (tiga) tutorial membuat blog
sederhana menggunakan images yang akan disetting dalam layout css. Tampilan blog.
Pada bagian pertama ini akan diuraikan langkah-langkah membuat layout blog dengan Photoshop 7.0. Maka pastikan software tersebut sudah terinstal di komputer yang akan digunakan untuk tutorial kali …
