SlideShare a Scribd company logo
BLOG THEME

      ANSARI
http://chapila.com
   @ansarijelek
APA ITU BLOG THEME
 BLOG THEME
 adalah tampilan
 depan
 (FRONTEND)
 pada blog yang
 terlihat oleh
 pengunjung.
STRUKTUR BLOG :
          HEADER


 HEADER adalah blok yang berada pada
 bagian paling atas dari blog. Dalam
 Header terdapat judul blog, deskripsi blog,
 menu, dan banner.
STRUKTUR BLOG :
         CONTENT
 CONTENT adalah
 blok bagian bawah
 Header. Terdiri dari
 post, sidebar,
 komentar, dan elemen
 lainnya (iklan, tombol
 share).
STRUKTUR BLOG :
          SIDEBAR
 SIDEBAR adalah blok
 yang berada pada
 bagian samping kiri
 atau kanan. Berisi
 semua widget antara
 lain : About Me,
 Labels, Archive,
 Text, HTML, Iklan,
 dll.
STRUKTUR BLOG :
          FOOTER


 FOOTER : adalah blok paling bawah dari
 template. Dapat disematkan pula widget.
 Umumnya tertulis All rights reserved atau
 link pembuat theme.
PANDUAN MEMILIH
          THEME
 Warna tulisan dan background sesuai
  atau serasi
 Navigasi yang baik
 Area konten blog yang jelas
 Fitur komentar
 Fitur pendukung (widget) pada area
  sidebar
 SEO Friendly
INSTALASI THEME :
                BLOGSPOT
 Login di www.blogger.com
 Buka link menu Design pada section blog yang
    mau diganti themenya.
   Pilih sub menu Edit HTML
   Browse filenya (dari komputer), lalu upload, atau
    Copy – Paste kode XML, ke editor yang
    disediakan,
   Preview, untuk melihat tampilan,
   Klik Save Template
INSTAL THEME :
  BLOGSPOT
KOSTUMASI THEME
   Kuasai HTML dan CSS.
   Menguasai platform blog
   Pahami layout.
   Mulailah dengan yang sederhana, atau
    mencontoh theme yang sudah ada.
   Manfaatkan internet dan bergaul dengan
    komunitas blogger Maros.
SEKIAN DAN TERIMA
     KASIH
 Ansari
 Facebook : Ansari Jelek
 Twitter : @ansarijelek
 Website : http://www.sambalu.com
      KOMUNITAS BLOGGER
      MAROS

More Related Content

What's hot

Materi blog
Materi blogMateri blog
Materi blog
ospekakper
 
TI satriyandi
TI satriyandiTI satriyandi
TI satriyandi
satriyandi
 
Belajar/Tutorial blogspot lanjutan
Belajar/Tutorial blogspot lanjutanBelajar/Tutorial blogspot lanjutan
Belajar/Tutorial blogspot lanjutan
TommyFerdianHadimart
 
Membuat Blog dengan Wordpress
Membuat Blog dengan WordpressMembuat Blog dengan Wordpress
Membuat Blog dengan Wordpress
Agus Lahinta
 
Langkah Membuat Hosting Gratis dan Fungsi Menu Pada Wordpress
Langkah Membuat Hosting Gratis dan  Fungsi Menu Pada WordpressLangkah Membuat Hosting Gratis dan  Fungsi Menu Pada Wordpress
Langkah Membuat Hosting Gratis dan Fungsi Menu Pada Wordpress
Rafirda Aini
 
Blog tampilan baru
Blog tampilan baruBlog tampilan baru
Blog tampilan baru
Said Haikal Ahmad
 
Bagaimana membina blog di blogspot.com
Bagaimana membina blog di blogspot.comBagaimana membina blog di blogspot.com
Bagaimana membina blog di blogspot.com
notarazi
 
Progress 28 9-16
Progress 28 9-16Progress 28 9-16
Progress 28 9-16
Alfan Presekal
 
Tutorial Blog di Blog.com
Tutorial Blog di Blog.comTutorial Blog di Blog.com
Tutorial Blog di Blog.comYudi Wahyudin
 
Frontpage dan postpage blogger (2)
Frontpage dan postpage blogger (2)Frontpage dan postpage blogger (2)
Frontpage dan postpage blogger (2)
Dicky Onasis Alzena
 
Modul portal pss
Modul portal pssModul portal pss
Modul portal pss
Lee Chee Kean
 
