Jiwa ku Jiwa Mu Jua

BIRTHDAY ANDA DALAM BULAN ISLAM (HIJRAH)

2007-05-08T03:05:00.000+08:00

Dalam Takwim Hijrah, terdapat 12 bulan. Setiap bulan mengandungi 29 atau 30 hari, tetapi lazimnya tidak dalam turutan yang tetap. Secara tradisinya, hari pertama setiap bulan akan bermula setelah anak bulan (hilāl) kelihatan ketika matahari terbenam. Jika hilāl tidak kelihatan selepas 29 hari pada bulan tersebut, sama ada dilindungi awan atau langit di ufuk barat terlalu terang apabila bulan terbenam, maka, hari tersebut dikira sebagai hari yang ke-30. Pencerapan atau rukyah tersebut haruslah dilakukan oleh orang yang dipercayai dan dan mengakuinya dihadapan pemimpin.

Dengan pencerapan begini mendorong Muslim berkecimpung dalam bidang astronomi, yang meletakkan Islam terkehadapan dalam sains tersebut buat beberapa kurun. Amalan tradisi ini masih diikuti di negara-negara lain seperti Pakistan and Jordan. Walau bagaimanapun, kebanyakan peraturan astronomi negara Muslim membenarkan penggunaan calendar dan tidak tertakluk sentiasa kepada cara ini. Malaysia, Indonesia, dan beberapa negara yang lain memulakan bulan ketika matahari terbenam pada hari pertama ketika bulan terbenam selepas matahari terbenam. Di Mesir, bulan bermula ketika matahari terbenam pada hari pertama yang bulan terbenam sekurang-kurangnya lima minit selepas matahari terbenam.

BULAN HIJRAH adalah lebih 3 tahun dari bulan Gregorian@ kalendar omputih..so, sbb tulah setiap tahun kita rasakan kita merayakan hari raya pada bulan yg berbeza..

cth: tahun 1999-january
tahun 2000-February

sebenarnya, Syawal tetap syawal..yg berbeza ialah kalendar gregorian

klik kat website dan kita akan dapat tau tarikh kelahiran kita mengikut bulan Islam

Cuba yang ini pulak lepas tu compare.....ada sama tak...

Tuan-tuan juga boleh tahu tarikh kelahiran tuan dalam kelender Yahudi, Firaun, Maya dll

7 April 197X

2007-04-07T02:52:00.000+08:00

Bismillah ,

dengan ini, saya selaku penyimpan mohor besar raje2 mengucapkan selamat Hari Lahir yang ke 2x = Nizam , Mike , Arjuna, Abang, Abe, Niezom

Type rest of the post here

Yahoo! online/offline script

2007-03-30T21:36:00.000+08:00

ok..kali nie nak tunjuk skil cemana nak avatar cam sidebar aku nie hah. Diatas tuh bila aku online nyala lah lampu.. dan bila tekan avatar tuh siaplah chat ngan aku..so saper nak chat ngan aku..kut-kut teingin sembang jejaka hensem se-Malaya nie.. ehehe. ok ...cemana yer nak pasang camtuh..

UPDATED ; 2 ONLine + Voicemail code

Replace "YOURID" with your actual yahoo id and "YOURMESSAGE" with your own message that appears when clicked on your button.

Smiley Hacked Realease New Blogger

2007-03-22T04:49:00.000+08:00

Banyak para-para hacked smiley di Blogger. Dan banyak Nizam cuba untuk mencari jawapan yang baik untuk para blogger. Bagi mereka yang gunakan templates acuan Kaie ..adalah sesuai dan Hans am nya.

Seperti mana Nizam post dan cuba mengajak para pembaca untuk cuba sendiri hacked dari deepa. ternyata bukan lah code yang baik seperti mana jangkaan Nizam. cuba la lihat error code nya'.

Lagi pun dia deepa,menggunakan templates yang lama , (before beta).
Apakah kelemahan tutorial nya dan tutorial yang baik untuk semua template yang kunun nya dicipta nya sendiri dalam pengakuan di blognya? Ternyata banyak classic Blogger code-code nya. kategori classic adalah sesuai untuk menceritakan code ciptaan nya kunun tuh.
Ikuti siri Nizam mengkaji code orang lain untuk kebaikkan New Blogger (all Blogger Templates)

Sebelum nie Nizam banyak post dari beberapa penghacked di Blogger yang lain.
Style Nizam adalah mengcopy terlebih dahulu dan cuba bincangkan samada sesuai atau tidak untuk beberapa jenis templates di mera-rata Blogspot yang baru.

Antara style Nizam posting Blog

1. Copy and paste hacked
2. Lihat keberkesanan
3. Bincang dengan para pemerhati
4. Boleh guna siri hacked code tersebut ( laju, fungsi yang baik, script tidak jejas dengan new Blogger)
5. Sekiranya tidak dapat dimasukkan di templates - code-code yang lain boleh di adjustkan mengikut kesusuai an CSS di templates nya.

Paling penting-malas menggunakan base omputih- sbb nya org kita ramai nak belajar tentang Blogger dari komen yg ntah apa-apa ntah dari mereka yg mengaku pandai segala hal tentang Blogger.

p/s : usah risau kerana setiap post korang akan Nizam kredit kan di bahagian tepi post blog.

Bagi code yang baik buat ketika ini adalah dari Aditya Mukherjee

Home>Kategori /Tajuk >Tajuk Kecil

2007-03-21T12:29:00.001+08:00

Have you ever experienced after searching and googling to a comprehensive website, then lose track of where you are, and what you are really looking for? I did, many times. To quote a page on the Yahoo's Design Pattern Library: "When the page displayed is within a hierarchy of pages and is not the topmost page," the reader needs some sort of "understanding of where she is in relation to the rest of the site."

The breadcrumb trail at the top of a post provides a nice solution to this problem. In a breadcrumb, you can always click on the label/category before it, or click the "Home" link to go back to the front page. More importantly, the user knows where she is, something that other navigation widgets such as the out-of-the box label, or my previous "tab hack" are not able to address (yet.)

Below are two easy steps to install the "Breadcrumbs Hack" on your blog.

Step1: Embedding Function Definition and Function Call.

Go to Template->Edit HTML, then check the Expand Widget Templates checkbox.
Look for the Blog1 widget (<b:widget id="Blog1" locked="false" title="Blog Posts" type="Blog">), then locate the main includable:

