Theme idbloglicious-makassar

BLOG THEME
MustamarNatsir | www.mustamar.com

MustamarNatsir
http://www.mustamar.com
ask@mustamar.com
@mustamar

BLOG
CMS
BACKEND
FRONTEND
PRIVATE
PUBLIC
THEME

Apaitu BLOG THEME?

Blog Theme
Blog Theme adalahsekumpulan file-file pemrograman, yang dapatdiaksesoleh user (pengunjung blog) lewatjalur frontend, dantugasnyamerepresentasikankonten blog. 
Image: courtesy of creativedisc.com

Anatomi Theme
Header Area
Navigation Area
Main Content Area
Pendukung (Sidebar, Widget, dll.)

Memilih Theme

Memilih Theme
Faktor yang harusdipikirkan:
Pemilik Blog (kamu?)
Pembaca Blog
Sistem
Koneksi internet
Search Engine
Device >> PC? Mobile?

PanduanMemilih Theme
Theme MengambarkanTopik& Target.
Image: courtesy of perezhilton.com & sunghajung.com

Branding Area.

Warnadan Layout.
Image: courtesy of creativedisc.com and problogger.net

NavigasiBaik.

Konten blog JELAS

Posisi & JumlahElemenPendukung, optimal dandapatbenar-benarmendukungfungsi blog.

Mendukungfungsi yang adadi editor postingan.

ElemenHalaman OK
Heading (H1, H2, H3, H4, dst.)
Listing (ordered & unordered)
Paragraph>> Alignment.

FiturKomentar OK
MustamarNatsir
ask@mustamar.com
Hi, kenalan dong. SayaMustamar, blogger paling keren se-Makassar. SUMPAH!!!

Author Page & Info
Di tiappostingan
Di halaman author
Avatar?
Profil?
Tulisandari author
Image: courtesy of problogger.net & mashable.com

Posisiiklan:
Tidakmengganggukonten
Tidakmengganggumata
Tidakmengganggu layout secarakeseluruhan
Posisiiklantetappunyanilaitinggi

System Friendly
Koneksi internet
Device yang digunakan (PC? Mobile? Ukuran Monitor SecaraUmum?)
Search Engine Friendly

BagaimanaMendapatkan Theme?

Mendapatkan Theme
Pakai yang GRATISAN
Pakai yang BERBAYAR
BikinSendiri!

Theme Gratisan
AturanPakai:
Biasanyadilarangmenghilangkan author link
Biasanyadilaranguntukdijualbelikan
Biasanyadilaranguntukdipakaimencarinafkah
Tidakadagaransi!
Community support.

Theme Gratisan
Tempatmendapatkannya:
WordPress:
http://www.wordpress.org/extend/themes/
Blogger:
http://www.btemplates.com/
www.bloggerthemes.net

Theme Berbayar
AturanPakai:
Penggunaanbiasanyatergantunglisensinya.
Developer & community support.
TersediaGaransi

Theme BuatanSendiri
Yang diperlukan:
Menguasai HTML dan CSS dasar.
Menguasai platform blogmu, danpemrogramannya. (PHP untukWordPress, XML untuk Blogger, dll.)
Punyajiwasenisecukupnya
Punyapemahamanmengenai layout
Software pendukung (text editor, image editor, local server, dll.)

Theme BuatanSendiri
Mulainyadarimana?
Kuasai HTML dan CSS. http://www.w3schools.com
Menguasai platform blogmu. http://codex.wordpress.org/http://www.google.com/support/blogger/?hl=enhttp://www.google.com/support/blogger/bin/answer.py?hl=en&answer=176245
Pahami layout.
Mulailahdengan yang sederhana, ataumencontoh theme yang sudahada.
Manfaatkan internet danbergaul forum komunitas theme designer.
Contoh tutorial: http://themetation.com/2008/07/14/how-to-create-wordpress-themes-from-scratch-part-1/

Theme BuatanSendiri
ProsesPembuatan Theme
Tentukantopik theme blog yang akandibuat
Membuatsketsa layout & konsep
Sketsa –> Digital Layout (image processing)
Image –> HTML Template + CSS (slicing)
Sisipkankode-kode yang dibutuhkanoleh platform blog kamu
Test Theme (demo)
Perbaikan
Test lagi (demo lagi)
Theme jadi
Install theme

Theme sudahada.PakainyaGimana?

Installasi Theme
Blogger/Blogspot:
Login diblogmu (www.blogger.com )
Pilih link menu “Design” pada section blog yang maudigantithemenya.
Pilih sub menu “Edit HTML”
Browse filenya (darikomputer), lalu upload, atau Copy – Paste kode XML, ke editor yang disediakan,
Preview, untukmelihattampilan,
Klik “Save Template”

Installasi Theme

Installasi Theme
Blogger/Blogspot:
Template Designer (Design >> Template Designer) jugabisadigunakanuntukmempermudahdesain & customize theme.

Installasi Theme
WordPress: (http://www.wordpress.com)
Login diblogmu
Pilih menu Appearance >> Themes
Aktifkan theme yang diinginkan.

Installasi Theme
WordPress (seft hosted):
Di menu Appearance >> Themes, pilih tab “Install Themes”
Gunakan Search Bar untukmencari theme diWordPress Theme Directory
Ataugunakan “Feature Filter” untukmencari theme berdasarkanfitur
Pilih link menu “Upload” untuk theme hasildownloaddataubuatansendiri.

Download materiinidi:
www.mustamar.com

Adapertanyaan?
MustamarNatsir
ask@mustamar.com
@mustamar
Fyuh… Akhirnya…

Theme idbloglicious-makassar

by profmustamar on May 21, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

2 Embeds 334

Statistics

Theme idbloglicious-makassar — Presentation Transcript

http://www.mustamar.com	333
http://archivodeproveedor.com	1