Cara Test Point Pada HP Xiaomi dan Pocophone
Tutorial |
| Gambar Ilustrasi Test Point HP Xiaomi dan Pocophone |
Tutorial Rollback Realme 5 & Realme 5 Pro Android 10 ke Android Pie
Tutorial |
| Tutorial Rollback Realme 5 & Realme 5 Pro Android 10 ke Android Pie |
Tutorial Membuat Widget Hitung Mundur Bulan Ramadhan
Tutorial |
| Tutorial Membuat Widget Hitung Mundur Bulan Ramadhan |
Dengan memasang widget ini, kamu dan pengunjung blog kamu akan tahu kapan bulan Ramadhan itu datang. Selain itu, kamu bisa juga mengganti widget ini menjadi widget hitung mundur Idul Fitri nanti😁.
Kalau kamu ingin mencoba tutorial aplikasi ini dengan versi video, berikut saya berikan Videonya:
Jangan lupa subscribe Channel Youtube saya juga ya Azhar Rivaldi, karena disana ada banyak tutorial-tutorial untuk membuat aplikasi lainnya.
Oke langsung saja ke lengkah-langkahnya :
1. Pertama, kamu buka Blogger seperti biasa
2. Masuk ke menu Tata Letak→Tambahkan Gadget
 |
| Tutorial Membuat Widget Hitung Mundur Bulan Ramadhan |
4. Copy script dibawah ini ke dalam form tersebut
<style type="text/css" scoped="scoped">
#bulanramadhan2020
{
background:#007FFF;
color:#f1c40f;
font-family:'Roboto', Arial, Sans-serif;
font-size:20px;
text-align:center;
padding:10px 0;
font-weight:normal;
}
.teks
{
color:white
}
</style>
<div id="bulanramadhan2020">
<span id="countdown"></span>
</div>
<script type='text/javascript'>
//<![CDATA[
// set the date we're counting down to
var target_date = new Date("April 24, 2020").getTime();
// variables for time units
var days, hours, minutes, seconds;
// get tag element
var countdown = document.getElementById("countdown");
// update the tag with id "countdown" every 1 second
setInterval(function () {
// find the amount of "seconds" between now and target
var current_date = new Date().getTime();
var seconds_left = (target_date - current_date) / 1000;
// do some time calculations
days = parseInt(seconds_left / 86400);
seconds_left = seconds_left % 86400;
hours = parseInt(seconds_left / 3600);
seconds_left = seconds_left % 3600;
minutes = parseInt(seconds_left / 60);
seconds = parseInt(seconds_left % 60);
// format countdown string + set tag value
countdown.innerHTML = days + " <span class=\'teks\'>Hari</span> " + hours + " <span class=\'teks\'>jam</span> "
+ minutes + " <span class=\'teks\'>menit</span> " + seconds + " <span class=\'teks\'>detik menuju bulan suci Ramadhan </span> 1441 H/2020";
}, 1000);
//]]>
</script>
6. Klik Simpan dan lihat hasilnya. Jika kamu mengikuti langkah-langkah diatas dengan baik, pasti akan berjalan sebagaimana mestinya. Namun jika mengalami Error, silahkan berikan komentar dan kita diskusikan bersama.
Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kalian agar ikut membaca Tutorial Membuat Widget Hitung Mundur Bulan Ramadhan ini. Subscribe juga blog Rivaldi 48 ini agar kalian mendapatkan notifikasi saat Admin update artikel terbaru. Semoga kalian lebih nyaman dan mudah dalam mengakses Blog Rivaldi 48 dimanapun kalian berada. Terima Kasih. Follow Instagram Admin @azhardvls_
Cara Mengatasi Error Storage EACCES Permission Denied di Android
Tutorial |
| Cara Mengatasi Error Storage EACCES Permission Denied di Android |
Cara Mengatasi Jingling Auto Visitor di Blog - Rivaldi 48
Tutorial |
| Cara Mengatasi Jingling Auto Visitor di Blog |
Google akan menganggap SPAM Blog yang memiliki lalu lintas yang tidak wajar, terlebih sumber lalu lintas berasal dari satu alamat IP dengan waktu yang begitu singkat. Maka dari itu kita perlu mengatasi masalah ini sesegera mungkin sebelum Blog yang diserang Jingling mengalami dampak buruk dimata Google ataupun mesin pencari lainnya.
Walaupun di Google sudah banyak cara mengatasi Jingling, tetapi tutorial itu rata-rata sudah tidak bisa dan cara yang digunakan sangat berbeda dengan metode dan algoritma baru Google saat ini. Memang sudah watak orang Indonesia iri dan dengki terhadap orang yang memiliki Blog lebih populer dari miliknya. Terlebih lagi sudah memiliki iklan dari Adsense. Jadi, jangan sekali-kali sebarangan membagikan link artikel kalian ke grup Blogger.
Oke tanpa basa-basi lagi, kita langsung mulai saja ke langkah-langkahnya :
1. Memblokir Jingling dengan penolakan sumber URL
Caranya cukup mudah, kalian hanya memanfaatkan sebuah Javascript untuk menyangkal URL situs yang melakukan spam. Masukkan script berikut ini diatas kode </head>. Ini sudah saya coba, dan berfungsi dengan baik. Berikut ini script nya :
<script type = 'text / javascript'>
var block = ['url block1', 'url block2','url blok3'];
for (var b = block.length; b--;) {
if (document.referrer.match (block [b]))
window.location = "http://google.com/";
}
</script>
Yang berwarna biru silahkan diubah dengan URL Jingling. Yang berwarna merah silahkan diubah ke situs pengalihan trafik dari Jingling. Misalnya ke situs web yang menurut kalian Blog dari Jingling.
2. Memanfaatkan robots.txt
Robots.txt adalah akses kontrol mesin perayap, sehingga kalian bisa memanfaatkan fasilitas robots.txt dalam menyangkal Jingling terhadap situs web. Caranya sangat mudah, berikut adalah caranya:
-Login ke akun Blogger
-Pilih menu Setelan pada dashboard Blogger
-Klik Prefensi Penelusuran kemudian klik robots.txt khusus
-Isikan perintah robots.txt berikut ini:
User-agent: Mediapartners-Google
Disallow:
User-agent: Googlebot
Allow: /
Disallow: /search
User-agent: *
Disallow: /
Sitemap: https://alamat_blog/feeds/posts/default?orderby=UPDATED
3. Menggunakan Google Analytics
Pertama, kalian buka https://analytics.google.com/analytics/web/
 |