Add these function definition lines in between the closing includable in front of main and the main includable itself.


 
 <b:includable id='breadcrumbs' var='post'>
 <!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com -->
   <b:if cond='data:blog.pageType == "item"'>
       <p class='breadcrumbs'>
       <span class='post-labels'>
         <b:if cond='data:post.labels'>
           You are here: 
           <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>  &gt; 
           <b:loop values='data:post.labels' var='label'>
             <b:if cond='data:label.isLast == "true"'>
               <a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
             </b:if>
           </b:loop>
           <b:if cond='data:post.title'>
             &gt;  <b><data:post.title/></b>
           </b:if>
         </b:if>
       </span>
       </p>
   </b:if>
 <!-- End of Breadcrums Hack -->
 </b:includable>

Next, add this line:

<b:include data='post' name='breadcrumbs'/>

right in front of the line <b:if cond='data:post.dateHeader'> (see picture above.)

Step 2: Add CSS code

Add this code at the end of the CSS portion (between the pair skin tags (see picture)

.breadcrumbs {
border-bottom:1px dotted $bordercolor;
margin:0 0 0.5em;
padding:0 0 0.5em;
}

(Feel free to modify the first & third parameters of the last two lines (in bold) to expand/shorten the top & bottom heights.)

Save your editing, and you should see the breadcrumb only when you view an item page.

You can see it live from here:

~~http://breadcrumstest.blogspot.com/~~

One thing to notice, if you have multiple labels, only the last one will be shown on the breadcrumb. Also, if you forget to add label to any post, the breadcrumb of that item would mysteriously disappear.

To hack this one out, my first thing was to outright stealing almost the entire code from the label section (at the end of the post,) then make a function out of it. Inside this function, originally there was a loop that goes through each possible label to write out. I didn't want to do that, but instead utilizing the if check to see if we are reaching the last label, if so then printing the label, along with its link. On the other hand, the "Home" link is very easy, since data:blog.homepageUrl is a global variable, and the current title is also available as data:post.title . Once all of the above are working, the rest is just icing on the cake, such as making a function call, or adding a css class to match with the site's design.

I hope you will enjoy this hack and find it useful. Have a wonderful day,

technorati tags:Breadcrumb, Blogspot

Blogged with Breadcrumb-Hoctro

Home > Tahun > Bulan > Tajuk Artikel

2007-03-21T12:16:00.001+08:00

This is basically an addition to Hoctro's breadcrumb hack (in fact if the user has javascript disabled they'll just see Hoctro's hack in place of mine). Hoctro's hack looks something like:

You are here: Home > Label > Blog Title

Mine looks like:

You are here: Home > Year > Month > Blog Title

This hack assumes a few things (in other words it won't work otherwise).

~~First it assumes that Settings -> Formatting -> 'Date Header Format' is set to one of the following formats:~~

~~November 28, 2006~~
~~Tuesday, November 28, 2006~~
~~28 November 2006~~
~~28 November, 2006~~

~~Basically it needs to have the full month name, and the full 4 digit year at the end~~ This is no longer an issue

It also assumes that Settings -> Archiving -> 'Archive Frequency' is set to Monthly

Your posts should also have a title, ~~and the titles can't include the quote character (")~~ This is no longer an issue

As it stands now, this will also only work with English language blogs (Settings -> Formatting -> Language), although theoretically if you were to edit the english month names then it would probably work. For example a spanish blog would translate July to Julio. This is no longer an issue

First, go to Template -> 'Edit HTML' and check the box for 'Expand Widget Templates'. Now go and find the Blog1 widget. It'll start with

<b:widget id="Blog1" locked="false" title="Blog Posts" type="Blog">

Then keep scrolling down to the following position as pictured below

and paste the following line as shown

<b:include data='post' name='breadcrumbs'/>

Now scroll down to the end of this widget (as pictured below)

and paste the following between the </b:includable> and </b:widget> tags

<b:includable id='breadcrumbs' var='post'>
 <!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com -->
 <!-- Updated by PurpleMoggy 12/02/2006 http://purplemoggy.blogspot.com -->
   <b:if cond='data:blog.pageType == "item"'>
       <p class='breadcrumbs'>
       <span class='post-labels'>
           You are here: 
           <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
 <script type="text/javascript">
 //<![CDATA[
  var strCrumbHref = location.href.toLowerCase();
  var intCrumbHtml = strCrumbHref.indexOf('.html');
  var intCrumbWhereAt = strCrumbHref.lastIndexOf('/', intCrumbHtml);
  var intCrumbYearStart = intCrumbWhereAt - 7;
  var intCrumbMonthStart = intCrumbWhereAt - 2;
  var intCrumbYear = parseInt(strCrumbHref.substr(intCrumbYearStart, 4));
  var intCrumbYearPlusOne = intCrumbYear + 1;
  var strCrumbMonthNum = strCrumbHref.substr(intCrumbMonthStart, 2);
  var strCrumbMonth = '';
  switch(strCrumbMonthNum) {
  case '01':
    strCrumbMonth = 'January';
    break;
  case '02':
    strCrumbMonth = 'February';
    break;
  case '03':
    strCrumbMonth = 'March';
    break;
  case '04':
    strCrumbMonth = 'April';
    break;
  case '05':
    strCrumbMonth = 'May';
    break;
  case '06':
    strCrumbMonth = 'June';
    break;
  case '07':
    strCrumbMonth = 'July';
    break;
  case '08':
    strCrumbMonth = 'August';
    break;
  case '09':
    strCrumbMonth = 'September';
    break;
  case '10':
    strCrumbMonth = 'October';
    break;
  case '11':
    strCrumbMonth = 'November';
    break;
  case '12':
    strCrumbMonth = 'December';
    break;
  }
  var strCrumbOutput = ' &gt; ';
  strCrumbOutput += '<a href="/search?updated-min=' + intCrumbYear;
  strCrumbOutput += '-01-01T00%3A00%3A00-08%3A00&updated-max=' + intCrumbYearPlusOne;
  strCrumbOutput += '-01-01T00%3A00%3A00-08%3A00&max-results=50">' + intCrumbYear + '</a> &gt; ';
  strCrumbOutput += '<a href="/' + intCrumbYear + '_' + strCrumbMonthNum + '_01_archive.html">' + strCrumbMonth + '</a>';
  document.write(strCrumbOutput);
 //]]>
 </script>
 <noscript>
         <b:if cond='data:post.labels'>
            &gt;
           <b:loop values='data:post.labels' var='label'>
             <b:if cond='data:label.isLast == "true"'>
               <a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
             </b:if>
           </b:loop>
         </b:if>
 </noscript>
           <b:if cond='data:post.title'>
             &gt;  <b><data:post.title/></b>
           </b:if>
       </span>
       </p>
   </b:if>
 <!-- End of Breadcrumbs Hack -->
 </b:includable>

Finally, you can style this newly added section. For example, add the following css to your page's header:

.breadcrumbs {
  border-bottom:1px dotted $bordercolor;
  margin:0 0 0.5em;
  padding:0 0 0.5em;
 }

technorati tags:Blogspot, Label

Blogged with Breadcrumbs-Moggy

Berapa ramai org bagi Comment

2007-03-21T05:53:00.001+08:00

Organise your comments with numbers

What is the happiest thing that can happen to an average blogger?..8-> yes.. you guessed it right.. to get some comments for the post Imagine how thrilled you were when you got the first comment for your first post..Then came a time you started receving comments (users with names and also anonymous users) and you were trying to reply to the a certain comment and got misunderstood by a different commentor... left you wondery why :-?

How about numbering the comments so that you can say exactly to which (rather whose) comment you are refering to..Still confused with waht I am saying.. I suggest that you click on any of the posts so that the post opens in a diffrent window along with the comments displayed..See any diffrence..The comments are all numbered

Want to know how i did this..Read along

:-B SAVE AND BACKUP YOUR TEMPLATE :-B
LOCATE THE FOLLOWING LINES IN THE TEMPLATE
STEP-1
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>

You need to add the tags shown in RED so that the final code looks like this
<dl id='comments-block'>
<ol>
<b:loop values='data:post.comments' var='comment'>
<li>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
LOCATE THE FOLLOWING LINES IN THE TEMPLATE
STEP: 2
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
You need to add the tags shown in RED so that the final code looks like this
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</li>
</b:loop>
</ol>

So waht are you waiting for.. Start organising..dont forget to backlink to this post

technorati tags:Classic

Blogged with Comment-deepa

Flickr Foto dah banyak berubah

2007-03-21T05:40:00.001+08:00

Flickr Badge - Your pesonalised photo gallery

There have been times, when you are just bcak from a vactaion..or you have captured some really intresting moments in you camera , its only natural that you would like to share them with the friends online..If its one or two pics, you would include them in a post with a small description..The drawbacks being

This is advisable for min number of pics ( 1-5)
More number of photos will put more load on the browser
As you make the newer posts.. the pictures( in the specific post) are pushed down the archive
Eventually, it will dissappear from the view of the ordinary reader
This gives only limited viwership with limited number of photos

However, inorder to avoid these.. you may host your pictures in online photo-albums like Web-shots , Photobucket , Flickr, Gallery,Slide, JAlbum and then provide the link to the album at the respective sites..Yet again.. this would redirect the viewer from your page.

So, how would it make you feel..if you had a photgallery right in your sidebar..at all times..so that..the viewer sees the preview of the pictures and click on the pic that intrests him the most.

The most singular option that came to me is the Flickr Badge,You can see the gallery in action in the Right-side-bar immediatly above the Shout-box .This is simple, Easy to do, and does not involve any kind of HTML skills . Just follow the instructions carefully

Thanks to Kat who suggested Slide.com.Its also simple and gives the liberty of preparing Sideshows..with 3 levels of speed (Slow - Medium- Fast ).The sideshow created usng slide can be seen here at my TestBlog

INSTRUCTIONS FOR FLICKR

Signup with Flickr
Primary signup is using your yahoo ID..however you can choose your own flickr Id in the subsequent steps
After Signing up, you may upload your pictures (declare them as Public or Private and categorise them using Tags (..they are just like labels.. you name a certain bactch of pics as vacation , Birthday, nature, etc etc )This tagging comes handy while we do our gallery
Once you are satisfied with the uploaded photos , tagged them wisely we can proceed to make out Flickr Badge
You may choose to have a HTML-Badge or Flash Badge
- My personal choice is Flash badge..as i feel its compact and puts less pressure on the browser
Next you may select a certain-batch-of-Pics that you want to use in the gallery by giving the Tag name
- i.e you may create individual galleries for the various categories of picture you may have
- You just need to tag them appropriatively
The Next part is easy..You just need to give color to borders, texts etc..You may even choose not to have a backgound / border
Finally.. you just copy-paste teh code given by flicker to your sidebar HTML widget

INSTRUCTIONS FOR SLIDE

Clik on MAKE SLIDE SHOW

If you already have an account with Flickr , Myspace , Photobucket etc.. you need not upload the pics again.. you can give directly upload them to silde from your photo-sharing network

You may give various customisations like Style , Themes, Skins, Size etc..While giving the size specification..take care the Width is atleast 5px less than that of your sidebar..That way you can avoid the sidebar / post section from dropping down

Once you are satisfied with the pictures and given them appropriate captions..,Click SAVE

Choose from the various options among the following for the respective codes

eBay	MySpace Blog	Wretch	BlackPlanet
Live Spaces	Yahoo! 360	Piczo	Xanga
MySpace	Facebook	TypePad	LiveJournal
Geocities	AOL Journal	Old Blogger	New Blogger
AIM Pages	Multiply	Tagged	FreeWebs
Bebo	Hi5	Friendster

Copy the Code and paste in a HTML widget at the position of your choice

Voila..Your-own personal picture galleray /Slide show is now up and fuctional for everyone to see and relish.Hope you liked this...

technorati tags:Blogspot, Flickr

Blogged with Flock

Gambar Lain Tekan Lain Jadik

2007-03-21T05:34:00.001+08:00

Change the image when the cursor moves over it

Many of you would have noticed that in certain websites,especially the ones with Advts, when you move the cursor over a certain image, it changes to another eye-catchy image.Now you too can give that kind of an effect in your blog with pictures that are chosen by you.Still a bit hazy,.. just move the cursor over the images below
NOTE:- You must have Javascript enabled in the browser

We shall be using two images to get this kind of the effect.

There shall be slight modifcations in the code depending on
1. Both Images have SAME dimentions (width & height)
2. Both Images have DIFFERENT dimentions
3. The Images LINK-TO another URL / site
4. The images DONOT LINK-TO any other URL/Site
Any combination of the above ..such as
1. Both Images of the SAME dimetions AND link to another site
2. Both Images of the SAME dimetions DONOT link to another site
3. Both Images of the DIFFERENT dimetions AND link to another site
4. Both Images of the DIFFERENT dimetions DONOT link to another site

Both Images of the SAME dimentions LINK-TO another site

Both Images of the SAME dimentions DONOT link to another site

Both Images of the DIFFERENT dimentions LINK-TO another site

Both Images of the DIFFERENT dimentions DONOT link to another site

POINTS TO REMEMBER

In the &IMG NAME=" tag make a note of the NAME specified

Consider CODE:-4
<A onmouseover="document.Different_size_SELF.src='MOUSE-OVER-PIC-URL'" onmouseout="document.Different_size_SELF.src='NORMAL-PIC-URL'">

<IMG SRC="NORMAL-PIC-URL" NAME="Different_size_SELF" BORDER="0" >

</A>
The NAME of the < IMG tag is repeated on its corresponding <A onmouseover="document.Different_size_SELF.src='MOUSE-OVER-PIC-URL' onmouseout="document.Different_size_SELF.src='NORMAL-PIC-URL'">
So if you plan to have more than 2 sets of such images , then its necessary that you have different NAME in the < IMG NAME =
And use the corresponfing NAME only in the respective < A tag

Thank you for dropping by here..Hope you enjoyed the session.If you are very much satisfied , kindly leave a comment :D

Blog gam*%$#^% with Change Image

Random Quote Cara Json Script

2007-03-21T04:51:00.001+08:00

Please referthis earlier postfor all other details. Just now I found a bug in this one. ThestripHTML function strips any HTML from the quote text and replaceswith a blank space. This is not acceptable.

What I should do is, first replace all the <br> and/or <br/> tags with a blank space and all other tags with empty space. Comments please :)

Please follow the instructions as mentioned in my QOTD widget post.

Replace the complete script/html content with the one given below.

<script src=" http://build.dojotoolkit.org/0.4.2rc2/dojo.js" type="text/javascript"></script>

<script language="javascript">
 var quotesArray;
 
 function loadQuotes(root) {
  var content = root.entry.content.$t; 
  quotesArray = content.split('%');
  setInterval("showRandomQuote()", 16000);
 }
 
 function showRandomQuote() {
  var index = Math.floor(Math.random() * quotesArray.length);
  var quote = quotesArray[index];
  quote = stripHtml(quote);
               document.getElementById("quotesDiv").innerHTML = quote;
  dojo.lfx.html.fadeIn('quotesDiv', 2000).play();
  setTimeout("dojo.lfx.html.fadeOut('quotesDiv', 2000).play()", 13000); 
 }
 
 function stripHtml(s) {
  return s.replace(/(<([^>]+)>)/ig,' ');
 }
 
 </script>
 <div id="quotesDiv">
 loading quotes...
 </div>
 <script language="javascript" 
 src="http://www2.blogger.com/feeds/DDDDD/posts/full/SSSSSS?alt=json-in-script&amp;callback=loadQuotes ">
 </script>

where DDDDDD is your blog id and SSSSSSS is your quotes-data post id.

technorati tags:Blogspot

Blogged with Random Quote Cara Json Script

Idea Lain Random Quote

2007-03-21T04:26:00.001+08:00

Got the idea from?
This and this. I dowanna debate on who came up with the idea first. Its obvious that you guys also got the idea from somewhere else.

Advantage
over the above ideas.Any number of quotes and no hard coding of the quotes. You can change them on the fly with some effort.

Disadvantage
Some extra network bandwidth is utilised each time it is displayed. Not too much. Depands, if 100Kb is too costly for you.

Things to do first

* Go to your blogger account settings page and enable full feed. By default, blogger gives only the first para or 256 chars. Change this settings to full feed.

* Create the quotes file with quotes in it. Quotes should be delimited by "%".e.g file contents below.

mary had a little lamb and it ran away
%
Where did the lamb go?
%
Who are you to ask? It went its way!!!
%
This should be enough for you to know the quotes file format.

Note that, "%" should not appear before the first quote and after the last quote. This can be handled in js but i am bit lazy now to do it and got lot other work too.

* Create a new post, go to the html view and paste the contents of the quotes file there. Publish the post. If you dowant the post to appear on front page, change the post date back to your school time.

* Go to the quotes page and copy the post id form the comments link. e.g :

http://www.blogger.com/comment.g?blogID=~~18356831~~&postID=~~358823621417987856~~

Red coloured number is blog id and blue coloured is the post id. Make a note of it.

* Add a page element to your template and add this js code where you want to quote

Wait, dont close the widget editor. Replace DDDDD with your blog id and OOOOOO with your quotes post id.

* To add flavour, add css for the quotesDiv if you want.

* Next time when you want to change the quotes, just edit the post and change the contents and republish it.

You can see it working. I followed the same steps. Still if there are any typos, let me know.

Cool!! I like that.

technorati tags:Blogspot

Blogged with Flock

Cara Set Quote Generator

2007-03-21T03:17:00.001+08:00

Look at this post, Sticky Message Board, and follow the instructions. Remember after you get it up and running, you can change the appearance in the code that you put in "/* Variable definitions" and in the CSS section to fit the your blog. Make sure you place this:

Look at this post, Sticky Message Board, and follow the instructions. Remember after you get it up and running, you can change the appearance in the code that you put in "/* Variable definitions" and in the CSS section to fit the your blog. Make sure you place this:

<div id='content-wrapper'>
<div id='message-board'>
<b:section class='msgbrd' id='msgbrd' maxwidgets='1' showaddelement='yes'/>
</div>

directly below:

<div id='header-wrapper'>

because this is the part of the code that puts the quote generator below your header. When you have all the code in your template and saved it, open the Layout Editor and under the header will be a new element. Click 'Add a Page Element' , and select 'Configure HTML/JavaScript'. Click on 'Edit HTML' and add this to the window:

<i><center>

<center><script language="JavaScript">
//store the quotations in arrays
quotes = new Array(6);
quotes[0] = "So many cats, so few recipes.";
quotes[1] = "Use the best: Linux for servers, Mac for graphics, Windows for Solitaire.";
quotes[2] = "That's not a haircut. That's a cry for help.";
quotes[3] = "The last thing I want to do is hurt you. But it's still on the list.";
quotes[4] = "Some days it's just not worth gnawing through the leather straps.";
quotes[5] = "Doing for blogging what Ghengis Khan did for social work.";
//calculate a random index
index = Math.floor(Math.random() * quotes.length);
//display the quotation
document.write("\n");
document.write(quotes[index]);
//done
</script>

</center></i>

You can change the quotes whenever the whim strikes you. You can even add more quotes...just follow the layout and increase the 'Array(6)' for each quote. Note that even though it says 'quote 5', the 'array' says 6. That is because it starts with 0.

technorati tags:Blogspot

Blogged with Blog U

Perkakasan Widget Secara Online

2007-03-21T02:51:00.001+08:00

Specify a title for the widget and upto 10 messages (could be quotes).

Click on "Generate code" button and the code will appear in the textbox. Then you can add the widget to your blog.

Pilihan Fonts Untuk Banner

2007-03-21T02:11:00.001+08:00

The fonts presented on this website are their authors' property, and
are, to the best of our knowledge, either freeware, shareware or demo
versions. If anyone knows otherwise please notify us. All fonts have
been collected from around the web, and are maintained with all files
intact.

Web nie sesuai untuk mencari tulisan yang paling lawa.
Best nya web nie :

1. Berpulu-puluh ribu jenis font.
2. Boleh adjust size online
3. Boleh edit kan fonts ker wordpad , Notepad
4. Boleh Review setiap kita taip tulisan yang dikehendaki.

Author Post Link Setiap Kategori

2007-03-19T12:02:00.001+08:00

first got the idea for this after seeing Hoctro's similar hack. Unfortunately his requires that you change all your post titles to have the same prefix for related articles. I wanted one that would show related posts based on labels. I also wanted to do something with the new JSON format. I also looked at some of the already made hacks from

Beautiful Beta to figure out how to parse the JSON properly.

FYI, this probably won't work correctly if your labels use any reserved url characters, like question marks (?) or the slash character (/). I'm not url encoding anything here.

First of all, go to Template -> Edit HTML and paste the following into the page header:

<script type="text/javascript">
 //<![CDATA[
 var relatedTitles = new Array();
 var relatedTitlesNum = 0;
 var relatedUrls = new Array();
 function related_results_labels(json) {
  for (var i = 0; i < json.feed.entry.length; i++) {
  var entry = json.feed.entry[i];
  relatedTitles[relatedTitlesNum] = entry.title.$t;
  for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'alternate') {
    relatedUrls[relatedTitlesNum] = entry.link[k].href;
    relatedTitlesNum++;
    break;
   }
  }
  }
 }
 function removeRelatedDuplicates() {
  var tmp = new Array(0);
  var tmp2 = new Array(0);
  for(var i = 0; i < relatedUrls.length; i++) {
   if(!contains(tmp, relatedUrls[i])) {
    tmp.length += 1;
    tmp[tmp.length - 1] = relatedUrls[i];
    tmp2.length += 1;
    tmp2[tmp2.length - 1] = relatedTitles[i];
   }
  }
  relatedTitles = tmp2;
  relatedUrls = tmp;
 }
 function contains(a, e) {
  for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
  return false;
 }
 function printRelatedLabels() {
  var r = Math.floor((relatedTitles.length - 1) * Math.random());
  var i = 0;
  document.write('<ul>');
  while (i < relatedTitles.length && i < 20) {
   document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
   if (r < relatedTitles.length - 1) {
    r++;
   } else {
    r = 0;
   }
   i++;
  }
  document.write('</ul>');
 }
 //]]>
 </script>

