Desain Blog dan Konten Telkomsel FEB UGM 2012

918 views

Published on

Membahas tentang Desain Blog dan juga Konten yang disampaikan di FEB UGM bekerjasama dengan Telkomsel

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
918
On SlideShare
0
From Embeds
0
Number of Embeds
58
Actions
Shares
0
Downloads
54
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Desain Blog dan Konten Telkomsel FEB UGM 2012

  1. 1. Desain Blog & Konten 24 Januari 2012 24 Januari 2012 24 Januari 2012
  2. 2. <ul><li>http://nurudin.jauhari.net </li></ul><ul><li>Twitter: @jauhari FB: n.jauhari@gmail.com </li></ul><ul><li>[email_address] </li></ul><ul><li>082135335511 </li></ul>Nurudin Jauhari Nganggur Itu Anugerah
  3. 3. Inti Dari Blogging <ul><li>Bagi Kami Inti dari Blogging adalah Menuangkan “ Sesuatu ” </li></ul>
  4. 4. Mengenal Mesin2 Blogs <ul><li>Mengenal Beberapa Mesin Blog yang banyak dipakai Saat ini </li></ul>
  5. 5. Blogger.com / WordPress.org <ul><li>2 Mesin Blog yang Sangat Populer </li></ul>
  6. 6. Blogger.com <ul><li>Gratis </li></ul><ul><li>Templates Standar </li></ul><ul><li>Integrasi dengan Google </li></ul><ul><li>Komentar “sedikit” susah </li></ul><ul><li>Sulit Offline Editing </li></ul>
  7. 7. WordPress.org <ul><li>WordPress.org bukan WordPress.com </li></ul><ul><li>Dukungan Komunitas Bagus </li></ul><ul><li>Ribuan Plugins </li></ul><ul><li>Banyak Pilihan Tema </li></ul><ul><li>Instalasi Mudah </li></ul><ul><li>Server Lokal </li></ul>
  8. 8. Apa Hanya Itu? <ul><li>MovableType, Expression Engine, Drupal, Joomla, TextPattern dan Masih banyak layanan sejenis </li></ul>
  9. 9. Kiat-kiat Memulai Desain Blog Desain Blog
  10. 10. <ul><li>Tujuan Blog? </li></ul><ul><li>Tema Blog? </li></ul><ul><li>Fitur Blog? </li></ul><ul><li>Kemampuan? </li></ul>Beberapa Poin Sebelum Mulai Desain Blog Tujuan Blog untuk Apa? Sharing Foto, Tutorial & Panduan, Informasi Umum, Berbagi Video? Mengenal Kemampuan Diri (Desain, Coding)
  11. 11. Beberapa Alat yang dibutuhkan <ul><li>Text/HTML Editor Adobe Dreamweaver, Coda, Notepad, Notepad++, TextMate, TextWrangler, vim </li></ul><ul><li>Image Editor Pixelmator, Adobe Flash, Adobe Firework, Adobe Photoshop, Corel Draw, etc </li></ul><ul><li>Browser Apple Safari, Google Chrome, Mozilla Firefox, Internet Explorer </li></ul>
  12. 12. Proses Desain Blog Desain Blog
  13. 13. Merancang Dengan Grafis <ul><li>Memerlukan Pengolah Grafis </li></ul><ul><li>Desain dalam Bentuk Gambar </li></ul><ul><li>Preview bisa langsung dilihat </li></ul>
  14. 14. Langsung Koding <ul><li>Menuang Ide melalui barisan kode </li></ul><ul><li>Membutuhkan Daya Imajinasi Lebih </li></ul><ul><li>Lebih Cepat </li></ul>
  15. 15. Typography San-Serif Serif
  16. 16. Layout 1 Kolom 2 Kolom 3 Kolom Mixed Beberapa Contoh Konsep Layout
  17. 17. 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.
  18. 18. Barisan Kode CSS
  19. 19. Barisan Kode XHTML
  20. 20. Beberapa Contoh Desain Blog
  21. 21. Mengenal Struktur Tema WordPress Tema WordPress
  22. 22. Struktur TEMA WordPress
  23. 23. style.css
  24. 24. Tips bikin Tema <ul><li>Gunakan CSS Framework </li></ul><ul><li>Bikin Basic Theme </li></ul><ul><li>Gunakan Struktur Kode yang Baku </li></ul><ul><li>Child Theme </li></ul><ul><li>Back Up </li></ul>
  25. 25. Manajamen Konten
  26. 26. Konten Apa Adanya
  27. 27. Konten Dengan Desain
  28. 28. Tips Singkat Desain Konten <ul><li>Penekanan Kata </li></ul><ul><li>Sertakan Ilustrasi </li></ul><ul><li>Perlakuan Berbeda </li></ul>
  29. 29. Rujukan Utama <ul><li>http://codex.wordpress.org / </li></ul><ul><li>http://digwp.com / </li></ul><ul><li>http://wptricks.net </li></ul><ul><li>http://www.google.com </li></ul>
  30. 30. 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
  31. 31. Sumber sumber media <ul><li>Browser Screenshoot </li></ul><ul><li>http://www.flickr.com/photos/kimeunyoung/2970436968/ </li></ul><ul><li>http://www.flickr.com/photos/topgold/4068417024/ </li></ul><ul><li>http://www.flickr.com/photos/birgerking/3145391821/ </li></ul><ul><li>http://www.flickr.com/photos/juhansonin/4734830821/ </li></ul>

×