Kelas Math – Be Smart Ya kelas Math

Enter your keyword

Wednesday, January 1, 2020

Animasi Teks Berputar Dengan JQuery

By On January 01, 2020
Kelas Mat - Melalui blog kelasmat ini kemarin saya telah menuliskan sebuah trik untuk membuat animasi Teks Seperti Bernafas dengan CSS dan sebuah script yang bernama splitting.js dengan judul artikelnya adalah Animasi Teks Bernafas dengan CSS. Nah masih dalam konteks yang sama, yaitu tentang animasi teks, pada kali ini saya juga akan membuat sebuah animasi teks Berputar dengan Memanfaatkan Jquery.
Animasi Teks Berputar Dengan JQuery
Jadi Pastikan dalam blog kamu sudah terpasang Jquery nya berapapun versinya tidak masalah namun lebih baik lagi menggunakan jquery yang terbaru.

Cara Membuat Animasi Teks Berputar dengan CSS

Pertama-tama tentu kamu harus sudah berada pada editor template blogger kamu, kemudian baru Kita tentukan dulu gaya/style dari teks yang akan kita beri efek berputarnya. Misalnya h1 atau h2 atau yang lainnya dengan cara menambahkan kode berikut ini sebelum kode ]]></b:skin> :

Kode CSS

@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,300,600,700,800);
h1 {
  margin: 0;
  padding: 0;
  font-family: 'Raleway';
  font-weight: 400;
  font-size: 3em;
  color: #9A12B3;
}
.letterDrop {
  position: relative;
  top: 0;  
  display: inline-block;
  text-transform: Uppercase;
  letter-spacing: 0em;
  opacity: 0.8;
  transform: rotateX(-90deg);
  animation: letterDrop 1s ease 1 normal forwards;
}
@keyframes letterDrop {
    10% {
        opacity: 0.5;
    }
    20% {
        opacity: 0.8;
        top: 3em;
        transform: rotateX(-360deg);
    }
    100% {
        opacity: 1;
        top: 3em;
        transform: rotateX(360deg);
    }
}
span:nth-child(2n) {
  color: #663399;
}

Kode Scriptnya

Setelah itu kita Buat scriptnya seperti di bawah ini. Copy dan Pastekan/Letakkan script berikut ini sebelum kode </body> :
;(function($) {
  $.fn.letterDrop = function() {
  return this.each( function() {
  var obj = $( this );
 
  var drop = {
    arr : obj.text().split( '' ),
    
    range : {
      min : 1,
      max : 9
    },
    
    styles : function() {
      var dropDelays = 'n', addCSS;
      
       for ( i = this.range.min; i <= this.range.max; i++ ) {
         dropDelays += '.ld' + i + ' { animation-delay: 1.' + i + 's; }n';  
       }
      
        addCSS = $( '<style>' + dropDelays + '</style>' );
        $( 'head' ).append( addCSS );
    },
    
    main : function() {
      var dp = 0;
      obj.text( '' );    
      $.each( this.arr, function( index, value ) {
        dp = dp.randomInt( drop.range.min, drop.range.max );
        if ( value === ' ' )
          value = '&nbsp';
          obj.append( '<span class="letterDrop ld' + dp + '">' + value + '</span>' );
      });
    }
  };
   
  Number.prototype.randomInt = function ( min, max ) {
    return Math.floor( Math.random() * ( max - min + 1 ) + min );
  };
 
  drop.styles();
  drop.main();
  });

};
}(jQuery));
$( 'h1' ).letterDrop();

Lihat tag h1 yang saya beri tanda kuning di atas, itu tag yang akan kita beri efek berputar. Jadi Sekarang kita bisa gunakan teks berputarnya pada tag html h1 misalnya seperti ini :
<h1>Kelasmat.Com</h1>

Jika langkah-langkah tadi tidak ada yang salah seharusnya hasil yang tadi kamu buat akan seperti di bawah ini:

KelasMat.COm

