Suasana Di Stesen Bas Kisah Seram UUM: The Untold Story Bertuah Punya Cabutan Bertuah!!! Alamak Nazir Datang Melawat Aku Tak Mampu Menahannya... Kesabaran Dan Kejujuran Diri (Teknik Belajar Menipu ^_^) Koleksi Gambar-Gambar Panas
Cerita Yang Jarang Terkini :

Takziah. Apa Yang Kita Buat?

Empayar Utama - Saturday, October 26, 2013 : 6 comments

Baru aja aku kongsi cerita pasal 'beri kepercayaan sebagai pencegahan awal' belah pagi; tak sampai doblas jam lepas tu berlaku kejadian buruk setelah apa yang kita percaya itu tak boleh dipercayai.

Aku ikuti perkembangan di internet dan walaupun agak lewat – kami sekeluarga ucap takziah kepada
keluarga mangsa, semoga tabah hadapi dugaan ini.

Ermmm camana nak mula ya. Okeh aku bajet salah satu tempat kija akulah ya. Syarikat percetakan sediakan 'perkhidmatan servis mencetak guna mesin' dalam tugasan. Ada syarat/piawaian tertentu perlu dipatuhi hingga membolehkan syarikat guna mesin dan mesin tersebut boleh beroperasi. Syarikat kawalan keselamatan sediakan 'perkhidmatan servis kawalan keselamatan guna manusia' dalam tugasan. Samalah kan, pasti ada syarat/piawaian tertentu perlu dipatuhi hingga membolehkan syarikat guna manusia sebagai pengawal keselamatan (lebih-lebih lagi bersenjata) seterusnya manusia itu boleh beroperasi/bertugas. Apa beza mesin dengan manusia?

Bila jadi kes, jalan singkat - hanya batalkan lesen syarikat terbabit. Maknanya dah jadi baru ambil tindakan. Tapi tak menyeluruh, hanya kat syarikat terbabit jelah.

Banyak belog bersuara pasal ni (bagaimana mencegah) bukannya tuding jari cari siapa salah atas perkara yang dah berlaku seperti BUASIR OTAK yang bertanya "Apakah langkah pencegahan yang korang rasa boleh dilakukan bagi mengelakkan kejadian api dalam sekam, duri dalam daging, musuh dalam selimut ini?"

Sebelum inipun banyak kupasan tentang pekerja dan syarikat kawalan keselamatan. Paling konsisten ialah Mazidul Akmal seawal bulan Mei 2009 lagi. Paling menarik minat aku ialah Cipan, Tapir & Tenuk (C++).

Kita dah nampak benda berlaku. Meragut nyawa. Takde ke kebarangkalian berlaku lagi; mungkin kepada syarikat kewangan lain, serta syarikat kawalan keselamatan lain? Apa langkah pencegahan seterusnya agar tak berulang?

Cadangan aku; batalkan dulu semua lesen syarikat kawalan keselamatan. Buka permohonan baru dan setelah semua langkah yang 'tepat dan betul' dipenuhi serta dipatuhi baru beri lesen. Laporan tiap tahun perlu untuk pembaharuan lesen (sama macam lesen mesin cetak sebelum dimansuhkan tahun lepas). Kita boleh kurangkan kecuaian jika ada kepada tahap paling minima, bukan tak ada terus. Tapi, hahahahaha aku siapa?

Macam Tak Percaya

Empayar Utama - Wednesday, October 23, 2013 : 7 comments

Salam semua. Hehe eh gelak pulak.

Aku letak iklan kat belah kanan atas sidebar, ala yang aku pesan 'Rajin-rajinle Jengah' tuuu. Tapi manjang dok benda sama ulang-ulang jemu jugak kan. So, malam tadi aku cubalah tukar dengan iklan-iklan yang agak baru.

