Upload
nurudin-jauhari
View
776
Download
1
Embed Size (px)
DESCRIPTION
Membahas tentang Desain Blog dan juga Konten yang disampaikan di FEB UGM bekerjasama dengan Telkomsel
Citation preview
Desain Blog & Konten24 Januari 2012
Desain Blog & Konten24 Januari 2012
http://nurudin.jauhari.netTwitter: @jauhari FB: [email protected]
082135335511
Nurudin Jauhari
Nganggur Itu Anugerah
Inti Dari BloggingBagi Kami Inti dari Blogging adalah
Menuangkan “Sesuatu”
Mengenal Mesin2 BlogsMengenal Beberapa Mesin Blog
yang banyak dipakai Saat ini
Blogger.com / WordPress.org
2 Mesin Blog yang Sangat Populer
Blogger.com
• Gratis
• Templates Standar
• Integrasi dengan Google
• Komentar “sedikit” susah
• Sulit Offline Editing
WordPress.org
• WordPress.org bukan WordPress.com
• Dukungan Komunitas Bagus
• Ribuan Plugins
• Banyak Pilihan Tema
• Instalasi Mudah
• Server Lokal
Apa Hanya Itu?MovableType, Expression Engine, Drupal,
Joomla, TextPattern dan Masih banyak layanan sejenis
Kiat-kiatMemulai
Desain Blog
• Tujuan Blog?
• Tema Blog?
• Fitur Blog?
• Kemampuan?
Beberapa Poin Sebelum Mulai Desain Blog
Tujuan Blog untuk Apa? Sharing Foto, Tutorial & Panduan, Informasi Umum, Berbagi Video?
Mengenal Kemampuan Diri (Desain, Coding)
Beberapa Alat yang dibutuhkan
• Text/HTML Editor Adobe Dreamweaver, Coda, Notepad, Notepad++, TextMate, TextWrangler, vim
• Image Editor Pixelmator, Adobe Flash, Adobe Firework, Adobe Photoshop, Corel Draw, etc
• BrowserApple Safari, Google Chrome, Mozilla Firefox, Internet Explorer
Proses Desain
Blog
Merancang Dengan Grafis•Memerlukan Pengolah Grafis
•Desain dalam Bentuk Gambar
•Preview bisa langsung dilihat
Langsung Koding
•Menuang Ide melalui barisan kode
•Membutuhkan Daya Imajinasi Lebih
•Lebih Cepat
Typography
San-Serif
Serif
Layout
1 Kolom 2 Kolom 3 Kolom Mixed
Beberapa Contoh Konsep Layout
CSS & XHTMLDeskripsi CSS Menurut Wikipedia
Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk
mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan
seragam.
Deskripsi XHTML Menurut WikipediaXHTML adalah bahasa markup penerus dan
pengembangan dari HTML yang memiliki kemampuan yang kurang lebih mirip HTML, tapi dengan aturan sintaks yang lebih ketat. HTML
merupakan aplikasi dari SGML (Standard Generalized Markup Language) yang sangat
fleksibel, sedangkan XHTML adalah aplikasi dari XML, turunan SGML yang lebih terbatas.
Barisan Kode CSS
Barisan Kode XHTML
Beberapa Contoh Desain Blog
Mengenal StrukturTema WordPress
Struktur TEMA WordPress
style.css
Tips bikin Tema
•Gunakan CSS Framework
•Bikin Basic Theme
•Gunakan Struktur Kode yang Baku
•Child Theme
•Back Up
Manajamen Konten
Konten Apa Adanya
Konten Dengan Desain
Tips Singkat Desain Konten
•Penekanan Kata
•Sertakan Ilustrasi
•Perlakuan Berbeda
Rujukan Utama
•http://codex.wordpress.org/
•http://digwp.com/
•http://wptricks.net
•http://www.google.com
Nurudin Jauhari
Seorang Suami @IvaFitria, Abah @YashfaJauhar tinggal di
@DesaPonjong, Gunungkidul, Yogyakarta
Nganggur Itu Anugerah
Aktip sebagai Petani dan beberapa kegiatan Sosial di DESA PONJONG
Yogyakarta 24 Januari 2012http://nurudin.jauhari.net
Twitter: @jauhari FB: [email protected]@me.com 082135335511
Sumber sumber media
•Browser Screenshoot
•http://www.flickr.com/photos/kimeunyoung/2970436968/
•http://www.flickr.com/photos/topgold/4068417024/
•http://www.flickr.com/photos/birgerking/3145391821/
•http://www.flickr.com/photos/juhansonin/4734830821/