Menampilkan Dialog Selamat Datang. Itu sangat mudah di ciptakan di dalam blog. Dimana blogspot, ia tidak bisa menggunakan tanda ” (petik) ataupun tanda ‘ ( single petik ) pada jquery script. Maka kita hanya menambahkan //<![CDATA[ dan akhiran //]]> .
Contoh :
<script>
//<![CDATA[
$(document).ready(function() {
...........
});
//]]>
</script>
Ok kita mulai saja.
Langkah 1
Masuk dan Login Ke Blogspot. Lalu Pilih rancangan.
Kemudian Masuki Edit HTML
Masukkan Script html berikut setelah </title>
<link href=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css” rel=”stylesheet” type=”text/css”/> <script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js”></script> <script src=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js”></script>
Lalu Masukkan Script html berikut sebelum </head>
<script>
//<![CDATA[
$(document).ready(function() {
$("#dialog").dialog({modal:true}); });
//]]>
</script>
Lalu masukkan Script html berikut sesudah <body>
<div id=”dialog” title=”Welcome To Name Your Blog” align=”center”>Selamat Datang Di Blog</div>
Langkah 2
Untuk merubah title bisa kamu ganti pada bagian yang berwarna pink dan untuk isi yang berwarna hijau. Langkah terakhir simpan Templates.
Demo Preview
Selamat Mencoba
Komentar
Posting Komentar