Khamis, 30 Julai 2009

Cara buang Warning XP not Genuine

Background bertukar jadi hitam ialah kesan genueine software validation yang telah dikeluarkan oleh Microsoft untuk membendung kegiatan cetak rompak.Setahu saya ramai yang penah mengalaminya….cara paling berkesan ialah Format…Tunggu dulu!!!…jangan Format…ambil Tips saya nie dan cuba dahulu ok…

Cara tersebar:-
* Apabila mengaktifkan Automatic Upadates
* Software tersebut akan di install secara automatic kedalam sistem anda
* Arahan yang dikeluarkan oleh software tersebut akan menyahaktifkan(disable) background anda dan beberapa fungsi penting(key features) lain..

Cara mengatasi:-
1. Buka Windows Task Manager.
2. Matikan(end) wgatray.exe process in Task Manager.
3. Restart Windows XP dalam Safe Mode.
4. Delete WgaTray.exe dari c:\Windows\System32.
5. Delete WgaTray.exe dari c:\Windows\System32\dllcache.
6. Buka RegEdit.(-taip di RUN..)
7. Cari(browse) lokasi ini:-
HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\
Windows NT\CurrentVersion\Winlogon\Notify
8. Delete folder ‘WgaLogon’ dan kesemua isinya.
9. Reboot Windows XP.

Selamat mencuba..

Ahad, 26 Julai 2009

4 COLUMN FOOTER

Steps You Need to Add 4 Column Section at the Bottom of the Blogger

Step 1. Login to your Blogger Dashboard

Step 2. Go to Layout >> Edit HTML , do not check the "expand widget templates" box. This will simplifies the process

Step 3. Back up your existing blogger template (Click on 'Download Full Template' to Back up)

Step 4. Now search these line of codes or similar ( footer-wrap, footer, footer-end etc... )

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

Step 5. Replace section code in red with below code

<div id='footer-column-container'>
        <div id='footer1' style='width: 225px; float: left; margin:0; '>
    <b:section class='footer-column' id='footer-column-1' preferred='yes' style='float:left;'>
<b:widget id='Text1' locked='false' title='About B-G' type='Text'/>

</b:section>
    </div>

      <div id='footer2' style='width: 225px; float: left; margin:0; '>
    <b:section class='footer-column' id='footer-column-2' preferred='yes' style='float:left;'>
<b:widget id='Text4' locked='false' title='About Author' type='Text'/>
</b:section>
    </div>

      <div id='footer3' style='width: 225px; float: right; margin:0; '>
    <b:section class='footer-column' id='footer-column-3' preferred='yes' style='float:right;'>
<b:widget id='Text3' locked='false' title='Subscribe in Reader' type='Text'/>
</b:section>
    </div>

  <div id='footer4' style='width: 225px; float: right; margin:0; '>
    <b:section class='footer-column' id='footer-column-4' preferred='yes' style='float:right;'>
<b:widget id='Text2' locked='false' title='Access B-G on Go' type='Text'/>
</b:section>
    </div>

<div style='clear:both;'/>
</div>  

Step 6. Now you need to add CSS for these section, add below CSS code right above ]]></b:skin>

#footer-column-container { border: .3px dotted #cccccc;}

