Discover Everything In Evshare

Friday, July 31, 2009

Hari Keluarga Jabatan Audit Negara (KPM)

Friday, July 31, 2009 2 comments

Assalamualaikum...sorilah kawan-kawan coz lama tak update blog ini, dalam entry ana kali ni, nak story sikit tentang aktiviti pada minggu lepas.

Pada hari sabtu lepas ana dan family telah pergi ke Pulau Pangkor coz menghadiri sambutan Hari Keluarga pejabat isteri,(Kementerian Pelajaran Malaysia) . kami bertolak seawal jam 7.30 pagi dengan menaiki kereta secara konvoi melalui sabak bernam sampailah ke Jeti Lumut. Jam 12.40 kitaorang tiba di Jeti Lumut dan menaiki feri untuk ke seberang. kira-kira jam 2.30 petang kami sampai di resort tempat kami akan menginap, kira berpatutanlah juga harganya dalam Rm95 untuk semalaman. so, pada petang tu kitaorang buat aktiviti bebas(tido laa..penat)
pada sebelah malam pula cadangnya nak buat BBQ tapi lain yang di plan,lain lak jadinya..so terimalah ape yang ada..hehehe..seperti biasalah aku sorang je yang namanya ustaz kat situ..so memang dah jadi rutin seorang ustaz(baca Doa)lah...:) selepas menikmati hidangan ...kami dihidangkan pula dengan acara Karaoke...adusss...ni yang tak syok ni...memang ana dah cakap awal-awal lagi kitaorang tak nak nyanyi..so, jadilah pendengar yang tak berapa setia..hihihi...

Aktiviti Hari Keluarga disambung pula pada keesokan harinya dengan acara untuk anak-anak dan untuk bapa-bapa(main sukaneka dan volyball) fuhh...seronok...:) selepas habis acara tersebut...ana pun apa lagi....mandiiiiilaaaa...

Dari kiri : Mr Raja, En Azmi dan Aku

Sebelum Mandi-manda

Kami bertolak pulang pada jam 2.00 petang dan sampai rumah pada jam 10 malam..dalam perjalanan pulang tu kami singgah di teratak Akh Burhanuddin.saje ziarah dia.. Ala kullihal...hari keluarga pada tahun ni memang syok... Terima kasih kepada...Mr Raja,En.Azmi,En.Zarul dan lain-lain lagi....Wassalam

Tutorial Membuat Template Blog/Web dengan CSS siri 2

Wednesday, July 22, 2009 Tutorial Blog No comments

Assalamualaikum...bertemu lagi kita, sori bebanyak..cz lama tak update blog..maklumlah banyak kerja nak di siapkan insyallah saya akan sambung tutorial membuat template yang saya buat minggu lepas....Ohya! gambar kat sebelah tu hanyalah hiasan ...kalau tak suka...sila abaikan..hehhe..saje letak gambar tu...sebab dah takde gambar yang sesuai...

Ok...kita sambung dari tutorial lepas....

2. TD

Pada bagian element body CSS, copy font, color, margin, padding, dan text-align kemudian buat element baru CSS yang dinamai TD :

td {
font:12px verdana;
color:#01244F;
margin:0 auto;
padding:0;
text-align:center;
}

3. LINK

Pada bagian tag <body> masih terdapat unsur link, yaitu:
<body link="#000000" vlink="#000000">
Link ini, pada CSS dipisahkan menjadi elemen-elemen BERIKUT:

a:link {
color:#000000;
}
a:visited {
color:#000000;
}
a:hover {
color:#01244F;
}

a:link merupakan pengaturan link. a:visited pengaturan link yang sudah pernah dibuka. a:hover pengaturan link yang disorot.

Untuk sementara, CSS yang sudah ada:
--------------------------------------
<style type="text/css">
body {
background:#ADD2FF url("http://i79.photobucket.com/albums/j152/riniaisyah/blogger/white-love-bgcontent.jpg") repeat-y center;
font:12px verdana;
color:#01244F;
margin:0 auto;
padding:0;
text-align:center;
}
td {
font:12px verdana;
color:#01244F;
margin:0 auto;
padding:0;

text-align:center;
}
a:link {
color:#000000;
}
a:visited {
color:#000000;
}
a:hover {
color:#01244F;
}

</style>
-----------------
4. Content