Semoga Bermanfaat dan jangan lupa jika artikel ini berguna, silahkan share keteman-teman kamu melalui tombol sosmed di bawah ini.
NB: Untuk melihat kembali Efek Animasi teks Berputar dengan Jquery ini, silahkan Lakukan refresh halaman ini dengan menekan tombol
f5
pada keyboard kamu.
Untuk Demo penerapannya kedalam blog untuk animasi judul blog, silahkan kunjungi halaman ini. Perhatikan Judul/Header Blognya.

Sunday, December 29, 2019

Animasi Teks Bernafas dengan CSS

By On December 29, 2019
Kelas Math - Beberapa hari yang lalu, saya telah membuat tulisan tentang Membuat Sticky Widget di Blogger dengan javascript. Nah untuk kali ini saya akan membuat tutorial sederhana mengenai cara membuat animasi Tulisan atau Text dengan CSS.
Animasi Teks Bernafas dengan CSS
Animasi ini cocok diterapkan pada judul atau Header Blog kamu yang tidak mau menggunakan image atau gambar. Kita tahu, dengan mengganti judul blog dengan gambar, maka akan sedikit memberatkan loading blog tersebut. Sehingga tentu saja ini menjadi masalah bagi beberapa orang yang sangat memperhatikan kecepatan blognya. Meskipun Sebenarnya masalah image ini bisa diakali dengan mengganti nya dengan SVG, namun tidak ada salahnya juga saya memberi sedikit alternatif bagi kamu yang tidak ingin blog nya bertambah berat namun tetap 'berkelas' dengan menambahkan sedikit animasi pada teks atau judul blog nya.

Cara Membuat Animasi Teks Bernafas dengan CSS

Sebenarnya Cara membuat animasi ini tidak murni menggunakan CSS, karena kita tetap membutuhkan script yang bernama Splitting.js Meskipun file nya kecil namun yang namanya script tetap saja membutuhkan waktu untuk meloadnya.
Untuk dapat memulai membuat Animasi Teks Bernafas ini, seperti yang saya katakan sebelumnya bahwa trik ini membutuhkan script, jadi pastikan kamu mengimport script splitting tersebut. Caranya adalah :
Pertama-tama tentu saja kamu sudah harus login diblogger dan sudah berada di halaman editor template. Kemudian silahkan cari kode </body> dan pastekan kode berikut ini tepat sebelum </body> tadi.
<script src="https://unpkg.com/splitting/dist/splitting.min.js"></script>
<script> Splitting(); </script>

Masih dalam halaman yang sama, silahkan cari </head> dan letakkan diatasnya kode berikut ini :
<style>
@font-face {
 font-family: "IBM Plex Sans Roman";
 src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/85648/IBMPlexSansVar-Roman.ttf");
}
logo { font-family: "IBM Plex Sans Roman", Times;
    font-weight: 100;
    font-size: 10vw;
    line-height: 10vw;
    font-variation-settings: 'wght' 100, 'wdth' 85;
}

logo .char {
    --delay: calc((var(--char-index) + 1) * 400ms);
    animation: breathe 4000ms infinite both;
    animation-delay: var(--delay);
}

logo:hover span {
    animation-play-state: paused;
}

@keyframes breathe {
    0% {
        font-variation-settings: 'wght' 100, 'wdth' 85;
        font-size: 10vw;
    }
    60% {
        font-variation-settings: 'wght' 700, 'wdth' 100;
        font-size: 11vw;
    }
    
    100% {
        font-variation-settings: 'wght' 100, 'wdth' 85;
        font-size: 10vw;
    }
}
</style>

Cara Menggunakannya, cukup gunakan kode berikut ini:
<logo data-splitting>Kelasmat</logo>

Jika langkahnya tidak ada yang salah, maka hasilnya akan seperti di bawah ini:
Kelasmat
Semoga bermanfaat dan silahkan kamu kembangkan lagi sesuai kebutuhan kamu serta jika artikel ini bermanfaat silahkan bantu blog ini dengan cara bagikan keteman-teman atau media sosial kamu.

Wednesday, December 25, 2019

Membuat Sticky Widget di Blogger

By On December 25, 2019
Kelas Mat - Sudah lama sekali rasanya saya tidak menuliskan tutorial mengenai Blog, terakhir kali saya membuat sebuah tutorial tentang blog di kelas math ini pada bulan lalu yaitu mengenai Cara Membuat Teks Warna Pelangi. Nah dalam Kesempatan ini saya ingin membuat sebuah trik agar Widget atau sidebar blog menjadi sticky alias diam di tempat dengan beberapa cara.
Membuat Sticky Widget di Blogger

