Blog cms template

943 views

Published on

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

Published in: Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
943
On SlideShare
0
From Embeds
0
Number of Embeds
175
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Fungsional:Adakahfitur “Read more”, plugins-ready? Navigasi per halaman.
  • Pertimbangkanelemenrancangan; font, warna, dll.
  • Apakah theme cukupflexibeluntukhari-harikedepan?
  • Blog cms template

    1. 1. Mengatur Tampilan Blog Kelas #2 Workshop Progresif BloggerSUMUT
    2. 2. Halo, saya Nichpakaich nichpakaich #BloggerSUMUT
    3. 3. Content Management System CMS Secara Sederhana … Canvas (Theme / Content(Blog) Template) (Tulisan)
    4. 4. Urusan Contentmah, Gampang!
    5. 5. Mempersiapkan Content
    6. 6. Kalau Tampilan?
    7. 7. HTML & CSSHyper-Text Markup Language• Bahasa pemrograman untuk mempresentasikan sebuah halaman webCascading Style Sheet• Mengendalikan format komponen sebuah halaman web secara terstruktur
    8. 8. HaloDunia.HTML<html><head> <title> {Nama Anda} </title></head><body> <p>Halo Dunia</p></body></html>
    9. 9. HaloDunia.HTML
    10. 10. HTML<body> <p>Halo Dunia</p> <img src="http://bloggersumut.net/logo_blogger sumut.net_200.jpg"></body></html>
    11. 11. HaloDunia.HTML
    12. 12. CSS<title> {Nama Anda} </title><style> p{ font-size: 36px; background: #209900; color: #dfdfdf; }</style></head>
    13. 13. HaloDunia.HTML
    14. 14. Pendalaman HTML & CSSTopik dasar berikut akan sangat membantu:• Tag HTML <strong> <em> <u> <font> <img> <table> <iframe>• CSS font-face color background
    15. 15. Kapan Menggunakannya?
    16. 16. Bagaimana cara memilih theme atau template blog? Memilih Theme/Template
    17. 17. Wordpress Theme
    18. 18. Blogger Template
    19. 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. 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. 21. Layout HeaderContent Sidebar Footer
    22. 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. 23. Elemen PengunjungYang 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. 24. Memanfaatkan Gadget/Widget untuk Blog Memperkaya Tampilan Blog
    25. 25. Blogger Gadget
    26. 26. Blogger Gadget 2 1
    27. 27. Blogger Bannerhttp://bloggersumut.net/logo_bloggersumut.net_200.jpg
    28. 28. Wordpress Widget di “seret saja”
    29. 29. Wordpress Widget Bannerhttp://bloggersumut.net/logo_bloggersumut.net_200.jpg
    30. 30. Beberapa masukan untuk menguasai cara memilih template/themedan memperkaya tampilan blogTIPS
    31. 31. TipsTambah jam terbang berseluncur (browsing)
    32. 32. TipsJika sudah buntu, jangan malu untuk mencari pertolongan profesional atau yang sudah berpengalaman
    33. 33. Tips
    34. 34. Sampai jumpa di Workshop Progresif BloggerSUMUT selanjutnyaKelas #3: Promosi BlogTERIMA KASIH@nichpakaich

    ×