Kemudahan langganan Really Simple Syndication (RSS)


KEMUDAHAN langganan maklumat melalui Really Simple Syndication (RSS) adalah kaedah mendapatkan maklumat terkini setiap kali laman web dikemas kini.

Konsep penggunaan RSS dibahagikan kepada dua bahagian iaitu bahagian pertama, laman web yang memberikan kemudahan langganan RSS. Bahagian kedua pula adalah perisian digunakan untuk membaca paparan langganan RSS.


1. Melakukan langganan di laman web yang mempunyai kemudahan RSS

Sebelum sesebuah laman web boleh dilanggan menggunakan teknik RSS, laman web terbabit perlulah mempunyai kemudahan langganan RSS. Pengunjung boleh mengetahui sama ada laman web itu memberikan kemudahan langganan melalui RSS atau tidak dengan mencari tanda seperti berikut:

a. Simbol ikon RSS

b. Capaian yang memaparkan kemudahan RSS.

c. Paparan capaian yang mengandungi alamat RSS.

d. Alamat laman web atau blog yang membenarkan langganan melalui alamat. (Terdapat ikon RSS di sebelah alamat)

Selepas anda dapat mengesahkan laman web terbabit mempunyai kemudahan RSS melalui kaedah di atas, langkah seterusnya adalah menyalin alamat yang mengandungi maklumat RSS itu.

Untuk menyalin alamat RSS yang diberikan, perlu ikuti langkah berikut:

a. Klik di atas ikon simbol RSS dengan menekan butang tetikus sebelah kanan dan pilih: Copy Link Location.

b. Klik di atas alamat yang dipaparkan dan salin alamat yang diberikan.

c. Salin alamat laman web atau blog yang mengandungi ikon RSS di sebelahnya.


2. Memasukkan alamat RSS ke dalam perisian melanggan RSS.

Antara perisian melanggan maklumat RSS secara online adalah http://reader.google.com. Tetapi anda perlu mendaftar untuk mendapatkan kemudahan langganan terlebih dulu.

Selepas proses langganan dilakukan, bolehlah memasukkan alamat RSS yang ingin dilanggan dalam ruang disediakan.

Sebaik langganan selesai, maklumat terkini yang terdapat dalam laman web itu akan dipaparkan di sebelah kanan ruang langganan.

Jika reader.google.com adalah kemudahan pembacaan RSS secara online melalui laman web, terdapat juga kemudahan untuk membaca RSS secara perisian yang boleh disimpan di dalam komputer.

Ini membolehkan maklumat yang dilanggan dibaca walaupun tanpa capaian ke Internet. (Capaian hanya diperlukan semasa proses memuat turun maklumat RSS). Perisian yang boleh digunakan untuk tujuan terbabit adalah seperti FeedReader. Feedreader boleh dipindah turun di www.feedreader.com

Selain daripada melanggan kemudahan RSS seperti yang dibincangkan, RSS boleh dilanggan melalui telefon bimbit.

Apa yang diperlukan adalah kemudahan perisian RSS di dalam telefon bimbit dan salin semula alamat RSS yang diperoleh di laman web ke pembaca RSS di telefon bimbit.

Dengan teknik ini, maklumat terkini di dalam laman web akan dipaparkan di dalam telefon bimbit.

Jika tidak mempunyai perisian RSS di telefon bimbit, pengguna masih boleh membaca langganan RSS secara online di telefon bimbit jika menggunakan kemudahan reader.google.com. Caranya adalah dengan menaipkan alamat reader.google.com di dalam ruang browser di telefon bimbit.

Sumber:  www.hmetro.com.my

Oasis - Dont Look Back In Anger



Oasis - Dont Look Back In Anger


Slip inside the eye of your mind
Don't you know you might find
A better place to play
You said that you'd never been
But all the things that you've seen
Will slowly fade away

So I start a revolution from my bed
'Cos you said the brains I had went to my head
Step outside, summertime's in bloom
Stand up beside the fireplace
Take that look from off your face
You ain't ever gonna burn my heart out

And so Sally can wait, she knows it's too late as we're walking on by
Her soul slides away, but don't look back in anger I heard you say

Take me to the place where you go
Where nobody knows if it's night or day
But please don't put your life in the hands
Of a Rock n Roll band
Who'll throw it all away

I'm gonna start a revolution from my bed
'Cos you said the brains I had went to my head
Step outside 'cos summertime's in bloom
Stand up beside the fireplace
Take that look from off your face
'Cos you ain't ever gonna burn my heart out