Cara membuat blog di wordpress
Cara membuat blog di wordpressCara membuat blog di wordpress
Cara membuat blog di wordpressYuntika Andini
 
Cara mengganti slide show pada blog
Cara mengganti slide show pada blogCara mengganti slide show pada blog
Cara mengganti slide show pada blog
raflylah
 
Cara menampilkan profil facebook di website atau Blog
Cara menampilkan profil facebook di website atau BlogCara menampilkan profil facebook di website atau Blog
Cara menampilkan profil facebook di website atau Blog
joedhy kristianto
 
Power point materi blog
Power point materi blogPower point materi blog
Power point materi blog
Recky Al-Haddi
 
Bloging
BlogingBloging
Bloging
wsproduction
 

What's hot (17)

Materi blog
Materi blogMateri blog
Materi blog
 
Blog
BlogBlog
Blog
 
TI satriyandi
TI satriyandiTI satriyandi
TI satriyandi
 
Belajar/Tutorial blogspot lanjutan
Belajar/Tutorial blogspot lanjutanBelajar/Tutorial blogspot lanjutan
Belajar/Tutorial blogspot lanjutan
 
Membuat Blog dengan Wordpress
Membuat Blog dengan WordpressMembuat Blog dengan Wordpress
Membuat Blog dengan Wordpress
 
Langkah Membuat Hosting Gratis dan Fungsi Menu Pada Wordpress
Langkah Membuat Hosting Gratis dan  Fungsi Menu Pada WordpressLangkah Membuat Hosting Gratis dan  Fungsi Menu Pada Wordpress
Langkah Membuat Hosting Gratis dan Fungsi Menu Pada Wordpress
 
Blog tampilan baru
Blog tampilan baruBlog tampilan baru
Blog tampilan baru
 
Bagaimana membina blog di blogspot.com
Bagaimana membina blog di blogspot.comBagaimana membina blog di blogspot.com
Bagaimana membina blog di blogspot.com
 
Progress 28 9-16
Progress 28 9-16Progress 28 9-16
Progress 28 9-16
 
Tutorial Blog di Blog.com
Tutorial Blog di Blog.comTutorial Blog di Blog.com
Tutorial Blog di Blog.com
 
Frontpage dan postpage blogger (2)
Frontpage dan postpage blogger (2)Frontpage dan postpage blogger (2)
Frontpage dan postpage blogger (2)
 
Modul portal pss
Modul portal pssModul portal pss
Modul portal pss
 
Cara membuat blog di wordpress
Cara membuat blog di wordpressCara membuat blog di wordpress
Cara membuat blog di wordpress
 
Cara mengganti slide show pada blog
Cara mengganti slide show pada blogCara mengganti slide show pada blog
Cara mengganti slide show pada blog
 
Cara menampilkan profil facebook di website atau Blog
Cara menampilkan profil facebook di website atau BlogCara menampilkan profil facebook di website atau Blog
Cara menampilkan profil facebook di website atau Blog
 
Power point materi blog
Power point materi blogPower point materi blog
Power point materi blog
 
Bloging
BlogingBloging
Bloging
 

Viewers also liked

normas del derecho
normas del derechonormas del derecho
normas del derecho
eduardo jair romero saenz
 
Dhruv CV
Dhruv CVDhruv CV
Dhruv CV
DHRUV SAXENA
 
Models of Instructional Design
Models of Instructional DesignModels of Instructional Design
Models of Instructional Design
twolapcats
 
Eğitim 1
Eğitim 1Eğitim 1
Eğitim 1
Ali VAROL
 
i9-ando advertising
i9-ando advertisingi9-ando advertising
i9-ando advertising
Rafael Barros
 
Questionnaire Results
Questionnaire ResultsQuestionnaire Results
Questionnaire Results
christianwatts
 
6th Wave member Cross-border Living Lab on Territorial Marketing
6th Wave member Cross-border Living Lab on Territorial Marketing6th Wave member Cross-border Living Lab on Territorial Marketing
6th Wave member Cross-border Living Lab on Territorial Marketing
European Network of Living Labs (ENoLL)
 
Argomentazioni draft V conto energia
Argomentazioni draft V conto energiaArgomentazioni draft V conto energia
Argomentazioni draft V conto energia
Avanzi. Sostenibilità Per Azioni
 
Leadership Learning Community Board Report
Leadership Learning Community Board ReportLeadership Learning Community Board Report
Leadership Learning Community Board Report
Leadership Learning Community
 