Cara Pertama Membuat Sticky Widget

Cara yang pertama ini sudah banyak yang menggunakannya dan memang yang paling umum. Untuk membuatnya silahkan login ke blogger terlebih dahulu (Namun, sebelum memulai, silahkan backup dulu template Kamu untuk antisipasi kalau-kalau Kamu gagal menerapkannya), kemudian buka tema editor dan tambahkan kode style berikut ini sebelum kode ]]></b:style> atau </style>:
#HTML1{width:100%;max-width:300px}
@media only screen and (max-width:768px){
#HTML1{width:100%;max-width:100%}
}
Pada kode di atas, #HTML1 adalah id dari widget atau sidebar yang ingin dibuat menjadi sticky. sedangkan 300px adalah lebar/width dari sidebar. silahkan sesuaikan dengan lebar sidebar blog Kamu.
Kemudian, masih dalam tema editor, silahkan pasang script berikut ini tepat sebelum </body> :
<script type='text/javascript'>
//<![CDATA[
$(function() {
  if ($('#HTML1').length) { // Ganti "#sticky-sidebar" dengan ID tertentu
    var el = $('#HTML1');
    var stickyTop = $('#HTML1').offset().top;
    var stickyHeight = $('#HTML1').height();
    $(window).scroll(function() {
      var limit = $('#footer-wrapper').offset().top - stickyHeight - 20; // Jarak berhenti di "#footer-wrapper"
      var windowTop = $(window).scrollTop();
      if (stickyTop < windowTop) {
        el.css({
          position: 'fixed',
          top: 20 // Jarak atau margin sticky dari atas
        });
      } else {
        el.css('position', 'static');
      }
      if (limit < windowTop) {
        var diff = limit - windowTop;
        el.css({
          top: diff
        });
      }
    });
  }
});
//]]>
</script>
Pada kode di atas, yang saya tandai dengan warna kuning adalah id pembatas bawah sampai mana widget atau sidebar berhenti untuk sticky. dalam halam ini saya atur sampai #footer-wrapper, sesuaikan saja dengan tema blog Kamu masing-masing. Sedangkan top : 20 adalah batas atas posisi widget berhenti.
Untuk mencari id sidebarnya, kamu bisa lakukan inspect elemen pada blog kamu, lalu arahkan pada widget mana yang akan dibuat sticky. Perhatikan contoh gambar hasil inspect element pada blog ini.
id Widget di Blogger

Cara Kedua membuat Sticky Widget

