Tutorial Memaparkan 'Post Views Count' Pada Blogger

Untuk membuat 'Post Views Count' ini, kita memerlukan satu pangkalan data (database) untuk menyimpan data bilangan pengunjung yang melihat pada setiap entri. Jadi disini saya menggunakan servis dari Firebase untuk menyimpan data-data tersebut.

Tutorial:

1.  Buat akaun Firebase anda.
Klik pada pautan ini => FIREBASE dan klik "Sign Up".

2. Buat Database baru.
i). Pada Dashbord Firebase anda, pergi pada bahagian ruang "Create New App".
ii). Isikan App Name anda. (Terserah anda nak letak nama apa pun. Disini sebagai contoh saya letak "PostViewCount")
iii). Isikan App Url anda. (Terserah anda, tetapi pastikan nama URL anda unik dan tidak sama dengan pengguna lain.)
iv). Klik "Create New App".

3. Cara pemasangan plugin pada template Blogger.

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

i). Login ke akaun blogger anda.

ii). Klik pada Template

iii). Klik Edit HTML

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

v). Cari (CTRL + F)  kod dibawah:

]]></b:skin>

vi). Copy (CTRL + C) kod dibawah dan Paste (CTRL + V) sebelum kod ]]></b:skin> :

/*-------- Post Views  ----------*/
#views-container {
width: 85px;
float: right;
}
.mbtloading {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR_JVOJOLkDZIk9Hi_SKOdIJRngEn3CNxCuer_NEY3AmWrpKA2ChfFvfESZU7IsF3sN-7QZe2r-7BecOrcAQgaL8CTR_P8kMuN7mUdqTWDX5Mchm7IL6NBNZ40PywL_sOY3hy6m4FkWujk/s320/mbtloading.gif') no-repeat left center;
width: 16px;
height: 16px;
}
.viewscount {
float: right;
color: #EE5D06;
font: bold italic 14px arial;
}
.views-text {
float: left;
font: bold 12px arial;
color: #333;
}
.views-icon{
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidGptXTYs9Oh1DWdsb8KEfw7lTraOyyl1ngCS3oo3IaAbKm4oPhs3xRaagESyULCOlbZQW45Pf6E9cF2hyphenhyphenhCY34eLU3-iIzxHTR7FHb4TLBg13kmQIueBHlrHBbwGybSH_xJNQI39EdiTO/s1600/postviews.png') no-repeat left;
border: 0px;
display: block;
width: 16px;
height: 16px;
float: left;
padding: 0px 2px;
}

KETERANGAN:

- right  => Untuk mengubah posisi plugin kekiri hanya tukar dari "right" ke "left" .

- #EE5D06  => Mengubah warna nombor bilangan 'post views'.

vii). Cari (CTRL + F)  kod dibawah:

</body>

viii). Copy (CTRL + C) kod dibawah dan Paste (CTRL + V) sebelum kod </body> :

<!-- Post Views Script by MBT -->
<script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
  </script>
