Thursday, 26 June 2014

Versi Terbaru Android "L" Bakal Dilancarkan

Pada acara tahunan Google (Google I/O) baru-baru ini , salah satu perkara yang menjadi fokus utama adalah beberapa perkara baru mengenai Android. Versi baru mereka akan hadir tidak lama lagi, dan untuk membolehkan para pembangun bersedia dengan aplikasi mereka, Google mengumumkan Android “L” Developer Preview.


Rekaan Antaramuka Baru – Material Design


Android “L” dilihat akan membawakan perubahan dari segi antaramuka. Google memanggilnya sebagai “Material Design”, dimana merupakan salah satu usaha untuk menyelarikan rekaan antaramuka pada pelbagai saiz peranti, dan juga untuk memberikan pengalaman pengguna yang selari pada aplikasi dan web.

Untuk menjayakan perkara ini, Google turut membuat perubahan pada muka-taip yang digunakan pada Android “L”, disamping menawarkan beberapa kesan animasi untuk digunakan oleh para pembangun.







Notifikasi Di Lockscreen

Notifikasi pada Android boleh dikatakan agak baik jikalau dibandingkan dengan beberapa platform operasi yang lain. Pada Android “L”, pihak Google turut memberikan fokus dan menambah-baik sokongan notifikasi untuk menjadikannya lebih menarik.



Salah satu pembaharuan adalah pengguna kini turut dipaparkan dengan notifikasi walaupun pada aplikasi dengan skrin penuh – seperti permainan, video dan sebagainya.

Disamping itu, pihak Google dilihat turut membawa notifikasi ke lockscreen melalui Android “L”, dimana pengguna boleh melihatnya, ataupun swipe sesuatu notifikasi ke sebelah kanan untuk memadamkannya.


Personal Unlocking Dan Sekuriti

Dengan Google yang turut membawa Android ke peranti boleh-pakai, salah satu fungsi baru yang diperkenalkan adalah “Personal Unlocking”. Melaluinya, ia memastikan telefon atau tablet anda berada di lokasi yang selamat, dan mengoptimasikan lockscreen bersesuaian dengannya.


Sebagai contoh, sekiranya anda memakai jam tangan pintar yang dihubungkan ke peranti, dan ingin mengakses peranti, anda boleh mengaksesnya terus, dan sekiranya sebaliknya, anda akan dipaparkan dengan skrin untuk memasukkan kod akses anda.

Selain menggunakan peranti boleh-pakai, Google turut mengatakan sokongan Personal Unlocking turut akan menyokong dan mengambil kira beberapa perkara lain, termasuk kedudukan anda melalui geolokasi (berdasarkan lokasi yang sering dilawati anda), rangkaian WiFi yang dihubungkan dan beberapa perkara lain.

Untuk sekuriti pula, pihak Google membawakan beberapa pembaharuan melalui Android “L”, termasuk salah satunya adalah Factory Reset Protection yang memudahkan pengguna nyah-aktifkan peranti mereka yang hilang atau dicuri, dan juga sokongan Universal Data Protection yang membolehkan pengguna mengawal data-data yang dikongsikan mereka seperti geolokasi dan sebagainya.


Multi-Tasking Kini Recents

Rekaan untuk bahagian multi-tasking turut dikemaskini melalui Android “L”, dimana pihak Google didapati memanggil butang multi-tasking sebagai “Recents”.


Daripada apa yang ditunjukkan, pengguna dipaparkan dalam bentuk rekaan Cards, dimana pengguna boleh swipe untuk melihat dari satu aplikasi ke aplikasi lain.

Disamping itu, pihak Google turut melangkah setapak kehadapan dengan mengumumkan yang mana setiap tab pada Chrome juga akan dipaparkan dalam bentuk Cards berbeza, sekaligus memudahkan proses multi-tasking anda.


Peningkatan Prestasi Dan Bateri

Android “L” juga akan menyaksikan pihak Google beralih sepenuhnya daripada penggunaan Dalvik kepada ART, yang mana secara tidak langsung membawa kepada peningkatan penggunaan prestasi secara keseluruhan, termasuk membawakan sokongan grafik yang lebih baik. Bersama-sama pengenalan ART, pihak Google turut membawakan sokongan 64-bit ke platform Android secara rasminya.