<div id="content" align="left" style="width:750px; border-top:5px solid #FFE53C">
Ambil style dan align untuk content, pindahkan pada CSS. Karena content merupakan tag id, maka pada CSS, penamaan content diawali dengan karakter # atau #content.

#content {
width:750px;
border-top:5px solid #FFE53C;
text-align:left;
}

5.Sidebar

<div id="sidebar" style="float:left; width:230px; border-top:5px solid #FFE53C; font-size:11px;">
Ambil style untuk sidebar, pindahkan pada CSS. Karena sidebar merupakan tag id, maka pada CSS, penamaan sidebar diawali dengan karakter # atau #sidebar.

#sidebar {
float:left;
width:230px; >
border-top:5px solid #FFE53C;
font-size:11px;
}

Seterusnya, atur juga jarak antara baris pada paragraph sidebar, iaitu:

#sidebar p {
line-height:1.5em;
}

.....Bersambung

Tutorial Membuat Template Blog/Web dengan CSS siri 1

Tuesday, July 14, 2009 Tutorial Blog No comments

Assalamualaikum Wbkt dalam entry saya kali ini saya akan berikansedikit tutorial ringkas mengenai cara-cara membuat Template CSS untuk laman Blog.Didalam Tutorial kali ini saya akan membahaskan penggunaan CSS atau Cascading Style Sheet. ianya adalah merupakan pengumpulan data style yang kita gunakan dalam pembuatan template Blog /web.
Ayuh kita perhatikan contoh template ini(Non CSS):-