So Sally can wait, she knows it's too late as she's walking on by
My soul slides away, but don't look back in anger I heard you say

So Sally can wait, she knows it's too late as we're walking on by
Her soul slides away, but don't look back in anger I heard you say

So Sally can wait
She knows it's too late as shes walking on by
My soul slides away
But don't look back in anger
Don't look back in anger
I heard you say

At least not today

Meletak kod banner pada scroll box




Untuk meletak kod banner pada scroll box seperti yang boleh anda lihat pada contoh di atas, ikut beberapa langkah di bawah:

p/s: Sila pastikan yang anda telah membina banner yang ingin diletakkan pada sidebar blog terlebih dahulu dan di uploadkan pada hosting imej. Anda adalah digalakkan untuk meng'upload' banner tersebut di Photobucket.com jika anda mementingkan kualiti bagi banner tersebut.

Langkah 1

Dapatkan URL bagi banner anda. (format dalam bentuk .jpg , .gif dan .png) dan paste pada notepad.

Contoh URL banner:

http://3.bp.blogspot.com/_LZtXSNcp76A/St8xKbrcrSI/AAAAAAAAAdk/g5laaFn6Ol8/s1600-h/Nescafe+and+Go+Logo.gif

Langkah 2

Log in blog => Dashboard => Layout => Add A Gadget. Seterusnya klik pada HTML/Javascript.


Langkah 3

Salin kod berwarna biru dibawah dan paste pada Content HTML/Javascript. Seterusnya salin URL banner pada notepad (lihat langkah 1) dan gantikan pada perkataan masukkan URL blog anda dan masukkan URL banner pada kod berwarna biru tadi.

<center><textarea cols="22" name="Link to Site" readonly="readonly" rows="8"><a href="masukkan URL blog anda/" target="_blank"><img src="masukkan URL banner"/></a></textarea></center>


Langkah 4

Klik save dan preview.

Membina fungsi Highslide pada image

Highslide adalah suatu fungsi dimana ianya akan memaparkan imej gambar yang bersaiz kecil kepada saiz yang lebih besar tanpa perlu ke file host imej tersebut ataupun membuka page yang baru. Imej akan dipaparkan pada blog. Anda boleh melihat contoh di blog sdr Izanuddin. Imej juga boleh di drag di atas paparan blog.

Untuk membina fungsi highslide ini, ikut beberapa langkah yang ditunjukkan di bawah:

p/s: Sila save dahulu script template sebelum membuat editting.

Langkah 1

Log in blog => Dashboard => Layout => Edit HTML. Seterusnya tick pada kotak Expand Widget Templates.

Langkah 2

Pada keyboard, tekan Ctrl+F dan taipkan kod <Head> pada ruang Find dan tekan Enter.

Langkah 3

Salin kod berwarna biru di bawah dan pastekan di bawah kod <Head> (lihat langkah 2).

<script src='http://nescafeais.fileave.com/highslide.js' type='text/javascript'></script>
<link href='http://nescafeais.fileave.com/highslide.css' rel='stylesheet' type='text/css'/>
<!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="http://nescafeais.fileave.com/highslide-ie6.css" /> <![endif]-->
<script type='text/javascript'>
//<![CDATA[
hs.graphicsDir = 'http://nescafeais.fileave.com/grafik/';
hs.wrapperClassName = 'borderless';
hs.allowSizeReduction = false;
hs.showCredits = false;
hs.registerOverlay({
    html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"></div>',
    position: 'top right',
    fade: 2
});
hs.isUnobtrusiveAnchor = function(el) {
    if (el.href && /\.jpg$/.test(el.href)) {
        el.className = 'highslide';
        return 'image';
    }
}
//]]>
</script>

Langkah 4

Seterusnya klik Preview dan jika tiada mesej Error yang keluar, klik saja save.

Langkah 5

Salin kod berwarna merah dibawah dan pastekan pada post. Gantikan pada perkataan masukkan url image pada kod tersebut kepada url image anda.

<a class="highslide" href="masukkan url image" onclick="return hs.expand(this)"><img border="0" height="130" src="masukkan url image" title="Klik untuk 'resize'" width="100" /></a>

Contoh:

