Tutorial Mengubah Tampilan Pada Widget Follower (Google Friend Connect)

Tutorial:

1. Login ke Dashboard blogger.

2. Jika anda tiada widget Follower (Google Friend Connect), untuk meletakkan widget tersebut ikut langkah dibawah:

   i)   Klik "Layout" .

   ii)  Klik "Add a Gadget" .

   iii)  Klik "More Gadget" .

   iv)  Pilih "Followers" 

Pada yang sudah sedia ada widget tersebut boleh teruskan ke langkah seterusnya.

3. Buka Halaman blog anda. Pada halaman blog anda, klik kanan pada tetikus dan pilih "View page source".

4. Tekan Ctrl + F dan cari kata kunci " renderMembersGadget " . Tujuan pada langkah ini adalah untuk mendapatkan "ID dan Site Google Friend Connect" bagi widget 'Follower' anda.

5. Buka dashboard blog anda , klik butang " More Options " dan klik " Layout".

6. Pada halaman Layout, klik " Add a Gadget" pada mana-mana bahagian yang anda nak untuk letakkan kod javascript tu nanti.

7. Cari HTML/Javascript dan klik butang tambah.

8.  Copy (CTRL+C) kod javascript dibawah:

<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<div id="div-60ejmqsiuuh5" style="width:300px;border:1px solid #008E00;"></div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '42';
skin['BORDER_COLOR'] = '#008E00';
skin['ENDCAP_BG_COLOR'] = '#00CC00';
skin['ENDCAP_TEXT_COLOR'] = '#BFFEBF';
skin['ENDCAP_LINK_COLOR'] = '#80FE80';
skin['CONTENT_BG_COLOR'] = '#99FE80';
skin['CONTENT_LINK_COLOR'] = '#0027cf';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_HEADLINE_COLOR'] = '#007b03';
skin['NUMBER_ROWS'] = '4';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-60ejmqsiuuh5',
   site: '08321349149898184694'},
  skin);
</script>

Keterangan:

• div-60ejmqsiuuh5  -  Gantikan dengan 'ID Google Friend Connect' Anda.
• 08321349149898184694 -  Gantikan dengan 'Site Google Friend Connect' Anda.

Untuk mengubah tampilan warna , sila ikut petunjuk dibawah . (Dapatkan kod warna disini):

1 - ENDCAP_LINK_COLOR (warna butang link pada header)

2 - ENDCAP_BG_COLOR (warna latarbelakang bagi header)

3 - BORDER_COLOR (warna border pada bahagian header)

4 - CONTENT_LINK_COLOR (warna tulisan link "More>>" dan "Sign in")

5 - FACE_SIZE (Saiz Avatar)

6 - CONTENT_BG_COLOR (warna latarbelakang content)

7- CONTENT_TEXT_COLOR (warna tulisan "Already a member? )

8 - #008E00 (warna border pada keseluruhan widget)

9 - CONTENT_HEADLINE_COLOR (Warna tulisan "Member(598)" )

10 - ENDCAP_TEXT_COLOR (warna tulisan "With Google Friend Connect")

9. Paste (CTRL+V) pada ruang Content.

10. Seterusnya klik " Save " dan lihat la hasilnya

Tutorial Install Sygic Maps Navigator 14.0.2 Pada Android (Built-in GPS)

Dah lama tak update pasal Sygic Maps Navigator ni. Kali ni saya nak kongsi versi terbaru Sygic Maps Navigator 14.0.2. Untuk versi ini anda boleh muatturun semua offline maps secara percuma hanya melalui aplikasi ini sahaja. Jadi lebih mudah untuk kita tambah maps yang kita perlukan, hanya cari maps negara mana yang anda mahu dan klik download dan maps sudah sedia digunakan. :)

Download:

• APK | DOWNLOAD (11.8MB) | Mirror Link 1 (SF) | Mirror Link 2 (MF)
• DATA | DOWNLOAD (179.5MB) | Mirror Link 1 (SF) | Mirror Link 2 (MF)

Password : faiz-tutorial.blogspot.com

Cara Pemasangan:

*** Langkah PENTING untuk yang pernah memasang (install) aplikasi sygic versi lama bagi mengelakkan kegagalan dalam pemasang aplikasi versi terbaru:
i. 'Uninstall' aplikasi sygic yang sudah sedia ada pada smartphone android anda.
ii. Padam folder "Sygic" yang terdapat sama ada pada 'Internal Storage' atau 'External Storage'.
iii. 'Restart' smartphone anda.

