Sabtu, 06 April 2013

Cara Cepat Mengenal dan mendesign Blog | Belajar design web

Cara cepat mengenal dan mendesign Blog | Belajar design web
selamat datang di blog ini,kali ini saya akan kembali memberi sedikit tentang istilah istilah dalam dunia blog,tapi kali ini dikhusus kan untuk mengenal bagian bagian fisik dari blog saja, karena banyak juga bagian bagian dari blog yang seharusnya diketahui, baik itu bagian blog maupun jenis widget/gadget sebagai pihak ketiga untuk design blog, khusus nya untuk pemula tidak ada salahnya jika mengenal ini dulu sebelum mendesign blog sesuai keinginan.
oke,tutorial ini sengaja saya lengkapi dengan gambar agar lebih mudah dimengerti,
silahkan simak sob :
gambar diatas adalah favicon. dalam dunia nyata favicon ibaratkan logo.jadi logo blog bawaan yah seperti itu,kecuali kalau kita ganti gambar nya dengan gambar yang kita inginkan juga bisa.


gambar diatas memiliki beberapa bagian ,yang merupakan bagian vital dalam sebuah blog.berikut keterangan nya :
1.Header,artinya kepala,tapi bukan kepala manusia atau kepala apa sob, tapi header dari sebuah blog yang biasanya berbentuk tulisan nama blog kita, kalau mau diganti dengan banner juga bisa dan cara mengganti nya juga tidak susah kok, seperti gambar tersebut header nya udah di ubah dengan banner.
2.menu navigasi ,fungsi nya sebagai pintasan suatu artikel atau kategori (biasanya untuk link kategori). dengan menu navigasi akan memudahkan pengunjung melihat lihat apa yang ada dalam blog kita.
3. content ,merupakan inti dari sebuah blog,yaitu tempat postingan kita ditampilkan, dari postingan biasanya pengunjung bisa mengetahui bahwa artikel yang dibaca berkualitas atau tidak,
4. sponsors ,atau sering disebut iklan, yang menjadi kualitas blog baik atau tidak, karena biasanya advister mau memasang iklan apabila traffic blog ramai, tetapi bukan berarti blog yang banyak sponsors(iklan) itu bagus, sewajarnya saja, untuk meletakkan kode iklan sama dengan memsang widget dan bisa kita letakkan dimana saja.
5. sidebar , merupakan sisi kanan atau kiri suatu blog, sidebar ini berfungsi untuk kita meletakkan apa pun yang kita mau,seperti widget,arsip blog,categories dll, bayangin dulu deh kalo sebuah web/blog gak ada sidebar nya,mau jadi apa ??

untuk gambar diatas dinamakan dengan tag could Cyrcle , apa itu tag could cyrcle ? merupakan categories atau label yang diberi perintah untuk membentuk lingkaran,fungsi nya tetap sama aja sih,seperti categories juga ,cuma dibuat agak lebih menarik saja untuk mendesign web,untuk cara membuat nya bisa sobat lihat di cara membuat tag could berputar


sobat pasti pernah melihat model diatas ini kan? seperti menu tapi saat kursor diarahkan ke target maka menu akan terbuka dan dipasang secara melayang,biasanya diatas blog. dalam dunia blog,hal hal yang seperti ini disebut dengan menu floating, karena sifatnya melayang, tapi tidak hanya menu ini yang bisa floating, fitur melayang ini bisa digunakan untuk iklan,atau apapun lah,yang penting rajin rajin cari di google,cara membuat.......floating,,bagi yang suka otak atik html yah sekalian  belajar bahasa html deh untuk membuat perintah Floating,

kalo yang ini nama nya like button melayang, tapi yang dibahas disini bukan melayang nya ,tapi like button nya.  ini merupakan plugin dari facebook yang bisa kita buat dengan muda. Untuk apa like button ? fungsi nya untuk meminta like dari pengunjung blog kita, tapi kita harus memiliki fanspage dahulu untuk bisa membuat like button ini.cara lengkap pembuatan nya bisa sobat lihat juga disini.

Nah kalau yang ini nama nya menu tab view ,fungsinya ? sesuai dengan nama nya "tab" jadi widget ini memiliki tab yang masing masing tab kita isi dengan widget yang kita mau. Selain itu, memasang menu tab view mengehemat tempat sidebar. Dan yang paling vital,fungsi nya memberikan informasi kepada pengunjung secara spesifik, karena biasanya pengunjung akan penasaaran nih dengan yang beginian :-D


kalo yang ini namanya slide show gallery ,fungsinya untuk memberi informasi dengan gambar yang otomatis berganti-ganti. slide show gallery ini saya ambil di website universitas saya (hehehe nyolong aja kerjaan nya) karena pas ada ide,pas kebetulan buka website usu y udah saya ambil yang ini saja, hehe. Bp.rektor jangan marah yah pak foto nya saya letak sini,,gini gini mahasiswa bapak juga lho hehehe

dan yang ini pasti sudah tidak asing lagi kan ? soalnya yang seperti ini paling sering digunakan blog untuk design web. Namanya menu dropdown ,yah sesuai dengan namanya berarti menu yang memiliki menu, menu ini akan secara otomatis membuka menu lainnya saat tersentuh kursor,maka nya dinamakan drop down.


