Jan 15, 2011
Dec 21, 2010
Dec 18, 2009
Memasang Google Translate
Anda mempunyai blog yang berinfomasi?? Seharusnya blog anda dikunjungi oleh pelbagai bangsa dari berlainan negara agar ilmu yang bermanfaat dapat dikongsi bersama. Sayang sekali jika ianya terbiar begitu sahaja dek kerana bahasa yang menjadi penghalang. Nah, inilah masanya untuk anda memasang terjemahan dari Google agar isi kandungan blog anda dapat diterjemahkan ke bahasa asing.
Dec 13, 2009
Aug 26, 2009
Memasang Jumlah Pos Dan Komen
Selamat berpuasa kepada semua pembaca blog ini yang beragama Islam. Hari ini penulis mahu berkongsi cara untuk memasang jumlah pos dan jumlah komen. Ianya adalah widget yang mudah dan sangat sesuai untuk dicuba oleh bloggers baru.
Cara²nya adalah seperti berikut :-
1. Login ke Blogspot.
2. Pilih Layout - Page Elements.
3. Pilih Add a Gadjet - HTML / Javascript.
4. Kemudian, salin kod di bawah ini ke dalamnya.
<script style="text/javascript">
function numberOfPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function numberOfComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<script src="http://www.eriyza.via.my/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script><script src="http://www.eriyza.via.my/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>5. Save.
Tukarkan alamat blog penulis yang berwarna merah dengan alamat blog anda sendiri. Selamat mencuba.
Jun 17, 2009
Memasang Tab View
Apa khabar semua pelawat blog ini?? Penulis mengharapkan agar anda semua ceria sentiasa. Kali ini penulis ingin mengajar anda cara² untuk membuat tab view. Antara lain fungsinya boleh menjimatkan ruang sidebar di blog anda. Dalam tab view tersebut, anda boleh mengisi sekurang²nya tiga widget sekaligus. Ayuh, kita masuk kelas.
1. Login ke Blogspot.
2. Pilih Layout - Edit HTML.
3. Download Full Template sebelum mengedit blog.
4. Cari ]]></b:skin>, letakkan kod ini di atasnya.
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 100px; /* Width top main menu - Tab Buttons*/
text-align: center;
height: 24px; /* Height top main menu - Tab Buttons*/
padding-top: 3px;
vertical-align: middle;
border: 2px solid #122B45; /* Top Main menu border color */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Top main menu font */
font-weight: 900;
color: #122b45; /* Top main menu font color */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #fff; /* Top main menu background color */
}
div.TabView div.Pages
{
clear: both;
border: 2px solid #6E6E6E; /* Content Border color */
overflow: hidden;
background-color: #fff; /* Content background color */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
5. Kemudian cari </head>, letakkan kod ini di atasnya.
<script src='http://ladyqistina.googlepages.com/tabviewblog.js' type='text/javascript'/>6. Save template.
7. Sekarang, pergi ke Page Element - Add a Gadjet - HTML / Javascript. Letakkan kod ini ke dalamnya.
<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 330px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 330px; height: 500px;">
<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>8. Save.
Cara untuk mengisi maklumat di dalam tab view adalah seperti berikut :-
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 330px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 330px; height: 500px;">
Tab 1 gantikan dengan widget seperti Shoutbox
Tab 2 gantikan dengan widget seperti Feedjit
Tab 3 gantikan dengan widget seperti Referrer
<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>
Tab 1.1, Tab 1.2 dan Tab 1.3 gantikan dengan teks atau kod tertentu.
Misalnya
<a href="http://eriyza.via.my/" target="_blank"><img border="0" alt=".: Eriyza Qistina :." src="http://lh5.ggpht.com/ladyqistina/SI3Wzg2ddCI/AAAAAAAABIY/xEwxEMTs2o8/butang2.gif"/></a>
<textarea rows="5" cols="20" name="S1"><a href="http://eriyza.via.my/" target="_blank"><img border="0" alt=".: Eriyza Qistina :." src="http://lh5.ggpht.com/ladyqistina/SI3Wzg2ddCI/AAAAAAAABIY/xEwxEMTs2o8/butang2.gif"/></a></textarea>
Tulisan berwarna hijau pula anda tukarkan mengikut kesesuaian blog anda.Selamat mencuba. Semoga sukses. Sebarang soalan tanyakan di bahagian komen ya.
May 10, 2009
Skrip Lawatan Terakhir Dan Kekerapan Melawat
Ada bloggers bertanyakan di kotak jeritan tentang skrip kali terakhir dan bilangan lawatan pelawat yang berkunjung ke blog. Skrip ini memaparkan tarikh terakhir dan kekerapan pelawat tersebut ke blog itu. Namun, perkiraannya cuma dihitung di dalam masa 24 jam sahaja.
Sebenarnya skrip ini berlainan tetapi penulis telah cantumkan kedua²nya sekaligus. Cara untuk membuatnya cukup mudah.
1. Login ke Blogspot.
2. Pilih Layout - Page Elements.
3. Pilih Add a Gadget - HTML / Javascript.
4. Salin kod di bawah ke dalamnya.
<script type="text/javascript">
/***********************************************
* Display time of last visit script- by JavaScriptKit.com
* This notice MUST stay intact for use
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and more
***********************************************/
var days = 730; // days until cookie expires = 2 years.
var lastvisit=new Object();
var firstvisitmsg="This is your first visit to this page. Welcome!";
lastvisit.subsequentvisitmsg="Welcome back visitor! Your last visit was on <b>[displaydate]</b>";
lastvisit.getCookie=function(Name){
var re=new RegExp(Name+"=[^;]+", "i");
if (document.cookie.match(re))
return document.cookie.match(re)[0].split("=")[1];
return'';
}
lastvisit.setCookie=function(name, value, days){
var expireDate = new Date();
var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days));
document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
}
lastvisit.showmessage = function() {
var wh = new Date();
if (lastvisit.getCookie("visitc") == "") {
lastvisit.setCookie("visitc", wh, days);
document.write(firstvisitmsg);
}
else {
var lv = lastvisit.getCookie("visitc");
var lvp = Date.parse(lv);
var now = new Date();
now.setTime(lvp);
var day = new Array("Sun", "Mon", "Tues", "Wed", "Thur", "Fri", "Sat");
var month = new Array ("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
var dd = now.getDate();
var dy = now.getDay();
dy = day[dy];
var mn = now.getMonth();
mn = month[mn];
yy = now.getFullYear();
var hh = now.getHours();
var ampm = "AM";
if (hh >= 12) {ampm = "PM"}
if (hh >12){hh = hh - 12};
if (hh == 0) {hh = 12}
if (hh < 10) {hh = "0" + hh};
var mins = now.getMinutes();
if (mins < 10) {mins = "0"+ mins}
var secs = now.getSeconds();
if (secs < 10) {secs = "0" + secs}
var dispDate = dy + ", " + mn + " " + dd + ", " + yy + " " + hh + ":" + mins + ":" + secs + " " + ampm
document.write(lastvisit.subsequentvisitmsg.replace("\[displaydate\]", dispDate))
}
lastvisit.setCookie("visitc", wh, days);
}
lastvisit.showmessage();
</script><br/>
<script>
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) {
var exp = new Date();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var expDays = 30;
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function amt(){
var count = GetCookie('count')
if(count == null) {
SetCookie('count','1')
return 1
}
else {
var newcount = parseInt(count) + 1;
DeleteCookie('count')
SetCookie('count',newcount,exp)
return count
}
}
function getCookieVal(offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
</script>
<script>
document.write("You've been here <b>" + amt() + "</b> times.")
</script>5. Save.
Itu saja. Selamat mencuba.
Apr 6, 2009
Memasang Pautan Warna Pelangi

Beberapa hari tidak menulis apa² di sini, penulis dihujani dengan desakan supaya mengemaskinikan blog ini. Justeru, penulis cuma ingin berkongsi tutorial ringkas saja pada kali ini. Bloggers lama mungkin pernah mencuba pautan yang berwarna pelangi, jadi topik ini untuk bloggers baru.
Apabila anda memasang skrip ini, setiap pautan atau link di blog anda akan berkelip seperti warna pelangi. Ini akan menceriakan lagi blog anda.
1. Login ke Blogspot.
2. Pilih Layout - Edit HTML.
3. Download Full Template sebelum mengedit blog.
4. Cari </head>, letakkan kod ini di atasnya.
<script src='http://ladyqistina.googlepages.com/rainbow2.js'/>
5. Save template.
Siap. Kini, setiap pautan di blog anda akan berkelip lip lap lip lap seperti pelangi.
Mar 25, 2009
Memasang Mesej Selamat Datang
Sebentar tadi, budak Mardhiah telah meminta penulis membuat tutorial tentang mesej selamat datang yang digunakan oleh sesetengah bloggers. Oleh kerana penulis mempunyai masa lapang, maka permintaannya penulis penuhi dengan kadar segera. Secara peribadi, penulis kurang menggemari aksesori seperti ini kerana ia melambatkan proses melayari sesebuah blog.
Ayuh, penulis ajarkan anda cara untuk membuat mesej selamat datang.
1. Login ke Blogspot.
2. Pilih Layout - Edit HTML.
3. Download Full Template sebelum mengedit blog.
4. Cari </head>, letakkan kod ini di atasnya.
<SCRIPT language='JavaScript'>alert("Selamat Datang Ke Blog Eriyza");</SCRIPT>5. Save template.
Siap. Sekiranya anda ingin meletakkan lebih dari satu mesej, anda cuma perlu menambahkan tanda <br/> selepas mesej pertama dan letakkan kod tersebut sekali lagi dengan mesej yang berlainan. Penulis tunjukkan contohnya di bawah.
<SCRIPT language='JavaScript'>alert("Anda berada di zon Tanggapan Tentang Topik Tertentu");</SCRIPT><br/><SCRIPT language='JavaScript'>alert("Dibawakan khas untuk anda oleh Eriyza - http://eriyza.via.my");</SCRIPT>Sila tukarkan tulisan berwarna merah dengan mesej anda sendiri. Selamat mencuba. Semoga berjaya.
Menu Buka Tutup Di Label Dan Arkib
Tutorial ini untuk Cik Amoi. Penulis menamakannya menu buka tutup di label / arkib atau lebih dikenali sebagai peek a boo view on label / archive. Setiap kali anda memilih label atau arkib blog, ia hanya memaparkan tajuk topik tetapi keseluruhan isi topik masih boleh dibaca dengan menggunakan arahan [+/-]. Menarik bukan??
1. Login ke Blogspot.
2. Pilih Layout - Edit HTML (Tanda kotak Expand Widget).
3. Download Full Template sebelum mengedit blog.
4. Cari </head>, letakkan kod ini di atasnya.
<script src='http://ladyqistina.googlepages.com/hackosphere.js' type='text/javascript'/>5. Seterusnya cari <b:includable id='main' var='top'>, tambahkan kod yang berwarna merah.
<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr>
<td width='40px'>
<a href='javascript:void(0)' title='Expand/collapse this post' style='text-decoration:none' expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"'>[+/-]</a>
</td>
<td>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
</td>
</tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div id='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:include data='post' name='PeekABooPost'/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>
5. Save template.
Selamat mencuba. Semoga sukses.
Aug 8, 2008
Rahsia Mengedit Blog Orang Lain
Tentu anda amat maklum blog siapakah yang penulis paparkan kali ini. Mungkin juga anda hairan apa pula kaitan topik penulis kali ini dengan blog tersebut. Jangan kalut wahai pembaca yang budiman, penulis cuma ingin menjadikan blog tersebut sebagai contoh untuk satu tips yang akan penulis ajarkan. Ianya adalah berkenaan dengan cara untuk mengedit blog / laman web orang lain tanpa perlu keizinan dari pemiliknya.
Anda boleh mengedit apa saja isi kandungan blog / laman web pilihan anda. Malah, anda boleh membuang gambar yang ada serta menukar kedudukan menu tertentu mengikut citarasa anda. Caranya mudah saja. Anda perlu masuk ke blog / laman web tersebut dan letakkan kod di bawah ini di address bar.
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
Selepas anda menekan butang Enter, anda boleh membuat apa yang anda mahu seolah² blog / laman web tersebut kepunyaan anda. Bila anda sudah berpuas hati, anda boleh menyimpannya (save) sebagai kenangan. Cubalah.
Jan 19, 2008
Kecilkan Javascript

Kepantasan sesebuah blog / laman web untuk disiapkan (loading) bergantung kepada skrip² yang ada di dalamnya. Jika skrip itu besar saiznya, maka lambatlah ia. Antara skrip yang sering digunapakai ialah skrip .js. Untuk pengetahuan anda, penulis mempunyai cara mengecilkan skrip .js.
Anda boleh menjimatkan saiznya sehingga 80%. Jika anda banyak menggunakan skrip berbentuk ini, penulis amat menyarankan agar anda menggunakan Bananascript untuk mengecilkannya.
Dec 7, 2007
Paparan Kemaskini Terakhir
Jika anda pengguna laman web statik dan perlu mengemaskini laman web anda secara tertib, anda mungkin mahu memaparkan tarikh terakhir laman web anda dikemaskini. Ia akan memudahkan anda dan pelawat untuk mengetahui kali terakhir laman web anda ditulis.
Anda boleh menggunakan skrip berikut untuk tujuan tersebut. Masukkan skrip ini selepas <body>
<script LANGUAGE="Javascript">
<!--
document.write("Kali terakhir dokumen ini dikemaskini pada ");
document.write(document.lastModified);
// -->
</script>
Selamat mencuba.
Nov 5, 2007
Teks Subscript
Contoh² penggunaan teks subscript.
1) H20 - Water
2) CO2 - Carbon Dioxide
3) Kucing itu terjatuh ke dalam longkang.
4) Hakimi mengutip buah durian yang gugur.
Sebelum ini penulis sudah berkongsi cara untuk membuat teks superscript. Kini, penulis ingin berkongsi pula cara untuk membuat teks subscript. Anda sudah bersedia untuk masuk kelas??
Kodnya adalah seperti dibawah.
Ini ialah teks <sub>subscripted!</sub>
1) H<sub>2</sub>0 - Water
2) CO<sub>2</sub> - Carbon Dioxide
3) Kucing itu <sub>terjatuh</sub> ke dalam <sub>longkang</sub>.
4) Hakimi mengutip buah durian yang <sub>gugur</sub>.
Sekarang giliran anda pula untuk mencubanya.
Nov 4, 2007
Teks Superscript
Contoh² penggunaan teks superscript.
1) Kanak2 berlari riang dihalaman rumah.
2) Dia kaya tetapi tidak kedekut.
3) 23 = 8
4) 14x
Contoh perkataan yang anda lihat di atas ialah penggunaan teks superscript. Anda boleh menggunakannya untuk membuat perkataan berganda atau pun di dalam ayat matematik. Anda juga boleh mencubanya sekadar untuk menambah ilmu.
Cara membuatnya sangat mudah. Anda cuma perlu mengikuti cara yang penulis sediakan di bawah. Anda cuma perlu meletakkan kod seperti yang penulis tunjukkan.
Ini ialah teks <sup>superscript!</sup>
1) Kanak<sup>2</sup> berlari riang dihalaman rumah.
2) Dia <sup>kaya</sup> tetapi tidak <sup>kedekut</sup>.
3) 2<sup>3</sup> = 8
4) 14<sup>x</sup>
Mudah sajakan?? Cubalah sendiri.
Oct 17, 2007
Gegarkan Tetingkap Browser Internet

