Kode2 sederhana dalam blogq:

Thx buat temen2 blogger yang dah ngasih tutorial buat mempercantik tampilan blog.
Untuk sementara ini aku cuma make kode2 dbawah ni. Soalnya aku jg bru blajar je...;)

1. UvumiTools Drop down Menu Blogging Tutorial

Yang dmaksud kata2 diuatas adalah

dengan membuat tampilan seperti umumnya Home, Profile, Search, beranda, dan sebagainya
yang kmudian dhubungkan ke URL link yang tlah kita buat atau rencanakan untuk kita tuju.
Wah ku bingung juga mo ngejelasinnya gimana. Langsung ja ya aku tunjukin langkah-langkahnya.


1. Masuk ke blogger anda
2. Klick "Tata Letak"
3. Klik "edit html"
4. Cari kode "]]></b:skin>"
5. Salin dan pasang kode dibawah sebelum kode "]]></b:skin>"

.NavbarMenu { background:#FF3300 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEOKc8jRcYv_2j-qOpBzEyMo-U7yL71iVQLKFJTHnuazR2Fz9MLlr8Ei-bfjDsJEXSNMn0vXlY3q9peNnGPaK8BD4EtPwknKDoO6tPRg_crJetZcr85dyqicii_7w8Y7umWi1w8EelO_E/s400/button1.gif) repeat-x top left;<br /> width: 100%;<br /> height: 37px;<br /> color: #FFFFFF;<br /> margin: 0 auto;<br /> padding: 0;<br /> font: bold 8px Arial, Tahoma, Verdana;<br /> clear:both;<br /> border-left:1px solid #333;<br /> border-right:1px solid #333}.NavbarMenuleft { width: 75%; float:left;<br /> margin:0;<br /> padding:0;<br /> }.nav { margin:0;<br /> padding:0;<br /> }.nav ul { float: left;<br /> list-style:none;<br /> margin:0;<br /> padding:0;<br /> }.nav li { list-style:none;<br /> margin:0;<br /> padding:0;<br /> }.nav li a, .nav li a:link, .nav li a:visited { color:#fff;<br /> display:block;<br /> text-transform:capitalize;<br /> margin:0;<br /> padding:11px 10px 8px;<br /> font:normal 12px Georgia, Times New Roman;<br /> text-decoration: none;<br /> }.nav li a:hover, .nav li a:active { background:#102427 url(http://lh5.ggpht.com/_pt7i0nbIOCY/SyYZwDCCgGI/AAAAAAAACc0/TPCaXfkieYA/button2_thumb%5B3%5D.gif) repeat-x top left;<br /> color:#FFF; margin: 0;<br /> text-decoration: none;<br /> }.nav li li a, .nav li li a:link, .nav li li a:visited { background:#2C5F24 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEOKc8jRcYv_2j-qOpBzEyMo-U7yL71iVQLKFJTHnuazR2Fz9MLlr8Ei-bfjDsJEXSNMn0vXlY3q9peNnGPaK8BD4EtPwknKDoO6tPRg_crJetZcr85dyqicii_7w8Y7umWi1w8EelO_E/s400/button1.gif) repeat-x top left;<br /> width:200px;<br /> color:#fff;<br /> text-transform:capitalize;<br /> float:none;<br /> margin:0;<br /> padding:7px 10px;<br /> border-bottom:1px solid #0d2601;<br /> border-left:1px solid #0d2601;<br /> border-right:1px solid #0d2601;<br /> font: normal 14px Georgia, Times New Roman;<br /> }.nav li li a:hover, .nav li li a:active { background:#102427 url(http://lh5.ggpht.com/_pt7i0nbIOCY/SyYZwDCCgGI/AAAAAAAACc0/TPCaXfkieYA/button2_thumb%5B3%5D.gif) repeat-x top left;<br /> color:#fff;<br /> }.nav li { float:left;<br /> padding:0;}.nav li a.enclose, .nav li a.enclose:visited { border-top:1px solid #000;<br /> }.nav li ul { z-index: 9999;<br /> position:absolute;<br /> left:-999em; height:auto;<br /> width:170px;<br /> margin:0;<br /> padding:0;<br /> }.nav li ul a { width: 140px;<br /> }.nav li ul ul { margin: -1px 0 0 220px;<br />}.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul { left:-999em;<br />}.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul { left:auto;<br /> }.nav li:hover, .nav li.sfhover { position:static;}#search { width: 25%;<br /> font-size: 11px;<br /> float: right;<br /> margin: 0;<br /> padding:0;<br /> }#searchform { margin:0;<br /> padding:0;<br /> overflow:hidden;<br /> display:inline;<br /> }#searchbox { background:#ddd;<br /> padding:0;<br /> margin:0;<br /> }#search input { background:transparent;<br /> color:#fff;<br /> float:left;<br /> font-size:12px;<br /> margin: 7px 0 0 10px;<br /> width: 110px;<br /> padding:3px 7px;<br /> border: 1px solid #fff;<br /> font: normal 10px arial, verdana, Times New Roman;<br /> }#search .btn { margin:7px 0 0;<br /> padding:0;<br /> width:auto;<br /> border:0;<br /> }

6. Salin dan letakkan kode dibawah setelah kode "</head>"

<script type="text/javascript" <br /> src="http://uvumitools.googlecode.com/files/mootools-for-dropdown.js"> <br /> </script> <br /> <script type="text/javascript" <br /> src="http://uvumitools.googlecode.com/files/UvumiDropdown-compressed.js"> <br /> </script> <script type="text/javascript"> <br /> var myMenu = new UvumiDropdown("dropdown-menu");<br /> </script>

7. Kemudian putar ke bawah mouse anda trus temukan kode seperti di bawah ini

<div id='header-wrapper'><br /> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br /><b:widget id='Header1' locked='true' title='GoKhasanah Krishnablog (Header)' type='Header'/><br /></b:section><br /> </div>

8. Kemudian salin dan taruh kode dibawah ini setelah kode di atas

<div class='NavbarMenu'><br /> <div class='NavbarMenuleft'><br /> <ul class='nav' id='dropdown-menu'> <br /> <li><a href='http://kushis3nthitz.blogspot.com/' rel='nofollow'>Pangajengan</a></li> <br /> <li><a href='http://www.blogger.com/profile/14765037804804934547' rel='nofollow'>Profile</a></li> <br /> <li><a href='http://kushis3nthitz.blogspot.com/' rel='nofollow'>Ikhtisar</a><br /> <ul> <br /> <li><a href='#' rel='nofollow'>Lagu <br />  <br /> »<br /> </a> <ul><br /> <li><a href='http://kushis3nthitz.blogspot.com/2010/03/dont-make-me-sorrow-in-tomorrow-bicara.html'>Album I</a></li> <br /> <li><a href='http://kushis3nthitz.blogspot.com/2010/03/dont-make-me-sorrow-in-tomorrow-bicara.html' rel='nofollow'>Album II</a></li><br /> </ul></li> <br /> <li><a href='#' rel='nofollow'>coretan  »</a> <ul><br /> <li><a href='http://kushis3nthitz.blogspot.com/2010/03/filosofi-daun-bolehlah-aku-berkhayal.html'>Nyata</a></li> <br /> <li><a href='http://kushis3nthitz.blogspot.com/2010/03/filosofi-daun-bolehlah-aku-berkhayal.html'>Karangan</a></li><br /> </ul> </li> <br /> <br /> <li><a href='http://kushis3nthitz.blogspot.com/2010/03/filosofi-daun-bolehlah-aku-berkhayal.html' rel='nofollow'>Tulisan</a></li> <br /> </ul></li> <br /> <li><a href='http://kushis3nthitz.blogspot.com/' rel='nofollow'>Kimia Sastra</a> <ul> <br /> <li><a href='http://kushis3nthitz.blogspot.com/' rel='nofollow'>Literatur</a> </li> <br /> <li><a href='http://kushis3nthitz.blogspot.com/' rel='nofollow'>Penelitian</a> </li> </ul> </li> <br /><li><a href='http://www.facebook.com/?ref=home#!/kushi.senthitz?ref=profile' rel='nofollow'>Facebook</a></li><br /> </ul></div> <br /> <div id='search'><br /> <form action='/search/' id='searchform' method='get' style='display:inline;<br /> '> <input id='searchbox' maxlength='160' name='q' onblur='if (this.value == "<br />"<br />) {this.value = "<br />Search..."<br />;<br /> }' onfocus='if (this.value == "<br />Search..."<br />) {this.value = "<br />"<br />}' type='text' value='Cari sesuatu?'/> <br /> <input class='btn' name='' src='http://lh4.ggpht.com/_pt7i0nbIOCY/ScdxoASk9rI/AAAAAAAABoM/3qt9F1KUH_s/views-24_thumb%5B1%5D.png?imgmax=800' type='image' value='Go'/> <br /> </form><br /> </div></div>

9. Klik "simpan template" selesai.

atau klik di sini


2. Gawe Baca Selengkapnya...
Bila kita menulis sesuatu yang akan ditampilkan dalam blog
namun tulisan tersebut terlalu panjang dan membuat tampilan depan blog kita
jadi gak teratur maka sebagai solusi sekedar saran
kita potong dan bikin "baca selengkapnya" saja yo...
Jadi ntar klo diklik "baca selengkapnya" bukanya satu halaman penuh isinya satu judul itu ja.
Ni langkah-langkahnya untuk blog versi template baru...

Cara Pertama:

1. Klik "tata letak"(seperti cara diatas)
2. Klik Edit HTML
3. Centhang kotak kecil dsamping tulisan "expand widget tempate"
4. Letakkan kode berikut persis di atasnya "</head>"

<style><br /> <b:if cond='data:blog.pageType == "item"'><br /> span.fullpost {display:inline;}<br /> <b:else/><br /> span.fullpost {display:none;}<br /> </b:if><br /> </style>

5. Kemudian salin dan letakkan kode berikut

<b:if cond="'data:blog.pageType"><br /> <a href="'data:post.url'"> Baca Selengkapnya..</a><br /> </b:if>

di bawah kode

"<p><data:post.body/></p>" atau "<data:post.body/>"

6. Klik "Simpan template". Selesai.

7. Langkah selanjutnya Klik Pengaturan, terus klik Format.
Di paling bawah ada kotak kosong di samping menu TEMPLATE entri.
Isi kotak kosong tsb dg kode berikut:

<span class="fullpost"> </span>

Jangan lupa klik SIMPAN PENGATURAN.
8. Kemudian langkah selanjutnya ketika memposting atau memasukkan tulisan
yaitu masuk edit HTML. Maka akan nampak kode

9. Taruh tu posting yg mo ditampilin di halaman depan di atas kode,
sementara sisanya, taruh di antara kode

ama

10. Klik "Simpan sekarang" trus klik "terbitkan entri"





3. Tulisan kok mlaku-mlaku dewe po kethap-kethip
Klo nama bekennya efek marque.
Mo tahu caranya...
Taruh ni kode di "tempat edit html" mana ja kamu suka, ni kodenya:

1. Untuk tulisan berjalan bolak-balik dari kanan ke kiri dan sebaliknya

<marquee behavior="alternate">Tulis sesuatu yang ingin anda tampilkan disini</marquee>
2. Untuk tulisan kedap-kedip kayak bintang di langit pake kode ni:

<blink>Tulis teks yang anda inginkan di sini</blink>

3. Tulisan jalan dari kiri ke kanan

<marquee>Tulis sesuatu yang ingin anda tampilkan disini</marquee>

4. Tulisan jalan dari bawah ke atas

<marquee direction="up">Tulis teks yang anda inginkan di sini</marquee>

5. Tulisan jalan bolak balik dari atas ke bawah dan sebaliknya

<marquee direction="down" behavior="alternate">Tulis teks yang anda inginkan di sini</marquee>


Pengen tau lebih banyak... cari ja tutorial-tutorialnnya
ku ja memplagiat dr sana, ;)

Semoga gak bikin bingung...
Selamat mencoba dan semoga berhasil.

Kode untuk warna-warna blog (Ijo muda = #00FF00), (iji tua = #336600)
(Biru tua = #0000FF), (Biru muda = #00FFFF), (Putih = #FFFFFF), (Item = #191B1D),
(Orange = #FF3300), (Kuning = #FFFF00), (Merah = #FF0000), (Ungu = #9900FF),
(Pink = #FF33FF)
(Greyscale dr muda ke tua = #CCCCCC, #999999, #666666, #333333, #000000)