Car Sharing Peer ti Peer - Nuova Mobilità
Car Sharing Peer ti Peer - Nuova MobilitàCar Sharing Peer ti Peer - Nuova Mobilità
Car Sharing Peer ti Peer - Nuova MobilitàTrafficCamp
 
Allison
AllisonAllison
Allison
guestc9df88
 
Métodos anticonceptivos
Métodos anticonceptivosMétodos anticonceptivos
Métodos anticonceptivos
Erika Barajas Leyva
 
Jay Wilde Cover Letter and Resume as of 06/2015.
Jay Wilde Cover Letter and Resume as of 06/2015. Jay Wilde Cover Letter and Resume as of 06/2015.
Jay Wilde Cover Letter and Resume as of 06/2015.
Jay Wilde
 
Diapositiva 3
Diapositiva 3Diapositiva 3
Diapositiva 3
Aarón Carballo
 
Neoliberalismoyeducacin 120104164359 phpapp01
Neoliberalismoyeducacin 120104164359 phpapp01Neoliberalismoyeducacin 120104164359 phpapp01
Neoliberalismoyeducacin 120104164359 phpapp01
geraldine rachely guerrero martinez
 
DARPNotes_Fall2013
DARPNotes_Fall2013DARPNotes_Fall2013
DARPNotes_Fall2013
Gerard Francis Sales
 

Viewers also liked (17)

normas del derecho
normas del derechonormas del derecho
normas del derecho
 
Dhruv CV
Dhruv CVDhruv CV
Dhruv CV
 
Models of Instructional Design
Models of Instructional DesignModels of Instructional Design
Models of Instructional Design
 
Eğitim 1
Eğitim 1Eğitim 1
Eğitim 1
 
i9-ando advertising
i9-ando advertisingi9-ando advertising
i9-ando advertising
 
Questionnaire Results
Questionnaire ResultsQuestionnaire Results
Questionnaire Results
 
6th Wave member Cross-border Living Lab on Territorial Marketing
6th Wave member Cross-border Living Lab on Territorial Marketing6th Wave member Cross-border Living Lab on Territorial Marketing
6th Wave member Cross-border Living Lab on Territorial Marketing
 
Argomentazioni draft V conto energia
Argomentazioni draft V conto energiaArgomentazioni draft V conto energia
Argomentazioni draft V conto energia
 
будівельник
будівельник будівельник
будівельник
 
Leadership Learning Community Board Report
Leadership Learning Community Board ReportLeadership Learning Community Board Report
Leadership Learning Community Board Report
 
Car Sharing Peer ti Peer - Nuova Mobilità
Car Sharing Peer ti Peer - Nuova MobilitàCar Sharing Peer ti Peer - Nuova Mobilità
Car Sharing Peer ti Peer - Nuova Mobilità
 
Allison
AllisonAllison
Allison
 
Métodos anticonceptivos
Métodos anticonceptivosMétodos anticonceptivos
Métodos anticonceptivos
 
Jay Wilde Cover Letter and Resume as of 06/2015.
Jay Wilde Cover Letter and Resume as of 06/2015. Jay Wilde Cover Letter and Resume as of 06/2015.
Jay Wilde Cover Letter and Resume as of 06/2015.
 
Diapositiva 3
Diapositiva 3Diapositiva 3
Diapositiva 3
 
Neoliberalismoyeducacin 120104164359 phpapp01
Neoliberalismoyeducacin 120104164359 phpapp01Neoliberalismoyeducacin 120104164359 phpapp01
Neoliberalismoyeducacin 120104164359 phpapp01
 
DARPNotes_Fall2013
DARPNotes_Fall2013DARPNotes_Fall2013
DARPNotes_Fall2013
 

Similar to Blog Theme

Panduan
PanduanPanduan
Panduan
watiab
 
Materi 3
Materi 3Materi 3
Tutorial pemasangan web banner di blog
Tutorial pemasangan web banner di blogTutorial pemasangan web banner di blog
Tutorial pemasangan web banner di blog
Kicky Amalia
 
Ahmad v onyy
Ahmad v onyyAhmad v onyy
Ahmad v onyyAgunggung
 
11 pkom2 wp
11 pkom2 wp11 pkom2 wp
11 pkom2 wp
kisiwonda
 
Membuat blog wordpress
Membuat blog wordpressMembuat blog wordpress
Membuat blog wordpress
AlfanBahagia2
 
Panduan penggunaan-word press
Panduan penggunaan-word pressPanduan penggunaan-word press
Panduan penggunaan-word press
abd hnn
 