| Cara Mengatasi Jingling Auto Visitor di Blog |
 |
| Cara Mengatasi Jingling Auto Visitor di Blog |
4. Menggunakan Disavow Link
Disavow Links atau Penolakan Link, adalah sebuah cara untuk menolak link masuk kedalam statistik Blog. Kita hanya memanfaatkan fitur canggih ini dari Google Webmaster Tools. Tetapi kalian harus hati-hati dalam menggunakan cara ini, karena jika tidak digunakan sevcara benar maka akan membahayakan kinerja Blog kalian.
Langsung cara ikuti cara berikut ini :
-Buka Notepad. Buat sebuah file txt yang berisi link dan domain Jingling. Sebagai contoh :
 |
| Cara Mengatasi Jingling Auto Visitor di Blog |
-Berikutnya buka https://www.google.com/webmasters/tools/disavow-links
-Jika di Webmaster kalian terdapat banyak properti Blog, silahkan pilih salah satunya dan klik Disavow Link
 |
| Cara Mengatasi Jingling Auto Visitor di Blog |
 |
| Cara Mengatasi Jingling Auto Visitor di Blog |
 |
| Cara Mengatasi Jingling Auto Visitor di Blog |
-Selesai.
Selanjutnya Webmaster akan memfilter lalu lintas atau link SPAM yang masuk ke Blog kalian. Dan tidak akan ada lagi kecuali ada link SPAM baru. Tetapi tenang, kalian hanya tinggal blok lagi link SPAM baru tersebut.
Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kalian agar ikut membaca Cara Mengatasi Jingling Auto Visitor di Blog ini. Subscribe juga blog Rivaldi 48 ini agar kalian mendapatkan notifikasi saat Admin update artikel terbaru. Semoga kalian lebih nyaman dan mudah dalam mengakses Blog Rivaldi 48 dimanapun kalian berada. Terima Kasih. Follow Instagram Admin @azhardvls_
Cara Memasang Notifikasi Cookies di Blogger
Tutorial |
| Cara Memasang Notifikasi Cookies di Blogger |
Google juga mengharuskan para pengguna Blogger untuk memasang Cookie Consent demi menyesuaikan dengan peraturan yang berlaku di negara Uni Eropa. Aturan ini disebut sebagai General Data Protection Regulation (GDPR) atau Regulasi Perlindungan Data yang digunakan untuk mengatur perlindungan data pribadi di dalam maupun di luar Uni Eropa.
Tanpa basa-basi lagi, kita langsung mulai saja ke langkah-langkahnya :
1. Buka dashboard Blogger kalian, lalu pilih menu Tema ➜ Edit HTML
2. Selanjutnya masukkan kode dibawah ini sebelum </head> atau sebelum </body>
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#000"
},
"button": {
"background": "#f1d600"
}
},
"position": "bottom-right"
})});
</script>
Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kalian agar ikut membaca Cara Memasang Notifikasi Cookies di Blogger ini. Subscribe juga blog Rivaldi 48 ini agar kalian mendapatkan notifikasi saat Admin update artikel terbaru. Semoga kalian lebih nyaman dan mudah dalam mengakses Blog Rivaldi 48 dimanapun kalian berada. Terima Kasih. Follow Instagram Admin @azhardvls_
Tutorial Membuat Warna Gradient di Header dan Footer Blog Seperti Arlina Design
Tutorial |
| Tutorial Membuat Warna Gradient di Header dan Footer |
Untuk membuat warna Gradient di Header dan Footer Blog caranya pun sangatlah mudah. Kita cukup menggunakan CSS tanpa Javascript. Cara ini bisa kalian terapkan pada semua platform Blog seperti Blogger, WordPress dan lainnya. Disini saya akan membagikan 2 cara untuk membuatnya.
Cara pertama sebagai berikut :
1. Buka dashboard Blogger kalian, lalu pilih Tema ➔ Edit HTML.
2.
 |
