Postingan

Menampilkan postingan dari April, 2015

HTML CSS Manual Daftar Isi

Gambar
Ada yang butuh HTML dan CSS untuk bikin daftar isi? Berikut ini salah satu contohnya.

HTML
<div style="font-size: 150%; letter-spacing: .1em; margin-bottom: 10px; margin-right: -.1em; text-align: center;"> DAFTAR ISI</div> <ul class="list" style="padding-left: 180px;"> <li style="margin: 0 0 .6em 0;">PENDAHULUAN<span class="number">ix</span></li> <li style="margin: 0 0 .5em 0;"><span style="padding-left: .6em;">1. Latar Belakang</span><span class="number">ix</span></li> <li style="margin: 0 0 .5em 0;"><span style="padding-left: .6em;">2. Tujuan</span><span class="number">xii</span></li> <li style="margin: 0 0 .5em 0;"><span style="padding-left: .6em;">3. Metode</span><span class="number">xx</span></li>…

Cara Membuat Huruf Pertama Besar (Dropcaps) di Blogger

Gambar
Pada artikel kali ini kita akan belajar membuat huruf pertama kapital/besar secara otomatis. Huruf kapital/besar pertama di awal kata disebut juga dropcap. Masuk ke dashboard blogger sobat. Pergilah ke Template >> Edit HTML >> klik di dalam area kode >> tekan tombol Ctrl+F dan temukan tag ]]></b:skin>

Sekarang copy kode (CSS) di bawah ini dan kemudian letakkan di atas/sebelum tag ]]></b:skin>

.capital:first-letter { color: #000000; float: left; margin:0px 5px 0 0; font-size: 38px; font-family: Times, serif, Georgia; display: block; padding:0 0 0 10px; }
Berikutnya temukan tag ini.

<data:post.body/>
Tambahkan tag berwarna merah sebelum dan sesudahnya sehingga jadinya seperti di bawah ini.

<div class='capital'><data:post.body/></div>
Klik tombol Save Template dan muat ulang blogsobat. Jika kode di atas tidak bekerja maka cobalah kedua baris kode di bawah ini untuk menggantikan baris kode d…