Save it, and then click the Expand Widget Template checkbox. Scroll down to the blog1 widget, and find the following:

        <b:if cond='data:post.labels'>
           <data:postLabelsLabel/>
           <b:loop values='data:post.labels' var='label'>
             <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
           </b:loop>
         </b:if>

It'll probably be down in the post-footer-line section (whether that be line-1, -2, or -3)

Change that to:

        <b:if cond='data:post.labels'>
           <data:postLabelsLabel/>
           <b:loop values='data:post.labels' var='label'>
             <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
 <b:if cond='data:blog.pageType == "item"'>
 <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10"' type='text/javascript'/>
 </b:if>
           </b:loop>
         </b:if>

The 3 lines in bold are what I added ;)

Save it, and now go to Template -> Page Elements and add a new HTML/Javascript widget. I added mine underneath the main blog posts widget. You'll need to add it after (in the page) the above codebox for it to work correctly. Paste the following into it:

<script type="text/javascript">
  removeRelatedDuplicates();
  printRelatedLabels();
 </script>

Now go back to Template -> Edit HTML, check the checkbox to expand the template code, and find the HTML/Javascript widget you just added. It'll look something like the following. Add the lines in bold:

<b:widget id='HTML13' locked='false' title='Related Posts' type='HTML'>
 <b:includable id='main'>
 <b:if cond='data:blog.pageType == "item"'>
   <!-- only display title if it's non-empty -->
   <b:if cond='data:title != ""'>
     <h2 class='title'><data:title/></h2>
   </b:if>
   <div class='widget-content'>
     <data:content/>
   </div>
 
   <b:include name='quickedit'/>
 </b:if>
 </b:includable>
 </b:widget>