.footer-column { margin: 0 10px 0 10px; padding:5px;
color: #666666; line-height: 1.5em; font-size:12px;}

.footer-column h2 {
padding-bottom:.15em; text-align:center;
font:"normal normal 80% 'Comic Sans MS','Lucida Sans Unicode','Trebuchet MS',Sans-serif";
color:#333333;
line-height:1em; letter-spacing:.1em;
border-bottom: 1px solid #cccccc;}

.footer-column ul { list-style:none; margin:0 0 0; padding:0 0 0;}

.footer-column ul li {
background: url(http://i421.photobucket.com/albums/pp296/rnbutpur/bullet-1.gif) no-repeat;
margin:0 0 0; padding-left: 16px;
padding-bottom: 0.5em; line-height:1.2em;}

.footer-column .widget {margin:0 0 .5em; padding:0 0 1em;}

Step 7. Preview and Save your template. Now you will have four column at footer section

Jumaat, 24 Julai 2009

BUAT 3 COLUMN PADA FOOTER

Ada 3 langkah

Langkah 1:

Backup templates asal korang Template>Edit HTML dan klik 'download full templates'

Langkah 2:

Kalau korang ada tambah-tambah widgets dekat footer korang sebelum ini, dipersilakan buang dulu.

Langkah 3:

Tambah kod HTML pada templates korang Template>Edit HTML

Mula-mula cari kod ini
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

Kemudian korang tukar kod(bold) dengan kod di bawah

<div id='footer-column-container'>

       <div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>

  <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
       </div>

       <div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
  <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
       </div>

       <div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

  <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
       </div>

<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>

</div>

Ok korang boleh save dan tengok layout korang sekarang.

TULISAN BERKELIP DAN STICKY POST

Mula mula log in blog, seterus nya ikut arahan dibawah

1. Dashboard > Layout > Add Page Element > Text > Add To Blog.

2. Tulis apa yang kita nak tulis. Save

3. Lepas tu Klik dan drag letakkan kat atas Blog Posts. Save.

 

EDIT: ade satu lagi cara...

1. create post macam biasa. Publish post

2. Lepas kita post entri tu, kita edit balik, masa ni kat post options tu kita tukar date dengan time ..kalau nak seminggu entri tu dok atas..tukar la date seminggu kedepan.

3. pastu publish.

Nak tulisan berkelip² , letak kod macam ni

<blink> Perhatian </blink> , dia akan jadi macam ni Perhatian

Isnin, 20 Julai 2009

Customizing your header: add an image

I just love the Minima template. It is so versatile. New discoveries keep turning up. My last great discovery was how to tweak the heading to my liking. It involves:
finding an image and cropping it to fit (once again using Irfan View)
upload this image to your web host
put this code in your template between the <style> and </style> tags in your blogger template:

#header {
width:660px;
margin:0 auto 10px;
border:1px solid #ccc;
background: #fff url(http://your image.jpg) no-repeat top right;
}
change the URL between the parenthesis from http://your image.jpg to the URL assigned by your web host
You notice that it says "no-repeat top right". That moved my image to the right. You can change that to left or center. Depends on your design. Late one night I was surfing and found a great use of a small graphic on the left...if only I had saved the site. But, that was my inspiration.

Add a Widget Beside Your Header

There is a way, and it can be done with creating a widget. First you will make a couple of changes to your CSS style sheet. You will want to find the Header section. Look for something like this:
#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
Basically what we are doing is dividing the header up. I'm going to make each side equal, but you can use any proportion you want allowing for the margins. So, replace that code with this:
#header {
width: 300px;
float: left;
margin: 5px;
text-align: center;
color:$pagetitlecolor;
}
#header-right {
width: 300px;
float: right;
color: $pagetitlecolor;
margin: 5px;
padding: 5px;
}
You can adjust these values to fit your template. (It should not equal more than your outer-wrapper.) Almost done! Find this code in your template:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR BLOG TITLE (Header)' type='Header'/>
</b:section>
</div>
And replace it with this:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR BLOG TITLE (Header)' type='Header'/>
</b:section>
<b:section class='header' id='header-right' showaddelement='yes'>
</b:section>
</div>
Take a look at your page element page and you will see your new widget

MELETAK WIDGET ATAS BLOGGER POST

Selepas anda Log In Blogspot anda ikuti langkah berikut di bawah ini:

Step 1: pergi ke Dashboard

Step 2: Dashboard > Layout > Edit HTML , download dulu template lama anda dan simpan, untuk pembetulan

Step 3: semasa di HTML, click "Expand Widget Templates"

Step 4: cari section ini: <div id='content-wrapper'>

Step 5: dapat kan  : <b:section class='crosscol' id='crosscol' showaddelement='no'/>

Step 6: tukar 'no' kepada 'yes'

kemudian Preview dulu – setelah berpuas hati , save tamplate dan pergike Page Elements section dan lihat "Add a Gadget" atas blog post section .

Step 7: Add widgets! dan selamat mencuba!

Ahad, 19 Julai 2009

Add new layout below Header in Blogger

Adding new layout just below header in blogger is not so hard . You may have tried to add new sidebar in blogger.Similar to that you have to add some codes to your blog To create a new layout for adding a new page element in your blog.

