Showing posts with label Javascript. Show all posts
Showing posts with label Javascript. Show all posts

Jan 15, 2011

Jadikan Browser Dual Screen


Hai semua. Apa khabar?? Semoga sihat sejahtera hendaknya. Anda bertuah kerana melihat blog ini dikemaskini kerana sebelum ini komputer penulis menghadapi masalah malah penulis hilang mood untuk menulis. Baiklah, hari ini penulis cuma ingin berkongsi tips ringkas untuk anda.

Dec 21, 2010

Memasang Sweet Title Tooltips


Topik ini sudah terperuk di dalam draft penulis sejak setahun lalu. Penulis fikir sudah menerbitkannya tetapi rupa²nya ia masih menunggu giliran. Buat anda yang ingin membuat sweet title tooltips, bolehlah rujuk pada cara² di bawah.

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

Hoskan Javaskrip Di Yourjavascript


Seandainya anda masih mencari² tempat yang paling sesuai untuk menghoskan fail² javaskrip, anda boleh mencuba laman sesawang ini. Anda tidak perlu mendaftar untuk menggunakan perkhidmatannya. Namun, ia tidak menempatkan kesemua fail anda secara berturutan tetapi anda masih diberi pautan.

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.

Via : Thetricks

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.

Via : Mohd Rias

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.

Via :Muncet

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. marisini


Anda boleh menjimatkan saiznya sehingga 80%. Jika anda banyak menggunakan skrip berbentuk ini, penulis amat menyarankan agar anda menggunakan Bananascript untuk mengecilkannya. gile

Dec 7, 2007

Paparan Kemaskini Terakhir

Kali terakhir dikemaskini pada 12/12/2007


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. topi


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. kenyit

Nov 5, 2007

Teks Subscript

Ini ialah teks subscripted!

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?? gigil

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. siul

Nov 4, 2007

Teks Superscript

Ini ialah 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. senyumkenyit

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. tepuktangan

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. menari

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. rindu

Oct 16, 2007

Tulisan Berkelip

Ini ialah blog peribadi Eriyza. Semua bahan yang terpapar disini hanyalah untuk tujuan peribadi dan bukan untuk dikomersilkan. Penulis tidak bertanggungjawab terhadap apa² kerosakan yang anda alami setelah mengambil bahan dari blog ini.

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. around


Inilah kodnya.


Mudah sajakan?? Sekarang anda boleh pula mencubanya di blog anda. senyumkenyit

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. kenyit



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.

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5); void(0);

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. senyumkenyit

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. celebrate


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. topi

Aug 19, 2007

Membuang Garisan Pada Link

Eriyza's Blog
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. senyumkenyit


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. sengihnampakgigi