There's a few numbers you can tweak to show more or less related posts. In the first codebox there's a part that says i < 20 and the 3rd codebox has a part that says max-results=10. You can play around with these numbers if you want. After playing around a little these numbers seem to give a good trade-off between the speed of page-load and the number of related posts displayed.

technorati tags:Blogspot, Webmater

Blogged with purplemoggy

Integrating Your Feedburner Feed

2007-03-19T11:55:00.001+08:00

This tutorial will show you how to use your Feedburner feed with your Blogger (out of) beta blog.

1) Feed Auto-Detection
First, go to Template -> Edit HTML and towards the top you'll notice a line that says

<b:include data='blog' name='all-head-content'/>

which actually spits out something

like

  <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
   <meta content='true' name='MSSmartTagsPreventParsing'/>
   <meta content='blogger' name='generator'/>
   <link rel="alternate" type="application/atom+xml" title="Minima Theme Switch Demo - Atom" href="http://minima-switch.blogspot.com/feeds/posts/default" />
 <link rel="alternate" type="application/rss+xml" title="Minima Theme Switch Demo - RSS" href="http://minima-switch.blogspot.com/feeds/posts/default?alt=rss" />
 <link rel="service.post" type="application/atom+xml" title="Minima Theme Switch Demo - Atom" href="http://www.blogger.com/feeds/8301582465326140745/posts/default" />
 <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www2.blogger.com/rsd.g?blogID=8301582465326140745" />

