Cara Membuat tabel di postingan

Kadang kita ingin memberikan tabel data pada postingan namun bingung bagaimana cara membuatnya. Baiklah mari kita lihat contoh gambar ini:

NAMA	ALAMAT	UMUR
ARI	JL.Singosari	20th
BUDI	Jl.Tlogosari	18th
SINTA	Jl.Kenangan	23th
WIDI	Jl.Wilis	25th

Untuk kode tabel diatas:

<table>
<tbody><tr><td><b>NAMA</b></td><td><b>ALAMAT</b></td><td><b>UMUR</b></td></tr>
<tr><td>ARI</td><td>JL.Singosari</td><td>20th</td></tr>
<tr><td>BUDI</td><td>Jl.Tlogosari</td><td>18th</td></tr>
<tr><td>SINTA</td><td>Jl.Kenangan</td><td>23th</td></tr>
<tr><td>WIDI</td><td>Jl.Wilis</td><td>25th</td></tr>
</tbody></table>

Readmore »»

Cara Membuat tabel di postingan

Mengganti Tanggalan Postingan dengan Ikon Kalender

Mungkin kalender dalam postingan Anda tampak membosankan, dan Anda ingin menggantinya dengan ikon kalender yang lebih menarik. Jadi untuk pertama-tama siapkan dahulu ikon kalender yang akan di gunakan.
Sesudah itu masuk ke pengaturan lalu pilih format,

dibagian Format Header Tanggal ganti dengan susunan (Bulan.Tanggal.Tahun) contoh 6.04.2009
Setelah itu simpan setelan.

Kemudian ikuti langkah-langkah selanjutnya.
1. Pilih Layout
2. Klik Edit HTML
3. Centang terlebih dahulu Expand Widget Templates
4. Cari kode berikut

<TITLE><data:blog.pageTitle/></TITLE>

5. Setelah itu, ketikan kode berikut persis dibawah kode diatas.

<SCRIPT type='text/javascript'>
//<![CDATA[
function date_replace(date) {
var da = date.split('.');
var day = da[1]. mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar',Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','dec'];
document.write("<div class='month'>"+month[mon]+"</div> <div
class='day'>"+day+"</div>");
}
//]]>
</SCRIPT>

6. Jika sudah, cari kode seperti ini:

h2.date-header {
color:$dateHeaderColor;
}

atau yang seperti ini:

h2.date-header {
margin-top:0;
margin-$endSide:28px;
margin-bottom:0;
margin-$startSide:43px;
font-size:85%;
line-height:2em;
text-transform:uppercase;
letter-spacing:.2em;
color:$dateHeaderColor;
}

7. Dan persis dibawah kode color:$dateHeaderColor; } , ketikan kode berikut ini:

.dateblock {
background: url("http://kendhin.890m.com/kalender/bluecalend.gif")
no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}

.month {
font-size: 11px;
width: 37px;
margin: 0 5px
text-transform: uppercase;
color: #fff;
}

.day {
color:#f31eb6;
font-size: 19px;
width: 37px;
margin: 0 5px;
}

8. Dan sesudah itu cari kode berikut ini

<data:post.dateHeader/>

9. Kalau sudah ketemu, ganti aja kode diatas dengan kode seperti ini.

<DIV class='dateblock'>
<SCRIPT>date_replace(�<data:post.dateHeader/>�);</SCRIPT></DIV>

10. Setelah itu, Save Template

Selamat Mencoba..

Readmore »»

Mengganti Tanggalan Postingan dengan Ikon Kalender

Membuat gambar di sudut pojok Blog

Mungkin Anda pernah bertanya-tanya bagaimana cara membuat gambar yang melayang-layang di pojok halaman Blog. Yang mana gambar tersebut di klik dapat menghubungkan pada suatu link baru. Sebentar saya akan bahas langkah-langkah membuat gambar di sudut pojok page Blog. Namun, ada yang perlu diketahui bahwa seringkali gambar melayang-layang itu tidak membuat Blog Anda lebih menarik, tetapi malah mengganggu pengunjung untuk melihat konten artikel atau menu-menu di sidebar. Hal ini biasanya dikarenakan gambar yang terlalu besar. Jadi sebisa mungkin kita jangan memberikan gambar yang terlampau besar.
Baiklah, ini langkah-langkahnya:

1. Pilih Layout
2. klik Edit HTML
3. Cari kode seperti ini

]]></b:skin>

4. Sesudah itu tepat diatas kode ]]></b:skin> , masukkan kode berikut ini:

#trik_pojok {
position:fixed;_position:absolute;top:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expresion(dosument.dosumentElement scrollleft+
document.documentElement.clientWidth - offseteidth)}; }

(kode diatas untuk perintah gambar pada kiri atas, dan kalau Anda ingin merubahnya dapat diganti. Misal Anda ingin kanan bawah, maka tulisan biru top diganti dengan bottom; serta left diganti dengan right.)

5. Kemudian cari

</body>

6. Masukan kode berikut persis diatas kode </body>

<div id='trik_pojok'>
<a href='http://ALAMT LINK/'>
<img border='0' src='http://URL-IMAGE-ANDA'/></a>
</div>

(Alamat link dapat Anda isi dengan link yang hendak Anda rekomendasikan atau kalau tidak beri saja alamat Blog Anda. Dan untuk URL-IMAGE-ANDA, masukan URL gambar yang hendak Anda pasang)

7.Sesudah itu Save Template

Selamat mencoba

Readmore »»

Membuat gambar di sudut pojok Blog