Note : Please backup your template before you perform any blogger Hack.

First of all Goto your blog Edit Html Page and Add the following CSS code to the head section of your blog ie between <head> and </head> Tags .
#belowheader-wrapper {
width:800px;
margin:0 auto 10px;
overflow: hidden;
}
In the above code use the width equal to your Header wrapper.

Now search for the following lines of code .
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Bloganol Demo Blog (Header)' type='Header'/>
</b:section>
</div>

Finally paste the following code just after the above code.
<div id='belowheader-wrapper'>
<b:section class='belowheader' id='belowheader' preferred='yes'/>
</div>

Jumaat, 3 Julai 2009

MEMBUAT ELEMENT BAWAH HEADER

TUTORIAL YANG AKU CILOK……….

Like what I’ve told you before in my previous post, “Saving widget below of the header”, I said that, there are still a lot of ways to saving widget or element, exactly below the header. Today, I will give you a new technique. With this, you will be able to make a new column, exactly below the header. Want to figure it out? Here we go……

In order to make a new column, we only need to put a little ‘spices’ like CSS code and HTML code in your template code. And this won’t be as hard as you imagine. Just follow my instructions below:

1. Login to Blogger with your ID.
Click Layout

Click tab Page Element. Look at your layout template structure. Usually it will be like this:

Now, we are going to make a new column exactly below of your header. Hehehe… feel nervous?
Okay then, click tab Edit HTML.
Click sentence Download Full Template, it is very important for you to backup this!

Copy the code below, then paste it before code ]]></b:skin>

#under_header{
margin:10px 0;
padding:1%;
width:98%;
}

Find out code which look exactly like this :

<div id='header-wrapper'> 
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
    </div>

Copy the code below, and paste it exactly after that code :

<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>

Click SAVE TEMPLATE buttons, and wait until your template saved.
Click tab Page Element and your layout structure will be like this…

Yahuuuuu…. Now you already have an element which placed exactly below your header. Feel free to add any elements do you wanted to. Want some Google Advertise, or maybe some photos, it’s all up to you!

1. Final step…. It’s done (Hurray!!)

Codes that I have shown to you aren’t unconditional. That’s only the simplest codes, for making this tutorial. Feel free to change it and reconstruct it as much as you can. See you…

Khamis, 2 Julai 2009

MEMBUAT NEWS PAPER STYLE DROP CAPS

Make a News Paper Style Drop Caps

Do you have read a magazine or newspaper? the answer is surely have. In this opportunity I will study concerning how do to make an alphabet which in printing bigger in comparing with other ordinary alphabet such as in writing in a newspaper or magazine. For example :

M
any the way to back up the data in Widgets / page element, but I'm limitation of time to comment it in detail, hence I will try explain just two way, that is backing up directly from Page element and also backup from template source code.

To make the article like that is easy very, you are only adding a few CSS codes when you post an article. However you post an article, you must choose  tab, don't at  tab.

This is the codes :

<span style="float:left;color: #000;background:#fff;line-height:80px; padding-:1px 5px 0 0; font-family:times; font-size:100px;">First alphabet</span>

Example. however you must remember when you add this code you must at Edit HTml tab :

<span style="float:left;color: #000;background:#fff;line-height:80px; padding-top:1px; padding-right:5px; font-family:times; font-size:100px;">M</span>any the way to back up the data in Widgets / page element, but I'm limitation of time to comment it in detail, hence I will try explain just two way, that is backing up directly from Page element and also backup from template source code.

This is the result :

M
any the way to back up the data in Widgets / page element, but i'm limitation of time to comment it in detail, hence I will try explain just two way, that is backing up directly from Page element and also backup from template source code.

To be you more understanding, I will elaborate concerning above codes :

color: #000 : this is the code for alphabet color, #000 is code for black color, you can alter this code with your color.

background:#fff : this is the code for background color of first alphabet (firt alphabet). #fff is code for white color, you can alter this code with you want color.

padding:1px 5px 0 0 : this the code dor padd, 1px--> padding for top, 5px psdding for right, 0 --> padding for bottom, 0 --> padding for left. You can alter the value of padding with other value.