*** Bagi yang 'smartphone'nya belum pernah terpasang aplikasi ini, boleh terus ke langkah pemasangan dibawah.

1.  'Open' dan 'Extract' kedua-dua file pada PC anda.

2. 'Transfer' file "Sygic Navigator 14.0.2.apk" pada folder "Sygic" .

3. Sambungkan smartphone anda pada PC menggunakan USB cable atau card reader utnuk proses 'transfer data'.

4. 'Transfer' folder "Sygic" pada 'Internal Storage' atau 'External Storage' smartphone anda.

5. Pada smartphone Android anda, buka folder Sygic menggunakan file explorer (ESExplorer , Root Explorer , X-Plore , My Files ,dll) , cari file  installer "Sygic Navigator 14.0.2.apk" dan klik pada file tersebut.

6. Klik Install dan tunggu sehingga selesai.

7. Ok jika installation selesai, icon Sygic akan ada pada phone menu anda. Sekarang anda sudah boleh menggunakan aplikasi ini.  :)


Cara Untuk Tambah Maps

1. Buka aplikasi  Sygic, klik butang Menu dan pilih "Settings" .

2. Pilih "Manage maps".

3. Cari dan pilih maps negara mana yang anda perlukan. Klik "Proceed" .

4. 'Maps' siap digunakan. :)

SREENSHOT

Tips 1:

Untuk permulaan penggunaan signal GPS memang lambat detect. So Gunakan aplikasi GPS Test Plus untuk mempercepatkan sambungan signal gps anda.
Download disini .
Password (jika diperlukan) : faiz-tutorial.blogspot.com

Tips 2:

* Gunakan aplikasi GPS Fix untuk menetapkan kedudukan anda dengan lebih cepat.
* Download GPS Fix Deluxe disini .
* Cara Penggunaan:
1. Buka aplikasi  GPS Fix ini sebelum memulakan perjalanan anda dan klik Start Fix (pastikan lock lokasi anda sebelum kenderaan bergerak)
2. Setelah keluar Location Fix bermakna kedudukan anda sudah di lock.
3. Selanjutnya , buka aplikasi Papago anda.
*Selamat mencuba :)

TESTED BY ME : SAMSUNG GALAXY ACE PLUS | 29/4/2014

PENAFIAN: INI HANYA MERUPAKAN SEBUAH PERKONGSIAN SAHAJA. JIKA ANDA BERPUAS HATI DENGAN APLIKASI INI , ANDA BOLEH MEMBELI APLIKASI OFFICIAL MELALUI LAMAN WEB DEVELOPER SENDIRI.

Apa Itu Standby, Shutdown, Hibernate & Sleep Pada Windows

1. Standby 
Ketika kita memilih fungsi ini, windows akan membuatkan komputer dalam keadaan penjimatan tenaga. Penjimatan tenaga yang dimaksudkan adalah komputer dinyalakan dengan menggunakan arus elektrik dengan seminima mungkin. Hal yang biasa terjadi ketika komputer dalam keadaan standby adalah monitor akan dalam keadaan mati ( tidak menampilkan gambar ). Pada keadaan standby, komputer akan menunggu tindakbalas dari pengguna agar kembali seperti semula atau kembali ke keadaan normal. Tindakbalas yang dimaksudkan adalah seperti gerakan mouse dan akses keyboard ( kita menekan mana-mana tombol di keyboard ).

2. Shutdown 
Fungsi ini cukup jelas, iaitu mematikan komputer secara keseluruhan. Saat kita memilih shutdown, semua komponen komputer (ram, hardisk, prosesor, dll) akan dinyahaktifkan, iaitu diputuskan aliran arus elektriknya. Pada saat ini memori komputer (ram) akan dikosongkan, sehingga jika hendak menghidupkan komputer kembali memerlukan masa cukup lama untuk memuat sistem operasi (misal windows) kembali ke ram. Hal ini terkait rapat dengan pentingnya memori bagi sesebuah komputer dan cara kerja sistem operasi.