Jika cara pertama di atas gagal, Kamu bisa menggunakan cara yang kedua ini. Namun, Seperti biasa, sebelum Memulai mengedit tema, pastikan selalu backup tema Kamu terlebih dulu sebagai antisipasi.
Silahkan Kamu masuk pada halaman tema editor blog Kamu, kemudian sisipkan script di bawah ini sebelum kode </body> :
<script type='text/javascript'>
//<![CDATA[
// Theia Sticky Sidebar v1.3.0 - https://github.com/WeCodePixels/theia-sticky-sidebar
// Tutorial: https://goo.gl/szhFRE
!function(i){i.fn.theiaStickySidebar=function(t){function o(t,o){var a=e(t,o);a||(console.log("TST: Body width smaller than options.minWidth. Init is delayed."),i(document).scroll(function(t,o){return function(a){var n=e(t,o);n&&i(this).unbind(a)}}(t,o)),i(window).resize(function(t,o){return function(a){var n=e(t,o);n&&i(this).unbind(a)}}(t,o)))}function e(t,o){return t.initialized===!0?!0:i("body").width()<t.minWidth?!1:(a(t,o),!0)}function a(t,o){t.initialized=!0,i("head").append(i('<style>.theiaStickySidebar:after {content: ""; display: table; clear: both;}</style>')),o.each(function(){function o(){a.fixedScrollTop=0,a.sidebar.css({"min-height":"1px"}),a.stickySidebar.css({position:"static",width:""})}function e(t){var o=t.height();return t.children().each(function(){o=Math.max(o,i(this).height())}),o}var a={};a.sidebar=i(this),a.options=t||{},a.container=i(a.options.containerSelector),0==a.container.size()&&(a.container=a.sidebar.parent()),a.sidebar.css({position:"relative",overflow:"visible","-webkit-box-sizing":"border-box","-moz-box-sizing":"border-box","box-sizing":"border-box"}),a.stickySidebar=a.sidebar.find(".theiaStickySidebar"),0==a.stickySidebar.length&&(a.sidebar.find("script").remove(),a.stickySidebar=i("<div>").addClass("theiaStickySidebar").append(a.sidebar.children()),a.sidebar.append(a.stickySidebar)),a.marginTop=parseInt(a.sidebar.css("margin-top")),a.marginBottom=parseInt(a.sidebar.css("margin-bottom")),a.paddingTop=parseInt(a.sidebar.css("padding-top")),a.paddingBottom=parseInt(a.sidebar.css("padding-bottom"));var n=a.stickySidebar.offset().top,d=a.stickySidebar.outerHeight();a.stickySidebar.css("padding-top",1),a.stickySidebar.css("padding-bottom",1),n-=a.stickySidebar.offset().top,d=a.stickySidebar.outerHeight()-d-n,0==n?(a.stickySidebar.css("padding-top",0),a.stickySidebarPaddingTop=0):a.stickySidebarPaddingTop=1,0==d?(a.stickySidebar.css("padding-bottom",0),a.stickySidebarPaddingBottom=0):a.stickySidebarPaddingBottom=1,a.previousScrollTop=null,a.fixedScrollTop=0,o(),a.onScroll=function(a){if(a.stickySidebar.is(":visible")){if(i("body").width()<a.options.minWidth)return void o();if(a.sidebar.outerWidth(!0)+50>a.container.width())return void o();var n=i(document).scrollTop(),d="static";if(n>=a.container.offset().top+(a.paddingTop+a.marginTop-a.options.additionalMarginTop)){var r,s=a.paddingTop+a.marginTop+t.additionalMarginTop,c=a.paddingBottom+a.marginBottom+t.additionalMarginBottom,p=a.container.offset().top,b=a.container.offset().top+e(a.container),g=0+t.additionalMarginTop,l=a.stickySidebar.outerHeight()+s+c<i(window).height();r=l?g+a.stickySidebar.outerHeight():i(window).height()-a.marginBottom-a.paddingBottom-t.additionalMarginBottom;var h=p-n+a.paddingTop+a.marginTop,f=b-n-a.paddingBottom-a.marginBottom,S=a.stickySidebar.offset().top-n,u=a.previousScrollTop-n;"fixed"==a.stickySidebar.css("position")&&"modern"==a.options.sidebarBehavior&&(S+=u),"legacy"==a.options.sidebarBehavior&&(S=r-a.stickySidebar.outerHeight(),S=Math.max(S,r-a.stickySidebar.outerHeight())),S=u>0?Math.min(S,g):Math.max(S,r-a.stickySidebar.outerHeight()),S=Math.max(S,h),S=Math.min(S,f-a.stickySidebar.outerHeight());var m=a.container.height()==a.stickySidebar.outerHeight();d=(m||S!=g)&&(m||S!=r-a.stickySidebar.outerHeight())?n+S-a.sidebar.offset().top-a.paddingTop<=t.additionalMarginTop?"static":"absolute":"fixed"}if("fixed"==d)a.stickySidebar.css({position:"fixed",width:a.sidebar.width(),top:S,left:a.sidebar.offset().left+parseInt(a.sidebar.css("padding-left"))});else if("absolute"==d){var y={};"absolute"!=a.stickySidebar.css("position")&&(y.position="absolute",y.top=n+S-a.sidebar.offset().top-a.stickySidebarPaddingTop-a.stickySidebarPaddingBottom),y.width=a.sidebar.width(),y.left="",a.stickySidebar.css(y)}else"static"==d&&o();"static"!=d&&1==a.options.updateSidebarHeight&&a.sidebar.css({"min-height":a.stickySidebar.outerHeight()+a.stickySidebar.offset().top-a.sidebar.offset().top+a.paddingBottom}),a.previousScrollTop=n}},a.onScroll(a),i(document).scroll(function(i){return function(){i.onScroll(i)}}(a)),i(window).resize(function(i){return function(){i.stickySidebar.css({position:"static"}),i.onScroll(i)}}(a))})}var n={containerSelector:"",additionalMarginTop:0,additionalMarginBottom:0,updateSidebarHeight:!0,minWidth:0,sidebarBehavior:"modern"};t=i.extend(n,t),t.additionalMarginTop=parseInt(t.additionalMarginTop)||0,t.additionalMarginBottom=parseInt(t.additionalMarginBottom)||0,o(t,this)}}(jQuery);
$(document).ready(function(){$("#sidebar-wrapper").theiaStickySidebar({additionalMarginTop:10,additionalMarginBottom:10})});
//]]>
</script>
Perhatikan pada kode di atas yang saya tandai dengan warna kuning #sidebar-wrapper adalah kode id pembungkus sidebar terluar dari widget yang ingin di buat sticky. Sesuaikan dengan blog Kamu.
Untuk dapat mengetahui id pembungkus sidebar terluar dari widget Kamu dengan mudah, kamu bisa coba inspect element pada blog Kamu, dan arahkan ke sidebarnya. Lihat contoh Gambar berikut ini agar lebih jelas dalam mencari id pembungkus terluar dari sidebar blog ini.
Membuat Sticky Widget di Blogger

