Blog cms template

•Transferir como PPTX, PDF•

0 gostou•352 visualizações

Nicholas Sihotang

Materi Workshop Blog Progresif Kelas #2 untuk @BloggerSUMUT oleh @nichpakaich

Negócios Tecnologia

Mengatur Tampilan Blog
Kelas #2
Workshop Progresif
BloggerSUMUT

Halo, saya Nichpakaich

nichpakaich
#BloggerSUMUT

Content Management System

CMS Secara Sederhana …
Canvas
(Theme / Content
(Blog) Template) (Tulisan)

HTML & CSS

Hyper-Text Markup Language

• Bahasa pemrograman untuk
mempresentasikan sebuah halaman web

Cascading Style Sheet

• Mengendalikan format komponen sebuah
halaman web secara terstruktur

HaloDunia.HTML
<html>
<head>
<title> {Nama Anda} </title>
</head>
<body>
<p>Halo Dunia</p>
</body>
</html>

HTML
<body>
<p>Halo Dunia</p>
<img
src="http://bloggersumut.net/logo_blogger
sumut.net_200.jpg">
</body>
</html>

CSS
<title> {Nama Anda} </title>
<style>
p{
font-size: 36px;
background: #209900;
color: #dfdfdf;
}
</style>
</head>

Pendalaman HTML & CSS
Topik dasar berikut akan sangat membantu:
• Tag HTML
<strong> <em> <u> <font>
<img> <table> <iframe>
• CSS
font-face
color
background

Bagaimana cara memilih theme atau template blog?

Memilih Theme/Template

Perhatikan 3 Hal Ini
Elemen • Estetika
• Pencitraan
Tampilan
Elemen • Flexibilitas
(plugins, gadget/widget)
Fungsional • Kemudahan yang ditawarkan

Elemen • Kenali kelompok pembaca
(umur, gender, lokasi)
Pengunjung

Elemen Tampilan
• Butuh berapa kolom?
• Suka model majalah atau kronologis?
• Bagaimana dengan anchor-text?
• Heading style-nya bagus?
• Suka header-nya?
• Font-nya unik?

Elemen Fungsionalitas
• Ada fitur “Read more” gak?
• Navigasi halaman ada?
• Komponen layout bisa dipindah-pindah?
(gagdet / widget ready)
• Bisa share langsung ke teman-teman?
• SEO Friendly kah?

Elemen Pengunjung
Yang membaca blog Anda itu..
• Ibu-ibu kah? Atau Remaja Gaul?
• Jangan-jangan aki-aki yang untuk baca
koran sudah harus pakai kaca pembesar?
• Apakah mereka suka membaca sambil
mendengarkan lagu?
• Atau orang yang baru melek internet?

Memanfaatkan Gadget/Widget untuk Blog

Memperkaya Tampilan Blog

Blogger Banner

http://bloggersumut.net/logo_bloggersumut.net_200.jpg

Wordpress Widget Banner

http://bloggersumut.net/logo_bloggersumut.net_200.jpg

Beberapa masukan untuk menguasai cara memilih template/theme
dan memperkaya tampilan blog

TIPS

Tips
Tambah jam terbang berseluncur (browsing)

Tips
Jika sudah buntu, jangan malu untuk
mencari pertolongan profesional atau yang
sudah berpengalaman

Sampai jumpa di Workshop Progresif BloggerSUMUT selanjutnya
Kelas #3: Promosi Blog

TERIMA KASIH
@nichpakaich

Mais conteúdo relacionado

Destaque

Projecting success by Stephanie Atkinsgreenwhistle

Techtude Company Profile Pv 2010ronmajor

Africa black and-white1-1Stephen Carson

人口動態で時代を読み解けSamurai Incubate Inc.

2014 05-17-titanium hamamatsuvol3Hiroshi Oyamada

20120118 titaniumHiroshi Oyamada

20140319 titanium meetupvol17Hiroshi Oyamada

2014 02-19-titanium meetupvol16Hiroshi Oyamada

SIK Fredrikstad - Presentation om övergripande projektSvenskt Projektforum

Presentación Comercial FMS 2011FMS

4.1.2 recording resourcesAbisolaCm

日々の面倒をプログラミングで解決！【入門編】Hiroshi Oyamada

XBRL en el ámbito internacionalAsociación XBRL España

Term extraction transformationDimitri Villamar

android level 3DevMix

Garage de pôvreGriffin Lawrence

Nye ekklesiologiske modeller 5 oktMogens Mogensen

Reach in de ModeBrian Hirman

Periodistas Latinos - Expectativas para el Futuro de la ProfesiónPR Newswire

