Your SlideShare is downloading. ×
0
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Desain Blog dan Konten   Telkomsel FEB UGM 2012
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Desain Blog dan Konten Telkomsel FEB UGM 2012

789

Published 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

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
789
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
53
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/

×