Kemudian jangan lupa Simpan dan lihat hasilnya. Semoga berhasil. Untuk Demonya Silahkan Klik link di bawah ya..

Tuesday, December 24, 2019

Apa itu Social Engineering dan Cara Menghadapinya

By On December 24, 2019
Kelas Math - Tulisan ini Saya dapatkan dari salah satu Grup WA yang saya ikuti. Mengapa saya COPAs? Karena menurut saya Tulisan ini sangat bermanfaat dan Mengingatkan kita tentang pentingnya mengetahui Social Engineering dan Bagaimana cara mengatasinya jika kita menghadapinya secara langsung dan juga Sudah ada pernyataan atau ijin dari sang penulis untuk mensharenya .
Apa itu Social Engineering dan Cara Menghadapinya

Nah untuk dapat memahami apa itu  Social Engineering, silahkan simak cerita dibawah ini terlebih dahulu sampai selesai.

Apa itu Social Engineering

Sebulan lalu saya mengantar Isteri ke sebuah gerai ATM Kantor cabang Bank langganan kami di Cinere untuk mengambil Uang. Setiba di tempat tujuan, ia turun terlebih dahulu sementara saya memarkir Mobil.

Ketika saya menyusulnya masuk kedalam gerai ATM, saya lihat isteri saya tengah bercakap dengan dua orang lelaki yg tidak kami kenal. Saya menghampiri mereka diam-diam sembari mendengarkan Percakapannya.

"Jadi begini bu," ujar salah Seorang diantaranya. "Saya mau transfer Uang ke saudara, namun ATM saya Ketinggalan. Saya cuma minta tolong ibu untuk mentransfer dua juta ke nomor rekening ini dan Uangnya saya ganti sekarang juga, ini sudah saya pegang."

"Wah maaf saya tidak bisa membantu Anda," sahut isteri saya.

"Kenapa bu?," tanya salah seorang diantara mereka dgn nada suara meninggi. "Ibu tidak percaya kepada kami?"

"Ya, saya tidak percaya kepada kalian," sahut saya tegas sembari mendekati Isteri. Kedua orang itu menoleh.

"Bapak siapa? Tak usah campur tangan urusan Orang Pak."

"Dia Isteri saya. Kalian mau apa? Saya tidak percaya kepada kalian dan kalau tetap memaksa, akan saya suruh Orang ramai diluar sana menangkapmu."

Mereka berdua tampak keder, kemudian bergegas keluar & menyengklak Motornya tanpa menoleh lagi.


Hari Selasa kemarin untuk suatu Urusan, saya musti terbang ke Balikpapan. Seperti biasa saya selalu berangkat beberapa jam sebelumnya ke Bandara, untuk menghindari Kemacetan.