Gcp finalsomnath Navgire

Destaque (20)

Projecting success by Stephanie Atkins

Techtude Company Profile Pv 2010

Africa black and-white1-1

人口動態で時代を読み解け

2014 05-17-titanium hamamatsuvol3

20120118 titanium

20140319 titanium meetupvol17

2014 02-19-titanium meetupvol16

SIK Fredrikstad - Presentation om övergripande projekt

Presentación Comercial FMS 2011

4.1.2 recording resources

日々の面倒をプログラミングで解決！【入門編】

XBRL en el ámbito internacional

Term extraction transformation

android level 3

Garage de pôvre

Nye ekklesiologiske modeller 5 okt

Reach in de Mode

Periodistas Latinos - Expectativas para el Futuro de la Profesión

Gcp final

Semelhante a Blog cms template

Java web application 2 - membuat template webDoni Andriansyah

Websetianiayu

Pemrograman Web - Pengenalan HTMLKuliahKita

Desain blog dan kontan Telkomsel FEB UGM 2012Nurudin Jauhari

Desain Blog dan Konten Telkomsel FEB UGM 2012Nurudin Jauhari

Modul edit template web dengan php dan my sq lxsugiyanto gunadi

Tutorial web programingeghha

How to start a blog (beginer guides) by. Fera MarentikaFera Marentika

Cantikasepmuhsin

Langkah demi langkah menguasai html 5 (versi alpha)T Ghazali

Web usability - Tips mendesain web yang mudah dipahamiharsantiputri

HTML dan CSSVicky Nitinegoro

Tutorial web programing x rpl 1eghha

1210651097 cssardyansyahAhmad

On-Page SEO oleh Asri Tadda - Konsultan SEO IndonesiaAsri Tadda

Belajar membuat websiteNadya Olivia

Pertemuan 5beiharira

CSS_(Cascading_Style_Sheet)_lanjutan.pptFirmanADaru

CSS_(Cascading_Style_Sheet)_lanjutan.pptLukman Fakih

CSS_(Cascading_Style_Sheet)_lanjutan.pptSayedAchmady1

Semelhante a Blog cms template (20)

Java web application 2 - membuat template web

Web

Pemrograman Web - Pengenalan HTML

Desain blog dan kontan Telkomsel FEB UGM 2012

Desain Blog dan Konten Telkomsel FEB UGM 2012

Modul edit template web dengan php dan my sq lx

Tutorial web programing

How to start a blog (beginer guides) by. Fera Marentika

Cantik

Langkah demi langkah menguasai html 5 (versi alpha)

Web usability - Tips mendesain web yang mudah dipahami

HTML dan CSS

Tutorial web programing x rpl 1

1210651097 css

On-Page SEO oleh Asri Tadda - Konsultan SEO Indonesia

Belajar membuat website

Pertemuan 5

CSS_(Cascading_Style_Sheet)_lanjutan.ppt

Último

"Bawal99: Menikmati Sensasi Taruhan Olahraga Online dengan Aman dan Nyaman"HaseebBashir5

Obat Aborsi Surabaya WA 082223109953 Jual Obat Aborsi Cytotec Asli Di SurabayaObat Aborsi Surabaya Cytotec Asli Di Surabaya

STRATEGI BERSAING MENGGUNAKAN ANALISIS SWOTRikoMappedeceng1

UNIKBET : Bandar Slot Gacor Pragmatic Play Deposit Pakai Bank Mega Bonus Berl...unikbetslotbankmaybank

Supplier Genteng Atap Rumah Modern Kirim ke Malanggentengcor outdoor

6. CONTAINER (MATKUL CARGO HANDLING) .pptApaySafari1

ATRIUM GAMING : SLOT GACOR MUDAH MENANG 2024 TERBARUsayangkamuu240203

Jual Cytotec Jakarta Pusat 👗082322223014👗Pusat Peluntur Kandungan Konsultasissupi412

"Seni Memasak Indonesia: Rahasia Kuliner Nusantara yang Memikat LidahHaseebBashir5

PRTOTO SITUS TERPERCAYA DENGAN TINGKAT KEMENANGAN TINGGIThomz PRTOTO

STRATEGI KEUANGAN RITEL ROYALATK (1).pptxzulkarnain372

PPT-UEU-Studi-Kelayakan-Bisnis-Pertemuan-13.pptxBesraSaputra

Hub. 0821 4281 1002, Rekomendasi Restoran Rumah Makan Kulineran Warung Depot ...syafiraw266

analisa kelayakan bisnis aspek keuangan.nuranisasignature

