Cerita Yang Jarang Jarang Terkini :

Salam Lebaran Bersama jQuery Easing Dan Banner Rotator

EmpayarUtama - Monday, July 29, 2013 : 4 comments

Diam tak diam sembilan belas hari kita telah berpuasa. Sana sini dah mula nampak bloggers bagi ucapan Selamat Hari Raya siap decorate kad ucapan sendiri. Best gitu.

Aku tak pandai le bab-bab melukis ke, buat dekor ke. Jadi kat sini aku tempek gambar-gambar dari gugel. Hambek ko 15 keping sekali aku pos.

Kali ni slider album menggunakan jQuery Easing bersama Banner Rotator. Nah kad ucapan raya dari Empayarutama :











Ambik kod kat sini:

Aku dah upgrade versi jQuery kepada jQuery 1.8.3 tetapi jika belog korang dah ada mana-mana versi; buang kod kaler merah tu. Kalau belog tak pernah ada jQuery; aku rekomen guna versi terkini agar ikut perkembangan semasa.

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

<script src="http://yourjavascript.com/43361812024/empayarutamajqueryeasing.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/13267823130/empayarutamajquerybannerrotator.js" type="text/javascript"></script>

<style>
.TB_Wrapper {width: 470px;height: 290px; margin-left: 5px; border: 2px solid #ddd; }
.TB_Wrapper {position: relative;overflow: hidden;}
.TB_Wrapper .Slide {visibility:hidden;background: #eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJItCFrwwzudkLJ5s40xhpuzQr_uzhyphenhyphenRMqzy2r3cxoFgY-6UycpPD90K0J56k08mvo5m5kbGxQ5ZLa0RB6IXIOd8ffgWIocGFce5SefV-WVI60fwsiW-ZCram6sSuyJulXaiRJ1DNB3dg/s1600/preloader.gif) center center no-repeat;}
.TB_Wrapper .icon {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNXbc9s62lZfmpMxFBjjREm41U2Xj43IvO_Lqpw7wOAecdbSEVgKurygsMvI_vUAMFdwk59x3hAmU2Chp7xWcURkDX9YQnjARQqygvJJ4HI9fSfniPJTXdwAhjfksnfLu9peXpCAYC12U/s1600/icons.png);}
.TB_Wrapper .timer_sprite {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgruR5Pxxrl7_6sjXLijN6RtedIDyrWC3BK3WGWxcU8vIZU_USMT8tOEdeKu1BBvmrwMo3umhbQ1acxG-ai8fiz0PUykqTKCiNz8b3CfBo_1ZJ2YbRnP7CT1zGT1Uf26u5epj8x7EsIAxE/s1600/timer-sprite.png);}
.TB_Wrapper .Slide div {font-family: Cherry Cream Soda;font-weight:100;color:#fff;font-size:16px;}
.TB_Wrapper a:link{color:#fff;text-decoration:none;}
.TB_Wrapper a:visited{color:#fff;text-decoration:none;}
.TB_Wrapper a:hover{color:#fffcc;text-decoration:none;}
.TB_Wrapper a:active{color:#fff;text-decoration:none;}
.TB_Wrapper .noSelect {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;}
.TB_Wrapper .buttonText {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold; color: #000;}
#slide_caption a{font-size:15px;color: red;text-decoration:none;}
#slide_caption a:hover{font-size:14px;color:#fffcc;text-decoration:none;}
</style>

<div class="TB_Wrapper" id="SlideView">
<div class="Slide" data-position="20,20" data-width="250">
<img src="link imej/gambar pertama" />
<div align="left" id="slide_caption">
<a href="link blog ke, kalau ada" target="_blank">caption/penerangan 1</a></div>
</div>
<div class="Slide" data-position="20,20" data-width="250">
<img src="link imej/gambar kedua" />
<div align="left" id="slide_caption">
<a href="link blog ke, kalau ada" target="_blank">caption/penerangan 2</a></div>
</div>
<div class="Slide" data-position="20,20" data-width="250">
<img src="link imej/gambar ketiga" />
<div align="left" id="slide_caption">
<a href="link blog ke, kalau ada" target="_blank">caption/penerangan 3</a></div>
</div>

<script type="text/javascript">
$('#SlideView').TransBanner({
button_show_back: true,
button_numbers_autohide: false,
button_numbers_horizontal: true,
caption_padding_x : 18,
caption_padding_y : 18,
caption_float_mode: true
});
</script>

Yang kaler oren tu, boleh tukar ikut kesesuaian belog. Dan aku cuma letak 3 set imej di mana set ketiga aku kalerkan pink gitu. Kalau nak tambah gambar/imej - kopipes je yang kaler pink dan tambah di bawahnya.



Sebelum masak megi buat sahur pagi nih, aku ucapkan Selamat Hari Raya Aidilfitri Maaf Zahir & Batin kepada semua yang tersinggah dan baca bahan-bahan rojak aku :)








Sesi Bercakap Dengan Jin

EmpayarUtama - Tuesday, July 23, 2013 : 13 comments

Sekarang harga kereta dah murah sikit. Dengan bayaran ansuran bulanan serendah RM250 kita dah boleh bergaya dengan kereta baru (kalau mampu ler) untuk beraya ke rumah awekz.

Tapikan, aku nak tanya sikitla. Betulke kita ni dibantu bila harga kereta baru turun dan ada pembiayaan serendah
RM250 sebulan? Betul ke ada situasi menang-menang antara pengguna dengan penjual atau bank? Ke cuma tambahan kepada pilihan pinjaman untuk yang tak mampu beli tunai?

Biasa dengar 'fixed rate' atau bayaran ansuran tetap setiap bulan. Dan sekarang nih ada pilihan 'variable' atau bayaran rendah pada setahun pertama - serendah RM250; tinggi sikit pada tahun kedua/ketiga; terlebih tinggi sikit dari bayaran 'fixed rate' pada tahun keempat/kelima; dan mak oi - tinggi gila ansuran bulanan untuk tahun-tahun seterusnya berbanding 'fixed rate'. Masa itulah kenderaan mula diganggu 'jin' hahahahahahahah. Penyelenggaraan macam-macam, cuba tanya dhinai adnan.

Terus rasa nak tolak kereta dan ambil kereta lain (kan bayaran setahun pertama murah). Ada orang kata: 'biasanya orang pakai kereta mana bayar sampai habis? 3-4 tahun akan tukar punyalah...' Errr, masa itu harga pasaran mungkin lebih sikit pada baki di bank. Tapiiiiiii itu harga pasaran yang akan dijual oleh kedai kereta terpakai. Bila kita nak tolak kereta, takkan kedai tak buat untung? Kedai akan makan kereta itu setidak-tidaknya lima ribu lebih murah dari pasaran (nak 'touch up' lah, bayar komisen brokerlah, mentenenlah, apa apalah). Tak caya riki-rikile pada Knor.
Masa itu juga ansuran dah mula sangkut 2 bulan. Bila dikira kali kedua; nak kena keluar duit lagi dalam 2-3 ribu baru boleh beli kereta baru lain. Repair kereta pula sekitar seribu ke seribu setengah. Akhirnya kena pakai juga kereta yang ada tu sambil menyumpah dalam hati. Sebab tu tajuk cerita ni Sesi Bercakap Dengan Jin hahahahahahampagas tullah aku nih.

Baguslah pengguna ada lebih pilihan, itu je. Bes tu, siapa yang dibantu? Nek beskal lagile taun ni...

Oppps sebelum keluar cari kuih berbuka: Cerita ini tidak disponsor oleh mana-mana pengeluar kereta, pihak bank mahupun woksyop depan rumah; kang ada yang kata aku ditaja untuk mengondem. Bulan posa nih, kena bersangka baik tauuuuuu :)


Google Friend Connect Tu Apa?

EmpayarUtama - Saturday, July 20, 2013 : 6 comments

Kemaskini: Widget 'follower friends connect' pun sudah tidak dapat digunapakai lagi kerana Google secara otomatis ubah kod 'javascript friendconnect' dari http kepada https. Oleh itu kod yang ada di bahagian bawah posting ini hanyalah sebagai rujukan yang ianya pernah boleh digunapakai; dan kini menjadi bahan sejarah hahahahahah - EmpayarUtama.

'Google friendconnect' tu apa? Ia adalah satu 'Open Social' platform yang disediakan oleh blogger.com tapi dikuasai sepenuhnya oleh Google.

Widget 'follower friends connect' tu apa? Ianya satu ringkasan, berfungsi untuk beritahu berapa ramai pembaca yang ikut blog kita dan mereka akan di'update' melalui 'Google Reader' jika terdapat kemaskini dari mana-mana blog yang diikut/follow.

Adusss, abis tu 'Google Reader' tu apa? Ianya lebih kurangla macam korang follow blog melalui RSS feed dan semua feed ini akan disiar dalam 'Google Reader' selain nama-nama blog yang difollow pula - disusun dalam 'blogger profile'. Kita gelar dia 'Blogger Reading List' (tak sama tau dengan Bloglist). Dulu 'Google Reader' boleh diakses terus melalui akaun Google; tempatnya dekat-dekat dengan picasa yang aku pernah cerita. Jadi bila 'Google Reader' secara rasminya ditamatkan perkhidmatan pada 1 Julai 2013 (baru tiga minggu nih) maka fungsi widget 'follower friends connect' tersebut hanyalah hiasan atau gadget untuk cantikkan blog aja.

Senang cakap - bloggers yang ikut mana-mana blog masih boleh baca jika ada update dari blog yang di'follow' hanya melalui 'Google Reader' tanpa perlu jengah atau blogwalking ke blog tersebut.  Blogwalking tu, er, er, ala macam 'u folo ai folo' hahahahah boleh? 'U jengah ai jengah balik nanti yea lalinggggg...'

Google ni kan, sejak ada G+; fungsi-fungsi berkaitan dengan blog semakin dikurangkan. RSS feed korang boleh baca? Aku 'redirect'kan ke 'feedburner' dan agaknya tak lama lagi 'feedburner' pun akan bungkus kot.

Bukan apa, Nor Hanis bertanya (macam minat je) untuk letak widget, eh gadget 'follower friends connect' dalam belog. Aku ada reply tapi kat sini boleh le nengok lebih detail:
  • Google Friendconnect 9
  • Google Friendconnect 8
  • Google Friendconnect 7
  • Google Friendconnect 6
  • Google Friendconnect 5
  • Google Friendconnect 4
  • Google Friendconnect 3
  • Google Friendconnect 2
  • Google Friendconnect 1

Sambung sini pulak :

Kod ini boleh diguna setelah korang masukkan id dan site id berdasar kod yang korang jumpa dalam 'view page source' tadi. Sekadar langkah berjaga-jaga takut setting dalam 'layout' kembali kepada 'default'. Jadi korang boleh simpan kod ini untuk paste ke 'sidebar' kiri ke, kanan ke, bawah ke; dan yang penting boleh tukar kod-kod warnanya sesuka hati dan sesuaikan dengan warna belog. Kodnya panjang juga kannn. Ambik yang kat bawah ni ajalah:

<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"></script>
<div id="masukkan id di sini" style="width: 100%;">
</div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Followers";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#666666";
skin['ENDCAP_LINK_COLOR'] = "#2288bb";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#2288bb";
skin['CONTENT_TEXT_COLOR'] = "#666666";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#2288bb";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#999999";
skin['CONTENT_HEADLINE_COLOR'] = "#000000";
skin['FONT_FACE'] = "normal normal 12px Trebuchet, sans-serif";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "masukkan id di sini", height: 260,
site: "masukkan site id di sini", locale: 'en' }, skin);
</script>

Dah ada widget nih, bolehla sambung buat GA kan? Kalau bosan dengan cerita aku, layan yang ini ajalah:



K baiiiii

Replay Eh Bukan, Reply Le...

EmpayarUtama - Friday, July 19, 2013 : 5 comments

Salam Ramadhan. Puasa penuh ke takat ni? Okkkkk tak mo cerita puasa. Kali ni aku nak kongsi agak banyak sebab ianya saling berkait.

Kalau korang nengok blog sendiri dengan blog orang lain, kadang-kadang ada kotak 'Reply', 'Reply to Comment', 'Balas', dan yang sewaktu dengannya.

Bila blog sendiri tak de - Haaa banyak tutorial letak butang 'Reply to Comment' boleh dibina. Bila dah banyak sangat, dah jadi macam widgetlah pulak, kan?

Ada yang tulis letak kod <span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Masukkan ID blog di sini&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>BALAS / [Reply to comment] / [Balas] / [Reply] / Aku Tak Hensem </a></span>
sama ada di bawah <b:include data='comment' name='commentDeleteIcon'/>; atau selepas <b:include name='threaded_comment_css'/> (ada blog yang tak ada langsung kod ni); ada juga tulis suruh letak di bawah <data:commentPostedByMsg/>; dan ada juga suruh cari <dd class='comment-footer'> dan letak kod tu di bawahnya. Tapi terlupa nak pesan bila letak kod di tempat yang dicadangkan - adakah 'Settings - Posts and comments' untuk 'Comment Location' perlu ditetapkan pada kedudukan 'Embedded', 'Full Page' atau 'Popup window'. Itu yang kedudukan 'Reply to comment' agak bertabur.

Errrr, macam panjanglah nak cerita. Aku guna gambar boleh? Teruskan dengan tengok album ya ^_^


  • threaded comments 11
  • threaded comments 10
  • threaded comments 9
  • threaded comments 8
  • threaded comments 7
  • threaded comments 6
  • threaded comments 5
  • threaded comments 4
  • threaded comments 3
  • threaded comments 2
  • threaded comments 1
  • threaded comments
  • threaded comments - new
  • Reply Comment 8
  • Reply Comment 7
  • Reply Comment 6
  • Reply Comment 5
  • Reply Comment 4
  • Reply Comment 2
  • Reply Comment 1


Pilihan jadi pengomen sebagai Anon macam dah tak ada. Blogger.com juga memilih untuk menambah 'Google+ Follow' berbanding 'Friends Connect'. Oleh itu penggunaan komen Google+ lebih membantu promosi blog kerana ada pilihan untuk dikongsi di G+. Contoh untuk ini boleh dilihat di support.google.com.


Eh, korang men tekan-tekan album tu; tengok sambil baca ke atau minat albumnya? Replay Reply lerrrr...