• Interaksi antara pengunjung dengan pemilik web
  Dalam web statis tidak dimungkinkan terjadinya interaksi antara pengunjung dengan pemilik web. Sementara dalam web dinamis terdapat interaksi antara pengunjung dengan pemilik web seperti memberikan komentar, transaksi online, forum dll
• Adanya script language yang digunakan
  Web statis hanya menggunakan HTML saja, sedangkan web dinamis menggunakan bahasa pemrograman web seperti PHP atau ASP.
• Penggunaan database
  Web statis tidak menggunakan database karena tidak ada data yang perlu disimpan dan diproses. Sedangkan web dinamis menggunakan database seperti mysql, oracle, dll untuk menyimpan dan memproses data.
• Content
  Content dalam web statis hanya diberikan oleh pemilik web dan jarang diupdate, sementara content dalam web dinamis bisa berasal dari pengunjung dan lebih sering diupdate. Content dalam web dinamis bisa diambil dari database sehigga isinya pun bisa berbeda-beda walaupun kita membuka web yang sama.
• Contoh
  Contoh web statis adalah web yang berisi profil perusahaan. Di sana hanya ada beberapa halaman saja dan contentnya hampir tidak pernah berubah karena content langsung diletakkan dalam file HTML saja.
  Contoh web dinamis adalah blog, portal berita, social networking. Lihat saja isi web tersebut, isinya selalu diupdate oleh pemiliknya. Bahkan untuk social networking selalu update tiap detik.

Itulah sekiranya perbedaan dari web Statis dan Web Dinamis. Adapun Langkah-langkah dalam membuat Web Dinamis ,Insya Allah akan saya uraikan pada post yang berikutnya. ^_^ Trimakasih

Widget mungkin memang perlu untuk sebuah bloG.,bahkan menurut aku sendiri blog tanpa widget bagaikan makan tanpa sayur n lauk., kayag apa t00., hhhe :D Tapi kalo pas pengujung ingin membaca kelajutan artikel pada (Post Page)  misal., kan widget hanya akan menambah berat load blog saja.,bukan begitu shobat.
Dengan menambahkan beberapa kode pada template, kita bisa membuat sebuah widget hanya tampil pada halaman depan blog (Home page) saja,dan tidak tampil pada halaman membaca artikel (Post Page). Bagaimana caranya?  Silahkan langsung aja: :)

1. Login ke Account/Dashboard blog kalian,kemudian pilih tab Design/Rancangan.

2. Masuk ke menu Edit HTML.

3. Cari kode ]]></b:skin>

4. Ganti kode tersebut dengan kode di bawah ini :
]]></b:skin>
<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#HTML1 {display:none}
#HTML3 {display:none}
</b:if>
</style>

5. Perhatikan teks berwarna hijau diatas.. itu adalah kode id elemen yang akan kita buat tampil di halaman home saja. Ganti kode tersebut dengan id widget kalian. Bagaimana cara mengetahui kode id tersebut pada template kalian?

Kalian bisa mencari berdasarkan judul widgetnya. Teks warna merah dibawah adalah judul widget,sedangkan yang berwarna hijau adalah id widgetnya.
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Subscribe' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Free Template' type='HTML'/>
<b:widget id='HTML3' locked='false' title='New Tutorial' type='HTML'/>
</b:section>
</div>
NB: Pada contoh diatas,berarti widget yang hanya akan tampil dihalaman depan blog adalah widget Subscribe dan New Tutorial. Sedangkan pada halaman membaca artikel,kedua widget tersebut ngga akan terlihat.

6. Save template,dan lihat hasilnya.Nah gimana sobat sudah jelas kan??? Selamad Berkreasi Full Creative.,,

Terkadang pengaturan warna teks pada blog kita tidak sesuai dengan keinginan pengunjung, akibatnya pengunjung kurang terkesan
dengan blog kita dan tidak mau singgah lama-lama dalam blog kita. Widget ini adalah solusinya, Dengan widget ini yang dapat mengubah warna font bukan hanya admin, pengunjung pun bisa merubah warna sesuka mereka, demi kenyamanan dalam membaca artikel.
Dah deh basa-basinya ,bagi yang tertarik langsung aja. Tapi ada baiknya liat demonya dulu disini dari pada nanti kecewa setelah memasang.
He.h :D  Slalahkan review jika sobat tertarik.


Gimana apa kah teman-teman tertarik ingin mencobanya, bila tertarik langsung di coba aja berikut
langkah-langkah membuatnya :

Masuk ke Edit HTML kemudian copas script di bawah ini di atas  </head>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>


Setelah itu simpan template lanjutakan ke Elemen Laman.
Tambahkan gadget HTML/JavaScript, copas script dibawah ini kedalamnya.



<!-- Code Begins -->
<!-- http://kha-tech.blogspot.com -->
<style type="text/css">
#tuw-font-change-widget ul {width: auto; overflow: hidden;margin: 0 0 20px !important;padding: 0 !important;list-style; none !important;}
#tuw-font-change-widget ul li {width: 20px !important;height: 20px !important;overflow: hidden;margin: 0 10px 0 0 !important;padding: 2px !important;display: block !important;float: left !important;border: 1px solid #CCCCCC !important;}
#tuw-font-change-widget ul li a {width: 20px !important;height: 20px !important;display: block !important;line-height: 18px !important;text-align: center !important;color: #FFFFFF !important;font-size: 11px !important;font-family: Tahoma !important;text-decoration: none !important; outline: 0 !important;}


#fcw-black { background: #000000 !important; }
#fcw-white { background: #088A08 !important; }
#fcw-blue { background: #0066CC !important; }
#fcw-gray { background: #666666 !important; }
#fcw-red { background: #ed1c24 !important; }
#fcw-yellow { background: #ffff00 !important; }
#fcw-color a { text-indent: -999px !important; }
#fcw-size a { text-indent: 0 !important; background: #333333 !important; }
</style>


<script type="text/javascript">
$(document).ready(function(){
$(" #fcw-color #fcw-black ").click(function() {
$(" .post-body ").css({ color: "#000000" });
return false;
});
$(" #fcw-color #fcw-white ").click(function() {
$(" .post-body ").css({ color: "#088A08" });
return false;
});
$(" #fcw-color #fcw-blue ").click(function() {
$(" .post-body ").css({ color: "#0066CC" });
return false;
});
$(" #fcw-color #fcw-gray ").click(function() {
$(" .post-body ").css({ color: "#666666" });
return false;
});
$(" #fcw-color #fcw-red ").click(function() {
$(" .post-body ").css({ color: "#ed1c24" });
return false;
});
$(" #fcw-color #fcw-yellow ").click(function() {
$(" .post-body ").css({ color: "#ffff00" });
return false;
});
});
</script>


<div id="tuw-font-change-widget">
<div class="tuw-fcw">
<h2> Ganti warna tulisan </h2>
<ul id="fcw-color">
<li> <a id="fcw-black" href="#">black</a> </li>
<li> <a id="fcw-white" href="#">green</a> </li>
<li> <a id="fcw-blue" href="#">blue</a> </li>
<li> <a id="fcw-gray" href="#">gray</a> </li>
<li> <a id="fcw-red" href="#">red</a> </li>
<li> <a id="fcw-yellow" href="#">yellow</a> </li>
</ul>
</div>
</div>
<!-- Code ends -->


Nah sampai disini selesai langkah-langkahnya. mari berkreasi. salam blogger.