05. Efek Pajak investasi inflasi dan konsumsicrewsali88

Pengolahan Air Umpan Boiler untuk pabrik kelapa sawitJhonFeriantaTarigan

materi sertitikasi halal reguler dan self declarealfirdausputra

BAMBUHOKI88 Situs Game Gacor Menggunakan Doku Mudah Jackpot BesarBambu hoki88

Jual Obat Cytotec Di Depok #082122229359 Apotik Jual Cytotec Originalmiftamifta7899

UNIKBET : Link Slot Gacor Pragmatic Play Ada Deposit Via I-Saku Bonus New Mem...unikbetslotbankmaybank

Blog cms template

1. Mengatur Tampilan Blog Kelas #2 Workshop Progresif BloggerSUMUT

2. Halo, saya Nichpakaich nichpakaich #BloggerSUMUT

3. Content Management System CMS Secara Sederhana … Canvas (Theme / Content (Blog) Template) (Tulisan)

4. Urusan Content mah, Gampang!

5. Mempersiapkan Content

6. Kalau Tampilan?

7. HTML & CSS Hyper-Text Markup Language • Bahasa pemrograman untuk mempresentasikan sebuah halaman web Cascading Style Sheet • Mengendalikan format komponen sebuah halaman web secara terstruktur

8. HaloDunia.HTML <html> <head> <title> {Nama Anda} </title> </head> <body> <p>Halo Dunia</p> </body> </html>

9. HaloDunia.HTML

10. HTML <body> <p>Halo Dunia</p> <img src="http://bloggersumut.net/logo_blogger sumut.net_200.jpg"> </body> </html>

11. HaloDunia.HTML

12. CSS <title> {Nama Anda} </title> <style> p{ font-size: 36px; background: #209900; color: #dfdfdf; } </style> </head>

13. HaloDunia.HTML

14. Pendalaman HTML & CSS Topik dasar berikut akan sangat membantu: • Tag HTML <strong> <em> <u> <font> <img> <table> <iframe> • CSS font-face color background

15. Kapan Menggunakannya?

16. Bagaimana cara memilih theme atau template blog? Memilih Theme/Template

17. Wordpress Theme

18. Blogger Template

19. Perhatikan 3 Hal Ini Elemen • Estetika • Pencitraan Tampilan Elemen • Flexibilitas (plugins, gadget/widget) Fungsional • Kemudahan yang ditawarkan Elemen • Kenali kelompok pembaca (umur, gender, lokasi) Pengunjung

20. Elemen Tampilan • Butuh berapa kolom? • Suka model majalah atau kronologis? • Bagaimana dengan anchor-text? • Heading style-nya bagus? • Suka header-nya? • Font-nya unik?

21. Layout Header Content Sidebar Footer

22. Elemen Fungsionalitas • Ada fitur “Read more” gak? • Navigasi halaman ada? • Komponen layout bisa dipindah-pindah? (gagdet / widget ready) • Bisa share langsung ke teman-teman? • SEO Friendly kah?

23. Elemen Pengunjung Yang membaca blog Anda itu.. • Ibu-ibu kah? Atau Remaja Gaul? • Jangan-jangan aki-aki yang untuk baca koran sudah harus pakai kaca pembesar? • Apakah mereka suka membaca sambil mendengarkan lagu? • Atau orang yang baru melek internet?

24. Memanfaatkan Gadget/Widget untuk Blog Memperkaya Tampilan Blog

25. Blogger Gadget

26. Blogger Gadget 2 1

27. Blogger Banner http://bloggersumut.net/logo_bloggersumut.net_200.jpg

28. Wordpress Widget di “seret saja”

29. Wordpress Widget Banner http://bloggersumut.net/logo_bloggersumut.net_200.jpg

30. Beberapa masukan untuk menguasai cara memilih template/theme dan memperkaya tampilan blog TIPS

31. Tips Tambah jam terbang berseluncur (browsing)

32. Tips Jika sudah buntu, jangan malu untuk mencari pertolongan profesional atau yang sudah berpengalaman

33. Tips

34. Sampai jumpa di Workshop Progresif BloggerSUMUT selanjutnya Kelas #3: Promosi Blog TERIMA KASIH @nichpakaich

Notas do Editor

Fungsional:Adakahfitur “Read more”, plugins-ready? Navigasi per halaman.
Pertimbangkanelemenrancangan; font, warna, dll.
Apakah theme cukupflexibeluntukhari-harikedepan?

Blog cms template

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (20)

Semelhante a Blog cms template

Semelhante a Blog cms template (20)

Último

Último (20)

Blog cms template

Notas do Editor