Untuk bahagian bateri pula, Google dilihat hadir dengan Project Volta, memberikan pembangun lebih kawalan untuk mengoptimasikan penggunaan bateri ketika aplikasi mereka digunakan. Untuk pengguna umum pula, pihak Google menyediakan sebuah fungsi baru yang sedia terdapat pada kebanyakkan peranti utama hari ini, iaitu Battery Saver Mode.

Selain daripada pelbagai pengenalan ini, Google turut dilihat bukan berhenti dengan Android untuk peranti mudah-alih sahaja, tetapi sebaliknya membawa ia ke pelbagai platform lain – termasuk untuk kaca televisyen melalui Android TV, untuk kenderaan melalui Android Auto, dan untuk peranti boleh-pakai melalui Android Wear. Google juga turut dilihat mengintegrasikan Android ke Chromebook dengan lebih baik, termasuk mengatakan Chromebook akan menyokong aplikasi Android tidak lama lagi.

Apa pun, ini boleh dikatakan hanya sebilangan kecil daripada fungsi-fungsi baru yang dibawakan oleh Android “L”. Google mengatakan lebih 5000 API baru tersedia melalui Android “L”, dan mungkin kita akan dapat melihat sebahagian daripadanya apabila mendapat akses untuk Android “L” Developer Preview.

Sumber

Saturday, 21 June 2014

Jam Pintar Apple IWatch Dilancarkan Oktober Ini



Sebelum khabar angin mengenai iPhone 6 mula kedengaran, Apple iWatch merupakan peranti yang hangat disebut dan dengan majlis WWDC juga berlalu tanpa sebarang berita mengenai peranti iPhone, iPod mahupun iWatch, kami pasti bulan oktober akan menjadi bulan dimana iPad dan iWatch dilancarkan manakala pelancaran iPhone 6 diadakan sebulan lebih awal.

Laporan terbaru yang mengatakan iWatch akan dilancarkan pada bulan Oktober adalah berdasarkan maklumat daripada pembekal komponen serta sumber terdekat Apple namun sedikit berlainan disini adalah, iWatch dikatakan akan dilancarkan bersama-sama iPhone pada bulan Oktober. Walaubagaimanapun, kebiasaanya, iPhone akan dilancarkan pada bulan September.

Sumber juga berkata bahawa iWatch akan mempunyai skrin paparan melengkung OLED dan mampu mengukur data seperti, glukosa darah, pembakaran kalori, waktu tidur dan tahap oksigen didalam darah. Jam pintar ini juga dikatakan akan menyimpan data cap jari daripada Touch ID iPhone pengguna. Apple menyasarakan untuk menjual 3 hingga 5 juta unit iWatch sebulan.

iWatch juga dikatakan akan beoperasi menggunakan iOS8 dan Apple juga akan menyertakan aplikasi HealthKit .

Sumber

Thursday, 12 June 2014

Tutorial Membuat Widget 'Social Follow Us' v1

Tutorial:

1. Login ke Dashboard blogger.

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


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


4. Cari HTML/Javascript dan klik butang tambah.


