hari tu ada yang bertanya macam mana buat yang widget FRESH ENTRY FOR NOW yang ada kat sidebar aku tu. sorry lambat buat tutorial.

recent post nie bagus supaya post korang yang baru2 boleh viewer tengok walaupun dorang bukak post/entry korang yang lama2. :D so here the tutorial.

<center> please scroll down this box because the entry are moving endlessly woooo~
</center>


<br />

<div style="font: 12px,arial; height: 200px; overflow: scroll; width: 280px;">




<marquee behavior="scroll" direction="up" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">
<script>
function rp(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
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;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(more)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
document.write(posttitle);
if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
}
}
document.write('</li>');
}
document.write('</ul>');
}
</script>

<script>
var numposts = 15;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>

<script src="http://budaksukavanilla.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script></marquee></div>

3. nota pelangi wee~ :
merah :  boleh tukar ikut ayat korang. taknak letak pun takpe. :3
oren : tukar saiz scrollbox ikut kesesuaian saiz widget korang.
biru : jumlah post
ungu : tukar ke url blog korang

4. save la. siap. :)

dah buat? jadi tak? hehe. harap bermanfaat.
sekian,
ilal liqa'

Assalamualaikum
i wanna share tutorial download video on facebook without using any software. say whoaaahhh. hahaha. okay fine. enough is enough. hahaha. kali nie nak share tutorial senang giler cara download video dekat facebook tanpa perlu install apa2 software kat laptop or pc. best sebab tak penat2 kan. tekan2 apa yang patut dan save. done.

so kita mulakan tutorial bergambar ini ya. :D

STEP 1 : view video yang korang nak download dekat facebook tu. tak kesah la view dalam bentuk macam mana ya.
 STEP 2 : tukar yang www dekat url/link video tersebut kepada huruf m dan tekan enter.
                macam kat gambar bawah nie.



STEP 3 : lepas tu. view dalam browser korang akan bertukar jadi macam bawah nie,
 STEP 4 : PLAY video tersebut dan right-click pilih Save video as... 

Assalamualaikum
setelah lama tak buat tutorial dekat blog nie. aku kembali dengan tutorial blog semua. hahhaa. mood rajin nak buat tutorial lak. kalau sesapa nak request tutorial boleh je bagitau ye. inshaALLAH aku akan bantu.

kali nie nak share tutorial macam mana buat sidebar title macam aku punya. hehe. best pulak main coding blog nie. kakaka. kekadang pandai je sendiri adjust. kakaka. sebelum buat apa2, selamatkan dulu yang penting. hehe. tutorial nie aku cuba sendiri kat blog, guna simple template. taktau la kalau template lain menjadi kan. boleh cuba dan share pendapat ye.


3. Korang akan jumpa coding macam dalam gambar nie

h2 {
text-align:center;
  margin: 0 0 1em 0;
  font: $(widget.title.font);
  color: $(widget.title.text.color);

4. Dekat BAWAH coding di step 3, korang COPY dan PASTE code nie :

 text-transform: uppercase;
line-height:2.5em;
background: #2E2E2E;


BOLEH TUKAR
merah : boleh tukar jadi lowercase untuk huruf kecik semua, uppercase nie supaya huruf besar semua.
biru : tahap ketebalan korang punya background tu.
background : colour code background apa yang korang nak. boleh tengok code colour SINI.

DAH? preview dulu tau.
JADI? baru SAVE :)

p/s : text align dalam code asal tu yang telah dipinkkan HAHAHA kat step 3 tu, korang boleh ubah jadi left atau right (kiri kanan la,) pastu nak lagi cantik dan kemas, pandai2 la tukar margin tu. hehe :D

macam terbalik la title post aku, sepatutnya colour background. eh whatever la. WAHAHAHA

harap bermanfaat.
ilal liqa'

<center><img src='URL FOOTER' style='width: 960px; height: 150px;'/></center>

3. Merah: Masukkan URL GAMBAR FOOTER yang comel tu. :)
    Biru: berdasarkan width n height gambar footer korang la. :)

4. Preview dan Save kalau menjadi. :)


comel dah blog korang? tahniah2. mueehee
ilal liqa' :)

::-webkit-scrollbar {

width: 8px;

height: 8px;

}

::-webkit-scrollbar-track-piece  {

background-color: #A9F5D0;

border: 3px solid #FFFFFF;

}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {

background-color: #01DFA5;

border: 1px solid #FFFFFF;

}

.sidebar .widget {
background: #FFF;
border-top: 4px solid #F5A9BC;
border-bottom: 4px solid #A9BCF5;
border-left: 4px solid #A9BCF5;
border-right: 4px solid #F5A9BC;
  margin:5px 5px 1.0em;
  padding:0px 5px 1.0em;
border-radius: 10px;
 }

3. preview dan save kalau menjadi. :)

tukarkan yang kod warna BIRU dengan kod warna yang korang suka. SINI.

kemas kan? cantik lagi. hehe. :) tahniah. blog anda dah comel. :D
sebarang petanyaan akan dijawab kat komen box okay! :)
ilal liqa'

Assalamualaikum.
hari nie rajin nak buat tutorial. nie khas untuk simple template. :) so yang bukan simple template tu aku tak yakin lah dapat ke tak guna tutor yang nie.

margin:0 0 1.5em;
padding:10px;
font-size: 12px;
background:#ffffff;
border: 2px dashed #000000;
border-radius:10px;
line-height:1.9em;