Edit Page Atau Halaman Wapsite Di Wenru Untuk Pemula

Disini saya cuman ingin melanjutkan dengan artikel postingan sebelumnya yaitu : Tutorial Dasar Cara Memasang Template Atau Css Di WenRu untuk melihat ulang Css apa bila berhasil dipasang layar nya akan menjadi hitam seperti ini

css8.jpg



Nah postingan sebelumnya sampai disitu. Dan sekarang mari kita lanjut belajar bersama-sama Edit Page/Halaman Di WenRu,untuk latihan disini coba kita pasangkan 2 gambar yaitu tulisan dan logo

wellcome.png

b.png



Langkah2 Sebagai Berikut :

Login kan akun WenRu terus klik pada index ->> Pilih Edit klik pada tulisan Html ->> Paste after ->> Html code

css10.jpg



css11.jpg



Setelah itu pastekan Div Class dan link gambar pada kolom yang disediakan. Kita akan coba memasang gambar tulisan wellcome yang pertama kode nya seperti ini <*div class="header"><*img src="http:*//denz.wen.ru/*gambar/*wellcome.png"* />

*> terus pastekan di kolom seperti penjelsan saya diatas dan klik tombol Paste
Keterangan :
Hapus semua tanda bintang (*) di code tersebut

css12.jpg



Untuk melihat hasilnya klik tulisan Show di daftar menu bagian atas. Apa bila benar hasilnya akan seperti ini

css14.jpg



Sekarang langkah ke-2 memasang logo,lakukan langkah2 nya seperti pada saat memasang gambar tulisan wellcome diatas dirubah saja link gambar nya seperti ini <*div class="*header"><*img src="http://*d3nni5.xtgem.com/*gambar/*b.png"* />*div>. Dan apabila tidak salah coba klik Show untuk melihat hasilnya

Keterangan :
Hapus semua tanda bintang (*)

css15.jpg



Gampangkan sob:D itu cuman pondasi dasar nya saja,selebihnya silahkan otak atik sendiri,seumpama anda ingin memasang Navigasi,List dan Footer

NB : gambar logo dan tulisan diatas,itu cuman contohnya saja silahkan diganti dengan gambar favorit anda sendiri begitu pun Css nya juga.

Terima Kasih..!!!

Posting Komentar