<a class="highslide" href="http://3.bp.blogspot.com/_LZtXSNcp76A/Stsj8pqTJkI/AAAAAAAAAcg/6Idkf_TH2mA/s320/nescafe+ais.jpg" onclick="return hs.expand(this)"><img border="0" height="130" src="http://3.bp.blogspot.com/_LZtXSNcp76A/Stsj8pqTJkI/AAAAAAAAAcg/6Idkf_TH2mA/s320/nescafe+ais.jpg" title="Klik untuk 'resize'" width="100" /></a>


p/s: 1.Canggih bukan? Gua tak tau apa faedahnya gambar boleh di drag kat atas blog.
2. Gua belum cuba lagi pada template classic. Siapa-siapa yang dah cuba, sila respon kat gua yer.
3. Tutorial ni gua buat khas untuk Sdr Izanuddin. Beliau request tutorial ni semenjak zaman Renaissance lagi.  Beliau juga selalu cakap, yang gua nih Double Standard. Gua lebihkan makwe-makwe.Haha.

Adakah gua double standard lagi?

Membina highslide pada imej bergambar.

Memasang widget recent post dengan thumbnail


Untuk memasang widget recent post yang memaparkan 5 post terkini berserta image thumbnail seperti yang boleh anda lihat pada gambar di atas, hanya ikut beberapa langkah di bawah:

Langkah 1

Log in blog => Dashboard => Layout => Add A Gadget. Seterusnya klik pada HTML/Javascript.

Langkah 2

Salin script berwarna biru dibawah dan paste pada ruangan Content pada HTML/Javascript (lihat langkah 1). Seterusnya, tukarkan teks nama blog anda.
<script language="JavaScript">

imgr = new Array();


imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 270;

cellspacing = 8;

borderColor = "";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#fff";

aBold = false;

icon = " ";

text = "";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 8;

home_page = "http://nama blog anda.blogspot.com/";

</script>