3. Hibernate
Fungsi hibernate akan membuat komputer mati (off ) seperti fungsi shutdown. Tetapi apa yang bezanya, sebelum komputer dalam keadaan off, memori-memori yang ada di ram ( volatile memory ), akan di copy semua ke dalam hardisk ( non-volatile memory ). Maksudnya, semua aktiviti yang kita lakukan pada komputer (memori-memori aplikasi yang sedang kita buka, seperti word dll) akan disimpan ke dalam hardisk. Dan ketika kita nyalakan kembali komputer , ram akan meminta kepada hardisk memori-memori yang tersimpan tadi dan dengan ini proses booting akan mengambil masa yang lebih cepat karana ram sudah memiliki memori yang diperlukan untuk masuk ke windows. Aplikasi-aplikasi yang kita gunakan ( sebelum di-hibernate ) juga akan terus terbuka apabila masuk ke windows.

4.  Sleep
Fungsi Sleep digunakan untuk membuat komputer tertidur,maksud tertidur disini adalah,windows akan menyimpan semua aktiviti yang kita lakukan pada komputer di dalam RAM dan berjalan dengan POWER yang sangat kecil ( arus elektrik yang digunakan sangat sedikit ) dan memungkinkan kembali seperti semula hanya dengan beberapa saat sahaja .Fungsi SLEEP ini hanya dapat diberjalan jika masih ada arus pada bateri, dan jika bateri hampir habis maka komputer akan “Bangun” sendiri dan automatik akan masuk ke fungsi HIBERNATE STATE, iaitu ia akan menyalin semua aktiviti ( memori ) pada ram ke dalam HARDISK.

Cara Meletakkan Jumlah Entri Dan Jumlah Komen

Screenshot Jumlah Entri Dan Jumlah Komen

Tutorial:

1. Login ke Dashboard blogger.

2. Klik butang " More Options (rujuk no 1 pada GAMBAR 1) " dan klik " Layout (rujuk no 2 pada GAMBAR 1) ".

GAMBAR 1

3. Pada halaman Layout, klik " Add a Gadget (rujuk no 3 pada GAMBAR 2) " pada mana-mana bahagian yang anda nak untuk letakkan kod javascript tu nanti.

GAMBAR 2

4. Cari HTML/Javascript dan klik butang tambah (rujuk no 4 pada GAMBAR 3).

GAMBAR 3

5.  Copy (CTRL+C) kod javascript dibawah:

<script style="text/javascript">
function numberOfPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function numberOfComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<ul><li><script src="http://NAMABLOG.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>
<li><script src="http://NAMABLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>

Keterangan:

• NAMABLOG  -  Gantikan dengan nama blog anda.

6. Paste (CTRL+V) pada ruang Content (rujuk no 5 pada GAMBAR 4)

GAMBAR 4

7. Seterusnya klik " Save (rujuk no 6 pada GAMBAR 4 ) " dan lihat la hasilnya

Wondershare Video Editor 3.6.0.2 Full Version

 Wondershare Video Editor merupakan aplikasi video editor yang terbaik dalam pengeditan video. Terdapat lebih 300 efek tersedia dalam aplikasi ini. Selain ukurannya agak kecil aplikasi ini cukup mudah digunakan.

Download:

• Tusfiles | Wondershare Video Editor 3.6.0.2  (60.8MB)
• Zippyshare | Wondershare Video Editor 3.6.0.2  (60.8MB)
• Mediafire | Wondershare Video Editor 3.6.0.2  (60.8MB)
• Mirrorcreator | Wondershare Video Editor 3.6.0.2  (60.8MB)
• Solidfiles | Wondershare Video Editor 3.6.0.2  (60.8MB)
• Sharebeast | Wondershare Video Editor 3.6.0.2  (60.8MB)

Password (jika diperlukan) : faiz-tutorial.blogspot.com

Cara Membuat 'Recent Rotating Post' Dengan Petikan Pada Blogger

Screenshot 'Recent Rotating Post' Dengan Petikan

Tutorial:

1. Login ke Dashboard blogger.

2. Klik butang " More Options (rujuk no 1 pada GAMBAR 1) " dan klik " Layout (rujuk no 2 pada GAMBAR 1) ".

GAMBAR 1

3. Pada halaman Layout, klik " Add a Gadget (rujuk no 3 pada GAMBAR 2) " pada mana-mana bahagian yang anda nak untuk letakkan kod javascript tu nanti.

GAMBAR 2

