Desain Blog dan Konten Telkomsel FEB UGM 2012

Desain Blog & Konten 24 Januari 2012 24 Januari 2012 24 Januari 2012

http://nurudin.jauhari.net
Twitter: @jauhari FB: n.jauhari@gmail.com
[email_address]
082135335511
Nurudin Jauhari Nganggur Itu Anugerah

Inti Dari Blogging
Bagi Kami Inti dari Blogging adalah Menuangkan “ Sesuatu ”

Mengenal Mesin2 Blogs
Mengenal 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-kiat Memulai Desain Blog 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
Browser Apple Safari, Google Chrome, Mozilla Firefox, Internet Explorer

Proses Desain Blog 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 & XHTML Deskripsi 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 Wikipedia XHTML 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 Struktur Tema WordPress Tema 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 2012 http://nurudin.jauhari.net Twitter: @jauhari FB: n.jauhari@gmail.com [email_address] 0821353355 11

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/

http://nurudin.jauhari.net	38
http://www.rssmountain.com	3
http://www.bonkm.com	1

Desain Blog dan Konten Telkomsel FEB UGM 2012

by Nurudin Jauhari on Jan 29, 2012

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 42

Statistics

Desain Blog dan Konten Telkomsel FEB UGM 2012 — Presentation Transcript