5.  Copy (CTRL+C) kod javascript dibawah:
<style>
.sidebarRight{float:right;display:block;width:330px;background:#fff;margin:7px 0;padding:0 1% 7px 1%}
h2.box-title{width:100%;padding:10px 3px;margin-bottom:10px;border-bottom:1px solid #e5e5e5}
h2.box-title a{font-size:17px;line-height:1em;font-weight:700;color:#007197;margin-right: 12px}
#social-buttons{width:100%;overflow: hidden;margin:10px 0}
.a-social{float:left;width: 46%;margin: 1%;padding: 1%;
background: none repeat scroll 0 0 #EEEEEE;
-moz-box-shadow: 0 1px 0 #FDFDFD inset;
-webkit-box-shadow: 0 1px 0 #FDFDFD inset;
box-shadow: 0 1px 0 #FDFDFD inset}
.a-social.facebook, .a-social:hover.facebook .social-slide{background: #3873ad}
.a-social.google, .a-social:hover.google .social-slide{background: #f73c28}
.a-social.twitter, .a-social:hover.twitter .social-slide{background: #62c6f8}
.a-social.rss, .a-social:hover.rss .social-slide {background: #f18421}
.a-social i {
display: block;
font-size: 20px;
font-family: FontAwesome;
color: #FFFFFF;
font-style: normal;
width: 40px;
height: 40px;
line-height: 40px;
margin: 15px auto 2px;
text-align: center;
border: 2px solid #fff;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%}
.social-container{
position: relative;
color: #FFFFFF;
font-size: 15px;
font-weight: 600;
height: 45px;
line-height: 45px;
overflow: hidden;
text-align: center;
width: 100%}
.social-slide, .a-social i {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out}
.social-slide{height: 45px;position: absolute;top: -35px;width: 100%}
.icon-facebook:before{content:"\f09a"}
.icon-twitter:before{content:"\f099"}
.icon-google-plus:before{content:"\f0d5"}
.icon-rss:before{content:"\f09e"}
.social-slide:after{
position: absolute;
display: block;
width: 100%;
height: 10px;
border-left: 2px solid #EEEEEE;
bottom: 0;
content: ""}
.a-social:hover .social-slide{top: 0}
.facebook_c{position: relative;top:5px;}
.twitter_c {position: relative;top:5px}
.google_c{position: relative;top:5px}
.rss_c{position:relative;top:-10px}
.rss .IN-widget, .button1 iframe {position: relative;top: -5px}
.twitter iframe{width: 134px !important}
.google #___plusone_0{width: 60px !important}
.a-social.rss{margin-right: 0}
</style>
<div class='sidebarRight'>
  <h2 class='box-title'><a>FOLLOW US</a></h2>
<div id="social-buttons">
<div class="facebook a-social">
    <i class="icon-facebook"></i>
    <div class="social-container fb">
        <div class="social-slide">
            <div class="facebook_c">
                <iframe src="//www.facebook.com/plugins/like.php?href=https://www.facebook.com/faiz.tutorial&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:81px; height:21px;" allowtransparency="true"></iframe>
            </div>
        </div>
        Facebook
    </div>
</div>

<div class="twitter a-social">
    <i class="icon-twitter"></i>
    <div class="social-container tw">
        <div class="social-slide">
            <div class="twitter_c">
                <a href="https://twitter.com/faizal_ahmad91" class="twitter-follow-button" data-show-count="true" data-show-screen-name="false" data-via="mariuCSS"></a>
                <script>
                    ! function (d, s, id) {
                        var js, fjs = d.getElementsByTagName(s)[0],
                            p = /^http:/.test(d.location) ? 'http' : 'https';
                        if(!d.getElementById(id)) {
                            js = d.createElement(s);
                            js.id = id;
                            js.src = p + '://platform.twitter.com/widgets.js';
                            fjs.parentNode.insertBefore(js, fjs);
                        }
                    }(document, 'script', 'twitter-wjs');
                </script>
            </div>
        </div>
        Twitter
    </div>
</div>

<div class="google a-social">
    <i class="icon-google-plus"></i>
    <div class="social-container tw">
        <div class="social-slide">
            <div class='google_c'>
                <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
                <div class="g-follow" data-annotation="bubble" data-height="24" data-href="https://plus.google.com/102149587857352560756" data-rel="publisher"></div>
            </div>
        </div>
        Google+
    </div>
</div>

<div class="rss a-social">
    <i class="icon-rss"></i>
    <div class="social-container tw">
        <div class="social-slide">
            <div class="rss_c">
<p><a href="http://feeds.feedburner.com/Faiz-tutorial"><img src="http://feeds.feedburner.com/~fc/Faiz-tutorial?bg=99CCFF&amp;fg=444444&amp;anim=1" height="26" width="88" style="border:0" alt="" /></a></p>
            </div>
        </div>
        Rss Feed
    </div>
</div>

</div>
<div class='clear'></div>
</div>

KETERANGAN:
  • + https://www.facebook.com/faiz.tutorial - Gantikan dengan link/url fan pages Facebook anda.
  • + https://twitter.com/faizal_ahmad91 - Gantikan dengan link/url Twitter anda.
  • + https://plus.google.com/102149587857352560756 - Gantikan dengan link/url Google+ anda.
  • + http://feeds.feedburner.com/Faiz-tutorial - Gantikan dengan link/url Feedburner anda.
  • + Faiz-tutorial  - Gantikan dengan link/url ID Feedburner anda.
  • + [PERHATIAN] Sekiranya button counter Feedburner tidak terpapar dengan betul, sila login ke akaun Feedburner anda [KLIK SINI] ---> Klik Nama blog anda (Jika tiada, daftarkan blog anda pada feedburner terlebih dahulu) ---> Klik tab Publicize ---> Klik FeedCount ---> Klik Activate (Sekiranya belum diaktifkan) ---> Copy kod HTML yang diberi  ---> Gantikan dengan kod diatas yang di 'highlight dengan warna OREN.
6. Paste (CTRL+V) pada ruang Content.

7. Seterusnya klik " Save " dan lihat la hasilnya

Monday, 26 May 2014

Tutorial Membuat 'Recent Comment' Dengan Efek 'Zoom-In'

Live Demo
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 type="text/css">
ul.btt_recent_comments {
    list-style: none;
    margin: 0;
    padding: 0;
}
.btt_recent_comments li {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 2px solid transparent;
}
.btt_recent_comments li:hover {
    -webkit-transform: scale(1.2) translate(15px);
    -moz-transform: scale(1.2) translate(15px);
    -ms-transform: scale(1.2) translate(15px);
    -o-transform: scale(1.2) translate(15px);
    transform: scale(1.2) translate(15px);
    box-shadow: 0 0 20px 1px #aaa;}
.btt_recent_comments li {
    background: none!important;
    margin: 5px!important;
    padding: 5px!important;
    display: block;
    clear: both;
    overflow: hidden;
    list-style: none;
}
.btt_recent_comments li .avatarImage {
    padding: 3px;
    background: #fefefe;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    float: left;
    margin: 0 6px 0 0;
    position: relative;
    overflow: hidden;
}
.avatarRound {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.btt_recent_comments li img {
    padding: 0;
    position: relative;
    overflow: hidden;
    display: block;
}
.btt_recent_comments li span {
    margin-top: 3px;
    color: #666;
    display: block;
    font-size: 12px;
    line-height: 1.4;
}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 45,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More ?",
 defaultAvatar  = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoS72WxZz29wQMqBvUoABjbTGrFgGaS8RlW7pgpA95CnewdHrwPenNpBK4iewqT1-7I1ijjeH9OGyuI9klls6v7glmEb3m4WFzAwuXF_M7t9fJfSAVzW_FqTkxifhs9OJS6BxUwR-nbiRQ/s320/avatar.png",
 hideCredits = true;
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('9 G=G||5,8=8||1z,w=w||1w,m=m||"j://V.L.g/1i/?d=1b",F=F||" 1c &1D;",x=(A x===\'B\')?h:x,o=(A o===\'B\')?Q:o,q=(A q===\'B\')?h:q,r=(A r===\'B\')?Q:r;18 14(C){9 7;7=\'<R J="14">\';U(9 i=0;i<G;i++){9 z,y,2,k;4(i==C.O.e.D)X;7+="<10>";9 e=C.O.e[i];U(9 l=0;l<e.E.D;l++){4(e.E[l].19==\'1a\'){z=e.E[l].v;X}}y=e.M[0].1x.$t;2=e.M[0].1E$16.N;4(2.f("/P/")!=-1){2=2.p("/P/","/s"+8+"-c/")}b 4(2.f("/S/")!=-1){2=2.p("/S/","/s"+8+"-c/")}b 4(2.f("/T-c/")!=-1&&2.f("j:")!==0){2="j:"+2.p("/T-c/","/s"+8+"-c/")}b 4(2.f("H.g/n/17-W.I")!=-1){2="j://3.Y.Z.g/-1d-1e/1f/1U/1g/s"+8+"/1h.11"}b 4(2.f("H.g/n/1j-W.I")!=-1){2="j://3.Y.Z.g/-1k/1l/1m/1n/s"+8+"/1o.11"}b 4(2.f("H.g/n/1p.I")!=-1){4(m.f("L.g")!=-1){2=m+"&s="+8}b{2=m}}b{2=2}4(x===h){4(q===h){k="1q"}b{k=""}7+="<12 J=\\"1s "+k+"\\"><n J=\\""+k+"\\" N=\\""+2+"\\" 1t=\\""+y+"\\" 1u=\\""+8+"\\" 1v=\\""+8+"\\"/></12>"}7+="<a v=\\""+z+"\\">"+y+"</a>";9 13=e.1y.$t;9 6=13.p(/(<([^>]+)>)/1A,"");4(6!==""&&6.D>w){6=6.1B(0,w);6+="&1C;";4(o===h){6+="<a v=\\""+z+"\\">"+F+"</a>"}}b{6=6}7+="<u>"+6+"</u>";7+="</10>"}7+=\'</R>\';9 K="";4(r===h){K="15:1F;"}7+="<u 1G=\\"1H-1I:1J;15:1K;1L-1M:1N;"+K+"\\">1O 1P <a v=\\"j://V.1Q.1R/\\">1S</a></u>";1T.1r(7)}',62,119,'||authorAvatar||if||commBody|commentsHtml|avatarSize|var||else|||entry|indexOf|com|true||http|avatarClass||defaultAvatar|img|showMorelink|replace|roundAvatar|hideCredits|||span|href|characters|showAvatar|authorName|commentlink|typeof|undefined|btt|length|link|moreLinktext|numComments|blogblog|gif|class|hideCSS|gravatar|author|src|feed|s1600|false|ul|s220|s512|for|www|rounded|break|bp|blogspot|li|png|div|commHTML|btt_recent_comments|display|image|b16|function|rel|alternate|mm|More|AaI8|1X32ZM|TxMKLVzQ5BI|QYau8ov2blE|btt_blogger_logo|avatar|openid16|9lSeVyNRKx0|TxMKMIqMNuI|AAAAAAAABYc|8iasY0xpLzc|btt_openid_logo|blank|avatarRound|write|avatarImage|alt|width|height|40|name|content|60|ig|substring|hellip|raquo|gd|none|style|font|size|10px|block|text|align|right|Widget|by|SoftGlad|com|SoftGlad|document|AAAAAAAABYY'.split('|'),0,{}))
//]]>
</script>
<script src="/feeds/comments/default?alt=json&amp;callback=btt_recent_comments&amp;max-results=10" type="text/javascript"></script>
KETERANGAN:
  • numComments  = 5,  -   Gantikan nilai 5 dengan jumlah komen yang mahu dipaparkan
  • showAvatar  = true,   -   Gantikan true ke false jika anda tidak mahu memaparkan avatar (gambar) pengkomen. #(true = paparkan avatar)
  • avatarSize  = 45,    -    Gantikan nilai 45 dengan saiz avatar yang anda mahu.
  • roundAvatar = true,    -   Gantikan true ke false sekiranya anda tidak mahu memaparkan avatar berbentuk bulat. #(true = memaparkan avatar berbentuk bulat) .
  • characters  = 40,     -    Gantikan nilai 40 dengan bilangan karakter komen.


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

Wednesday, 21 May 2014

Cara Mengecas Bateri Telefon Pintar Dengan Pantas & Efisen


Seperti yang kita semua sedia maklum, masalah bateri adalah sesuatu yang pasti menghantui kesemua pengguna telefon pintar dan tablet. Walaupun kapasiti bateri pada telefon pintar dan tablet semakin tinggi namun masalah ini tetap hadir. Disini kami memberikan anda beberapa cara untuk mengecas bateri peranti anda dengan lebih pantas dan secara efisen.


1. Letakkan peranti anda didalam ‘Airplane Mode’ atau matikanya.
Cara ini mungkin bukan sesuatu yang baru untuk dibincangkan, namun untuk pengetahuan anda, peranti anda masih menggunakan tenaga bateri yang kecil ketika didalam mod ‘stanby’ namun jika ada meletakkan peranti anda didalam mod ‘Airplane’ ianya akan hampir kesemua fungsi utama peranti tersebut sekaligus mempercepatkan lagi pengecasan. Selain itu, adalah lebih baik jika anda boleh mematikan terus peranti anda kerana pengunaan bateri akan menjadi 0%. Harus diingatkan juga bahawa cara ini mungkin tidak berkesan pada sesetengah peranti.


2. Caj bateri anda dari sumber elektrik utama dan bukan melalui USB.
Ini adalah satu yang kita jarang amalkan kerana kita lebih biasa mengecaj peranti kita melalui komputer peribadi terutamanya di pejabat namun untuk pengetahuan anda, pengecasan ini pasti mengambil masa yang lama. Sebagai perbandingan, port USB 2.0 pada sesuatu komputer hanya memberikan 0.5amps tenaga manakala port USB 3.0 memberikan 0.9amps yang mana ianya adalah kurang jika dibandingkan dengan pengecasan tradisional. Pengecasan secara terus memboleh pengecasan dilakukan pada kadar yang lebih cepat kerana tenaga elektrik yang diberikan adalah pada kadar 1.0 amps manakala bagi tablet adalah 2 amps.


3.Guna pengecas yang menawarkan amps yang tinggi.
Lebih tinggi amps yang diberikan oleh sesuatu pengecaj lebih cepat peranti anda akan dicaj. Kami mencadangkan anda mencari pengecaj yang menawarkan kadar pengaliran tenaga yang lebih tinggi.


4.Gunakan port USB Mac ( untuk peranti iPhone dan iPad).
Jika anda tidak mempunyai sumber elektrik dan anda memiliki peranti iPhone atau iPad, pengecasan melalui komputer Apple Mac kerana model Mac yang baru mampu mengesan peranti Apple dan memberikan tenaga pengecasan yang lebih tinggi berbanding biasa iaitu pada kadar 1.1 amps.


5.Gunakan perisian asli untuk meningkatkan kadar pengaliran tenaga melalui port USB.
Seperti yang kami perkatakan, hampir kesemua komputer menawarkan 0.5-0.9 amps melalui port USB namun terdapat beberapa pengeluar komputer yang menawarkan perisian khas yang membolehkan jumlah amps ditingkatkan untuk pengecasan yang lebih pantas. Contoh yang boleh kami sebut adalah, aplikasi Windows yang dikenali sebagai ‘Ai charger’ yang terdapat pada komputer keluaran Asus. Kami mengingatkan anda supaya hanya menggunakan perisian yang disahkan selamat oleh pengeluar komputer anda.


6. Pengecas Dual USB.
Ini adalah kable micro USB yang membolehkan anda menggunakan tenaga dari dua port USB secara serentak dan mampu mengecas telefon pintar atau tablet anda pada kadar dua kali lebih pantas.

Thursday, 15 May 2014

Tutorial Membuat 'Social Content Locker' Pada Entri Blogger



LIVE PREVIEW




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)  kod dibawah:
</head>
6. Copy(CTRL + C) kod dibawah, dan Paste(CTRL + V) sebelum kod </head> :
<link href='https://dl.dropboxusercontent.com/s/mr4fqupuncvljjc/sociallocker.css' rel='stylesheet' type='text/css'/>

7. Klik Save Template.

8. Untuk paparkan 'Social Content Locker' pada entri :
(a) . Pergi ke "Dashboard" >> Klik "New Post" .
(b). Klik pada tab "HTML" .

(c). Copy(CTRL + C) kod dibawah dan Paste(CTRL +V) pada ruang tab HTML:
<article id="default-usage">
<div class="to-lock" style="display: none;">
   
<!--Hidden Content Starts (You can Use HTML BELOW)-->
<div style="text-align: center; margin-bottom: 20px;"><img src="URL GAMBAR DISINI" alt="" style="margin: auto;" /></div> <div style="text-align: justify">TAMBAH TEKS TERSEMBUNYI ANDA DISINI</div>
<!--Hidden Content Ends (You can Use HTML ABOVE)-->
</article>
</div><div id="socialunlocker"> </div>
<script type="text/javascript" src="https://dl.dropboxusercontent.com/s/x9sycmrs4zh29ry/sociallocker.js"></script>
<script>
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({
text: {
header: "Share it To Unlock This Content",
message: "Yes, this is Social Locker. Just try it, click on one of buttons."
},
style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},
// twitter options
twitter: {
url: "http://faiz-tutorial.blogspot.com",
text: "Upgrade your social buttons to get more social traffic!"
},
// facebook options
facebook: {
url: "https://www.facebook.com/faiz.tutorial",
appId: "130907070422114"
},
google: {
url: "http://faiz-tutorial.blogspot.com"
}
});
});;;;
   
</script>
KETERANGAN:
  • http://faiz-tutorial.blogspot.com - Gantikan dengan URL/Link Blog atau Entri anda.
  • https://www.facebook.com/faiz.tutorial - Gantikan dengan URL/Link Fan Page Facebook anda.
  • http://faiz-tutorial.blogspot.com - Gantikan dengan URL/Link Blog atau Entri anda.
  • Jika 'button like' tidak berfungsi dengan sempurna, gantikan id 130907070422114 dengan APP ID facebook anda.
  • Kandungan entri yang anda ingin sembunyikan@lock , anda boleh letakkan diantara <!--Hidden Content Starts (You can Use HTML BELOW)--> dengan <!--Hidden Content Ends (You can Use HTML ABOVE)-->.  Memerlukan sedikit kemahiran dalam kod HTML.
  • Anda juga boleh menggunakan kod yang disediakan (yang di 'highlight' warna hijau ), hanya gantikan: 
              # URL GAMBAR DISINI - Gantikan dengan url gambar yang anda ingin sembunyikan.
              # TAMBAH TEKS TERSEMBUNYI ANDA DISINI - Gantikan dengan teks yang anda ingin
                sembunyikan.
              # Untuk tambah link boleh guna kod HTML ini ,   
                          <a href="LINK/URL">NAMA LINK/URL</a>

(d). Publish .. selesai . Kalau tak paham jangan segan-segan bertanya k.... :)



Sumber: 
http://codecanyon.net/item/social-locker-for-wordpress/3667715
http://codecanyon.net/item/social-locker-for-jquery/3408941

Thursday, 8 May 2014

Windows 9 Bakal dilancarkan pada April 2015


Sebelum ni, hanya selepas beberapa minggu Windows 8 dilancarkan, khabar angin mengenai Windows 9 mula tersebar. Walaupun syarikat itu memberi tumpuan kepada kemas kini untuk Windows 8.1 sekarang, pemerhati Windows melaporkan bahawa syarikat itu mempunyai rancangan yang lebih besar; pelepasan Windows 9 sekitar bulan April 2015.

Microsoft dilaporkan telah mengiktiraf beberapa kritikan mengenai Windows 8 yang sama ada perlu diperbaiki dalam kemas kini Windows 8.1 atau Windows 9. Salah satu perkara utama yang kononnya akan datang adalah kemunculan semula Start Menu, walaupun khabar angin sebelum ini memberitahu bahawa Microsoft akan lakukan perubahan tersebut dalam kemas kini untuk Windows 8.1.

Hasil daripada kritika Windows 8, Microsoft boleh mencari cara untuk menjalankan aplikasi “Metro” dengan cara yang serupa dengan Windows tradisional, yang akan membolehkan mereka untuk berjalan di tetingkap berasingan.

Microsoft dilaporkan akan membina Windows 9 dengan tiga versi pembangunan utama sebelum keluar dengan versi penuh dan stabil, walaupun ia tidak jelas bagaimana kebanyakan versi pembangunan akan disediakan kepada pemaju sebelum pelepasan awam.