Sebelum ini, penulis sudah berkongsi dengan anda cara untuk menggerakkan gambar di browser. Kini, penulis ingin berkongsi pula satu lagi cara untuk menggegarkan browser internet. Caranya sangat mudah. Mari kita belajar bersama.
Anda cuma perlu copy paste kod di bawah ini pada browser Firefox atau Internet Explorer.
javascript:function Shw(n) {if (self.moveBy) {for (i = 35; i > 0; i--) {for (j = n; j > 0; j--) {self.moveBy(1,i) ;self.moveBy(i,0);self.moveBy(0,-i);self.moveBy(-i,0); } } }} Shw(6)
Semua ini hanya untuk tujuan suka² saja. Penulis berharap anda suka akannya.
Oct 16, 2007
Tulisan Berkelip
Anda nampak tak tulisan berkelip² kat atas? Tulisan berkelip itu namanya Blink. Kadangkala bosan juga kalau menulis blog dengan tulisan biasa saja. Jadi, penulis mencuba tulisan ini pula. Tujuannya sekadar untuk suka² saja. Kalau anda mahu mencuba tulisan ini, sila ikuti cara² dibawah.
Inilah kodnya.
Mudah sajakan?? Sekarang anda boleh pula mencubanya di blog anda.
Oct 15, 2007
Gerakkan Gambar Di Google