-----------------------------------------------------------------------------

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><$BlogPageTitle$></title>
<$BlogMetaData$>
</head>
<body style="background:#ADD2FF url(http://i79.photobucket.com/albums/j152/riniaisyah/blogger/white-love-bgcontent.jpg) repeat-y center; font:12px verdana; color:#01244F;" link="#000000" vlink="#000000" leftmargin="0" topmargin="0" rightmargin="0" marginwidth="0" marginheight="0">
<div align="center">
<div id="content" align="left" style="width:750px; border-top:5px solid #FFE53C">
<div id="header">
<img src="http://i79.photobucket.com/albums/j152/riniaisyah/blogger/white-love-header1.jpg" /><img src="http://i79.photobucket.com/albums/j152/riniaisyah/blogger/white-love-header2.jpg" /><img src="http://i79.photobucket.com/albums/j152/riniaisyah/blogger/white-love-header3.jpg" />
</div>
<div id="sidebar" style="float:left; width:230px; border-top:5px solid #FFE53C; font-size:11px;">
<h2 style="background:#D6E9FD url(http://i79.photobucket.com/albums/j152/riniaisyah/blogger/white-love-title.jpg) no-repeat 0 0; font-weight:bold; font-size:14px; color:#A93101; padding-left:20px; padding-top:5px; padding-bottom:5px;">...Hari Kemarin</h2>
<ul style="list-style:none; margin-left:0; line-height:1.5em;">
<BloggerPreviousItems>
<li style="background:url(http://i79.photobucket.com/albums/j152/riniaisyah/blogger/white-love-item.gif) no-repeat 0 .45em; padding-left:16px;">
<a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a>
</li>
</BloggerPreviousItems>
</ul>
<h2 style="background:#D6E9FD url(http://i79.photobucket.com/albums/j152/riniaisyah/blogger/white-love-title.jpg) no-repeat 0 0; font-weight:bold; font-size:14px; color:#A93101; padding-left:20px; padding-top:5px; padding-bottom:5px;">...Kumpulan Arsip</h2>
<MainOrArchivePage>
<ul style="list-style:none; margin-left:0; line-height:1.5em;">
<BloggerArchives>
<li style="background:url(http://i79.photobucket.com/albums/j152/riniaisyah/blogger/white-love-item.gif) no-repeat 0 .45em; padding-left:16px;">
<a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a>
</li>
</BloggerArchives>
<ArchivePage>
<li style="background:url(http://i79.photobucket.com/albums/j152/riniaisyah/blogger/white-love-item.gif) no-repeat 0 .45em; padding-left:16px;">
<a href="<$BlogURL$>">Current Posts</a>
</li>
</ArchivePage>
</ul>
</MainOrArchivePage>
<$BlogMemberProfile<$BlogMemberProfile<$BlogMemberProfile<$BlogMemberProfile$>
amp;gt;
amp;gt;
<h2 style="background:#D6E9FD url(http://i79.photobucket.com/albums/j152/riniaisyah/blogger/white-love-title.jpg) no-repeat 0 0; font-weight:bold; font-size:14px; color:#A93101; padding-left:20px; padding-top:5px; padding-bottom:5px;">...Blog Teman</h2>
<ul style="list-style:none; margin-left:0; line-height:1.5em;">
<li style="background:url(http://i79.photobucket.com/albums/j152/riniaisyah/blogger/white-love-item.gif) no-repeat 0 .45em; padding-left:16px;">
<a href="http://riniaisyah.blogspot.com/" target="_blank">rini medan</a>
</li>
<li style="background:url(http://i79.photobucket.com/albums/j152/riniaisyah/blogger/white-love-item.gif) no-repeat 0 .45em; padding-left:16px;">
<a href="http://blogger-skin-resources.blogspot.com/" target="_blank">free skin</a>
</li>
<li style="background:url(http://i79.photobucket.com/albums/j152/riniaisyah/blogger/white-love-item.gif) no-repeat 0 .45em; padding-left:16px;">
<a href="http://moeslimah.blogspot.com/" target="_blank">muslimah</a>
</li>
</ul>
</div>
<div id="main" style="float:right; width:500px; padding:5px;">
<Blogger>
<BlogDateHeader>
<h2 style="text-align:right; font:bold 85% Georgia,Serif; color:#4487CD; text-transform:uppercase; letter-spacing:.3em;">
........... <$BlogDateHeaderDate$> </h2>
</BlogDateHeader>
<BlogItemTitle>
<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
<h3 style="background: url(http://i79.photobucket.com/albums/j152/riniaisyah/blogger/white-love-title.jpg) no-repeat 0 0; padding:2px 14px 2px 25px; font:bold Georgia,Serif; color:#A93101; border-bottom:1px dashed #000000;"><$BlogItemTitle$></h3>
<BlogItemUrl></a></BlogItemUrl>
</BlogItemTitle>
<p style="background:#D6E9FD url("http://i79.photobucket.com/albums/j152/riniaisyah/blogger/white-love-bgpost.jpg") no-repeat bottom right; line-height:1.5em;">
<$BlogItemBody$>
</p>
<p style="line-height:1.5em; color:#4487CD; text-align:right;">
<em style="float:left; text-align:left;">posted by <$BlogItemAuthorNickname$>@ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a>
</em>
<MainOrArchivePage>
<BlogItemCommentsEnabled>
<a style="background:url(http://i79.photobucket.com/albums/j152/riniaisyah/blogger/white-love-comment.gif) no-repeat 0 .3em; padding-left:14px;" href="<$BlogItemPermalinkUrl$>#komentar"><$BlogItemCommentCount$> comments</a>
</BlogItemCommentsEnabled>
</MainOrArchivePage><$BlogItemControl$>
</p>
<ItemPage>
<BlogItemCommentsEnabled><a name="comments"></a>
<h4 style="background:url(http://i79.photobucket.com/albums/j152/riniaisyah/blogger/white-love-comment.gif) no-repeat 0 1em; padding-left:14px; padding-top:10px; font-size:14px; border-top:1px dashed #000000;"><$BlogItemCommentCount$> Comments:</h4>
<dl>
<BlogItemComments>
<dt style="background:url(http://i79.photobucket.com/albums/j152/riniaisyah/blogger/white-love-comment.gif) no-repeat 0 .3em; padding-left:14px;" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
At <$BlogCommentDateTime$>, <$BlogCommentAuthor$> said...
</dt>
<dd>
<p>"<$BlogCommentBody$>"</p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
</dl>
<p><$BlogItemCreate$></p>
<p><a href="<$BlogURL$>"><< Home</a></p>
</BlogItemCommentsEnabled>
</ItemPage>
</Blogger>
</div>
<div id="footer" style="clear:both; background:#FFE43B; text-align:center; padding:2px;"><$BlogPageTitle$></div>
</div>
</div>
</body>
</html>

----------------------------------------------------------------------------
Maaf jika skrip dalam template ini beserabut sikit...hehe..ianya memang begitu :P
Kalau diperhatikan contoh di atas, ada banyak tag style bahkan ada yang berulang penggunannya. Dengan menggunakan CSS, penulisan style dapat diringkaskan.
Tag style CSS diletakkan di antara tag <head>, iaitu:
------------------------------