dan terakhir karena letaknya dibawah maka dibahas dipaling bawah :D
Footer, sudah pasti dunk setiap blog.website itu memiliki footer fungsi nya tetap sama ,menyediakan tempat untuk memberi informasi kepada pengunjung,sama seperti sidebar.

oke,itu dulu sob yang bisa saya share, besok besok saya share lagi deh...
intinya ,dalam mendesign web/blog tidak perlu dibutuhkan kerja super keras, yang penting kita memahami nya dulu, kalau sudah paham ni buat apa ni buat apa kan gampang, :D
oke,semoga bermanfaat sob !!

0 comments:

Posting Komentar

Labels

Harga Laptop Terbaru Ponsel Notebook Tips dan Trik Tablet Aksesoris Komputer tips and trik informasi LENOVO Download Lirik Lagu NETBOOK Harga Samsung blogger Daftar Harga Tutorial HP trik facebook download software ASUS GADGET APPLE SAMSUNG TABLET PC TOSHIBA ACER Berita Hari Ini Kamera SONY Harga Tablet samsung Review Tutorial Blog AXIOO Printer Acer Android Apple Harga Acer Harga Lenovo Motherboard berita terkini library science AKSESORIS LAPTOP E-book FUJITSU Harga Blackberry Harga Nokia Harga VGA Processor SOFTWARE Samsung Galaxy Software Teknik Komputer dan Jaringan Tips Komputer buku panduan seo software ANDROID Belajar Web design DELL Gadget Harga Harddisk Harga Laptop Acer Harga Laptop Lenovo SEO situs internet ALIENWARE Dell Facebook Harga Kamera Harga Laptop Asus Harga Nokia Lumia Hp Java Nama Bayi teknologi Advan Harga HP Mito Harga Hp Cross Harga Kamera DSLR Canon Harga Laptop Harga Laptop Fujitsu Harga Laptop Toshiba Harga Processor Intel Teknologi ZYREX trik komputer Blog Tool Harga LCD Monitor Harga Laptop Dell Harga Laptop Samsung Harga Laptop Sony Vaio Harga Mobil Harga Sembako Harga Smartfren Harga Speaker Aktif Harga Tablet Asus Harga Tablet Mito Huawei IPHONE Internet LG Laptop Nokia SMART PHONE Samsung Speaker info pengalaman ADAPTER Archos BATERRY LAPTOP BLACKBERRY Blogging Canon Google Harga HP Harga Laptop Apple Harga Power Supply Harga Printer Epson Harga Printer HP Harga Processor AMD Harga Sony Xperia Harga Tablet Acer Harga Tablet Advan Lowongan Kerja Materi Komputer News Technology Samsung Ativ Smartfren Tablet Murah motivasi widget blog $ Dollar Gratiss ACER ASPIRE Bisnis Online BlackBerry Blackberry Chatting Cross Education Game HARDWARE Hard Disk Harga HP Baru Harga Hp Android Harga Kamera DSLR Nikon Harga Kamera DSLR Sony Harga Kamera SLR Nikon Harga Laptop Advan Harga Laptop Baru Harga Mobil Baru Harga Mobil Bekas Harga Motherboard AMD AM2 Harga Motherboard AMD AM3 Harga Motherboard Intel 1156 Harga Motherboard Intel 1366 Harga Motherboard Intel LGA Harga Nokia Asha Harga Power Bank Harga Printer Canon Harga iPhone Hisense KATA-KATA Kata-kata lucu Kontes SEO Lenovo MEMORY LAPTOP MSI Mito Nikon Otomotif Pengetahuan Sony Toshiba ULTRABOOK Unik Zodiak linux musik terbaru tips dan trick ATI Acer Iconia W4 Al Quran Mp3 Artikel Asus Baterai Black2 Bola Mania CD Burner Carrefour Display ECS EUROCOM Enermax Fakta Film Fujitsu Game PC Gigabyte Harga ATK Harga Archos 97b Platinum Harga Asus Memo Pad Smart Harga CCTV Harga Emas Harga HP Bekas Harga HP Terbaru Harga Hp LG Harga IMO Harga Laptop HP Harga Lenovo A706 Harga Micromax Harga Oppo Harga PlayStation 4 Harga Ponsel Zopo Harga Printer Brother Harga Printer Murah Harga Produk Pakai Harga Promo Harga Samsung Galaxy S4 Nexus Harga Stabilizer Harga TV LED Harga Tabklet Archos Arnova Harga Tablet Cyrus Harga Tablet Esia AirTab Harga Tablet Maxtron Harga Tablet Microsoft Surface Harga Tablet Smartfren Harga Tablet lenovo Harga UPS Harga Ultrabook Islam Islami Jadwal Imsakiyah Ramadhan Kingston Flash Drive USB 64 GB LumiTab MODECOM Musik Online Origin PC Ou Sheng Pantech Pemrograman PlayStation Port USB Prestigio Puisi Ramos i10 Pro Razer Sebuah Pemikiran Sharp Sharp RW-16G1 Sonny Ericsson Sony Xperia Z Ultra Speaker Aktif Tablet Firefox OS Tablet Imo Tablet Zinox Thosiba Tips Trik Tips n Trik Gratis Tutorial Wordpress Ultrabook VELOCE VGA Asus VGA Digital Alliance VGA Inno 3D VGA PixelView Voyo WeWi XiaoMi ZBOX 01520 game kuliah link exchange music pendidikan pkl seo blogger tips-triks trick blogger