1 Blog:cara sehat mempercantik dan memperkaya blog oleh : Agus Hery Blog cantik agar mudah dikenali dan berkesan bagi pembacanya2 cantik Definisi : ca...
Blog:cara sehat mempercantik dan memperkaya blog oleh : Agus Hery Blog cantik agar mudah dikenali dan berkesan bagi pembacanya
cantik Definisi : cantik = indah, enak dipandang Dengar apa kata blogger tentang blog yang indah :
neli : yg "berisi“, yg sederhana, yg simple, bermanfaat juga (http://www.keluarganugraha.net/blog)
rina : yang isinya beragam dan informatif dan warna cerah (http://www.zidansyifa.blogspot.com/)
cantik eka : blog yg cantik itu yg designnya keren
neli : yg "berisi“, yg sederhana, yg simple, bermanfaat juga (http://www.keluarganugraha.net/blog)
cantik Beda orang = beda persepsi Beda blogger = beda keinginan Apakah perlu menyerap semua persepsi yang berbeda agar menemukan jatidiri blog yang sangat unik milik sendiri.
Blog cantik1?
Blog cantik2?
Karakteristik blog Pengertian blog : Menurut www.bytowninternet.com/glossary Blog is short for weblog. A weblog is a journal (or newsletter) that is frequently updated and intended for general public consumption. Blogs generally represent the personality of the author or the Web site.
Point penting 1. Selalu diupdate : Tujuan punya blog : berbagi cerita, memindahkan tulisan pribadi, mengumpulkan artikel bagus di internet, berbagi ilmu -> harus punya engine yg tepat 2. Diniatkan untuk konsumsi publik -> bersifat eksternal : Penampilan, tata letak yang bersahabat, kemampuan interaksi 3. Sebagai perwakilan dari pribadi penulis : Typhografy, warna, gaya bahasa, penulisan berdasarkan sudut pandang penulisnya
Perbandingan blog A
Perbandingan blog B
engine
Tips memilih blog : A. pengalaman situs B. kemudahan mengubah tampilan C. fasilitas umpan balik D. sindikasi
A. Pengalaman situs - Pilih gratisan atau berbayar - Pilih yang mudah mengakltifkan fungsi didalamnya - Sering bertanya ke blogger lain
B. Kemudahan mengubah tampilan Bagi mereka yang paham dalam membuat situs, mengganti tampilan situs blog tidaklah menjadi suatu perkara yang rumit. Namun, bagaimana dengan mereka yang tidak memiliki pengalaman membuat situs? Hal inilah yang kemudian mendorong penyedia blog gratis menyediakan template untuk situs blog anggotanya. Cari berdasarkan yang paling banyak dukungan teknisnya ; forum, milis, free-template.
C. Fasilitas umpan balik
Fasilitas yang memungkinkan pengunjung menghubungi pemilik situs atau meninggalkan pesan pada blog. Beberapa fasilitas umpan balik yang sering ditemui pada blog adalah: Comment (komentar) yang biasa ditemukan pada setiap postingan, Tagboard/Shoutbox atau Chatting Box yang menjadi sarana bagi pengunjung untuk meninggalkan pesan mereka.
D. sindikasi Sindikasi merupakan sebuah teknologi dalam dunia cyber yang akan memberitahukan kepada pengunjung kapan suatu situs di-update. Saat ini banyak blog menawarkan teknologi RSS (Really Simple Syndication) sebagai salah satu alat sindikasi. Dengan menggunakan piranti lunak yang dinamakan RSS, pengunjung tidak perlu susah-susah tiap hari mengunjungi blog favoritnya untuk mengetahui apakah ada posting baru yang masuk. Mereka cukup memasang agregator RSS tersebut pada blog mereka. Teknologi lain yang juga sering dimanfaatkan untuk sindikasi adalah e-mail. Dengan mendaftarkan diri pada blog, e-mail akan dikirim pada pengunjung tiap kali pemilik blog mengupdate blognya.
Alur mesin blog Alur mesin blog Blogger Engine
Laman admin
Laman Muka
Konstruksi blog
Variable name
Ilmu yang perlu dipelajari 1. HTML : hypertext markup language
2. CSS : cascading style sheet
3. Javascript fundamental
HTML 1 Contoh kode HTML dalam blog <TITLE> New Document
CSS Contoh kode CSS <style type="text/css"> a.more{display:none;} <MainOrArchivepage> span.fullpost {display:none;} span.fullpost + a.more{display:inline;} span.fullpost + div + a.more{display:inline;}
CSS 1 Ada 3 cara untuk menuliskan kode CSS dalam sebuah halaman. 1. Inline style, 2. Document-level style, dan 3. External style sheet. 1. Inline style
contoh inline style
CSS 2 2. document-level style, test <style type="text/css"> p { color:#0000FF;font-weight:bold; }
Contoh blog dgn css 1 Satu : blog dgn scrollbar berwarna body{ background-color: #000; text-align: center; cursor: crosshair; scrollbar-arrow-color: #000000; scrollbar-track-color: #D0CECE; scrollbar-face-color: #FFD32A; scrollbar-highlight-color: #D0CECE; scrollbar-3dlight-color: #FFD32A; scrollbar-darkshadow-color: #D0CECE; scrollbar-shadow-color: #FFD32A;} }
Contoh blog dgn css 2 Dua : abstraksi Contoh : berita selengkapnya 1.sertakan sintak CSS berikut dalam style sheet Kode :
a.more{display:none;} <MainOrArchivepage> span.fullpost {display:none;} span.fullpost + a.more{display:inline;} span.fullpost + div + a.more{display:inline;} span.fullpost {display:inline;} 2. menambahkan sintak CSS berikut di bawah <$BlogItemBody$> : "title="baca lebih lengkap..."> baca lengkapnya
Contoh blog dgn css 3 Dua : template dgn CSS disembuyikan Contoh : @links (http://www.dot.com/css.css); Kode : 1.sertakan sintak CSS berikut dalam style sheet a.more{display:none;} <MainOrArchivepage> span.fullpost {display:none;} span.fullpost + a.more{display:inline;} span.fullpost + div + a.more{display:inline;} span.fullpost {display:inline;} 2. menambahkan sintak CSS berikut di bawah <$BlogItemBody$> : "title="baca lebih lengkap..."> baca lengkapnya
Contoh blog dgn css 4 Dua : background dengan fix properties Kode : 1.
2.
3.
body { background:url('http://photos1.blogger.com/blogger/1234/56 7/890/berbunga.jpg') repeat fixed; body { background:url('http://photos1.blogger.com/blogger/1234/56 7/890/berbunga.jpg') repeat-y fixed; body {background:url('http://photos1.blogger.com/blogger/1234/5 67/890/berbunga.jpg') repeat-x fixed;
Contoh blog dgn css 5 Dua : menyembunyikan profile Contoh : Kode :
javascript <script language="Javascript">
Javascript 1 Contoh 1 Prompt
<SCRIPT language="JavaScript">alert(":~*Pyu * Area Bebas mMuka Cemberut!Pyu~: ") <SCRIPT language="JavaScript">alert("Hayuuuu~~~ Yang Masih cemBeYu~t Cenyum Dunk! ^__^ ")
Javascript 2 Contoh 1 Header berganti\ganti
Javascript 3 Contoh 1 No right click <script language=JavaScript>
Tips blogging Guna : Aktifkan komen utk anyone Balas shout Banner animasi Perhatikan berat file blog keseluruhan (ukuran file dibawah 30K membutuhkan waktu 8 detik dengan koneksi 56K ) Cek di http://www.websiteoptimization.com/services/analyze/ Cek posisi blog di mesin pencari Tinggi header tidak setengah dari laman muka Jangan gunakan media suara Navbar/iklan tetap dipasang Percantik header agar mendapat kesan berbeda Gunakan template non-table Ilustrasi tidak melebihi lebar content Saat menyimpan template pastikan semua kode disimpan secara sempurna