----------------------------
1. Body

------------------------------
Ambil isi dari style dan pindahkan pada CSS. Setiap titik koma (;) dibuat perbaris. Untuk url background diberi tanda petik, menjadi:

Margin dituliskan dengan : margin:0 auto;
Padding diatur: padding:0;.
Tentukan align dengan menulis text-align:center;.

Hasilnya menjadi:

------------------- Bersambung untuk siri akan datang----:)

Tips Menukar/Mengganti Template Blog

Monday, July 13, 2009 Tutorial Blog 6 comments

Assalamualaikum semua.. Alhamdulillah, dalam entry kali kali ni saya akan ajarkan salah satu cara/tips menukar templates/skin blog..mungkin anda dah boring dengan paparan blog lama anda,dan nak menukarnya kepada paparan yang lebih canggih dan elegen lagi.
Okey, Terdapat beberapa laman web yang menyediakan template blogger.com secara percuma antaranya ialah seperti :-

* http://www.geckoandfly.com/blogspot-templates/
* http://www.blogskins.com/
* http://blogger-templates.blogspot.com/
* http://www.bloggertemplates.org/
* http://blogspottemplates.blogspot.com/
* http://www.finalsense.com/services/blog_templates/
* http://www.blogcrowds.com/resources/blogger_template.php

Untuk blogger.com, templatenya terdapat dalam 2 jenis format, iaitu :-

1. Format Html – template versi lama atau disebut juga versi classic
2. Format XML – template versi baru

Untuk menukar template blogger anda dengan menggunakan format XML, terdapat 4 langkah yang perlu anda lakukan.

1. Download dan “save” ke dalam komputer anda mana-mana template format XML yang anda berkenan dari mana-mana website yang menyediakan template percuma.

2. Login ke dalam control panel akaun blogger anda dan klik pada bahagian “template @ layout> edit html”

3. Cari template yang anda telah save di dalam komputer ana tadi, dan kemudiannya tekan butang “upload”

atau.. anda boleh “select all & copy” semua aturcara XML yang terdapat di dalam fail xml tadi dan “paste” kan aturcaa tersebut ke dalam ruangan “EditTemplate”.. dan kemudiannya, tekan butang “Save Template”.

Ok dan satu lagi , bila kita dah tekan butang upload tadi akan keluar perkataan ni " WIGET ARE ABOUT TO BE DELETED" so klik je butang CONFIRM &SAVE......selesai..

Selamat Mencuba....:)

Tips Mengelak Blog Anda Di Copy Paste !!

Saturday, July 11, 2009 Tutorial Blog 6 comments

Perbuatan COPY PASTE atikel-atikel dalam dunia siber ini, sudah lama berlaku dan ianya bagaikan tidak terkawal sejak akhir-akhir ini...maklumlah manusia semakin bijak, jadi pada entry saya kali ini..saya akan tunjukkan tips/cara untuk mengelakkan atikel anda daripada "Di curi" dan di copy paste oleh orang-orang yang tidak bertanggungjawab...

Cara-caranya adalah seperti berikut :-

1. Pergi ke Layout >> Add a GadGet >> select html/javascript

Copy code javascript ni dan paste ke dalam html/javascript text box

Akhir sekali SAVE dalam blog anda..Cuba test dalam Laman blog anda !! Insyallah jadi Wassalam

Discover Everything In Evshare

Pages

This is default featured slide 1 title

This is default featured slide 2 title

This is default featured slide 3 title

This is default featured slide 4 title

This is default featured slide 5 title

Friday, July 31, 2009

Hari Keluarga Jabatan Audit Negara (KPM)

Wednesday, July 22, 2009

Tutorial Membuat Template Blog/Web dengan CSS siri 2

Tuesday, July 14, 2009

Tutorial Membuat Template Blog/Web dengan CSS siri 1

Monday, July 13, 2009

Tips Menukar/Mengganti Template Blog

Saturday, July 11, 2009

Tips Mengelak Blog Anda Di Copy Paste !!

Popular Posts

Blog Archive

Labels

Blog Archive

Blogroll

About

Pages

Friday, July 31, 2009

Wednesday, July 22, 2009

Tuesday, July 14, 2009

Monday, July 13, 2009

Saturday, July 11, 2009

Social Profiles

Popular Posts

Blog Archive

Labels

Blog Archive

Blogroll

About