Bab v
Bab vBab v
Bab v
safwan abi
 
Buat daftar isi blog
Buat daftar isi blogBuat daftar isi blog
Buat daftar isi blog
ryandsaputri
 
Buat daftar isi blog
Buat daftar isi blogBuat daftar isi blog
Buat daftar isi bloghirmiati
 
BELAJAR MEMBUAT BLOG UNTUK PEMULA BY RIA PUSPITASARI, S.Pd
BELAJAR MEMBUAT BLOG UNTUK PEMULA BY RIA PUSPITASARI, S.PdBELAJAR MEMBUAT BLOG UNTUK PEMULA BY RIA PUSPITASARI, S.Pd
BELAJAR MEMBUAT BLOG UNTUK PEMULA BY RIA PUSPITASARI, S.Pd
RhiEa Chinnie
 
Kumpulan Koding open source gratis buat blog/Website
Kumpulan Koding open source gratis buat blog/WebsiteKumpulan Koding open source gratis buat blog/Website
Kumpulan Koding open source gratis buat blog/Website
Syahrial HSB
 
Theme idbloglicious-makassar
Theme idbloglicious-makassarTheme idbloglicious-makassar
Theme idbloglicious-makassar
profmustamar
 
Belajar membuat website
Belajar membuat websiteBelajar membuat website
Belajar membuat websiteNie Andini
 
Blog cms template
Blog cms templateBlog cms template
Blog cms template
Nicholas Sihotang
 
1 membuat blog
1 membuat blog1 membuat blog
1 membuat blog
Siti Nurul Anifah
 
Presentasi Tentang Blog (Armadodi, SE)
Presentasi Tentang Blog (Armadodi, SE)Presentasi Tentang Blog (Armadodi, SE)
Presentasi Tentang Blog (Armadodi, SE)
LP2MP Gema Nurani
 
PPT PMP DEDEH
PPT PMP DEDEHPPT PMP DEDEH
PPT PMP DEDEH
Dedeh Kalungkung
 
01
0101
01d2k
 

Similar to Blog Theme (20)

Panduan
PanduanPanduan
Panduan
 
Materi 3
Materi 3Materi 3
Materi 3
 
Materi 3
Materi 3Materi 3
Materi 3
 
Tutorial pemasangan web banner di blog
Tutorial pemasangan web banner di blogTutorial pemasangan web banner di blog
Tutorial pemasangan web banner di blog
 
Ahmad v onyy
Ahmad v onyyAhmad v onyy
Ahmad v onyy
 
11 pkom2 wp
11 pkom2 wp11 pkom2 wp
11 pkom2 wp
 
Membuat blog wordpress
Membuat blog wordpressMembuat blog wordpress
Membuat blog wordpress
 
Panduan penggunaan-word press
Panduan penggunaan-word pressPanduan penggunaan-word press
Panduan penggunaan-word press
 
Bab v
Bab vBab v
Bab v
 
Buat daftar isi blog
Buat daftar isi blogBuat daftar isi blog
Buat daftar isi blog
 
Buat daftar isi blog
Buat daftar isi blogBuat daftar isi blog
Buat daftar isi blog
 
BELAJAR MEMBUAT BLOG UNTUK PEMULA BY RIA PUSPITASARI, S.Pd
BELAJAR MEMBUAT BLOG UNTUK PEMULA BY RIA PUSPITASARI, S.PdBELAJAR MEMBUAT BLOG UNTUK PEMULA BY RIA PUSPITASARI, S.Pd
BELAJAR MEMBUAT BLOG UNTUK PEMULA BY RIA PUSPITASARI, S.Pd
 
Kumpulan Koding open source gratis buat blog/Website
Kumpulan Koding open source gratis buat blog/WebsiteKumpulan Koding open source gratis buat blog/Website
Kumpulan Koding open source gratis buat blog/Website
 
Theme idbloglicious-makassar
Theme idbloglicious-makassarTheme idbloglicious-makassar
Theme idbloglicious-makassar
 
Belajar membuat website
Belajar membuat websiteBelajar membuat website
Belajar membuat website
 
Blog cms template
Blog cms templateBlog cms template
Blog cms template
 
1 membuat blog
1 membuat blog1 membuat blog
1 membuat blog
 
Presentasi Tentang Blog (Armadodi, SE)
Presentasi Tentang Blog (Armadodi, SE)Presentasi Tentang Blog (Armadodi, SE)
Presentasi Tentang Blog (Armadodi, SE)
 