<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
<script>
$.each($(&#39;a[name]&#39;), function(i, e) {
var elem = $(e).parent().find(&#39;#postviews&#39;).addClass(&#39;mbtloading&#39;);
var blogStats = new Firebase(&quot;https://faiz-tutorial.firebaseio.com/pages/id/&quot; + $(e).attr(&#39;name&#39;));
blogStats.once(&#39;value&#39;, function(snapshot) {
var data = snapshot.val();
var isnew = false;
if(data == null) {
data= {};
data.value = 0;
data.url = window.location.href;
data.id = $(e).attr(&#39;name&#39;);
isnew = true;
}
elem.removeClass(&#39;mbtloading&#39;).text(data.value);
data.value++;
if(window.location.pathname!=&#39;/&#39;)
{
if(isnew)
blogStats.set(data);
else
blogStats.child(&#39;value&#39;).set(data.value);
}
});
});
</script>

KETERANGAN:

- Gantikan faiz-tutorial.firebaseio.com dengan URL database Firebase anda. Pastikan jangan tertinggal simbol slash ( / ) selepas URL .

ix). Cari (CTRL + F)  kod dibawah:

 <data:post.body/>

x). Copy (CTRL + C) kod dibawah dan Paste (CTRL + V) sebelum kod  <data:post.body/> :

<!-- Post Views Counter by MBT-->
<div id='views-container'><span class='views-icon'/><div class='views-text'>Views:</div> <div class='mbtloading viewscount' id='postviews'/></div>

KETERANGAN:

- Jika kod <data:post.body/>  lebih dari satu pada template, anda boleh cuba satu persatu untuk menentukan posisi yang sesuai.

xi). Pada langkah ini kita akan memasang script JQuery pada template. Jika template anda sudah terpasang script JQuery, abaikan langkah ini dan teruskan ke langkah xi.

- Cari (CTRL + F)  kod dibawah: 

<head>

- Copy (CTRL + C) kod dibawah dan Paste (CTRL + V) selepas kod <head> :

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

xi). Klik Preview template dan jika ok, klik Save Template

Code & Script Credit to MBT Team

Tutorial Menggunakan Whatsapp Web Di Laptop/PC

Tutorial Menggunakan Whatsapp Web Di Laptop/PC

Beberapa hari lepas Whatsapp telah memperkenalkan secara rasmi versi desktopnya. Dalam versi desktop ini, ia umpama cermin (mirror) bagi aplikasi Whatsapp yang telah terpasang pada telefon pintar anda. Segala mesej keluar masuk pada aplikasi Whatsapp pada telefon pintar anda akan terpapar pada WhatsApp Web versi desktop ini. Fungsi Whatsapp Web ini memerlukan sambungan internet pada kedua-dua peranti sama ada pada telefon pintar atau PC/Laptop anda. 

Whatsapp Web ini hanya boleh berfungsi dengan menggunakan pelayar web Google Chrome dan tidak akan tersedia untuk pengguna iPhone kerana keterbatasan Platform Apple.

P/S: Pastikan kedua-dua peranti , telefon pintar dan PC/Laptop anda mempunyai sambungan internet.

Tutorial Menggunakan Whatsapp Web Di Laptop/PC

1. Buka pautan ini https://web.whatsapp.com/ menggunakan pelayar web Google Chrome.

2. Setelah itu, ada akan diberikan satu QR Code.

3. Untuk mengimbas QR Code tersebut, anda perlulah menggunakan aplikasi WhatsApp versi yang terbaru pada telefon pintar anda, yang mempunyai fungsi "WhatsApp Web" pada menu aplikasi tersebut.

i) . Buka WhatsApp Web :

- Untuk Android , Windows Phone dan Nokia S60

      Buka WhatsApp  --> Menu --> WhatsApp Web

- Untuk BlackBerry

      Buka WhatsApp  --> Chat --> Menu Key --> WhatsApp Web

- Untuk BlackBerry 10:

     Buka WhatsApp  --> Swipe kebawah dari atas skrin --> WhatsApp Web

- Untuk Iphone :

     Masih tidak menyokong fungsi ini. 

    

ii) . Jika keluar cara mengimbas QR Code seperti gambar dibawah, klik pada " OK, GOT IT".

iii) . Seterusnya, anda imbas QR Code yang terpapar pada PC/Laptop anda tadi.

iii) Setelah QR Code berjaya diimbas, anda suda boleh menggunakan WhatsApp pada PC/Laptop anda.

Asus Zenfone 2 Hadir Dengan 4 GB RAM Dan Kamera 13 Megapixel

Asus Zenfone 2 

Nampaknya Asus begitu serius dengan peranti Zenfone mereka dengan melancarkan Asus Zenfone 2 yang hadir dengan 4 GB RAM menjadikan ia antara yang pertama menggunakan memori sebesar itu. jika sebelum ini, peranti Zenfone agak popular dikalangan pengguna oleh kerana menawarkan pakej yang terbaik pada harga yang lebih berpatutan.

Tidak seperti peranti Zenfone sebelumnya yang hadir dengan pelbagai variasai saiz paparan, Zenfone kali ini hadir dengan hanya 5.5 inci yang hadir dengan resolusi 1080 x 1920 pixels. Asus masih lagi mengekalkan pemproses intel pada Zenfone kali ini. Ia dipadukan dengan Intel Atom Z3580 Quad Core 2.3 Ghz.

Di bahagian belakangnya pula tertera kamera 13 Megapixel yang hadir dengan dual-LED. Bahagian hadapan pula, Asus memperlihatkan kamera 5 Megapixel untuk pengalaman selfie yang lebih baik.

Spesifikasi dan ciri-ciri utama yang terdapat pada Asus Zenfone 2 :
- Dilengkapi dengan rangkaian 4G LTE
- Paparan Skrin 5.5 Inci Full HD dengan resolusi 1920 x 1080 pixels
- Pemproses 64-bit Intel Atom Z3580
- Kamera 13 Megapixel dan 5 Megapixel kamera
- Dijalankan pada platform Android OS, v5.0 (Lollipop)
- Kapasiti Bateri Li-Po 3000 mAh
- Dua pilihan memori terbina 16GB/32GB/64RAM dan 2GB RAM/4GB RAM
- Sokongan microSD 64 GB

