Desain Blog dan Konten Telkomsel FEB UGM 2012

  • 767 views
Uploaded on

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

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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
767
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
52
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Desain Blog & Konten 24 Januari 2012 24 Januari 2012 24 Januari 2012
  • 2.
    • http://nurudin.jauhari.net
    • Twitter: @jauhari FB: n.jauhari@gmail.com
    • [email_address]
    • 082135335511
    Nurudin Jauhari Nganggur Itu Anugerah
  • 3. Inti Dari Blogging
    • Bagi Kami Inti dari Blogging adalah Menuangkan “ Sesuatu ”
  • 4. Mengenal Mesin2 Blogs
    • Mengenal Beberapa Mesin Blog yang banyak dipakai Saat ini
  • 5. Blogger.com / WordPress.org
    • 2 Mesin Blog yang Sangat Populer
  • 6. Blogger.com
    • Gratis
    • Templates Standar
    • Integrasi dengan Google
    • Komentar “sedikit” susah
    • Sulit Offline Editing
  • 7. WordPress.org
    • WordPress.org bukan WordPress.com
    • Dukungan Komunitas Bagus
    • Ribuan Plugins
    • Banyak Pilihan Tema
    • Instalasi Mudah
    • Server Lokal
  • 8. Apa Hanya Itu?
    • MovableType, Expression Engine, Drupal, Joomla, TextPattern dan Masih banyak layanan sejenis
  • 9. Kiat-kiat Memulai Desain Blog Desain Blog
  • 10.
    • 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)
  • 11. 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
  • 12. Proses Desain Blog Desain Blog
  • 13. Merancang Dengan Grafis
    • Memerlukan Pengolah Grafis
    • Desain dalam Bentuk Gambar
    • Preview bisa langsung dilihat
  • 14. Langsung Koding
    • Menuang Ide melalui barisan kode
    • Membutuhkan Daya Imajinasi Lebih
    • Lebih Cepat
  • 15. Typography San-Serif Serif
  • 16. Layout 1 Kolom 2 Kolom 3 Kolom Mixed Beberapa Contoh Konsep Layout
  • 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. Barisan Kode CSS
  • 19. Barisan Kode XHTML
  • 20. Beberapa Contoh Desain Blog
  • 21. Mengenal Struktur Tema WordPress Tema WordPress
  • 22. Struktur TEMA WordPress
  • 23. style.css
  • 24. Tips bikin Tema
    • Gunakan CSS Framework
    • Bikin Basic Theme
    • Gunakan Struktur Kode yang Baku
    • Child Theme
    • Back Up
  • 25. Manajamen Konten
  • 26. Konten Apa Adanya
  • 27. Konten Dengan Desain
  • 28. Tips Singkat Desain Konten
    • Penekanan Kata
    • Sertakan Ilustrasi
    • Perlakuan Berbeda
  • 29. Rujukan Utama
    • http://codex.wordpress.org /
    • http://digwp.com /
    • http://wptricks.net
    • http://www.google.com
  • 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. 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/