4. Cari HTML/Javascript dan klik butang tambah (rujuk no 4 pada GAMBAR 3).

GAMBAR 3

5.  Copy (CTRL+C) kod javascript dibawah:

<style>
.gfg-root {
width: 100%;
height : auto;
position : relative;
overflow : hidden;
margin: 0 auto;
text-align : center;
font-size: 12px;
border: 1px solid #DBDBDB;
}
.gfg-title {
font-size: 16px;
font-weight : bold;
color : #6B6B6B;
background:#F3F3F3;
background-repeat: repeat;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
padding: 5px;
text-shadow: 0px 2px #fff;
}
.gfg-entry {
background-color: #FFFFFF;
width : 100%;
height : 9.2em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 3px;
}
.gf-title a {
text-transform: capitalize;
color: #0000ff;
font-size: 14px;
}
.gfg-subtitle {
display: none;
}
.gfg-list {
position : relative;
overflow : hidden;
text-align : left;
}
.gfg-listentry {
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
padding-left : 15px;
padding-right : 5px;
}
.gfg-listentry-odd {
background-color : #F3F3F3;
border-bottom : 1px dotted #CCCCCC;
padding: 5px;
}
.gfg-listentry-even {
background-color : #F3F3F3;
border-bottom : 1px dotted #CCCCCC;
padding: 5px;
}
.gfg-listentry-odd a{
color: #595959;
padding: 0 0px 0 10px;
}
.gfg-listentry-even a{
color: #242424;
padding: 0 0px 0 10px;
}
.gfg-listentry-highlight {
background: #FFFFFF;
}
.gfg-listentry-highlight:before {
position: absolute;
left: 0;
content: '\25BA ';
font-size: 14px;
color: #DBDBDB;
}
.gfg-listentry-highlight a {
color: #242424;
}
.gfg-root .gfg-entry .gf-result {
position : relative;
background-color: #ffffff;
width : auto;
height : 100%;
padding-left : 20px;
padding-right : 5px;
}
.gfg-root .gfg-entry .gf-result .gf-title {
font-size: 14px;
line-height : 1.2em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
margin-bottom : 2px;
margin-top: 5px;
}
.gfg-root .gfg-entry .gf-result .gf-snippet {
height : 3.8em;
color: #000000;
margin-top : 3px;
}
.clearFloat {
clear : both;}</style>
<script src="http://www.google.com/jsapi" type="text/javascript"></script><script src="https://dl.dropboxusercontent.com/s/rm1ed74yxtfgzn4/gfdynamicfeedcontrol.js" type="text/javascript"></script>
<script type="text/javascript">
function showGadget() {var feeds = [{title:'List',url:'http://faiz-tutorial.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=10'},];
new GFdynamicFeedControl(feeds, 'feedGadget',{title: 'Latest Posts', numResults : 10, displayTime : 5000, hoverTime : 500});} google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>
<div id="feedGadget">Loading...</div>

Keterangan:

• http://faiz-tutorial.blogspot.com  -  Gantikan dengan URL blog anda.
• Latest Posts - Tajuk yang dipaparkan pada bahagian atas.
• 10 - Bilangan entri yang akan dipaparkan dalam senarai.
• 5000 - Masa kelewatan antara entri dalam pusingan. (dalam milisaat)
• 500 - Masa minimum bagi satu perkara di dalam senarai yang akan dipaparkan di bahagian atas

6. Paste (CTRL+V) pada ruang Content (rujuk no 5 pada GAMBAR 4)

GAMBAR 4

7. Seterusnya klik " Save (rujuk no 6 pada GAMBAR 4 ) " dan lihat la hasilnya

Cara Untuk Hapus "Subscribe to: Post Comments (Atom)" Pada Bawah Entri

Tutorial:

PS: PASTIKAN ANDA BACKUP DAHULU TEMPLATE BLOG ANDA UNTUK LANGKAH KESELAMATAN . Lihat sini >> http://faiz-tutorial.blogspot.com/2013/02/tutorial-backuprestore-template.html

1. Login ke akaun blogger anda.

2. Klik pada Template

3. Klik Edit HTML

4. Klik pada ruang edit html dan tekan CTRL+F untuk paparkan ruang search

5. Cari (CTRL + F) dan Padam kod dibawah:

<b:include data='feedLinks' name='feedLinksBody'/>

6. Klik Preview template dan jika ok, klik Save Template