Nak lihat spesifikasi lain boleh ke pautan ini
http://www.gsmarena.com/asus_zenfone_2_ze551ml-6917.php

Asus Zenfone 2 boleh didapati bermula March tahun ini. Menariknya, sebuah peranti yang mantap ini akan dijual pada harga USD199 sekitar RM700.


Credit : MesraMobile

TUTORIAL BLOGGER : Cara Membuat Sitemap Dengan Paparan Yang Lebih Cantik

Cara Membuat Sitemap Dengan Paparan Yang Lebih Cantik

LIVE DEMO

http://faiz-tutorial.blogspot.com/2013/12/tutorial-membuat-sitemap-pada-blogger.html

TUTORIAL BLOGGER : Cara Membuat Sitemap Dengan Paparan Yang Lebih Cantik

1. Login ke Dashboard Blogger anda.

2. Klik butang " More Options " dan klik " Pages ".

3. Untuk membuat halaman baru, klik pada "New page".

4. Masukkan Tajuk halaman baru anda. 

5. Klik pada "HTML".

6. Masukkan kod dibawah pada ruang yang disediakan.

<style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>
<div id="toc">
<script src="https://sites.google.com/site/faizlivestream/blog_js/sitemap_style.js" type="text/javascript"></script>
<script src="http://faiz-tutorial.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

KETERANGAN:

  - Gantikan " http://faiz-tutorial.blogspot.com " dengan URL/LINK blog anda.

 7. "Preview" dan "Publish".

[TUT][WIN] Cara Membaiki Masalah Error "The drive where windows is installed is locked" Pada Windows 8/8.1/10

Pada awalnya PC saya tidak dapat boot ke Sistem Operasi. Jadi saya masuk pada Safe Mode untuk refresh PC saya. Tapi malangnya keluar pesan ralat "The drive where windows is installed is locked". Jadi saya buat seperti langkah dibawah dan PC dapat boot pada OS seperti biasa. Mungkin ada yang mengalami masalah yang sama bolehlah cuba tutorial di bawah.

Cara Membaiki Masalah Error "The drive where windows is installed is locked" Pada Windows 8/8.1/10

**Pastikan anda menggunakan DVD atau USB Drive Installation Windows mengikut jenis Sistem Operasi yang anda gunakan sama ada Windows 8, Windows 8.1 atau Windows 10.

1. Masukkan  DVD atau USB Drive Installation Windows 8/8.1/10 dan boot pada PC anda.

2. Setelah booting, pada "Windows Setup screen", pilih bahasa dan keyboard yang anda gunakan dan klik Next. 

3. Klik pada "Repair your computer".

4. Pada bahagian "Choose an option" , pilih "Troubleshoot".

5. Pada bahagian "Troubleshoot", pilih "Advanced options".

6. Pada bahagian "Advandce options", pilih "Command Prompt". 

7. Pada "Command Prompt", masukkan perintah dibawah satu persatu:

• Taip "  bootrec /fixmbr  "  dan tekan "Enter".
• Taip "  bootrec /fixboot  " dan tekan "Enter".
• Taip "  bootrec /RebuildBcd " dan tekan "Enter".
• Apabila ditanya 'Yes' atau 'No', taip " Y " dan tekan "Enter".
• Taip " Exit " dan tekan "Enter".

8. Reboot ke Sistem Operasi Windows 8/8.1/10 anda.

Tutorial : Cara Menyahaktifkan UEFI Secure Boot Pada Windows 8 / 8.1

Baca juga >> http://faiz-tutorial.blogspot.com/2014/10/apa-itu-uefi-serta-apa-kelebihan-dan.html

Kebanyakan Laptop atau PC yang baru anda beli yang sudah terpasang sistem operasi Windows 8/8.1, mengunakan sistem boot UEFI. Jadi fungsi key untuk masuk ke bios semasa boot tidak berfungsi kerana Secure Boot telah diaktifkan. Jadi untuk mengatasi masalah ini,saya akan menunjukkan Cara Menyahaktifkan (Disable) UEFI Secure Boot Pada Windows 8 / 8.1 .

1. Pergi ke PC Setting
- Pada Charms Bar, Klik pada "Settings" .

- Klik pada "Change PC settings" .

2. Pergi ke "Advance Startup" .

- Untuk Windows 8 :

