tutorial, mempercantik blog - agus hery
TRANSCRIPT
![Page 1: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/1.jpg)
Blog:cara sehat mempercantik dan memperkaya blogoleh : Agus Hery
Blog cantik agar mudah dikenali dan berkesan bagi pembacanya
![Page 2: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/2.jpg)
cantikDefinisi :cantik = indah, enak dipandang
Dengar apa kata blogger tentang blog yang indah :
neli : yg "berisi“, yg sederhana, ygsimple, bermanfaat juga(http://www.keluarganugraha.net/blog)
rina : yang isinya beragam daninformatif dan warna cerah(http://www.zidansyifa.blogspot.com/)
![Page 3: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/3.jpg)
cantik
eka : blog yg cantik itu yg designnya keren
neli : yg "berisi“, yg sederhana, ygsimple, bermanfaat juga(http://www.keluarganugraha.net/blog)
![Page 4: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/4.jpg)
cantikBeda orang = beda persepsiBeda blogger = beda keinginan
Apakah perlu menyerap semua persepsi yang berbeda agar menemukanjatidiri blog yang sangat unik milik sendiri.
![Page 5: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/5.jpg)
Blog cantik1?
![Page 6: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/6.jpg)
Blog cantik2?
![Page 7: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/7.jpg)
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 intendedfor general public consumption.Blogs generally represent the personality of the author or the Web site.
![Page 8: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/8.jpg)
Point penting
1. Selalu diupdate : Tujuan punya blog : berbagi cerita, memindahkan tulisan pribadi, mengumpulkan artikelbagus di internet, berbagi ilmu -> harus punya engine yg tepat2. Diniatkan untuk konsumsi publik -> bersifat eksternal :Penampilan, tata letak yang bersahabat, kemampuan interaksi3. Sebagai perwakilan dari pribadi penulis :Typhografy, warna, gaya bahasa, penulisan berdasarkan sudut pandangpenulisnya
![Page 9: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/9.jpg)
Perbandingan blog A
![Page 10: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/10.jpg)
Perbandingan blog B
![Page 11: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/11.jpg)
engine
Tips memilih blog :
A. pengalaman situsB. kemudahan mengubah tampilanC. fasilitas umpan balikD. sindikasi
![Page 12: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/12.jpg)
A.Pengalaman situs
- Pilih gratisan atau berbayar- Pilih yang mudah mengakltifkan fungsi didalamnya- Sering bertanya ke blogger lain
![Page 13: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/13.jpg)
B.Kemudahan mengubah tampilan
Bagi mereka yang paham dalam membuat situs, mengganti tampilansitus blog tidaklah menjadi suatu perkara yang rumit. Namun, bagaimana dengan mereka yang tidak memiliki pengalaman membuatsitus? 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.
![Page 14: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/14.jpg)
C.Fasilitas umpan balik
Fasilitas yang memungkinkan pengunjung menghubungi pemilik situsatau meninggalkan pesan pada blog.
Beberapa fasilitas umpan balik yang sering ditemui pada blogadalah: Comment (komentar) yang biasa ditemukan pada setiappostingan, Tagboard/Shoutbox atau Chatting Box yang menjadi sarana bagi pengunjung untuk meninggalkan pesanmereka.
![Page 15: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/15.jpg)
D.sindikasi
Sindikasi merupakan sebuah teknologi dalam dunia cyber yangakan memberitahukan kepada pengunjung kapan suatu situsdi-update.
Saat ini banyak blog menawarkan teknologi RSS (Really Simple Syndication) sebagai salah satu alat sindikasi. Dengan menggunakanpiranti lunak yang dinamakan RSS, pengunjung tidak perlu susah-susahtiap hari mengunjungi blog favoritnya untuk mengetahui apakah ada
posting baru yang masuk. Mereka cukup memasangagregator RSS tersebut pada blog mereka.
Teknologi lain yang juga sering dimanfaatkan untuk sindikasiadalah e-mail. Dengan mendaftarkan diri pada blog, e-mail akan dikirim pada pengunjung tiap kali pemilik blog meng-update blognya.
![Page 16: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/16.jpg)
Alur mesin blog
Blogger Engine
Laman admin
Laman Muka
Alur mesin blog
![Page 17: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/17.jpg)
Konstruksi blog
![Page 18: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/18.jpg)
Variable name
![Page 19: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/19.jpg)
Ilmu yang perlu dipelajari
1. HTML : hypertext markup language
2. CSS : cascading style sheet
3. Javascript fundamental
![Page 20: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/20.jpg)
HTML 1
<HTML><HEAD><TITLE> New Document </TITLE></HEAD><BODY></BODY></HTML>
Contoh kode HTML dalam blog
![Page 21: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/21.jpg)
HTML 2
Tautan/link : <a href=“URL”>Atribut : target,
Memanggil gambar : <img src=“pathURL”>Atribut : width,height,border
Format text : <b><del><i><p>Pindah baris : <br>List item : <ul>/<ol>, <li>Table : <table><tr><td></td></tr></table>
kode HTML dasar
![Page 22: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/22.jpg)
HTML 3
Memasukan faviconGambar :Kode:<link rel="shortcut icon"
href="http://favatar.myfavatar.com/agushery.ico" type="image/x-icon" />
Kode HTML menampilkan logo blog pada URL bar
![Page 23: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/23.jpg)
HTML 4Pasang kode banner milik sendiri agar mudah disalin blog lainKode:<textarea rows="3"><a href="http://edittag.blogspot.com" target="_blank"><imgsrc="http://photos1.blogger.com/blogger/4452/1518/1600/bannerkecil.gif" width="80" height="15" border="0" alt="http://edittag.blogspot.com"></a></textarea>
![Page 24: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/24.jpg)
HTML 5tableKode:
<table border=1 width=90><tr><td>
![Page 25: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/25.jpg)
HTML 6bannerKode:<textarea rows="3"><a href="http://edittag.blogspot.com" target="_blank"><imgsrc="http://photos1.blogger.com/blogger/4452/1518/1600/bannerkecil.gif" width="80" height="15" border="0" alt="http://edittag.blogspot.com"></a></textarea>
![Page 26: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/26.jpg)
HTML 5Tautan Komen <h2 class="sidebar-title">Recent Comments
</h2> <ul>
<Blogger>
<BlogItemCommentsEnabled>
<BlogItemComments>
<li>
<$BlogCommentAuthor$> @
<a href="
<$BlogCommentPermalinkURL$>">
<$BlogCommentDateTime$>
</a>
</li>
</BlogItemComments>
</BlogItemCommentsEnabled>
</Blogger>
</ul>
![Page 27: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/27.jpg)
HTML 6Memasukan icon YM di blogGambar :Kode:<a href="ymsgr:sendIM?YOURID">Kirim IM</a><a href="ymsgr:sendIM?YOURID"><imgsrc="http://opi.yahoo.com/online?u=edittagagus&m=g&t=1"></a>
![Page 28: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/28.jpg)
HTML 7Memasukan blogroll manualGambar :Kode:<p>temen-temenku</p><ul><li><a href=“http://abc.blogspot.com”>abc</a></li><li><a href=“http://def.blogspot.com”>def</a></li><li><a href=“http://ghi.blogspot.com”>ghi</a></li></ul>
![Page 29: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/29.jpg)
CSSContoh 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;}</MainOrArchivePage></style>
![Page 30: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/30.jpg)
CSS 1Ada 3 cara untuk menuliskan kode CSS dalamsebuah halaman.
1. Inline style,2. Document-level style, dan3. External style sheet.
1. Inline style
<div style="font:11px Verdana,Arial,Sans-serif;text-align:center">
contoh inline style</div>
![Page 31: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/31.jpg)
CSS 22. document-level style,
<html><head><title>test</title><style type="text/css">p { color:#0000FF;font-weight:bold; }</style></head><body><p>bagian judul</p><p>tulisan ada disini</p></body></html>
![Page 32: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/32.jpg)
CSS 33. External Style sheet
<head><title>Style linked</title><link rel=stylesheet type="text/css"
href="http://www.kumquats.com/styles/gen_styles.css" />
</head><body><h1>I'm so bluuuuoooo!</h1>...<h1> I am ba-loooooo, tooooo!<h1>
![Page 33: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/33.jpg)
CSS 4
<head><title>Imported style sheet</title><style type="text/css">@import
url(http://www.kumquats.com/styles/gen_styles.css);@import
"http://www.kumquats.com/styles/spec_styles.css";body {background: url("backgrounds/marble.gif")}</style></head>
![Page 34: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/34.jpg)
CSS 51. <div id="header"></div>2. <div class="dateheader"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> </div><div align="right">[ <a href="<$BlogURL$>">back home</a> ]</div>Keterangan:#header{
background-image: url(http://img381.imageshack.us/img381/8919/head1xr.jpg);height: 422px;background-repeat: no-repeat;background-position: center;background-color: #CCCCCC;border: 1px solid #FFFFFF;margin-bottom: 5px;
}
Contoh kode CSS di blog
![Page 35: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/35.jpg)
CSS 6.dateheader {
font-size: 10px;text-transform: lowercase;font-weight: bold;letter-spacing:.2em;background: transparent;text-align: right;color: White;font-family: Arial, Helvetica, sans-serif;margin-bottom:5px;margin-right: 5px;
}
![Page 36: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/36.jpg)
Contoh blog dgn css 1Satu : 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;}
}
![Page 37: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/37.jpg)
Contoh blog dgn css 2Dua : abstraksiContoh : berita selengkapnyaKode : 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;}</MainOrArchivePage><ItemPage>span.fullpost {display:inline;}</ItemPage>
2. menambahkan sintak CSS berikut di bawah <$BlogItemBody$> :
<a class="more" href="<$BlogItemPermalinkUrl$>"title="baca lebih lengkap..."> baca lengkapnya</a>
![Page 38: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/38.jpg)
Contoh blog dgn css 3Dua : template dgn CSS disembuyikanContoh : @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;}</MainOrArchivePage><ItemPage>span.fullpost {display:inline;}</ItemPage>
2. menambahkan sintak CSS berikut di bawah <$BlogItemBody$> :
<a class="more" href="<$BlogItemPermalinkUrl$>"title="baca lebih lengkap..."> baca lengkapnya</a>
![Page 39: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/39.jpg)
Contoh blog dgn css 4Dua : background dengan fix propertiesKode :1. body {
background:url('http://photos1.blogger.com/blogger/1234/567/890/berbunga.jpg') repeat fixed;
2. body { background:url('http://photos1.blogger.com/blogger/1234/567/890/berbunga.jpg') repeat-y fixed;
3. body {background:url('http://photos1.blogger.com/blogger/1234/567/890/berbunga.jpg') repeat-x fixed;
![Page 40: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/40.jpg)
Contoh blog dgn css 5Dua : menyembunyikan profileContoh :Kode :<!-- Begin #profile-container --><!-- <$BlogMemberProfile$> --><!-- End #profile -->
![Page 41: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/41.jpg)
javascript<script language="Javascript"><!--// keterangan skrip disini..</script>
<!-- Begin #profile-container --><!-- <$BlogMemberProfile$> --><!-- End #profile -->
![Page 42: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/42.jpg)
Javascript 1Contoh 1Prompt
<SCRIPT language="JavaScript">alert(":~*Pyu * Area BebasmMuka Cemberut!Pyu~: ")</SCRIPT> <SCRIPT language="JavaScript">alert("Hayuuuu~~~ Yang MasihcemBeYu~t Cenyum Dunk! ^__^ ")</SCRIPT>
![Page 43: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/43.jpg)
Javascript 2Contoh 1Header berganti\ganti
<!-- Begin #profile-container --><!-- <$BlogMemberProfile$> --><!-- End #profile -->
![Page 44: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/44.jpg)
Javascript 3Contoh 1No right click
<script language=JavaScript><!--var message="bright eyes";function clickIE() {if (document.all) {(message);return false;}}function clickNS(e) {if (document.layers||(document.getElementById&&!document.all))
{if (e.which==2||e.which==3) {(message);return false;}}}if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.on
mousedown=clickNS;}else{document.onmouseup=clickNS;document.oncontextmenu=
clickIE;}document.oncontextmenu=new Function("return false")// --> </script>
![Page 45: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/45.jpg)
Color and GraphicsContoh 1
http://wellstyled.com/tools/colorscheme2/index-en.html
![Page 46: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/46.jpg)
Fasilitas umpan balik
Comment (komentar) Tagboard/Shoutbox atau Chatting Box Guest Book Buku Tamu.
Penyelenggara shoutbox :-oggix-shoutmix-cbox
![Page 47: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/47.jpg)
Fasilitas umpan balik
Contoh gambar
![Page 48: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/48.jpg)
sindikasiRSS (Really Simple Syndication)Contoh :Penyelenggara :-google reader-feedostyle-bloglines
![Page 49: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/49.jpg)
Pasang sindikasi-google reader
![Page 50: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/50.jpg)
Tool blog
-counter-clock-flickr
![Page 51: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/51.jpg)
counter1SitemeterGuna : menghitung jumlah pengunjung, harian, mingguanMengetahui log pengunjung, IP, lokasi,durasi, browser yang digunakan
![Page 52: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/52.jpg)
counter2SitemeterGuna : menghitung jumlah pengunjung, harian, mingguanMengetahui log pengunjung, IP, lokasi,durasi, browser yang digunakan
![Page 53: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/53.jpg)
counter3SitemeterGuna : menghitung jumlah pengunjung, harian, mingguanMengetahui log pengunjung, IP, lokasi,durasi, browser yang digunakan
![Page 54: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/54.jpg)
counter4SitemeterGuna : menghitung jumlah pengunjung, harian, mingguanMengetahui log pengunjung, IP, lokasi,durasi, browser yang digunakan
![Page 55: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/55.jpg)
counter5SitemeterGuna : menghitung jumlah pengunjung, harian, mingguanMengetahui log pengunjung, IP, lokasi,durasi, browser yang digunakan
![Page 56: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/56.jpg)
counter6SitemeterGuna : menghitung jumlah pengunjung, harian, mingguanMengetahui log pengunjung, IP, lokasi,durasi, browser yang digunakan
![Page 57: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/57.jpg)
counter7SitemeterGuna : menghitung jumlah pengunjung, harian, mingguanMengetahui log pengunjung, IP, lokasi,durasi, browser yang digunakan
![Page 58: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/58.jpg)
counter8SitemeterGuna : menghitung jumlah pengunjung, harian, mingguanMengetahui log pengunjung, IP, lokasi,durasi, browser yang digunakan
![Page 59: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/59.jpg)
flickrGuna : menampilkan foto ke dalam blog, login dan bukahttp://www.flickr.com/badge_new.gne
![Page 60: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/60.jpg)
flickr
http://edittag.blogspot.com/2006/07/web-display-flickr-photos-on-your.html
![Page 61: Tutorial, Mempercantik Blog - Agus Hery](https://reader034.vdocuments.net/reader034/viewer/2022052506/5571fb10497959916993d773/html5/thumbnails/61.jpg)
Tips bloggingGuna :Aktifkan komen utk anyoneBalas shoutBanner animasiPerhatikan 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 pencariTinggi header tidak setengah dari laman mukaJangan gunakan media suaraNavbar/iklan tetap dipasangPercantik header agar mendapat kesan berbedaGunakan template non-tableIlustrasi tidak melebihi lebar contentSaat menyimpan template pastikan semua kode disimpan secara sempurna