desain blog dan konten telkomsel feb ugm 2012

Desain Blog & Konten24 Januari 2012

Desain Blog & Konten24 Januari 2012

http://nurudin.jauhari.netTwitter: @jauhari FB: n.jauhari@gmail.com

jauhari@me.com

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: n.jauhari@gmail.comjauhari@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/