PPT PMP DEDEH
PPT PMP DEDEHPPT PMP DEDEH
PPT PMP DEDEH
 
01
0101
01
 

More from Muhammad Taufan

Blogpreneurs
BlogpreneursBlogpreneurs
Blogpreneurs
Muhammad Taufan
 
Etika Ngeblog
Etika NgeblogEtika Ngeblog
Etika Ngeblog
Muhammad Taufan
 
Seo dan Google Penguin
Seo dan Google PenguinSeo dan Google Penguin
Seo dan Google Penguin
Muhammad Taufan
 
Menulis di Blog dan Manfaat yang Menyertainya
Menulis di Blog dan Manfaat yang MenyertainyaMenulis di Blog dan Manfaat yang Menyertainya
Menulis di Blog dan Manfaat yang Menyertainya
Muhammad Taufan
 
Promosi Blogger Nusantara 2012
Promosi Blogger Nusantara 2012Promosi Blogger Nusantara 2012
Promosi Blogger Nusantara 2012
Muhammad Taufan
 
Internet, Socal Media dan Blog
Internet, Socal Media dan BlogInternet, Socal Media dan Blog
Internet, Socal Media dan Blog
Muhammad Taufan
 

More from Muhammad Taufan (6)

Blogpreneurs
BlogpreneursBlogpreneurs
Blogpreneurs
 
Etika Ngeblog
Etika NgeblogEtika Ngeblog
Etika Ngeblog
 
Seo dan Google Penguin
Seo dan Google PenguinSeo dan Google Penguin
Seo dan Google Penguin
 
Menulis di Blog dan Manfaat yang Menyertainya
Menulis di Blog dan Manfaat yang MenyertainyaMenulis di Blog dan Manfaat yang Menyertainya
Menulis di Blog dan Manfaat yang Menyertainya
 
Promosi Blogger Nusantara 2012
Promosi Blogger Nusantara 2012Promosi Blogger Nusantara 2012
Promosi Blogger Nusantara 2012
 
Internet, Socal Media dan Blog
Internet, Socal Media dan BlogInternet, Socal Media dan Blog
Internet, Socal Media dan Blog
 

Blog Theme

  • 1. BLOG THEME ANSARI http://chapila.com @ansarijelek
  • 2. APA ITU BLOG THEME  BLOG THEME adalah tampilan depan (FRONTEND) pada blog yang terlihat oleh pengunjung.
  • 3. STRUKTUR BLOG : HEADER  HEADER adalah blok yang berada pada bagian paling atas dari blog. Dalam Header terdapat judul blog, deskripsi blog, menu, dan banner.
  • 4. STRUKTUR BLOG : CONTENT  CONTENT adalah blok bagian bawah Header. Terdiri dari post, sidebar, komentar, dan elemen lainnya (iklan, tombol share).
  • 5. STRUKTUR BLOG : SIDEBAR  SIDEBAR adalah blok yang berada pada bagian samping kiri atau kanan. Berisi semua widget antara lain : About Me, Labels, Archive, Text, HTML, Iklan, dll.
  • 6. STRUKTUR BLOG : FOOTER  FOOTER : adalah blok paling bawah dari template. Dapat disematkan pula widget. Umumnya tertulis All rights reserved atau link pembuat theme.
  • 7. PANDUAN MEMILIH THEME  Warna tulisan dan background sesuai atau serasi  Navigasi yang baik  Area konten blog yang jelas  Fitur komentar  Fitur pendukung (widget) pada area sidebar  SEO Friendly
  • 8. INSTALASI THEME : BLOGSPOT  Login di www.blogger.com  Buka link menu Design pada section blog yang mau diganti themenya.  Pilih sub menu Edit HTML  Browse filenya (dari komputer), lalu upload, atau Copy – Paste kode XML, ke editor yang disediakan,  Preview, untuk melihat tampilan,  Klik Save Template
  • 9. INSTAL THEME : BLOGSPOT
  • 10. KOSTUMASI THEME  Kuasai HTML dan CSS.  Menguasai platform blog  Pahami layout.  Mulailah dengan yang sederhana, atau mencontoh theme yang sudah ada.  Manfaatkan internet dan bergaul dengan komunitas blogger Maros.
  • 11. SEKIAN DAN TERIMA KASIH  Ansari Facebook : Ansari Jelek Twitter : @ansarijelek Website : http://www.sambalu.com KOMUNITAS BLOGGER MAROS