Saat saya hendak Check in, Orang yang sedang proses Check in didepan saya tampak agak kebingungan dgn Barang Bawaannya. Cukup banyak sehingga melampaui Batas yang diperkenankan. Ia kemudian menoleh ke arah saya & berkata meminta Bantuan.

"Pak, saya lihat bawaan bapak sedikit," katanya sembari menatap saya. "Bisakah saya menitipkan Kopor saya kepada Bapak?"

Saya langsung menggeleng.

"Maaf Pak, saya tidak bersedia," jawab saya tegas.

"Kenapa pak? Bapak tidak mempercayai saya?"

"Bagaimana saya percaya Bapak, kenal saja tidak. Pun jika ternyata Bagasi bapak itu berisi Barang Berbahaya, nantinya di Manifest terdaftar atas Nama saya. Sayalah yang akan berurusan dengan Polisi, bukan Anda."

"Terus saya harus bagaimana?"

"Itu Masalah Anda, bukan Urusan saya. Lagipula masih ada Solusinya kok, bayar saja Kelebihannya."

Saya lihat Counter Check in sebelah kosong, Petugasnya mengangguk kepada saya.
Segera saya bergeser kesana, mengurus Check in dan beranjak masuk ke Lounge.


Ada juga seorang ibu ingin ke toilet dan menitip kan anak atau bayinya kepada kita ..
Jangan kita menerima karena beliau akan membuat alibi bahwa kita telah menculik anak nya dan sudah dg scenario dengan beberapa orang...
Ibu kok gak mau nolong sebentaar saja saya mau ke toilet masa bayi di bawa2, apa ibu tega kpd saya?..
Nah ketika kita gelagapan tidak mau gak enak dll.. di saat itulah sang penjahat memanfaatkannya untuk menjadikan kita mangsa yang empuk.

Atau ada juga yang minta tolong membelikan minum atau butuh uang receh jangan mudah memberi jika tidak kenal, nnt yg minta akan memberikan kita secarik kertas beriisi narkoba.. dan kita di grebek tiba2 jika tdk menuruti
Maka kita akan diperas dengan sejumlah uang sangat besar

Itulah " Social Engineering "

Sebuah Teknik untuk Memanipulasi dan Mengarahkan Perilaku Seseorang atau Sekelompok Orang dengan Menggunakan Kekuatan Hipnotik Bahasa, Rasa Rikuh Pekewuh serta Preferensi Pribadi Seseorang Terhadap Suatu Isu.

Sejalan dengan kian berkembangnya Teknologi...," Teknik Human Engineering " juga merembes kencang dalam Dunia Sosial Media melalui Berita-berita Hoax.

Oleh karena itu jangan heran jika dari Tukang Sampah hingga Orang Berpendidikan sangat Tinggi sekalipun, bisa Terpengaruh karenanya.

Kesimpulan:

Kata-kata seperti ini:
 
"Bapak gak percaya dengan saya ?"

Biasanya kita jadi Sungkan karena takut menghina mereka, lalu kita jawab :

" Bukan begitu...tapi......."

Nah disaat itu, kita Menempatkan Diri Kita Dibawah Mereka.

Harusnya langsung saja menjawab :

"IYA...SAYA GAK PERCAYA KALIAN..."
Persis seperti Dalam Cerita Diatas. Sehingga PENJAHAT Jadi Tahu Kalau Kita Bukan Calon Korban Yang Lemah.

Semoga bermanfaat dan jangan lupa SHARE BIAR TIDAK ADA YANG MENJADI KORBAN...!!!

Tuesday, December 17, 2019

Cara Menyembunyikan Foto Profil dan Info WhatsApp

