Cantik

Blog:cara sehat mempercantik dan memperkaya blog Blog cantik agar mudah dikenali dan berkesan bagi pembacanya Oleh. Asep Moh. Muhsin & Tim Soluina

cantik ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

cantik hali : blog yg cantik itu yg designnya keren ,[object Object],[object Object]

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.

Karakteristik blog ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Point penting ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

engine ,[object Object],[object Object],[object Object],[object Object],[object Object]

A. Pengalaman situs - Pilih gratisan atau berbayar - Pilih yang mudah mengakltifkan fungsi didalamnya - Sering bertanya ke blogger lain

B. Kemudahan mengubah tampilan ,[object Object],[object Object]

C. Fasilitas umpan balik ,[object Object],[object Object],[object Object]

D. sindikasi ,[object Object],[object Object],[object Object],[object Object],[object Object]

Alur mesin blog Blogger Engine Laman admin Laman Muka Alur mesin blog

Ilmu yang perlu dipelajari ,[object Object],[object Object],[object Object]

HTML 1 <HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD> <BODY> </BODY> </HTML> Contoh kode HTML dalam blog

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

HTML 3 ,[object Object],[object Object],[object Object],[object Object],Kode HTML menampilkan logo blog pada URL bar

HTML 4 Pasang kode banner milik sendiri agar mudah disalin blog lain Kode: <textarea rows="3"><a href="http://edittag.blogspot.com" target="_blank"><img src="http://photos1.blogger.com/blogger/4452/1518/1600/bannerkecil.gif" width="80" height="15" border="0" alt="http://edittag.blogspot.com"></a></textarea>

HTML 5 table Kode: <table border=1 width=90><tr><td>

HTML 6 banner Kode: <textarea rows="3"><a href="http://edittag.blogspot.com" target="_blank"><img src="http://photos1.blogger.com/blogger/4452/1518/1600/bannerkecil.gif" width="80" height="15" border="0" alt="http://edittag.blogspot.com"></a></textarea>

HTML 5 Tautan Komen <h2 class="sidebar-title">Recent Comments </h2> <ul> <Blogger> <BlogItemCommentsEnabled> <BlogItemComments> <li> <$BlogCommentAuthor$> @ <a href=" <$BlogCommentPermalinkURL$>"> <$BlogCommentDateTime$> </a> </li> </BlogItemComments> </BlogItemCommentsEnabled> </Blogger> </ul>

HTML 6 Memasukan icon YM di blog Gambar : Kode: <a href="ymsgr:sendIM?YOURID">Kirim IM</a> <a href="ymsgr:sendIM?YOURID"><img src="http://opi.yahoo.com/online?u=edittagagus&m=g&t=1"></a>

HTML 7 Memasukan blogroll manual Gambar : 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>

CSS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CSS 1 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CSS 2 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CSS 3 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CSS 4 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CSS 5 1. <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

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; }

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 Kode : ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Contoh blog dgn css 3 Dua : template dgn CSS disembuyikan Contoh : @links (http://www.dot.com/css.css); Kode : ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Contoh blog dgn css 4 Dua : background dengan fix properties Kode : ,[object Object],[object Object],[object Object]

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> <SCRIPT language="JavaScript">alert("Hayuuuu~~~ Yang Masih cemBeYu~t Cenyum Dunk! ^__^ ")</SCRIPT>

Javascript 2 Contoh 1 Header bergantianti

Javascript 3 Contoh 1 No right click <script language=JavaScript>  </script>

Color and Graphics Contoh 1 http://wellstyled.com/tools/colorscheme2/index-en.html

Fasilitas umpan balik Comment (komentar) Tagboard/Shoutbox atau Chatting Box Guest Book Buku Tamu. Penyelenggara shoutbox : -oggix -shoutmix -cbox

Fasilitas umpan balik Contoh gambar

sindikasi RSS (Really Simple Syndication) Contoh : Penyelenggara : -google reader -feedostyle -bloglines

Pasang sindikasi -google reader

Tool blog -counter -clock -flickr

counter1 Sitemeter Guna : menghitung jumlah pengunjung, harian, mingguan Mengetahui log pengunjung, IP, lokasi,durasi, browser yang digunakan

flickr Guna : menampilkan foto ke dalam blog, login dan buka http://www.flickr.com/badge_new.gne

flickr http://edittag.blogspot.com/2006/07/web-display-flickr-photos-on-your.html

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

Cantik

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (20)

Similar to Cantik

Similar to Cantik (20)

More from asepmuhsin

More from asepmuhsin (9)

Recently uploaded

Recently uploaded (20)

Cantik