when viewing the page source (in Firefox right click & choose 'View Page Source')

For your blog, you'll wanna copy & paste those lines from your blog's page source (the actual code it spits out will be different for everyone so DON'T JUST COPY & PASTE THIS!), then go ahead and edit the href's on the 2 lines that say rel="alternate" (as shown in bold) with your Feedburner feed

  <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
   <meta content='true' name='MSSmartTagsPreventParsing'/>
   <meta content='blogger' name='generator'/>
   <link rel="alternate" type="application/atom+xml" title="Minima Theme Switch Demo - Atom" href="http://feeds.feedburner.com/YourFeedburnerFeed" />
 <link rel="alternate" type="application/rss+xml" title="Minima Theme Switch Demo - RSS" href="http://feeds.feedburner.com/YourFeedburnerFeed" />
 <link rel="service.post" type="application/atom+xml" title="Minima Theme Switch Demo - Atom" href="http://www.blogger.com/feeds/8301582465326140745/posts/default" />
 <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www2.blogger.com/rsd.g?blogID=8301582465326140745" />

Now take what you've constructed at this point and replace the all-head-content part (as shown in the 1st codebox) with this.

2) Replacing Clickable Atom Feeds
Go to Template -> Edit HTML, check the box to Expand Widget Templates and find the following