font-family:times : this code is for style of font, you can alter the font with font what you want, example verdana, georgia and etc.

Font-size:100px : this code is for size of font, you can alter the size of font.

This is several example :

<span style="float:left;color: #0C3259;background:#BCBBBB;line-height:80px; padding:1px 5px 0 0; font-family:times; margin: 0px 5px 5px 0px; font-size:100px;">First alphabet</span>

The result :

M
any the way to back up the data in Widgets / page element, but I'm limitation of time to comment it in detail, hence I will try explain just two way, that is backing up directly from Page element and also backup from template source code.

<span style="float:left;color: #0C3259;background:#77FD8D;line-height:80px; padding:0 5px 0 5px; border: 2px solid #606160; border-right: 2px solid #606160; border-bottom: 2px solid #606160; font-family:georgia; margin: 0px 5px 5px 0px; font-size:100px;">First alphabet</span>

The result :

M
any the way to back up the data in Widgets / page element, but i'm limitation of time to comment it in detail, hence I will try explain just two way, that is backing up directly from Page element and also backup from template source code.

<span style="float:left;color: #04440E;background:#E0F5FD;line-height:80px; padding:0 13px 0 10px; border: 2px solid #057B19; border-right: 2px solid #057B19; border-bottom: 2px solid #606160; border-top: 1px solid #057B19; border-left: 1px solid #057B19; font-family:arial; font-style: italic; margin: 0px 5px 5px 0px; font-size:100px;">First alphabet</span>

The result :

M
any the way to back up the data in Widgets / page element, but i'm limitation of time to comment it in detail, hence I will try explain just two way, that is backing up directly from Page element and also backup from template source code.

And please create any style with your.

Except the above step, you can create a News Paper Style Drop Caps with other way. this is more then easy. this is the steps:

Step #1 :

Login to blogger with your ID

After entering the dashboard page , click Layout. Please saw the picture :

Then click edit HTML tab. Please saw the picture :

Click the Download full template link. Save your template:

Go to your template code

Copy and paste the following code above of ]]></b:skin>

Click Save Template button

Step #1 is finish.

Step #2 :
Click Setting tab.

Click formatting tab.

Go to lower side. you will find a blank text are beside Post Template. Fill that blank text area with this code :

<span class="magazine"> </span>

Click Save settings button.

finish

How to post your article?

When you post your article, choose  tab. and you will see the code below :

<span class="magazine"> </span>

Place the first alphabet between <span class="magazine"> and </span>

Example :

<span class="magazine">M</span>any the way to back up the data in Widgets / page element, but I'm limitation of time to comment it in detail, hence I will try explain just two way, that is backing up directly from Page element and also backup from template source code.

Publish your article and finish. Please see the result.

TUTORIAL DISINI

MELETAKAN WIDGET BAWAH HEADER

Follow my instructions below:

Login to Blogger with your id.
Click Layout.

Just click Edit HTML tab.
Click sentence Download Full Template, you must backup this thing. It’s very important!

Find out codes which like this :

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Delete that code and change with this one:

<b:section class='header' id='header' preferred='yes'>

Click Save Template button. Wait ‘till this is done.

Click Page Element tab and  your layout template will be like this :

Feel please to customize your blog with a new Page Element below the header.
In order to add Page Element, you can click Add Page Element. You can add anything you want. And then, you can drag the new element, below of header elementr, if you already finish your business with your new element.
If your setting was done, just click SAVE in top of that page.
Well done, now see the result.

MELETAK WIDGET ATAS BLOGGER POST

Selepas anda Log In Blogspot anda ikuti langkah berikut di bawah ini:

Step 1: pergi ke Dashboard

Step 2: Dashboard > Layout > Edit HTML , download dulu template lama anda dan simpan, untuk pembetulan

Step 3: semasa di HTML, click "Expand Widget Templates"

Step 4: cari section ini: <div id='content-wrapper'>

Step 5: dapat kan  : <b:section class='crosscol' id='crosscol' showaddelement='no'/>

Step 6: tukar 'no' kepada 'yes'

kemudian Preview dulu – setelah berpuas hati , save tamplate dan pergike Page Elements section dan lihat "Add a Gadget" atas blog post section .

Step 7: Add widgets! dan selamat mencuba!