i)  Klik pada "General".

ii) Pergi pada bahagian "Advance Startup".

iii) Klik pada "Restart now".

- Untuk Windows 8.1 :

i) Klik pada "Update and recovery" .

ii) Klik pada "Recovery" .

iii) Pergi pada bahagian "Advance Startup".

iv) Klik pada "Restart now".

3. Akses ke Tetapan UEFI

Selepas proses Restart selesai, akan terpapar pilihan seperti gambar dibawah.

- Klik pada pilihan "Troubleshoot".

- Pada bahagian Troubleshoot, klik pada "Advance options" .

- Pada bahagian Advanced options , klik pada "UEFI Firmware Settings".

- Klik pada "Restart" untuk masuk ke UEFI Firmware Settings (Paparan seperti tetapan Bios) .

4. Menyahaktifkan (Disable) Secure Boot pada UEFI Setting.

- Untuk langkah ini, bergantung pada jenis atau versi tetapan Bios anda.

- Cari tetapan bagi "Secure Boot" sama ada pada tab Security atau Boot dan tukar tetapannya menjadi "Disable".

- Contoh, jika paparan UEFI seperti gambar dibawah, klik pada tab "Boot" . Pergi pada bahagian "Secure Boot" dan tukarkan tetapan menjadi "Disable" (Gunakan keypad arrow untuk menukar).

- Setelah selesai , klik F10 untuk menyimpan tetapan.

Ok untuk boot seterusnya anda sudah boleh mengakses Bios seperti biasa dengan menekan key berdasarkan jenis dan model pc atau laptop anda.

Apa itu UEFI serta Apa Kelebihan dan Kekurangannya?

Contoh Paparan UEFI

Unified Extensible Firmware Interface (UEFI) adalah standard baru firmware interface untuk PC yang didesain untuk menggantikan BIOS (Basic Input/Output System).

UEFI awalnya dikembangkan oleh Intel dan diberi nama EFI. Namun sebuah group yang terdiri dari 140 perusahaan mengambil alih pengembangannya dan menamainya Unified EFI atau UEFI.

Seperti halnya BIOS, UEFI menghubungkan antara hardware, firmware, dan OS dalam sebuah komputer. UEFI menjadi program yang pertama kali berjalan saat komputer dinyalakan. UEFI akan menyemak setiap komponen hardware yang terpasang di komputer, menyalakannya, mengaturnya, dan menyerahkannya ke sistem operasi melalui proses booting.

UEFi dibuat untuk mengatasi kelemahan dan batasan yang dimiliki oleh BIOS, sehingga firmware ini memiliki banyak kelebihan dibandingkan BIOS:

# UEFI memiliki komunikasi yang lebih baik dengan hardware dan firmware. Misalnya, dia tidak memerlukan boot sector di hardisk dan boleh menggunakan mouse + keyboard di interfacenya.
# UEFI juga mampu diprogram sehingga pengeluar boleh menambahkan aplikasi dan driver didalamnya, membuatkan sistem dan ciri-ciri UEFI lebih lengkap daripada BIOS.
# Secara visual UEFI memiliki paparan yang lebih cantik dan atraktif. Selain itu mouse dan keyboard boleh digunakan di UEFI sehingga semakin memudahkan proses konfigurasi dan overclocking.
# UEFI memiliki security yang lebih kuat dibandingkan BIOS. Ia mampu melindungi pre-startup, pre-boot, dan process lainnya dari serangan bootkit.
# UEFI menyokong hardisk dengan kapasiti lebih dari 2.2 TB
# UEFI mempercepat waktu startup dan resume saat komputer di hibernate.
# UEFI mendukung driver perangkat 64-bit sehingga bisa mengalokasikan hingga 17.2 Milyar GB memory saat startup!
# Selama masa transisi dari BIOS ke UEFI, sebagian besar platform bakal support BIOS meskipun mereka menggunakan UEFI. BIOS boleh berjalan di UEFI.
# Salah satu kelemahan UEFI hanyalah umurnya yang masih muda, sehingga belum semua sistem operasi mendukung firmware tersebut. Linux sebenarnya sudah support UEFI, namun sayangnya belum ada distro Linux yang mengoptimasi OS mereka dengan UEFI. Sebagian besar distro Linux masih belum memanfaatkan UEFI.

Windows 8 yang dirilis 2012 lalu mungkin adalah OS pertama yang memanfaatkan UEFI secara keseluruhan melalui ciri-ciri restore, refresh, secure boot, dan beberapa ciri lainnya.

SUMBER