Cara Membuat Tabel Kolom Di Blog

Cara Membuat Tabel Kolom dengan contoh yang sangat sederhana,bisa langsung lihat contoh di bawah ini:
dengan menggunakan script kode: HTML

Nama tabel

satu kolom

Scriptnya di bawah ini:

<table width="380" border="1">

<tr>

<td scope="col"><div align="center">Nama tabel</div></td>

</tr>

<tr>

<td><div align="center">satu kolom</div></td>

</tr>

</table>

Kolom 1

Kolom 2

Script di bawah ini:

<table width="380" border="1">
<tr>
<td scope="col"><div align="center">Kolom 1</div></td>
<td scope="col"><div align="center">Kolom 2</div></td>
</tr>
</table>

AB	CD
EF	GH

Script di bawah ini:

<table width="380" border="1">

<tr>

<td scope="col"><div align="center">AB</div></td>

<td scope="col"><div align="center">CD</div></td>

</tr>

<tr>

<td scope="col"><div align="center">EF</div></td>

<td scope="col"><div align="center">GH</div></td>

</tr>

</table>

ABCD
A 1	A 2	A 3
A 4	A 5	A 6
A 7	A B	C D

Script di bawah ini:

<table width="380" border="1">
<tr> <th colspan="3" scope="col"><div align="center">ABCD
</div></th> </tr>
<tr> <td><div align="center"><strong>A 1</strong></div></td>
<td><div align="center"><strong>A 2</strong></div></td>
<td><div align="center"><strong>A 3</strong></div></td>
</tr>
<tr> <td><div align="center">A 4</div></td>
<td><div align="center">A 5</div></td>
<td><div align="center">A 6</div></td>
</tr>
<tr> <td><div align="center">A 7</div></td>
<td><div align="center">A B</div></td>
<td><div align="center">C D</div></td>
</tr>
</tbody>
 </table>

Semoga bermanfaat...

Cara membuat spoiler serbaguna

Cara Membuat Spoiler Serbaguna,..bisa langsung lihat contoh di bawah ini..Semakin banyak belajar, semakin banyak yang kita tahu, Semakin banyak yang kita tahu, semakin banyak yang kita lupa, Semakin banyak yang kita lupa, semakin sedikit yang kita tahu. Jadi kenapa kita sibuk belajar ..... he.. he... he...

Di bawah ini adalah contoh spoiler serbaguna :
bisa di isi dengan teks ataupun gambar..

Judul Spoiler 1

JANGAN LUPA BERIKAN KOMENTAR !!!

Judul Spoiler 2

Di sini posting yang akan disembunyikan (bisa gambar, teks atau yang lain)

Judul Spoiler 3

TERIMAKASIH...

OK , dibawah ini kode HTML yang sobat bisa langsung Copy Paste di tambahkan Gadged

<div style="width:350px;"><div class="bgsPM-boksSpoiler" align="center"><div style="margin:5px 10px;">

<span class="bgsPM-Spoiler">Contoh Judul Spoiler 2</span><br />

<input style="padding:2px 10px;margin-top:15px;font-weight:bold;font-size:16px;color:#990000; background:#00CCFF;" value="Show 2" onclick="if(this.parentNode.parentNode.getElementsByTagName('div')[1].

getElementsByTagName('div')[0].style.display != ''){ this.parentNode.parentNode.getElementsByTagName('div')[1].

getElementsByTagName('div')[0].style.display = ''; 

this.innerText = ''; this.value = 'Hide';} 

else { this.parentNode.parentNode.getElementsByTagName('div')[1].

getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; 

this.value = 'Show ';}" type="button"/></div>

<div style="float:left;margin:5px 0;"><div style="display:none;">

Di sini posting yang akan disembunyikan (bisa gambar, teks atau yang lain)

</div>

Semoga bermanfaat...

post by:  putra makkah

Cara Pasang Energy Saving Mode

 cara memasang “Energy Saving Mode” pada blogger. Kalo sobat masih asing dengan hal ini, bisa sobat coba pada blog saya ini. Jika blog ini sedang idle (tidak melakukan aktivitas apapun), maka kemudian akan muncul halaman baru (semacam screensaver) yang berwarna gelap dan bertuliskan “Energy saving mode”. Untuk lebih jelasnya penampakannya di samping ini:

Kalau sobat tertarik untuk mencobanya? Langsung saja langkah-langkahnya sebagai berikut:




1. Login ke akun blogger sobat.

2. Klik “Design”





3. Kemudian klik “Edit HTML”





4. Jangan lupa centang “Expand Widget Template”





5. Cari kode </head> (untuk pencarian lebih cepat ctrl+f) 

6. Letakkan script berikut diatas kode </head>

<!-- save your energy -->
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script>
<!-- save your energy end -->

7. Simpan template sobat.

8. Lihat perbedaannya sekarang.


Semoga bermanfaat...