| Dashboard Blogger |
3. Setelah kalian menemukan kode ID Header, sekarang kalian cari CSS-nya, lalu ubah background nya dengan kode seperti ini :
linear-gradient(to right)
linear-gradient(to left)
 |
| Sebelum |
 |
| Sesudah |
4. Kemudian tambahkan kode dibawah ini tepat diatas kode </head> :
<style>#header-top{background:
linear-gradient(-50deg,#ee5952,#ea3a7e,#20aadb,#23e0b3);background-size: 320% 200%;-webkit-animation:
Gradient 15s ease infinite;-moz-animation: Gradient 15s ease infinite;animation:
Gradient 15s ease infinite;}@-webkit-keyframes
Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-moz-keyframes
Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes
Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}</style>
6. Selesai. Klik simpan dan lihat hasilnya. Jika saya menerapkannya, maka akan seperti ini :
 |
| Header Gradient |
Untuk cara kedua, berikut langkah-langkahnya :
1. Buka dashboard Blogger kalian, lalu pilih Tema ➔ Edit HTML.
2. Tambahkan kode CSS ini diatas ]]></b:skin> :
.azharGradasi {
background: linear-gradient(45deg, #f22613, #f89406, #26a65b, #5868ec, #f54e80, #f7ca18, #d2527f);
background-size: 500% 500%;
-webkit-animation: azharGradasi 12s ease infinite;
-moz-animation: azharGradasi 12s ease infinite;
animation: azharGradasi 12s ease infinite;
}
@-webkit-keyframes azharGradasi {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes azharGradasi {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes azharGradasi {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
4. Untuk menerapkannya, tambahkan class="azharGradasi" ke elemen yang ingin kalian ubah background nya menjadi Gradient.
5. Sebagai contoh, kalian cari <div id='header-top'>. Lalu tambahkan class="azharGradasi". Sehingga menjadi <div id='header-top' class='azharGradasi'>.
Sebelum :
<!-- SEBELUM -->
<div id="header-top">
...
</div>
<!-- SESUDAH -->
<div class="azharGradasi" id="header-top">
...
</div>
Sebelum :
<!-- SEBELUM -->
<div class="header" id="header-top">
...
</div>
<!-- SESUDAH -->
<div class="header azharGradasi" id="header-top">
...
</div>
Misalkan seperti ini :
#header {
background: #ff000; /* bisa juga menggunakan property 'background-color' */
position: relative;
display: block
}
/* ATAU */
.header {
background: #ff000; /* bisa juga menggunakan property 'background-color' */
position: relative;
display: block
}
Untuk hasil cara kedua akan seperti ini :
Background Gradient menggunakan animasi dari CSS
(by: Azhar Rivaldi)
(by: Azhar Rivaldi)
Penjelasan :
Background Gradient bergerak dari animasi yang diberikan oleh CSS yang diatur dalam properti background. Selain itu kalian juga bisa mengatur durasi animasi pada (moz-animation dan webkit-animation) dan warna gradasinya pada (background: linear-gradient).
Jika kalian masih bingung dalam menerapkannya. Jangan sungkan untuk berkomentar di kolom yang sudah disediakan. Nanti, kita akan diskusikan bersama-sama untuk memberikan solusinya.
Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kalian agar ikut membaca Tutorial Membuat Warna Gradient di Header dan Footer Blog Seperti Arlina Design ini. Subscribe juga blog Rivaldi 48 ini agar kalian mendapatkan notifikasi saat Admin update artikel terbaru. Semoga kalian lebih nyaman dan mudah dalam mengakses Blog Rivaldi 48 dimanapun kalian berada. Terima Kasih. Follow Instagram Admin @azhardvls_
Tutorial Cara Memasang Subscribe Box dengan Animasi di Blog
Tutorial |
| Subscribe Box dengan Animasi |
Cara kerja Subscribe Box atau Kotak Langganan ini cukup mudah. Bagi pembaca Blog yang ingin berlangganan, kalian cukup masukan Email ke kolom yang sediakan, kemudian klik Submit. Setelah itu cek Email kalian untuk konfirmasi bahwa kalian menyetujui untuk berlangganan, terutama berlangganan Blog Rivaldi 48 ini😁
Disini saya akan membuatkan tutorial untuk membuat Subscribe Box atau Kotak Langganan tersebut seperti yang saya sediakan di Widget Blog ini. Tampilan Subscribe Box atau Kotak Langganan ini saya dapat dari Template Namina yang sudah diberikan animasi cukup menarik. Bagi kalian yang ingin membuatnya, langsung saja ikuti langkah-langkah dibawah ini :
1. Langkah pertama yang harus kalian lakukan adalah membuka halaman Blogger. Kemudian pilih Tema dan klik tombol Edit HTML.
 |
| Subscribe Box dengan Animasi |
<style type="text/css">
/* Subscribe Box Animasi */
@keyframes rotate{100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
.rainbow{position:relative;z-index:0;overflow:hidden;padding:3px}.rainbow::before{content:'';position:absolute;z-index:-2;left:-50%;top:-50%;width:200%;height:200%;background-color:#2ecc71;background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:linear-gradient(#2ecc71,#2ecc71),linear-gradient(#fbb300,#fbb300),linear-gradient(#e74c3c,#e74c3c),linear-gradient(#3498db,#3498db);animation:rotate 8s linear infinite}.rainbow::after{content:'';position:absolute;z-index:-1;left:5px;top:5px;width:calc(100% - 10px);height:calc(100% - 10px);background:#fff}#HTML99{padding:0}#HTML99 h2{color:#222;padding:0}#HTML99 h2:before{display:none}.subscribe-wrapper{color:#222;line-height:20px;margin:0;padding:20px}.subscribe-form{clear:both;display:block;margin:10px auto;overflow:hidden}.subscribe-wrapper p{margin:0;font-size:14px}form.subscribe-form{clear:both;display:block;margin:10px 0 0;width:auto;overflow:hidden}.subscribe-css-email-field{background:#fff;color:#222;margin:0 0 18px;padding:12px;width:100%;border:1px solid rgba(0,0,0,0.1);outline:0;font-size:14px;text-indent:10px;line-height:20px;border-radius:3px;transition:all .6s}.subscribe-css-email-field:hover,.subscribe-css-email-field:focus{border-color:rgba(0,0,0,0.3)}.subscribe-css-button{background:#2c3e50;color:#fff;cursor:pointer;font-weight:500;padding:7px;text-transform:none;width:100%;border:none;font-size:16px;border-radius:3px;transition:all .3s}.subscribe-css-button:hover{background:#34495e}
</style>
4. Langkah selanjutnya membuka halaman Blogger lagi dan kali ini pilih Tata Letak ➜ Tambahkan Gadget ➜ HTML/JavaScript.
 |
| Subscribe Box dengan Animasi |
<div class="rainbow">
<div id="subscribe-css">
<div class="subscribe-wrapper">
<h2>Newsletter</h2>
<p>If you like articles on this blog, please subscribe for free via email.</p>
<div class="subscribe-form">
<form action='https://feedburner.google.com/fb/a/mailverify?uri=Rivaldi48' class="subscribe-form" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=Rivaldi48', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="Rivaldi48" />
<input name="loc" type="hidden" value="en_US" />
<input class="subscribe-css-email-field" name="email" autocomplete="off" placeholder="Enter your email"/>
<input class="subscribe-css-button" title="" type="submit" value="Submit" />
</form>
</div>
</div></div></div>
7. Jika sudah diganti, sekarang klik Simpan. Selanjutnya, kalian kembali lagi ke menu Tema ➜ Edit HTML dan cari kode ini :
<div class="rainbow">
Newsletter
If you like articles on this blog, please subscribe for free via email.Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kalian agar ikut membaca Tutorial Cara Memasang Subscribe Box dengan Animasi di Blog ini. Subscribe juga blog Rivaldi 48 ini agar kalian mendapatkan notifikasi saat Admin update artikel terbaru. Semoga kalian lebih nyaman dan mudah dalam mengakses Blog Rivaldi 48 dimanapun kalian berada. Terima Kasih. Follow Instagram Admin @azhardvls_
Cara Membatalkan Akun Adsense yang Tidak Ada Tombol Cancel
Tutorial |
| Menutup Akun Adsense |
 |
| Dashboard Adsense |
Saya pun baru tahu kalau kita hanya boleh memiliki satu akun Google Adsense. Kalau pun ingin memiliki akun yang lain, data yang kita daftarkan pun harus berbeda. Belum banyak artikel yang membahas tentang topik ini. Ada sih, tetapi kita diharuskan untuk mengisi Form. Dan itu sudah tidak bisa kita lakukan. Akhirnya saya menemukan solusinya dari konten di Youtube😄
Tanpa basa-basi lagi kita langsung saja ke langkah yang pertama :
1. Login ke akun Google Adsense yang ingin kalian tutup. Setelah login, kalian klik foto profil yang ada dipojok kanan atas. Lalu klik Akun Saya.
 |
| Dashboard Adsense |
 |
| Dashboard Adsense |
 |
| Dashboard Adsense |
 |
| Dashboard Adsense |
 |
| Dashboard Adsense |
 |
| Dashboard Adsense |
 |
| Dashboard Adsense |
 |
| Email Konfirmasi |
 |
| Isi Email dari Google |