cara meniru tampilan web/blog orang lain
Sebelumnya ada sedikit cerita nih... sejelek apapun blog kita tapi kalau karya sendiri akan membuat hati puas, namun jika kita melihat halaman orang lain biasanaya lebih indah dibanding halaman sendiri, sekitar seminggu yang lalu saya berkunjung pada sebuah blog yang menurut saya template atau tampilan blognya lumayan unik, dan sekedar basa basi disana saya berkomentar pada salah satu postingnya, isi komentarnya saya begini: ( mas gemana kalo tampilan blognya saya tiru?) tak lama kemudian beliaupun berkunjung ke salah satu posting saya yang judulnya: cara membuat button navigasi berpijar
dan beliaupun meninggalkan komennya begini: (salam sahabat...mau meniru gaya blog saya? silahkan sob terima kasih) nah dari situlah saya berpikir hemmm... gemana ya cara menirunnya...?? lalu iseng iseng aku coba pelajari walau hanya untuk praktek praktek saja... akhirnya sedikit demi sedikit saya bisa mempraktekkannya... dan hasilnya ini blog percontohan dan ini blog beliau yang coba saya tiru blog sobat, buat sobat yang mau praktek praktek saja silahkan kedua blog tersebut
dilihat dulu untuk meyakinkan bahwa kita bisa meniru template blog/web orang lain walau hanya untuk menambah pengetahuan saja.
Adapun cara caranya adalah sebagai berikut:
1.silahkan sobat kunjungi salah satu blog/web yang mau ditiru, setelah sobat menemukannya lalu klick berkas/file pada sebelah kiri atas browser mozila sobat pilih simpan halaman dengan nama, lalu kasih nama file sobat kira kira seperti ini: web-percobaan-edit tanpa spasi lalu simpan pada hardisk sobat terserah dimana saja yang penting sobat ingat dimana file itu disimpan,
2.buka file yang sobat simpan tadi, disitu akan terlihat dua file yang berbeda pilih salah satu file yang berisi kode html, kalau browser mozila disetel untuk peramban utama pada kompi sobat maka akan terlihat gambar atau logo mozila dalam file tersebut,
klick kanan pada file mozila tadi lalu klick edit atau open with pilih noteped maka disitu akan terlihat banyak dan berantakan kode kode html, (saran buka ukuran penuh pada noteped agar tidak terlihat berantakan)
nah...! disini kita agak dibingungkan dengan kode html yang begitu banyak (dan entah apa apaan tuh isinya pusing dah gue..) tapi sobat jangan menyerah dulu karena saya sudah pilih kode kodenya yang bisa kita ambil dari noteped tadi agar tampilan blog kita sama dengan blog yang kita tiru, namun jujur saya katakan saya belum bisa meniru untuk tampilan navbarnya, mungkin buat sobat yang sudah bisa meniru bagian navbarnya mohon bisa menambahkan dalam kolom komentar nantinya, oke... sekarang kita ketahap selanjutnya.
silahkan sobat pilih kode kode yang bisa diambil dari noteped tadi yang biasanya seperti ini:
untuk bagian header biasnya akan terlihat kodenya seperti ini:
#header bla bla bla }diawali tanda # dan diakhiri tanada } atau .header bli bli bli } dan diawali dengan titik diakhiri tanda}
silahkan sobat cari kode kode itu untuk mengganti tampilan header nya, contohnya seperti ini:
0 komentar:
Posting Komentar