By On December 17, 2019
Setiap orang pasti menginginkan privasinya tetap terjaga dari orang-orang yang tidak dikenal. Nah, Pada kesempatan kali ini kelas Math akan memberikan cara agar privasi anda tetap terjaga dari orang-orang yang tidak dikenal.
WhatsApp merupakan salah satu aplikasi pesan instan yang paling banyak digunakan karena kemudahannya dalam berkirim pesan dan paket data yang digunakan pun tidak terlalu banyak, oleh karena itulah banyak yang menggunakan aplikasi ini.
Ketika kita membuka profil sebuah nomor di WhatsApp kamau akan bisa melihat foto serta informasi dari nomor tersebut. Namun ada sebagian orang yang tidak ingin foto profil dan informasi mereka diketaui dan dilihat orang yang tidak dikenal. Jika kamu termasuk orang yang seperti ini dan sangat menjaga privasi dari orang-orang yang tidak dikenal, maka kamu tidak perlu khawatir. Karena kamu berada pada halaman yang tepat.

Jumlah Pengguna WhatsApp

Sebagai aplikasi yang penggunanya sangat banyak, WhatsApp memberikan layanan yang cukup memuaskan untuk para penggunanya. Tak heran, pada saat ini pengguna whatsApp di indonesia sudah mencapai 124.500.000 Pengguna sesuai dari hasil riset dari We Are Social yang dikutip detik.com.
Dari total populasi penduduk indonesia yang mencapai 268,2 juta, tercatat ada 355,5 juta pelanggan seluler. dan Masyarakat Indonesia yang sudah menggunakan internet menyentuh angka 150 juta dan semuanya aktif di media social.

Lihat data pada tabel di bawah ini.
Cara Menyembunyikan Foto Profil dan Info WhatsApp
Gambar dari We Are Social

Cara Setting WhatsApp

WhatsApp menyediakan fitur supaya orang tidak dikenal atau orang yang nomornya tidak kamu simpan, tidak akan bisa melihat foto dan informasi kamu. Lalu bagaimana Cara Menyembunyikan Foto Profil dan Info WhatsApp dari orang yang tidak dikenal?
Berikut ini Kelas Math akan menjelaskan cara sembunyikan foto profil dan info WhatsApp dari orang tidak dikenal. Ikuti langkah-langkahnya.
1. Buka aplikasi WhatsApp Kamu
Untuk dapat mengatur siapa saja orang yang bisa melihat foto profil kamu di WhatsApp, tentu saja kamu harus membuka aplikasi WhatsApp kamu yang berada pada smartphone kamu.
2. Tap/klik titik tiga di pojok kanan atas
Setelah kamu membuka aplikasi WhatsApp, maka akan terlihat ikon titik tiga vertikal yang terletak di pojok kanan atas. Klik ikon tersebut dan akan muncul beberapa pilihan. lihat gambar di bawah ini.
Cara Menyembunyikan Foto Profil dan Info WhatsApp
3. Pilih Setting atau Setelan Untuk masuk ke pengaturan agar bisa mengatur siapa saja yang bisa melihat foto profil kita, maka pilih setting atau setelan kemudian klik Akun.
Cara Menyembunyikan Foto Profil dan Info WhatsApp
4. Setelah itu Pilih Privasi
Cara Menyembunyikan Foto Profil dan Info WhatsApp
Selanjutnya, pilih Privasi yang berada paling atas. Selain itu kamu juga bisa melakukan setting pilihan lain pada halaman Akun selain Privasi yaitu Keamanan, Verifikasi dua langkah, dan lain-lain. Selanjutnya silahkan pilih menu foto Profil.
5. Tap Kontak Saya
Cara Menyembunyikan Foto Profil dan Info WhatsApp
Setelah klik foto profil, maka akan muncul tiga pilihan yaitu Semua orang, Kontak saya dan Tidak ada. Untuk mengatur agar hanya orang yang berada dalam daftar kontak kamu saja atau nomor yang sudah kamu simpan di hp kamu, maka kamu bisa memilih Kontak saya.
Setelah menu kontak saya sudah di ceklist, maka orang yang bisa melihat foto profil kamu adalah hanya orang-orang yang nomornya sudah kamu simpan di hp mu. Jadi orang lain yang tidak ada nama kontak dihp mu tidak akan bisa melihat foto profilmu.
Namun, Apabila yang kamu ceklist adalah ‘Tidak ada’ maka tidak ada satu orang pun yang bisa melihat foto profil kamu kecuali kamu sendiri. Bahkan orang yang masuk dalam daftar kontak kaum pun tidak akan bisa melihatnya.