<b:includable id='feedLinksBody' var='links'>
   <div class='feed-links'>
   <data:feedLinksMsg/>
   <b:loop values='data:links' var='f'>
      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
   </b:loop>
   </div>
 </b:includable>

This is the code for the part that shows either

Subscribe to: Posts (Atom)

Subscribe to: Post Comments (Atom)

depending on the page-type (label, permalink, homepage, etc.)

Replace that with

<b:includable id='feedLinksBody' var='links'>
   <div class='feed-links'>
   <data:feedLinksMsg/>
   <b:loop values='data:links' var='f'>
     <b:if cond='data:blog.pageType == "item"'>
      <a class='feed-link' expr:href='data:f.url + "?alt=rss"' type='application/rss+xml'><data:f.name/> (RSS)</a>
     <b:else/>
      <a class='feed-link' href='http://feeds.feedburner.com/YourFeedburnerFeed' type='application/rss+xml'><data:f.name/> (RSS)</a>
     </b:if>
   </b:loop>
   </div>
 </b:includable>

This will make that link point to your Feedburner feed for all pages except for the permalink pages which points to the per-post-comment feed for that post. Just replace the part in bold with your specific Feedburner feed.

Blogged with Flock

Labels as Tabs-DropDown Menubar

2007-03-19T11:47:00.001+08:00

So let's get going, shall we?

Step 1: The Javascript

Simply copy the following line into the head-section of your template:

<script src='http://non.alastor.googlepages.com/chrome.js' type='text/javascript'/>

Make sure that you don't insert it into the style definitions. Of course you can also replace the link if you decide to upload this file to another host.

Step 2: The CSS-definitions

Nowwe will define the look of the menubar, so click on your Edit HTML-taband go to your style section. Depending on the desired color of yourbar, you will have to copy one of the following definitions:

chromestyle.css - silver
chromestyle2.css -blue
chromestyle3.css - green
chromestyle4.css - red

Simply paste the code into the stylesheet, before the
]]></b:skin>

Step 3: Positioning the menubar

Okay,now we should be able to insert the last bits of our code to place themenubar. So let's talk about the possibilities we have: theoretically,we could put the bar everywhere, but I want to show you two ideas ofinserting the menubar:

a) below the header, over the rest of your content:

Thisis the main idea behind the concept, making it to one of the mostimportant elements on yoursite. Search for the end of the header-section and the beginning of your content-wrapper,this is the place where the following code goes in:

<div class='chromestyle' id='chromemenu'>
<ul>
<li><a href='http://YOURBLOG.blogspot.com/'>Home</a></li>
<li><a href='#' rel='dropmenu1'>Content 1</a></li>
<li><a href='#' rel='dropmenu2'>Content 2</a></li>
<li><a href='#' rel='dropmenu3'>Content 3</a></li>
<li><a href='#' rel='dropmenu4'>Content 4</a></li>
</ul>
</div>

<script type='text/javascript'>
cssdropdown.startchrome("chromemenu")
</script>

b) instead of the Blogger navbar on the top:

Aninteresting approach: replacing the navbar with your own, personalmenubar.It's not that difficult. You will have to add this line of code into your stylesheet:

#navbar-iframe {display:none
}

Then you will have to search the opening body-tag and paste the code from step 3.a there.

This is it. We will customize the contents of the menubar in the next step.

Step 4: Filling the menubar with your widgets

Asyou can see, the menubar has now five elements in it: Home and Content1-4. Rename the contents to your preferences. You can also add otherlinks or more content-elements (these will be our dropdown-menus) byadding new lines to the chromestyle-div.
Decide which widgets youwant in your menubar. I assume that feed-links, blogrolls, categorylinks, etc. are ideal candidates. In order to get a widget in there, goto its code and add the bold lines of code in there:

<b:widget id='...' locked='false' title='...' type='...'>
<b:includable id='main'>
<div class='dropmenudiv' id='dropmenu1'>
<div class='widget-content'>
.
.
.
</div>
</b:includable>
</b:widget>

Of course, the ID 'dropmenu1' should only be used once. You then have to change the number to dropmenu2, dropmenu3, etc.
Don't forget to delete the following line out of all widgets you put into your menubar, otherwise the layout won't look good:

<h2 class='title'><data:title/></h2>

Itshould work fine with plain linklists and blogrolls, but you will facesome sort of strange layout, e.g. when you want to display yourcategories up there. For this reason I have prepared code that shouldfit your desires:

a) Categories in the Menubar:

As far asI can tell, the menubar only shows one link in a line. So it getsscrewed when you simplay put up a category-widget, because the labelcount goes in an extra line. My workaround is to put the label countinside the link:

<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
<div class='dropmenudiv' id='dropmenu1'>
<div class='widget-content'>
<b:loop values='data:labels' var='label'>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/> (<data:label.count/>)
<b:else/>
<a expr:href='data:label.url + "?max-results=100"'><data:label.name/> (<data:label.count/>)</a>
</b:if>
</b:loop>

<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>

b) Feed Links-Widget:

I guess I am not the only one using PurpleMoggy's label feed-solution. If you try to pull that up to the menubar, you will soon face the problem
that every feed icongoes in an extra line. For this reason I've put up a customized labelwidget that offers label-feeds and standard post/comment-feeds as well:

<b:widget id='Label2' locked='false' title='Newsfeeds' type='Label'>
<b:includable id='main'>
<div class='dropmenudiv' id='dropmenu2'>
<div class='widget-content'>
<a href='http://YOURBLOG.blogspot.com/feeds/posts/default/-/' target='_blank' title='Subscribe to Posts'><img src='http://non.alastor.googlepages.com/rss_icon.gif'/> Posts</a>
<a href='http://YOURBLOG.blogspot.com/feeds/comments/default/-/' target='_blank' title='Subscribe to Comments'><img src='http://non.alastor.googlepages.com/rss_icon.gif'/> Comments</a>

<b:loop values='data:labels' var='label'>
<a expr:href='"http://YOURBLOG.blogspot.com/feeds/posts/default/-/" + data:label.name' target='_blank'><img src='http://non.alastor.googlepages.com/rss_icon.gif'/> <data:label.name/></a>
</b:loop>

</div>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Fine. We are done...for now. You can easily play around with the CSS
to change the look or add new elements to the menubar.
I hope you found my instructions useful, please let me know if you like this hack.

Update:

Here is an additional method to get content into the menubar:

Vivek Sanghi presents a way to get a list of recent posts into the menubar, which is pretty useful! Visit his post concerning this matter to see how!

Cheers!used Hoctro's 'Labels as Tabs'-hack, but in the end, I felt the need of some sort of drop down-solution. Take a look below my header, you should see it there. Well, doesn't look that special at first, does it? Take a look below my header, you should see it there.

technorati tags:Blogspot

Blogged with DropDown Menubar

Adsense optimization techniques-

2007-03-19T10:30:00.001+08:00

Here are some techniques that will allow you to have more successfulAdSense campaign. Use them together for achieving better results.

1. Correct ad position
Placeyour ad near your blog’s header or in the top of your post (article)page. This way the ad will attract more visitors and clicks.

Place the ad in the top position near the logo
How:Place your ad code after this div tag:

<div id="blog-header">
your AdSense JavaScript code

On the new Blogger just go to Template, add Adsense element and drag&place it above the Blog

Posts section of your blog.

Place the ad to appear only once in Main or Archive Page
How: Find those tags and place the ad between them:

<div id="main-content">

<MainOrArchivePage>

your AdSense JavaScript code

</MainOrArchivePage>

On the new Blogger just wrap the code that you want to appear in Main Page:

<b:if cond='data:blog.pageType == "item"'>

your AdSense JavaScript code

</b:if>

Place the ad to appear floating around the post
How:Go to blogger template and find the </blogger> tag. At the end ofit place <span style="float: right"> your AdSense JavaScript code</span>

For the new Blogger template go and edit the HTML code. Find the line:
<div id='main-wrapper'>
Then add your previously created from the template Adsense widget code:
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='AdSense2' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div class='widget-content' style='float:right;margin:0; padding-left:15px'>
<data:adCode/>
</div>
</b:includable>
</b:widget>

Notethat just before the <data:adCode/> tag there is a div withmodified style. This will allow the ad to float around the post.

Payattention that the top placed Adsense code in your blog has the biggestCPM - so investigate your channel statistics and place the most payingads on the top.

Place the ad to appear in the middle of the post
This should increase your page CTRs.
You can use this technique. The only cons is that you must edit all your posts and place the adsense entry point manually.

~~http://adsensical-adsense.blogspot.com/2006/06/place-ads-in-middle-of-blogger-posts.html~~

2. Ad transparency and fluency
Inorder your ad to appear more naturally according to the website'scontent you are allowed to change its properties/settings using AdsenseAd setup or from the Blogger’s template.

Link color & background
Match the ad's link &amp; background color to the link & background color of your blog.

Border color

Remove ad's

technorati tags:Webmaster

Blogged with Do No

Nak bagi laju Blogger - CSS Edit

2007-03-18T06:09:00.000+08:00

Bagi pengedit Blogger , mereka tentu bosan dengan css edit. Itu tak kena , ini tak kena, Masuk script buang script. masuk widget buang widget.Persoalan tuh dapat dijawab kini. Bukan sahaja melajukan css malah Nizam kan bagitau bagaimana nak dapat Blog kita di lihat sebaik nya kesemua brwser yg ada seperti firefox , Ie7 or ie6 dan juga opera sesetangah mereka yg gunakan nya.

pokok nya adalah kena edit bahagian nie terlebih dahulu
contoh shj nie...

#wrapper-outer {
margin: 0 auto;
min-width: 960px;
width: auto !important;
width: 80%;
}

Sila abaikan logo nie , ianya bukan hasil dr tips css kelajuan perkara dibawah nie.

jgn risau.. kita tak kacau size dia, padding ditambah , margin diubah.. kita tak mau sembang adjust bab -bab nie.ada sesetengah templates yg ada content wrapper. Tempat ini adalah bahagian edit kesemua bahagian sisi templates. Bagaiamana caranya..

Jikalau rasa tiada penting dalam hal-hal Css. Masukkan ini.

selector {
min-height:500px;
height:auto !important;
height:500px;
}
1. Langkah mula anda perlu lihat bahagian permulaan Css edit

adjustkan dan masukkan

selector {
min-height: 300px;
height: expression(document.body.clientHeight ? “300px” : “auto”);
}

Kat mana tuh? selector tuh haper?
Ok baik..

Cari bahgian nie.

Perkara-perkara nie adalah bahagian dimana background colour , text colour yg akan diauotmatikkan di css. Habis sampai bahagian ini terus sahaja masukkan

2. Masukkan sahaja seperti diatas
contoh
/* http://niezom.blogspot.com/2007/03/nak-bagi-laju-blogger-css-edit.html */ selector { min-height:500px; height:auto !important; height:500px; } […]

Kalau rasa banyak perkara nak cakap pasal CSS. Boleh tanyakan Nizam . Contoh.. apakah templates yg anda pakai sekarang

Macam yg paling sesuai adalah seperti nie

selector {
min-height: 300px;
height: expression(document.body.clientHeight ? “300px” : “auto”);
}

Contoh
Saya downloads dari hans (Baeautiful Beta)
Saya " " " dari Kaie
Saya " " " Hackopshere old version amnya.

Macam hal yg lain-lain CSS nie harus di masukkan dibahgian-bahagian yg rasa seesuai dimasukkan , seperti antara bhagian adjust wrapper.

contoh :

/* Content
----------------------------------------------- */

Ianya banyak membantu dalam code nie

min-height: 580px;
_height: auto !important;
height: 580px;

Punyai style yg tersendiri ( bhagian specialist nie- rasa boleh buat..kira ok lah tuh )

#inner_element {
_height: auto !important;
height: auto !important;
height: 850px;
min-height: 850px;
}

Nak menambahkan atau nak letakkat mana seterusnya ?**&%$$%^&

Sekiranya anda mahu kerjasama dan mudah kan kerja bersama Nizam la.hehe.Khusus untuk para Blogger org kita.

Blogger Yg boleh dibuka kesemua Browser

2007-03-18T05:16:00.000+08:00

Apa yg perlu ditekan kan dalam sebuah blog.?

Blog yang punya byk function atau script code yg boleh melambatkan blog. Boleh mengurangkan pelawat kedalam blog kita.Biarpun cantik hasil seninya , function yg menarik tapi tidak semua mampu hasilkan Blogger yg baik keseluruhan nya. Sbb apa ? Css adalah jawapan nya. Bagimana nak edit css. Css dalam sesuah templates blog adalah berbeza, maka kekuatan pada sebuah blog adalah css nya yg mampu menyokong pelbagai bahan yg ada di blog.

Boleh paparkan kesemua browser dengan baik
IE7 (Internet Explorer)
Mozilla FireFox
Opera

