cara buat button read more



assalamualaikum...hari ni sy share kat korg psl button read more...
coz skrg byk blog yang panjang sgt aritkel smpai nak muntah nak bce n nak cri artikel...so, ini dapat memudahkan pembaca blog korg tuk cari artikel korg.

1. Login ke blog korang
2. pegi   Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"
3. Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod ini.

</head>

4. Copy kod di bawah dan 'paste'kan sebelum/di atas kod </head> yang anda cari dalam langkah 3 tadi.
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 350;
summary_img = 450;
img_thumb_height = 140;
img_thumb_width = 140;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

5. Sekali lagi, dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod di bawah pulak.
<data:post.body/>

6. Copy kod di bawah dan gantikan pada kod <data:post.body/> tadi.
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='url button read more korg'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Pada url yang diboldkan kuning di atas, masukkan url button pilihan anda. Pilih button anda.


http://img810.imageshack.us/img810/9164/readmorerainbow.png
http://img823.imageshack.us/img823/7318/readmorepinkblack.png
http://img88.imageshack.us/img88/4597/readmorepurpleblue.png
http://img28.imageshack.us/img28/5989/readmorepinkwhite.png
http://img97.imageshack.us/img97/5011/readmoreblue.png
http://img193.imageshack.us/img193/7492/readmoreblack.png
http://img220.imageshack.us/img220/1725/readmoregreen.png
http://img823.imageshack.us/img823/5470/readmorepink.png
http://img412.imageshack.us/img412/7315/27170680.png
http://img100.imageshack.us/img100/4641/55997688.png
http://img850.imageshack.us/img850/7259/93789459.png
http://img861.imageshack.us/img861/4052/43082527.png
http://img40.imageshack.us/img40/3784/43423111.png

copy slh 1 link ni dan paste kat tulisan yang warna kuning.

slamat mencuba :)

cara buat bar link

assalamualaikum...hari ni nak share la kat korang mcm ne nak buat bar link...
kekadang g blog org len nampak smart kan?
hari ni sy ajar korg mcm ne nak buat :)
bar link ni kita buat utk memudahkan para pembaca blog nak cri topik yg dorg nak bce... :)



1. Login ke Blog korang.
2. Klik Layout > Add a Gadget Javascript / HTML
3. Copy kod di bawah dan 'Paste'kan kedalamnya.


<p><h3>

<a href="http://segalait.blogspot.com/" title='home'>Home</a> |
<a href="http://segalait.blogspot.com/search/label/program" title='programming'>Programming</a> |
<a href="http://segalait.blogspot.com/search/label/network" title='networking'>Networking</a> |
<a href="http://segalait.blogspot.com/search/label/media" title='multimedia'>Multimedia</a> |
<a href="http://segalait.blogspot.com/search/label/hardware" title='hardware'>Hardware</a> |
<a href="http://segalait.blogspot.com/search/label/tutorial" title='tutorial'>Blog Tutorial</a> |

<br />

</h3></p>

sebelum korg save,korang kene faham coding ni sket...

yang warna biru tu link blog korang yang utk bezakan jenis artikel korg.
yang warna hijau tu untuk title iaitu label artikel korg.
yang warna merah tu plak untuk nama bar yang akan kuar kat blog korg.

4. lepas tu korg save dan blh lihat la hasilnya...

ini hasil kat blog sy :)



tpi pastikan setiap artikel korg tu buat label ye...
selamat mencuba :)

buat blog tutorial

assalamualaikum.hari ni sy akan tmbh penulisan bru sy tntg blog tutorial disebabkan slh 1 tugasan sy sem nie dlm subjek HCI iaitu human computer interaction. so, sy akan share kepada anda sume la tntg cra-cra nak buat blog dan nak cntikkan blog korg. :)





so,harap ia dapat membantu korg :)

lab exercise mobile

assalamualaikum..hari ni nak share coding mobile development yg sy blaja kat korg...senang je ni kalo kita explore :)





test la kat netbean IDE korg..k? good luvk :)

computer network chapter 2

assalamualaikum....hari ni plak sy akan shared note kat korg psl computer network...

aritu chapter 1 kan?kali nie chapter 2 plak...
download kat link ni..ok? :)


glitter-graphics.com


http://www.4shared.com/office/h7ZZAbOf/2standards-and-protocols__2_.html

jom kita blaja.. :)

computer network chapter 1

assalamualaikum...hari nak shared sikit kat korg yg nak basic computer network...
sy shared slide nie kat korg....
download kat link yg sy bg nie...


glitter-graphics.com




nie utk chapter 1...korg enjoy la...blaja ye... :)
apa2pun semoga ia memberi manfaat kpd korg :)

teks

assalamualaikum....
hari sy share la sikit kat korang pasal salah 1 elemen yang ada kat multimedia..
iaitu teks....

korang rsa teks penting x? penting..kalo orang tu xdpt dgr,mcm ne dorg nak phm..kan?

aritu sy dah share definisi teks yang ringkas kat korg.ari ni plak sy share lebih mendalam tentang teks...

Dari permulaan sejarah, manusia telah menggunakan grafik dan teks untuk bekongsi pengalaman, pengetahuan , dan perasaan. Dengan teknologi multimedia, teks boleh dicampur dengan media lain dalam satu cara yang bermakna dan mudah untuk berkongsi maklumat dan memudahkan orang lain memahami apa yang ingin disampaikan.

dalam teks,terdapat pelbagai jenis tulisan dan saiz...

contoh jenis tulisan ialah :
-arial
-new times roman
-Calibri (Body)
-Comic Sans MS
-Palace Script MT

dan sebagainya...(malas nak list byk2) korang bloeh tgk jenis2 tulisan kat microsoft office sama ada word dan lain2. :)

saiz pula ada pelbagai...korg pilih je...

software yang digunakan untuk teks ialah :
-microsoft word
-microsoft powerpoint

dan sebagainya...



sbnrnya teks ni kekadang membosankan pada para pembaca...(hope korg xbosan ngan blog sy) :)
ada sbb knpa kekadg org bosan ngan teks.antaranya ialah :
-terlalu byk tulisan
-tiada grafik yang menarik(mcm novel)
-xde buat point2 yg memudahkan pembaca faham
-tulisan yang sama
-space yang terlalu kecil antara ayat(mcm novel)

tulah kekurangannya..tp ada gak kelebihannya.antaranya :
-memudahkan orang memahami
-dapat dijadikan rujukan

tu jelah yang boleh sy share...apa2pun,hope korg faham dan memudahkan korg study :)