Tokojut mak kau bila nengok yang satu
program tu bermasalah. Antara nak percaya ngan tak percaya je. Meh aku tunjuk apa yang aku jumpa :

  • 8share landing page result
    Keputusan untuk 'Landing Page' saja dah tunjuk ia jadi tapak sewa / pembawa 'sites' yang bermasalah
  • PlusGoogle share 1 result
    Aku teruskan juga dan cuba kongsi satu iklan dia di gugelplas. Jawapan betul sebab tu kaler hijau tanda 'right' lagi hehe
  • PlusGoogle share 2 result
    So, aku teruskan dengan iklan lain. Alamak 'pengkang' siap kaler merah seyyyy
  • Technetium info
    Ushar pulak apa benda nya Technetium ni?
  • Technetium result
    Ermmmm tak le teruk sangat...
  • Technetium with 8share
    Tapi bila periksa 'combined link' - Aiyarkkk...!!! Tak berani aku nak letak link nih...
  • ChurpChurp landing page result
    Ok tengok program satu lagi. Nampak lebih baik keputusannya...
  • Travelar landing page
    Ini keputusan berdasar 'link' yang diberi
  • result 1
    Dan ini hasil akhir 'link' tersebut
  • Magnum Mini Moments
    Masih was-was, aku test link iklan lain pulak. Ini page berdasar 'link' disediakan
  • result 2
    Hasilnya, program yang kedua nih masih oke...

Pada pandangan aku, ada beberapa link bermasalah yang suka-suka parking kat 'program iklan pertama'. Ini menyebabkan 'program iklan pertama' itu pula jadi pembawa masalah. Dan setakat ini 'program iklan kedua' belum bermasalah lagi. Ishhh ntahapahapalah kan. Bagi link ber'malware' pastu suruh orang lain tekan-tekan hahahahahahampagastullah aku nih.

Cerita aku ni kan, mesti ada yang tak suka sebab mereka akan fikir aku ni dok promot iklan.

Sebenarnya aku cuma nak kongsi - kalau ada program yang kita boleh percaya dan boleh 'guide' blog kita (contohnya McAfee SiteAdvisor) apa salahnya pasang kat pc...

Sama Tapi Tak Serupa

Empayar Utama - Thursday, October 17, 2013 : 8 comments

Aku nak buat ulasan wayang pulak. Mari tengok cerita Melayu. Kat bawah ni ada 4 cerita yang tak kurang popularnya. Ada yang masih bersiaran, ada yang sedang diulang tayang.

Takkan korang tak tengok satu pun dari 4 cerita tu...

Apa persamaan yang boleh kita
nampak, dan apa pengajaran dari persamaan tersebut?

Kita disajikan sifat iri hati, cemburu, hasad dengki ibu mertua terhadap menantu. Kita terima susunan ceritanya, bangga dengan pembawaan sikap mertua yang tidak elok hingga angkat dan popular.


Ombak Rindu
Ombak Rindu - Meletup juga cerita ni dulu
Tentang Dhia
Tentang Dhia - Drama, sekarang tengah tayang ulangannya
Love You Mr Arrogant
Love You Mr Arrogant - masih bersiaran
Pelita Tanpa Sumbu
Pelita Tanpa Sumbu - Tayangan sempena AidilAdha malam tadi
Ciptaan Terindah
Kemaskini 19.10.2013 - Ciptaan Terindah - Ini bukan mak mertua tapi mak sendiri...
Pastu, bandingkan dengan yang ini. Ini cerita klasik tak patut kalau belum tengok :
Tajuk 'straight to the point' dan di penghujung cerita sang mertua mengaku bersalah.

Haaa itulah ulasan aku :p

Slide Album Dengan Butang Pause

Empayar Utama - Tuesday, October 15, 2013 : 4 comments

Slide kali ini guna jQuery sedia ada dalam blog. Tapi dengan penambahan fungsi butang 'back', 'pause', 'play' dan 'next'.

Untuk sesuaikan slide jenis ini, aku cuba letak beberapa '.gif' imej. Walaupun masa setiap imej (forward interval) ditetapkan pada 5000; tempoh paparan '.gif' imej mungkin
lebih panjang. Oleh itu penggunaan butang 'pause' amat membantu untuk kita lihat paparan '.gif' imej hingga tamat.