Pada mula nya downloads templates . Kita akan rasa puas hati dengan kelajuan blog . Setelah masukkan pelbagai bahan, maka akan terasa berat . Takkan rumah yg kita duduki tidak dapat letakkan pelbagai hiasan untuk cantikkan rumah? Takkan hiasan rumah kita sama shj dengan hiasan dengan rumah-rumah yg lain?

Mesti kita mahukan kelainan dengan blog yg lain, bukan?
Seperti mana di blog Niezom. 7 coloums telah dapat

dihasil kan dengan sempurna. Bukan sesuatu perkara yg susah , size , letakkan sudut sisi yg stabil, adalah sesuatu yg mencabar sebenar nya dalam kerja edit mengedit. Tanya apa shj ttg Blogger. Nizam bersedia membantu para blogger org kita dalam hasilkan blog yg baik (kecuali bahan penulisan yg baik).

Niezom tengah dalam usaha mencari templates blogger yg sesuai dalam memuatkan pelbagai widget atau function script code . seperti mana pee-ka-boo ada kelemahan nya dan kelebihan nya , begitu juga hans dan kaie , moggy . Dan ramai sebenarnya, tapi ini lah acuan yg sering para blogger dapatkkan templates mereka

Mereka-mereka ini adalah pelopor dalam dunia templates Blogger (blogspot).
Mereka mampu hasilkan pelbagai function yg menarik . Dan ramai yg ambil bahan mereka sbg bahan untuk kajian seterusnya.
seterusnya....

p/s : menanti Blogger dari Malaysia untuk sama-sama bincangkan isu blogger khusus nya perbincangan dalam bahasa melayu.

Edit Online CSS Text

2007-03-17T07:21:00.000+08:00

Bahagian ini adalah amat sesuai untuk cari text untuk penulisan di Blogger.Sebelum ini Nizam telah mencuba sendiri untuk , dan mmg memuaskan hati. Selepas ini Nizam akan buat balik edit text ini dan masukkan kedalam blog ini. adalah kerana setelah templates blog diubah suai dan melajukan nya , maka tak hairan lagi apa jua segala edit dibahagian widget mahupun code , css dah tak jadik masalah sekarang.

Keistimewaan typester ini
1. Online editor
2. Pilihan beribu-ribu jenis
3. Boleh review.
4. Request apa yang tak ada dalam web nie
5. Yang penting- mmg masyukkkk dalam Blogger.

Kat mana nak masukkkan kedalam Blogger?Meh kta bincang.

Lihat lah gak pada templates korang. Ada lain nya bahagian body dan ada lain nya bahgian css bahgian main, mcm templates nie , bukan macam dulu yang acuan nya dari kaie, tetapi sepenuh telah diedit oleh nizam sepenuh nya.

Jgn kecik ati no.. Nizam mmg nya dah lama nak bincang terutama blogger dari negara kita. asyik-asyik bincang omputih jer.. ada kala code diaoarang danger gak..

Random Banner Blogger Easy

2007-03-17T06:18:00.000+08:00

Nizam turunkan sedikit demi sedikit bahagian yang mudah.Dari atas bahagian yang perlu adalah untuk menarik dalam bahagian blog adalah bahagian banner.Banner yang sesuai perlulah dieditkan pada photoshop mengikut size .
Ini bukan ilmu photoshop akan tetapi banner yang boleh ditukar-tukar ganti setiap klik mengikut masa .Banyak tutorial yang berkaitan dengan banner, dan banner ini hanya masukkan code kedalam bahgian script. Bagi mereka yang telah lama di Blogger, tahu bagaimana untuk meletakkan bahgaian ini.

Apa yang menarik tentang banner ini adalah bahagian kedudukan (code) tidak perlu untuk edit css, edit side widget dan html.

Lihat kedudukan code ini

Klik Gambar untuk paparan yang boleh dilihat

Maka haslilnya adalah seperti dibawah ini.

Anda boleh komen atau kongsi pendapat adakah banner yang dilik ini menganggui kedudukan blog ?

Adakah banner ini ada tersekat-sekat setiap kali di klik untuk paparan seterusnya. Tnayakan pedapat anda atau ada cara yang terbaik dibahagian banner boleh kita kongsi pendapat bersama.

7 Coloums My Blogger Templates

2007-03-17T06:16:00.000+08:00

Diwaktu subuh yang hening , siap sudah templates nizam dengan besertakan 7 coloums atas bawah tepi , boleh katakan hampir semua nya memeunhi blog. Akan tetapi bukan semudah yang dijangkakan, adalah kebanyakkan templates yang berada seluruh pelosok Blogger adalah sama sahaja. Identiti kita corak kita , ini adalah hasil ciptaan Nizam . Insya-Allah Nizam ingin peturunkan sedikit demi sedikit pengalaman untuk Malaysian Blogger am nya.

Grand Prize International Jury (Generation Category)

2007-02-18T14:32:00.000+08:00

Pengarah filem terkenal, Yasmin Ahmad (gambar) mengharumkan nama negara apabila filem keempat arahannya, Mukhsin menerima anugerah utama Grand Prize International Jury (Generation Category) pada Festival Filem Antarabangsa Berlin Ke-57, hari ini.

Dengan kemenangan itu, Yasmin meraih hadiah wang tunai 7,500 euro (RM33,547) dengan mengalahkan filem The Dorm dari Thailand.

Mukhsin rangkul anugerah Filem Antarabangsa Berlin
The film will be released in Malaysia on March 8. It tells the story of friendship and innocent love between 13-year-old Mukhsin (Mohd Syafie Naswip) and 10-year-old Orked (Sharifah Aryana), when the boy comes to Orked's village to live with his aunt during the school holidays.

A trailer forYasmin Ahmad's new film, Mukhsin, is available at YouTube. The film has also been selected for competition in the Generation section of the Berlin International Film Festival. Mukhsin had earlier premiered at the Tokyo International Film Festival.
Mukhsin trailer (YouTube)

Keputusan Bola Paling cepat Updated

2007-02-16T04:31:00.000+08:00

Bagi peminat bola khususnya Piala Liga M , Liga Super . Bagi mereka yang tidak dapat mengikuti keputusan dari tv mahupun radio, boleh pergi Website Keputusan Bolasepak Terpantas di dunia

Fakta Yang Menarik..baca seterusnya

1. Boleh ikuti keputusan bola ceruk mana di dunia
2. Setiap detik, setiap saat, keputusan bola boleh didapati... siap ada bunyi gong xi fa chai bila ada score.
3. Selalu ikuti bila ada Game Perak.
4. Siap ada button English utk baca web yg di buat oleh bookie Cina ini.hehe