Apa khabar readers?? Adakah anda sudah kembali meneruskan rutin harian kembali sebagai pekerja?? Semoga ceria selalu. Kali ini penulis mahu berkongsi dengan anda cara untuk membuatkan gambar di enjin carian bergerak. Jom kita belajar.

Sila ikuti cara² dibawah.
1. Mula² buka browser Firefox atau Internet Explorer.
2. Pergi ke laman web google.
3. Selepas itu taip perkataan doraemon dan pilih images.
4. Kemudian, copy paste kod di bawah di dalam address bar dan klik enter.
5. Sekarang anda melihat gambar sedang bergerak.
Nota : Anda boleh menukar perkataan doraemon dengan perkataan yang anda mahu.
Selamat mencuba. Sebarang pertanyaan, ajukan saja di bahagian komen.
Sep 29, 2007
Tukarkan Lebar Dan Tinggi Gambar

Apabila anda hendak meletakkan gambar di dalam laman web, anda disarankan untuk mengecilkan dahulu gambar anda supaya laman web anda mudah untuk dilayari oleh orang lain. Selain dari menggunakan perisian mengedit gambar, anda juga boleh mengedit didalam kod yang sedia ada.
Caranya mudah sahaja, anda cuma perlu ikuti langkah² yang penulis sediakan di bawah.
<img src="http://www.websiteanda.com/gambar.jpg" width="lebar" height="tinggi">
Gantikan lebar dengan saiz kelebaran imej seperti 450.
Gantikan tinggi dengan saiz ketinggian imej, contohnya 500.

Ini adalah contoh gambar yang telah penulis kecilkan.
Mudah saja bukan?? Anda bolehlah mencubanya di blog anda pula.
Aug 19, 2007
Membuang Garisan Pada Link
Eriyza's Blog
Letakkan tetikus anda pada link² di atas untuk melihat perbezaan.
Selalunya apabila anda membuat link pada laman web di blog / website anda, link tersebut didatangkan dengan garisan di bawahnya. Anda mungkin tidak gemar link yang bergaris. Jadi bagaimana hendak membuang garisan tersebut?? Penulis akan memberikan tips ini untuk anda. Mari kita lihat bagaimana caranya.
Anda cuma perlu meletakkan kod seperti dibawah untuk membuang garisan tersebut.
Ini ialah kod link yang bergaris.
<A HREF="http://www.eriyzaqistina.blogspot.com">Eriyza's Blog</A>
Ini pula kod link tanpa garisan.
<A HREF="http://www.eriyzaqistina.blogspot.com" STYLE="TEXT-DECORATION: NONE">Eriyza's Blog</A>
Sila tukar tulisan yang berhuruf tebal dengan tulisan anda sendiri. Tulisan yang berwarna merah menunjukkan kod untuk membuang garisan pada link.