Di bawah adalah contoh slidenya. Ada 8 gambar serta 4 '.gif' imej :

  • Asyraaf 1
  • Asyraaf 2
  • Caius VS Lightning
  • Asyraaf 3
  • Asyraaf 4
  • Genesis
  • Asyraaf 5
  • Asyraaf 6
  • Raiden Animation
  • Asyraaf 7
  • Asyraaf 8
  • FFXIII 2 Teaser GIF 2

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script>

<style>
ul.ppt {position: relative; height: 260px;}
.ppt li {list-style-type: none;position: absolute;top: 0;left: 10px;}
.ppt img {border: 1px solid #e7e7e7;padding: 5px;background-color: #ececec;width: 450px; height: 255px; overflow hidden; }
</style>

<ul class="ppt">
<li><img src="imej pertama" alt=""></img></li>
<li><img src="imej kedua" alt=""></img></li>
<li><img src="imej ketiga" alt=""></img></li>
<li><img src="imej keempat" alt=""></img></li>
<li><img src="imej kelima" alt=""></img></li>
</ul>

<div style="text-align: center;">
<button type="button" id="back">Semula</button>
<button type="button" id="stop">Pause</button>
<button type="button" id="play">Play</button>
<button type="button" id="fwd">Teruskan</button>
</div>

<script type="text/javascript">
$('.ppt li:gt(0)').hide();
$('.ppt li:last').addClass('last');
$('.ppt li:first').addClass('first');
$('#play').hide();

var cur = $('.ppt li:first');
var interval;

$('#fwd').click( function() { goFwd(); showPause(); } );
$('#back').click( function() { goBack(); showPause(); } );
$('#stop').click( function() { stop(); showPlay(); } );
$('#play').click( function() { start(); showPause(); } );

function goFwd() { stop(); forward(); start(); }
function goBack() { stop(); back(); start(); }
function back() {
cur.fadeOut( 1000 );
if ( cur.attr('class') == 'first' )
cur = $('.ppt li:last');
else
cur = cur.prev();
cur.fadeIn( 1000 );
}
function forward() {
cur.fadeOut( 1000 );
if ( cur.attr('class') == 'last' )
cur = $('.ppt li:first');
else
cur = cur.next();
cur.fadeIn( 1000 );
}
function showPause() {
$('#play').hide();
$('#stop').show();
}
function showPlay() {
$('#stop').hide();
$('#play').show();
}
function start() {
interval = setInterval( "forward()", 5000 );
}
function stop() {
clearInterval( interval );
}
$(function() {
start();
} );
</script>

Keterangan warna :

jQuery warna merah tak perlu jika blog korang dah ada (Mungkin ada dalam template blog; dalam posting sebelum ini; atau di widget kat sidebar). Dapatkan versi terkini lagi bagus.

Kalau rajin - segala yang berwarna biru boleh diejas ikut suka hati janji sedap mata memandang. Sesuaikan ketinggian berwarna oren supaya butang-butang tidak tersorok di belakang slide/imej.

Manakala butang-butang yang ditanda dengan warna hijau boleh ditukar dengan imej lain (lihat contoh). Satu lagi, dalam kod nih ada 5 imej je. Tambah le kalau nak lebih.

Imej-imej .gif di atas adalah antara koleksi Jlegend83; EruruuTail; dan Cyberbublic yang aku pinjam dari devianART.

Cubalah.

Jimat Ruang Entri Menggunakan jQuery

Empayar Utama - Monday, October 7, 2013 : 4 comments

Slideshow kali ini menarik juga sebab penerangan gambar berada di hadapan imej. Kita tetapkan saiz latar serta keluasan gambar dan slidenya juga ikut ketetapan masa. Maksudnya hanya guna 'timeOut'; tak leh guna 'fade', 'shuffle', 'scrollup' atau pebenda jelah.
Sebelum ni aku dah kongsi 3 jenis slider yang boleh dipapar dalam entri pos :
1. Slider Album Menerusi Picasa
2. Slider Album Menerusi jQuery Easing Dan Banner Rotator
3. Slider Album Menggunakan z-index dengan dua contoh :
` a) Penerangan gambar di bawah setiap gambar; dan
` b) Kosong tanpa penerangan gambar