<script style='text/javascript'>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 showrecentposts(json){document.write('<table width="'+boxwidth+'" border=0 bordercolor="#FF0000" align="left" cellspacing="'+cellspacing+'" bgcolor="'+borderColor+'">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break;}}if("content"in entry){var postcontent=entry.content.$t;}else if("summary"in entry){var postcontent=entry.summary.$t;}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;cmtext=(text!='no')?'<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>':'';var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;}}var daystr=(showPostDate)?'<i><font color="'+acolor+'"> - ('+day+' '+m+' '+y+')</font></i>':"";posttitle=(aBold)?"<b>"+posttitle+"</b>":posttitle;var trtd='<tr><td><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></td><td style="font-size: 12px;">'+icon+'<a href="'+posturl+'">'+posttitle+'</a> </td></tr>';if(summaryPost==0){trtd='<tr><td><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></td><td>'+icon+'<a href="'+posturl+'">'+posttitle+'</a></td></tr>';}document.write(trtd);j++;}document.write('</table>');}document.write("<script src=\""+home_page+"feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");document.write('');</script>
Langkah 3

Akhir sekali, klik save.

Disable fungsi right click mouse pada blog

Disable fungsi right click adalah bertujuan untuk menghalang artikel atau posting dari di salin (copy). Fungsi ini akan memaparkan amaran yang artikel atau post tidak boleh di salin apabila readers klik button kanan pada mouse mereka.  Untuk menjadikan blog disable right click, ikut beberapa langkah di bawah:

Langkah 1

Log in blog => Dashboard => Layout => Add A Gadget. Seterusnya klik pada HTML/Javascript.

Langkah 2

Salin script berwarna biru dibawah dan paste pada ruangan Content pada HTML/Javascript (lihat langkah 1). Seterusnya, edit perkataan Function Disabled! kepada teks amaran anda.



<script language=JavaScript>
<!--

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var message="Function Disabled!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>

Langkah 3

Akhir sekali klik save.

Memasang Blog Statistics


Untuk memasang blog statistik pada sidebar yang akan memaparkan jumlah keseluruhan post dan comment seperti yang boleh anda lihat pada gambar di atas, hanya ikut beberapa langkah di bawah.

Langkah 1

Log in blog => Dashboard => Layout => Add A Gadget. Seterusnya klik pada HTML/Javascript.

Langkah 2

Salin script berwarna biru dibawah dan paste pada ruangan Content pada HTML/Javascript (lihat langkah 1). Seterusnya, edit perkataan yourblogname kepada url blog anda.

<script style="text/javascript">function numposts(json) { document.write('Total Posts :' + json.feed.openSearch$totalResults.$t + '<br>'); }function numcomments(json) { document.write('Total Comments :' + json.feed.openSearch$totalResults.$t + '<br>'); }</script>
<script src="http://yourblogname.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numposts"></script>
<script src="http://yourblogname.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numcomments"></script>

Langkah 3

Akhir sekali klik save.



Video And Lyric: The A.C.A.B - Bermimpi Di Siang Hari


The Acab - Bermimpi Di Siang Hari

Inginku bawamu lari bersamaku
Hanya itulah yang sering mengganggu fikiranku
Biarkanlah yang dulu berlalu
Maafkan aku seperti selalu

Ku nanti kau di sana
Ketika senja menjelma
Sambil mentari beredar kita pun berlayar

Tapi aku bermimpi di siang hari
Hanya kau & aku mengerti
Tidak tercapai yang diimpi
Hidup yang penuh ilusi
Sering menghantui diri
Aku masih…

Online tool terbaik untuk optimize gambar



Salah satu cara bagaimana untuk menampakkan sesebuah blog itu menarik adalah dengan memaparkan gambar pada blog, tak kiralah pada posting ataupun sidebar. Pelawat akan fokus pada gambar terlebih dahulu sebelum beralih pandangan pada posting. Itu realitinya.
Timbul pula masalah apabila sesebuah blog itu memaparkan terlalu banyak gambar atau saiz file terlalu besar. Loading untuk blog akan menjadi perlahan. Pelawat yang baru pertama kali singgah ke blog tersebut mungkin akan berkata dalam lubuk hatinya, ni lah kali pertama dan terakhir aku tengok blog engkau.. Bunyinya macam kejam, tapi kenalah terima kenyataan yang kita dah hilang seorang pelawat. Jangan pandang remeh tentang perkara ini.

Untuk menyelesaikan masalah ini, terdapat satu cara terbaik untuk mengoptimize gambar kepada saiz fail yang lebih kecil tanpa menjejaskan gambar tersebut. Sitereportcard.com menyediakan satu tool di mana ianya dapat mengoptimize sesuatu imej sama ada dalam format JPG, GIF dan PNG. Mudah untuk menggunakan tool tersebut kerana, hanya perlu menaip url ataupun gupload gambar dari hard drive dan pilih imej mana yang terbaik. Akhir sekali, download kembali gambar yang telah siap di optimize pada hard drive.

Apa itu Dofollow?

Pada posting yang lepas, saya ada menulis tentang Apa itu Nofollow dan Dofollow. Kali ini, saya akan cuba untuk menerangkan serba sedikit tentang kelebihan blog yang telah di 'Dofollow' kan pada 'search engine' dan 'page rank' mengikut apa yang saya faham.

Apabila kita menukar 'setting' asal blog daripada 'Nofollow' kepada 'Dofollow', kita sebenarnya telah membuka laluan kepada 'search engine', terutamanya Google untuk mengimbas bahagian 'Comment' blog kita untuk mencari  perkataan sepadan yang telah di taip pada 'Google search.'

Contoh:

Saya menaip semula perkataan kiranya doFollow lebih baik kan ? dari komen touyakaruma (di atas) pada 'Google search.'


Hasil daripada search tersebut akan kelihatan seperti apa yang tertera pada gambar di bawah.

klik untuk 'resize'

Mengubah blog daripada 'nofollow' kepada 'dofollow'

Untuk mengubah atribute blog daripada 'nofollow' kepada 'dofollow', hanya perlu mengubah kod pada script template. Ikut beberapa langkah yang ditunjukkan dibawah:

p/s: save script template asal, ianya bertujuan sebagai back up apabila terjadi error semasa melakukan editting pada script template.

Langkah 1


Log in blog => Dashboard => Layout => Edit HTML. Seterusnya tick pada Expand Widget Template.

Langkah 2


Tekan Ctrl+F dan salin kod <a expr:href=’data:comment.authorUrl’ rel=’nofollow’> dan paste pada ruangan Find. Seterusnya tekan enter.

Langkah 3

Cari perkataan 'nofollow' pada kod tersebut dan ubah kepada 'dofollow'.

Contoh:

Sebelum = <a expr:href=’data:comment.authorUrl’ rel=nofollow>

Selepas = <a expr:href=’data:comment.authorUrl’ rel=dofollow>

Akhir sekali klik preview dan jika tiada mesej error yang keluar, klik saja save.

Video And Lyric: The A.C.A.B - Goodbye



The A.C.A.B ( Goodbye )

Thinkin' of what i have been thru is the last thing i'd do
coz i have been tryin' to heal all these wounds that have hit me deeply
thinkin' of what happened to me it's like a tragedy,
you don't wanna know what i got into and you really do not want to

some might say that i'd kill the revolution
but in the end it's my life that really needs a solution..

how do i say goodbye to all the things that i've said and have done?
how do i say goodbye to all the things that have been messin' my mind?

thinkin' of what i've been thru is the last thing i'd do..
you don't wanna know what i got into and you really do not want to..

some might say that i'd kill the revolution..
but we still have the lads to carry out the tradition.

Membina Link yang berkelip dan berwarna-warni

Untuk menjadikan warna pada link berkelip dan berwarna-warni seperti yang boleh anda lihat pada link blog ini, anda hanya perlu mengikut beberapa langkah yang mudah di bawah.


Langkah 1

Salin kod ini. <script src='http://sites.google.com/site/testingsahaja/rainbow.js'/>

Langkah 2

Log in blog => Dashboard => Layout. Seterusnya, klik pada Add A Gadget. Klik pula pada HTML/Javascript dan pastekan kod yang telah di salin tadi ( lihat langkah 1) pada ruangan Content. Seterusnya klik saja Save.

Langkah 3

Drag kod yang telah di Save itu dan letakkan pada bahagian bawah layout.


p/s: Amacam. Canggih tak blog gua lepas pasang link blink-blink. Gua terpaksa pasang untuk tunjuk demo. Makwe-makwe mesti suka. Pada gua pulak macam ..Ahh..Gua x nak cakap.

Membuat teks atau perkataan berkelip dan bergaris

Untuk menjadikan perkataan atau teks yang kita tulis pada post berkelip-kelip(blink) seperti ini Kelip-kelip, anda hanya perlu masukkan kod <blink> dan </blink> pada perkataan atau teks tersebut.

Contoh:
Saya suka minum <blink>Nescafe ais</blink>.

= Saya suka minum Nescafe ais

Untuk menjadikan perkataan atau teks bergaris seperti ini Nescafe ais , anda hanya perlu letakkan kod <s> dan </s> pada perkataan tersebut.

Contoh: 
Saya suka minum <s>Nescafe ais</s> air sirap.

= Saya suka minum Nescafe ais air sirap.

Cara mengapungkan widget Nuffnang pada sisi bawah blog.





Untuk memasang widget iklan Nuffnang pada bahagian bawah sisi sebelah kanan seperti yang anda dapat lihat pada blog ini, caranya sangat mudah. Ikut beberapa langkah yang di tunjukkan di bawah ini.

p/s: Sila berdaftar terlebih dahulu jika anda belum mempunyai akaun Nuffnang. Maklumat lengkap tentang Nuffnang boleh anda dapatkan di sini.

Langkah1

Salin kod di bawah dan pastekan pada notepad.
<div style="position: fixed; bottom: 0px; right: 2px;">Masukkan kod iklan nuffnang 160 x 300 di sini.</div>

Langkah2

Log in blog => Dashboard => Layout. Seterusnya cari di mana anda letakkan kod iklan Nuffnang yang bersaiz 160 x 300 dan salin kod itu.

Langkah 3

Kembali ke notepad (lihat langkah  1) dan pastekan kod ini di atas perkataan Masukkan kod iklan nuffnang 160 x 300 di sini.

Contoh:

<div style="position: fixed; bottom: 0px; right: 2px;">
<!-- nuffnang -->
<script type="text/javascript">
nuffnang_bid = "0000000000000000000000000000";
</script>
<script type="text/javascript" src="http://synad2.nuffnang.com.my/lmn.js"></script>
<!-- nuffnang-->
</div>   

Langkah 4

Salin kod yang telah di edit itu, dan pergi ke Layout => Add A Gadget => Jaavascript/HTML. Pastekan pada ruangan Content dan save. Seterusnya klik  preview dan akhir sekali klik save.

Langkah 5

Senyum.

HTML Escaper



Jika kita menulis kod HTML pada posting, contohnya, kita ingin memasukkan kod bagi gambar berserta url blog seperti di bawah ini, kod akan memaparkan image gambar tersebut, tetapi apa yang kita mahukan ialah kod tersebut terpapar juga sebagai bentuk kod .

<a href="http://marilompatbintang.blogspot.com" target="_blank"><img src="http://i937.photobucket.com/albums/ad212/nescafeais2/untitled-4-1.jpg"></a>

'HTML Escaper' adalah satu tool yang membantu untuk melepaskan (escape)  fungsi kod HTML tanpa menjejaskan script kod tersebut.

Apa yang perlu di lakukan ialah, masukkan kod HTML pada kotak di bawah dan seterusnya tekan 'Escape'. Salin kod yang telah di 'Escape' itu dan paste pada posting.

HTML Escaper





Memasang kotak mesej pada permulaan paparan blog



Kadangkala apabila kita mengunjungi sesebuah blog, satu kotak mesej seperti pada gambar di atas akan muncul pada permulaan paparan pada blog tersebut. Untuk memasang script kotak mesej tersebut, caranya sangat mudah. Hanya perlu mengikut beberapa langkah di bawah:

p/s:save script template asal, ianya bertujuan sebagai back up apabila terjadi error semasa melakukan editting pada script template.

Langkah 1

Salin dan paste kod berwarna biru di bawah pada notepad. Seterusnya, edit perkataan 'Selamat Datang Ke Blog Nescafe Ais' kepada perkataan anda sendiri pada kod tersebut. Contohnya seperti 'Sila tinggalkan komen anda' atau apa saja pesanan yang anda rasakan sesuai.

Hanya gunakan kod kotak mesej pertama sahaja jika ingin hanya satu paparan kotak mesej.

<Script language='JavaScript'>alert("Selamat Datang Ke Blog Nescafe Ais");</Script> (Kotak mesej pertama)
<Script language='JavaScript'>alert("Selamat Datang Ke Blog Nescafe Ais");</Script> (Kotak mesej ke 2)

Langkah 2

Log in blog => Dashboard => Layout => Edit HTML. Seterusnya, tandakan pada kotak Expand Widget Templates. Dengan menggunakan Ctrl+F pada keyboard, taipkan kod </head> pada ruang Find dan seterusnya, tekan Enter.

Langkah 3

Salin kod yang telah siap di edit pada notepad tadi (lihat langkah 1) dan pastekan di atas atau sebelum kod </head>.

Contoh:

<Script language='JavaScript'>alert("Selamat Datang Ke Blog Nescafe Ais");</Script>
</head>

Seterusnya klik preview dan akhir sekali klik Save.

Memasang widget Post Rating



Widget dari Outbrain.com sangat berguna kepada blogger yang inginkan respon daripada readers tentang kualiti artikel atau post yang di tulis.Readers akan menilai kualiti artikel atau post dan boleh memilih maksimum 5 bintang.

Untuk memasang widget post ratings di bawah post atau artikel seperti yang tertera pada gambar di atas, anda hanya perlu mengikut beberapa langkah di bawah.

p/s: save script template asal, ianya bertujuan sebagai back up apabila terjadi error semasa melakukan editting pada script template.

Langkah 1

Salin kod berwarna biru di bawah.

<script language="JavaScript">var OB_platformType =1;var OB_demoMode = false;var OB_langJS = "http://widgets.outbrain.com/lang_ms.js";var OBITm = "1254985692174";</script><script language="JavaScript" src="http://widgets.outbrain.com/OutbrainRater.js"> </script>

Langkah 2

Log in blog => Dashboard => Layout =>  Add A Gadget. Seterusnya klik pada HTML/javascript. Paste kod yang telah di salin tadi (lihat langkah 1) dan paste pada ruangan content. Seterusnya, klik save

Langkah 3

Drag widget tersebut dan letakkan di bawah post.

Langkah 4

Seterusnya klik preview dan akhir sekali, klik save.

Timbang berat blog


Kira bebanan blog anda di sini. Blog di nilai dari segi Size, Load Time dan Avarege Speed per KB. Apa yang perlu anda fokuskan adalah pada saiz kerana nilai terbaik untuk sesebuah blog adalah di bawah paras 100kb. Bagi Load Time dan Avarege per speed per KB pula, ianya bergantung pada kelajuan internet anda.
Jika blog anda bersaiz lebih dari 100kb, cuba kurangkan beban pada blog anda.



Your domain(s): Enter each address on a new line (Maximum 10)




(contoh: maribinablog.blogspot.com)





Tips meringankan blog

1. Sebab apa blog jadi berat

2. Tips meringankan blog dan loading page

2. Ringankan blog dengan jQuery Lazy Load

3. Membina fungsi auto read more pada setiap post

Blog Archive