Haaa meh kita cuba yang ini pula. Cubalah korang letak kod yang dalam kotak bawah ni dalam entri korang. Ini kodnya:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>

<script src="http://yourjavascript.com/91650813832/empayarutamas3slider.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {
$('#haha').s3Slider({
timeOut: 5000
});
});
</script>

<style>
#haha-slider { width: 480px; height: 355px; position: relative; overflow: hidden; float: left; margin: 5px auto; margin-bottom: 20px; border: 0px solid #ddd; }
#haha-sliderContent { width: 430px; height: 350px; margin-top: -15px; position: absolute; float: left; margin-left: 5px; overflow: hidden; border: 0px solid #ddd; }
#haha-slider h3 a { color: #cc0000; text-transform: normal; font-size: 15px; } /*yang ini kalau nak letak link. Kalau tak nak biarkan saja baris ini*/
.haha-sliderImage { float: left; position: relative; display: none; width: 425px; height: 350px; border: 0px solid #ddd;}
.haha-sliderImage span { position: absolute; width: 410px; padding: 5px 10px 10px 5px; background-color: #595959; opacity:.8; filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; color: #fff; text-transform: normal; display: none; }
.haha-sliderImage span:hover { background-color: #bbb; opacity:.8; filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; color: #555;}
.top { top: 0; left: 0; }
.bottom { bottom: 0; left: 0; }
/* jika letak top: 0; -> kotak penerangan gambar akan keluar di bahagian atas
jika ditukar kepada bottom: 0; -> kotak penerangan gambar akan keluar di bahagian bawah
oleh itu kita letak kedua-duanya di sini dan tentukan kedudukannya dengan menambah top atau bottom pada kandungan imej */

.top p, .bottom p { text-transform: normal; font-size: 12px; }
.clear { clear: both; }
</style>

<div id="haha-slider">
<ul id="haha-sliderContent">
<li class="haha-sliderImage">
<img src="imej pertama - setting dalam style adalah 425*350 jadi biarlah sama atau lebih besar" />
<span class="top atau bottom">
<h3>
<a href="link - biasanya orang bisnes suka link nih" target="_blank">Tajuk Imej Pertama</a></h3>
'Caption' atau Penerangan untuk imej pertama</span>
</li>
<li class="haha-sliderImage">
<img src="imej kedua - setting dalam style adalah 425*350 jadi biarlah sama atau lebih besar" />
<span class="top atau bottom">
<h3>
<a href="link - biasanya orang bisnes suka link nih" target="_blank">Tajuk Imej Kedua</a></h3>
'Caption' atau Penerangan untuk imej kedua</span>
</li>

<div class="clear haha-sliderImage">
</div>
</ul>
</div>

Skrip jQuery warna merah tak perlu jika blog korang dah ada (tak kisah apa version pun. Mungkin dah ada dalam template blog; dalam posting sebelum ini; atau di widget kat sidebar)

Kalau rajin - timeOut, warna dan saiz tulisan, saiz-saiz lain boleh diejas ikut suka. Baca juga keterangan yang berwarna merah yea.

Lihat pilihan ber warna biru. Pilihle sama ada nak letak top atau bottom.

Dalam kotak atas cuma ada 2 set imej, salah satunya aku tandakan dengan warna oren. Jika ada lebih gambar/imej, tambah sendiri ya. Salln je kod warna oren tu di bawahnya bergantung kepada berapa banyak imej yang korang nak letak.

Contoh 'Caption' atau Penerangan muncul dari bawah (7 gambar dengan timeOut 5000; sori aaaa aku guna stok gambar lama) :

Contoh 'Caption' atau Penerangan muncul dari atas (11 gambar, timeOut aku tukar dari 5000 kepada 4000) :

Contoh 'Caption' atau Penerangan muncul dari atas dan bawah ikut pilihan (13 gambar - timeOut aku tukar dari 5000 kepada 5500) :


Cubalah, aku try tiga-tiga kat sini ok je ^_~
Aku ada juga pasang satu kat sidebar (bukan dalam entri pos, kannn), jengah-jengahle hehe...