Blog

Cara Membuat Widget Pricing Plans Untuk Harga Jasa atau Produk

Contoh | Tangkapan Layar

– Halo sobat laborblog.my.id, kembali lagi laborblog.my.id akan membagikan tutorial untuk sobat yang menginginkan widget sederhana dan dapat menjelaskan suatu produk atau jasa yang dijual secara lengkap dan ringkas.

Widget tersebut adalah Pricing Plans atau Pricing Area yang biasa kita temukan pada Template Landing Page, berfungsi untuk menampilkan nama produk atau jenis jasa yang lengkap dengan harga, deskripsi dan juga tombol order sekarang. Dengan menggunakan widget ini calon pembeli jasa dan produk akan lebih mudah dalam melihat harga dan juga melakukan kontak.

Untuk pemasangan, widget ini cocok untuk dipasang pada halaman depan blog dan juga halaman artikel, tampilan yang modern dan sederhana membuat widget ini mudah untuk dimodifikasi sesuai selera.

Info: Tips ini dapat dilakukan pada semua platform.

Cara Memasang Widget Pricing Plans di Blog

Silahkan sobat masuk ke Blogger > Template > Edit HTML

Letakan kode di bawah ini tepat di atas kode ]]></b:skin>

/* Pricing Section by Dunia Blanter */

.pricing-section{font-family:’Google Sans’,Arial,sans-serif;position:relative;overflow:hidden;display:block;margin:15px 0;line-height:1.7}

.pricing-section .pricing-title{font-size:1.1rem;margin:1rem 0 0;font-weight:700}

.pricing-container{display:flex;max-width:1000px;margin:0 auto}

.pricing-tag{margin:.5rem 0 1rem;font-size:13px;display:inline-block;background:#333;color:#fff;padding:3px 15px;border-radius:20px}

a.blanter-order-btn{font-size:14px;text-transform:uppercase;text-decoration:none;background:#333;color:#fff;display:inline-block;padding:7px 20px;border-radius:20px;transition:all .3s ease-in-out}

a.blanter-order-btn:hover{transform:scale(1.1)}

.pricing-blanter-column{background:#fff;padding:30px 15px;box-sizing:border-box;border-radius:10px;text-align:center;width:33%;margin:10px;box-shadow:0 7px 7px rgba(0,0,0,0.06);border:2px solid #fff;transition:all .3s ease-in-out}

.pricing-blanter-column ul{list-style:none;padding:10px 0;margin:0;font-size:14px;line-height:2.2}

.pricing-blanter-column img{width:50px}

.pricing-section i{font-size:3rem}

.blanter-price{font-weight:700;font-size:22px}

.service-info{opacity:.7}

.blanter-2-column .pricing-blanter-column{width:50%}

.pricing-blanter-column:nth-child(1) .blanter-price,.pricing-blanter-column:nth-child(1) i{color:#f87200} /* Change Color Code */

.pricing-blanter-column:nth-child(2) .blanter-price,.pricing-blanter-column:nth-child(2) i{color:#ff5483} /* Change Color Code */

.pricing-blanter-column:nth-child(3) .blanter-price,.pricing-blanter-column:nth-child(3) i{color:#2b73f6} /* Change Color Code */

.pricing-blanter-column:nth-child(1):hover{border-color:#f87200} /* Change Color Code */

.pricing-blanter-column:nth-child(2):hover{border-color:#ff5483} /* Change Color Code */

.pricing-blanter-column:nth-child(3):hover{border-color:#2b73f6} /* Change Color Code */

.pricing-blanter-column:nth-child(1) .pricing-tag,.pricing-blanter-column:nth-child(1) a.blanter-order-btn{background:#f87200} /* Change Color Code */

.pricing-blanter-column:nth-child(2) .pricing-tag,.pricing-blanter-column:nth-child(2) a.blanter-order-btn{background:#ff5483} /* Change Color Code */

.pricing-blanter-column:nth-child(3) .pricing-tag,.pricing-blanter-column:nth-child(3) a.blanter-order-btn{background:#2b73f6} /* Change Color Code */
@media screen and (max-width:580px){

.pricing-blanter-column,.blanter-2-column .pricing-blanter-column{width:auto}

.pricing-container{display:block}

}

Simpan, atau klik Icon Save.

Selanjutnya untuk memasang widget, kode di bawah ini cukup diletakan di tempat yang sobat inginkan, seperti di tata letak blogger, di edit HTML ataupun dapat diletakan pada postingan tertentu (mode HTML seperti pada gambar).

Post Mode HTML

<div class=”pricing-section”>

<div class=”pricing-container”>

<div class=”pricing-blanter-column”>

<img src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1w8TQ4add1cnsvGdh7VTc8wjYR1y7viZJdSIw47dbn5trkQ6EwbbUXCC7rRuI_cfHfdU1O5sHhIZyMDlOYoJnixEhcSGjSBgOFXud5ngEAE7uJkL2AToluUK6g-K6LL9q-4wOC1eYuJ0/s50/basic.png’ alt=’Basic’/>

<div class=”pricing-title”>Basic</div>

<div class=”pricing-tag”>20% off</div>

<div class=”blanter-price”>Rp 150.000</div>

<div class=”service-info”>

<ul>

<li>Documentation</li>

<li>Premium Template</li>

<li>1 License</li>

<li>Full Optimization</li>

<li>1 Month Full Support</li>

<li>Easy Customize</li>

<li>-</li>

</ul>

</div>

<a class=”blanter-order-btn” href=”#” title=”#” target=”_blank”>Order Sekarang</a>

</div>

<div class=”pricing-blanter-column”>

<img src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAiTGV5wvc6TSeIj8ReinPdvCRHMBV_SG85YZypFaLntGncfw9lDRKEu43kUu2wZzTGd2D1gnVpUcLlf8ItCtoAiHHFYig0iAXMKSl0n8fOcCjjrWCsSJioF-wx-HWdz4hyut6Uyu2OGA/s50/personal.png’ alt=’Personal’/>

<div class=”pricing-title”>Personal</div>

<div class=”pricing-tag”>Best Value</div>

<div class=”blanter-price”>Rp 220.000</div>

<div class=”service-info”>

<ul>

<li>Documentation</li>

<li>Premium Template</li>

<li>3 License</li>

<li>Full Optimization</li>

<li>3 Month Full Support</li>

<li>Easy Customize</li>

<li>-</li>

</ul>

</div>

<a class=”blanter-order-btn” href=”#” title=”#” target=”_blank”>Order Sekarang</a>

</div>

<div class=”pricing-blanter-column”>

<img src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvob-uJynUDM7MNhAsVv1xj6Mnx8SanK6HH9vb9LIOY5Jf-h2rc72arnWTSFh6nakxOUfZ3NswdzVEs36E9ykd0nfytU2efW9IthB_ENRo4jnu5FRCwEATx8O24c2xlIoy0yslWqMqiA8/s50/developer.png’ alt=’Developer’/>

<div class=”pricing-title”>Developer</div>

<div class=”pricing-tag”>For Business</div>

<div class=”blanter-price”>Rp 999.000</div>

<div class=”service-info”>

<ul>

<li>Documentation</li>

<li>Premium Template</li>

<li>Unlimited License</li>

<li>Full Optimization</li>

<li>6 Month Full Support</li>

<li>Easy Customize</li>

<li>1 Bonus Template</li>

</ul>

</div>

<a class=”blanter-order-btn” href=”#” title=”#” target=”_blank”>Order Sekarang</a>

</div>

</div>

</div>

Simpan.

Gambar pada widget ini dapat diganti menjadi Font Awesome dengan merubah kode berikut:

<img src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1w8TQ4add1cnsvGdh7VTc8wjYR1y7viZJdSIw47dbn5trkQ6EwbbUXCC7rRuI_cfHfdU1O5sHhIZyMDlOYoJnixEhcSGjSBgOFXud5ngEAE7uJkL2AToluUK6g-K6LL9q-4wOC1eYuJ0/s50/basic.png’ alt=’Basic’/>

menjadi kode Font Awesome:

<i class=’fas fa-home’></i>

Sekian tips yang bisa laborblog.my.id bagikan kali ini, semoga bermanfaat bagi sobat semua. Jangan lupa untuk Bookmark, Subscribe dan Komentar tentang tutorial ini.[source]

January 27, 2022
Demo Widget Pricing Plans
Basic

20% off

Rp 150.000

Documentation

Premium Template

1 License

Full Optimization

1 Month Full Support

Easy Customize

–

Order Sekarang

Personal

Best Value

Rp 220.000

Documentation

Premium Template

3 License

Full Optimization

3 Month Full Support

Easy Customize

–

Order Sekarang
January 27, 2022
Harley-Davidson Unveils 8 New Bikes for 2022, Some Have Heated Seats and Hand Grips

Harley-Davidson 2022 Street Glide unveiled Wednesday | jsonline.com

– Harley-Davidson on Wednesday unveiled eight new bikes as part of its 2022 model-year lineup, each one having the company’s most powerful factory-stock engine, the Milwaukee Eight 117.

The new models are the Street Glide ST, Road Glide ST, Low Rider S, Low Rider ST, and four bikes in Harley’s Custom Vehicle Operations.

Some of the features include heated seats and hand grips, electronically linked brakes, cornering traction control, a Bluetooth helmet headset, and an infotainment system with color touch screen and navigation.

The Custom Vehicle Operation bikes, some of Harley’s most expensive, have all new paint choices for 2022.

Harley-Davidson 2022 Low Rider S | Josh Kurpius | jsonline.com

The new Low Rider ST was inspired from custom motorcycle shows around the world, according to Brad Richards, Harley-Davidson’s vice president of design.

Harley took its designs from the 1980s and gave them a new identity with the Milwaukee 117 engine, a taller suspension and raised saddlebags, the company said in a news release.[source]

January 27, 2022
Nasib Warga Miliarder Kampung Tuban dan Pentingnya Mengelola Uang secara Bijak

Warga Desa Sumurgeneng, Kecamatan Jenu, Kabupaten Tuban, beli mobil beramai-ramai. (Tribunnews/Istimewa)

– Masih ingat kisah Desa Sumurgeneng, Kecamatan Jenu, Kabupaten Tuban, Jawa Timur? Warga di kampung itu mendadak jadi miliarder usai mendapat ganti rugi atas tanah pertanian mereka yang digunakan untuk proyek Pertamina.

Warga kampung tersebut sempat viral pada Februari 2021 karana membeli mobil secara beramai-ramai. Saat itu, Desa Sumurgeneng, Kecamatan Jenu dikenal sebagai kampung miliarder.

Namun kini, sejumlah warga kampung miliarder justru menyesal telah menjual tanahnya. Sebab mereka tidak memiliki pekerjaan. Beberapa warga bahkan harus menjual ternaknya untuk bertahan hidup.

Perencana Keuangan Melvin Mumpuni mengatakan pengalaman warga kampung miliarder bisa jadi pelajaran berharga bagi setiap orang. Dia mengungkapkan, jadi miliarder dadakan harus dibarengi dengan pengetahuan atau literasi cara mengelola uang yang baik dan benar.

Literasi membuat seseorang tidak lapar mata alias hanya membeli barang-barang konsumtif saat menjadi miliarder dadakan.

“Tanpa ada pengetahuan (literasi) dan perencanaan keuangan, uang berapapun juga bisa habis. Mereka menukarkan sawah yang menghasilkan pemasukan dengan mobil yang menghasilkan pengeluaran. Itu masalahnya,” kata Melvin saat dihubungi Kompas.com, Rabu (26/1/2022).

Bijak mengelola keuangan

Lantas, bagaimana mengelola keuangan yang tepat usai jadi miliarder dadakan?

1. Ganti jadi sumber pemasukan baru

Dalam kasus warga di Tuban, mereka menjual tanah yang biasanya digunakan untuk bertani. Maka itu ketika mendapat uang pengganti hingga miliaran, hal pertama yang perlu dilakukan adalah mengubah sebagian uang tersebut untuk membuat sumber pemasukan baru.

Ibaratnya, uang yang mereka dapat saat itu adalah uang pengganti atas hasil panen mereka selama beberapa tahun mendatang yang dibayar sekali waktu. Oleh karena itu, uang harus terus berputar agak tak habis. Di sisi lain, penting untuk membuat sumber penghasilan baru.

“Ketika mereka kehilangan sumber penghasilan tersebut, sebenarnya akan lebih tepat apabila uang ganti tersebut digunakan untuk membuat sumber penghasilan yang baru,” kata Perencana Keuangan Andi Nugroho.

Ada banyak rupa sumber mata pencaharian baru yang bisa dibuat dengan uang sebanyak itu. Contoh kecilnya adalah membuka toko kelontong atau menyewakan kendaraan untuk mengangkut hasil pertanian yang dibawa ke pasar.

“Atau pekerjaan apapun itu. Itulah yang membuat mereka bisa mendapat penghasilan baru, pengganti dari tanah pertanian yang sudah mereka jual,” ucap Andi.

2. Sisihkan untuk dana darurat

Peran dana darurat menjadi krusial dalam keuangan seseorang. Dana darurat akan sangat berarti saat seseorang tiba-tiba mengalami penurunan pendapatan.

Dana darurat mampu mencegah seseorang berutang atau menggunakan tabungan untuk memenuhi kebutuhan hidup sehari-hari. Besaran dana darurat adalah 6-12 kali pengeluaran bulanan. Bila pengeluaran rumah tangga mencapai Rp 5 juta per bulan, maka dana darurat yang perlu kamu sisihkan adalah Rp 30-60 juta.

3. Menabung di instrumen investasi

Hal ketiga yang perlu dilakukan adalah menabung uang tersebut ke beberapa instrumen yang bisa kamu pilih. Namun untuk mendapat imbl hasil maksimal, pilih instrumen investasi seperti saham. Tetapi ingat, investasi dengan imbal hasil yang tinggi juga punya risiko yang tinggi.

Di sisi lain, bisa berinvestasi di Surat Berharga Negara (SBN) ritel yang biasanya dikeluarkan pemerintah. Dengan menabung di SBN sesuai tenor tertentu, akan mendapat pembayaran bunga yang ditransfer setiap bulan.

Selain itu, investasi emas batangan juga bisa jadi pilhan sebagai instrumen menyimpan dana. Harga emas cenderung mengalami kenaikan selama beberapa tahun ke depan. Hal ini membuat nilainya tidak tergerus inflasi.

“Jadi memang mesti bijak mengelolanya. Ketika menjadi seorang miliarder, apa yang kita prioritaskan? Sisihkan untuk ditabung, diinvestasikan, dan untuk dana cadangan,” beber Andi.

4. Penuhi keperluan keluarga

Setelah melewati tiga poin di atas, poin terakhir adalah menggunakan uang untuk memenuhi kebutuhan keluarga. Di sini, seseorang baru boleh menggunakan uang untuk membeli barang-barang konsumtif, mulai dari mobil, peralatan dapur, atau apapun yang dibutuhkan dan belum dipunya selama ini.

Andi bilang, sah-sah saja menggunakan uang untuk kesenangan setelah melakukan tiga poin di atas. “Apakah uang tidak boleh digunakan untuk barang kebutuhan atau enggak boleh dinikmati? Boleh-boleh saja. Sah-sah saja, toh mungkin selama ini kita tidak pernah mengalami jadi miliarder. Cuma kita harus menggunakannya dengan lebih bijak,” tandas Andi.[kompascom]

January 26, 2022
Harga Vivo V23 5G dan Fitur Andalannya

Harga Vivo V23 5G dan Fitur Andalannya

– Vivo V23 5G baru saja diluncurkan secara resmi di Indonesia. Ponsel ini memiliki desain yang cukup unik karena bagian belakangnya bisa berubah warna jika terkena cahaya.

Vivo menggunakan sederet teknologi baru untuk menghasilkan desain yang unik di Vivo V23 5G. Tidak ketinggalan juga spesifikasi hardware yang mumpuni. Berikut ini deretan fitur unggulan Vivo V23 5G dan harganya.

Fluorite AG Glass

Vivo melengkapi V23 5G dengan desain Fluorite AG Glass. Desain ini diklaim memberikan sentuhan premium yang halus, nyaman digenggam, dan bebas dari sidik jari. Vivo V23 5G juga hadir dengan dua varian warna yang elegan yaitu Stardust Black dan Sunshine Gold.

Color Changing Glass

Daya tarik utama Vivo V23 5G adalah bagian belakangnya yang bisa berubah warna. Hal ini bisa tercapai berkat teknologi Color Changing Glass, di mana Vivo memberikan lapisan khusus di bagian belakang V23 5G.

Bagian belakang ponsel ini bisa berubah warna saat terkena sinar matahari atau sinar ultraviolet. Tidak hanya itu, ketika ditempelkan sebuah pola akan ikut tercetak di bagian belakang Vivo V23 5G sehingga pengguna bisa bebas berkreasi.

Dua kamera selfie

Sama seperti pendahulunya Vivo V21 5G, Vivo V23 5G juga dilengkapi dengan dua kamera selfie. Bagian atas layarnya terdapat notch yang menjadi rumah untuk dua kamera yang masing-masing memiliki resolusi 50 MP dan 8 MP.

Agar selfie yang diambil selalu ciamik di berbagai kondisi, Vivo juga melengkapi ponsel ini dengan dual tone spotlight. Sementara itu, di bagian belakang Vivo V23 5G terdapat tiga kamera. Kamera utamanya 64 MP yang disandingkan dengan kamera ultra wide 8 MP dan kamera makro 2 MP.

Extended RAM sampai 4GB

Vivo V23 5G mengusung chipset MediaTek Dimensity 920 yang disandingkan dengan RAM 8GB dan memori internal 128GB. Untuk mendukung performanya agar lebih kencang, ada fitur Extended RAM yang bisa menambah kapasitas RAM dari 8GB menjadi 12GB dengan mengalihkan kapasitas memori internal yang tidak terpakai.

Performa Vivo V23 5G juga didukung oleh baterai berkapasitas 4.200 mAh dan pengisian cepat FlashCharge 44W. Vivo mengklaim teknologi pengisian cepat ini bisa mengisi baterai dari 1% hingga 68% dalam waktu 30 menit.

Layar mentereng

Tidak hanya bagian belakangnya yang mencuri perhatian, Vivo V23 5G juga dilengkapi dengan layar yang mentereng. Ponsel ini mengusung layar berukuran 6,44 inch dengan resolusi Full HD+. Menggunakan panel AMOLED, layar ini sudah mendukung HDR 10+.

Vivo V23 5G juga dilengkapi dengan sederet fitur konektivitas termasuk 5G, 4G LTE, Bluetooth 5.2, Wi-Fi, dan NFC.

Harga Vivo V23 5G

Vivo V23 5G dilepas dengan harga Rp 5.999.000. Konsumen sudah bisa memesan ponsel ini lewat pre-order pada tanggal 25-28 Januari 2022. Selama periode pre-order, konsumen bisa mendapatkan hadiah gratis senilai Rp 500.000, garansi ponsel hingga 24 bulan, dan garansi perlindungan layar hingga enam bulan.[detikcom]

January 26, 2022
Cara Mudah Membuat EmojiMix yang Trending di TikTok

TikTok

– Simak cara membuat EmojiMix yang sedang trending di TikTok. Cara membuat EmojiMix bisa dilakukan menggunakan handphone. Belakangan, platform media sosial TikTok diramaikan dengan video permainan EmojiMix.

Para pengguna TikTok saling pamer emoji hasil permainan EmojiMix. EmojiMix pada dasarnya adalah permainan yang menggabungkan atau mencampurkan dua bentuk emoji menjadi satu bentuk emoji baru yang berbeda dan unik.

Permainan ini bisa dicoba di platform EmojiMix yang dikembangkan oleh Tikolu. Di platform EmojiMix, berbagai macam emoji atau simbol ekspresi tertentu yang kerap disisipkan dalam chat, akan dimodifikasi.

Permainan dari EmojiMix ini memang sangat sederhana. Namun, permainan EmojiMix ini cukup menarik karena bisa melihat hasil peleburan dua emoji menjadi satu bentuk baru yang unik. Hasil peleburan emoji itu lalu saling dipamerkan pengguna ke media sosial, seperti TikTok, WhatsApp, Twitter, dan sebagainya.

Cara membuat EmojiMix

Anda bisa mulai membuat EmojiMix dengan mengunjungi situs web Tikolu. Berikut cara membuat EmojiMix lewat Tikolu:

Buka situs Tikolu.net lewat browser yang ada di laptop atau ponsel

Pada halaman awal klik opsi “emojimix” lalu klik opsi “Click here to begin”

Anda bakal ditampilkan dengan dua kolom untuk mencari emoji dan menggabungkannya

Pilih emoji pada masing-masing kolom tersebut dengan cara digulir atau bisa juga dengan klik ikon “Search” yang berada di samping kolom.

Sesuaikan posisi dua emoji yang ingin digabung dengan tanda tambah

Setelah itu, bakal muncul hasil penggabungan dari dua emoji yang ada di masing-masing kolom tersebut.

Hasil penggabungan emoji itu bisa dibagikan dengan cara klik tombol opsi “salin gambar”, “salin tautan”, atau “bagikan”.

Hasil penggabungan emoji akan muncul dalam format PNG. Sehingga, pengguna tidak bisa menyisipkannya di dalam chat layaknya emoji pada umumnya. Akan tetapi, emoji ini masih bisa disulap menjadi stiker dan dikirim via WhatsApp. Dengan klik tombol bagikan di EmojiMix, Anda bisa saling berbagi gambar emoji bentuk baru yang unik dengan teman-teman lewat media sosial.

Selain menggunjungi situs web Tikolu, Anda juga bisa menjajal menggabungkan emoji lewat beberapa aplikasi serupa yang berada di Google Play Store (Android) atau App Store (iOS).

Anda cukup mengetik kata kunci berupa “emoji mix” di toko aplikasi tersebut lalu bakal muncul aplikasi penggabung emoji lain yang hampir mirip dengan EmojiMix dari Tikolu. Perlu diperhatikan sebelum mengunduh aplikasi tersebut, baca terlebih dahulu ulasan dari pengguna lain.

Sebab, beberapa aplikasi mendapat skor ulasan di bawah rata-rata dan berpotensi aplikasi abal-abal. Demikian cara membuat EmojiMix. Selamat berkreasi membuat EmoMix!

January 26, 2022
Google Drive Flags Nearly Empty Files For “Copyright Infringement”

illustration | bleepingcomputer.com

– Users were left startled as Google Drive’s automated detection systems flagged a nearly empty file for copyright infringement.

The file, according to one Drive user, contained nothing other than just the digit “1” within.

Is digit ‘1’ copyrighted?

This week, Assistant Professor at Michigan State University, Dr. Emily Dolson, Ph.D. reported seeing some odd behavior when using Google Drive.

One of the files in Dolson’s Google Drive, ‘output04.txt’ was nearly empty—with nothing other than the digit ‘1’ inside it.

But according to Google, this file violated the company’s “Copyright Infringement policy” and was hence flagged.

And what’s worse is, the warning sent to the professor ended with “A review cannot be requeste for this restriction.”

Uh, @googledrive, are you doing okay? This file literally contains a single line with the number "1". pic.twitter.com/4tLhOzQY1T

— Dr. Emily Dolson (@emilyldolson) January 24, 2022

Dolson’s file ‘output04.txt’ was stored at path ‘CSE 830 Spring 2022/Testcases/Homework3/Q3/output’ in Drive which led the professor to wonder if the file path possibly contributed to the false alarm.

Present on Dolson’s “non-educational Google account,” the file was among a batch of TXTs containing output generated as part of a homework assignment.

One too many digits

A pseudonymous user also shared screenshots of their Google Drive account where files containing just the digit “1”—with or without newline characters, were flagged.

“The 1 byte files contain just ‘1’, the 2-byte file is ‘1n’, and the 3-byte (not flagged yet) file has ‘1rn’,” wrote the user.

Files with ‘1’ also flagged by Google Drive for copyright violation | bleepingcomputer.com

And, it turns out the behavior isn’t limited to just files containing the digit “1.”

Dr. Chris Jefferson, Ph.D., an AI and mathematics researcher at the University of St Andrews, was also able to reproduce the issue when uploading multiple computer-generated files to Drive.

Jefferson generated over 2,000 files, each containing just a number between -1000 and 1000.

The files containing the digits 173, 174, 186, 266, 285, 302, 336, 451, 500, and 833 were shortly flagged by Google Drive for copyright infringement.

Some allege that should the file contain just the digit “0,” Google would permanently disable your account, although the outcome more likely applies to users that Google deems to be repeat infringers.

“I deleted the experiment, just in case I got my account deleted for too many naughty numbers,” writes Jefferson.

Mikko Ohtamaa, founder of Defi company Capitalgram, alleged that Google’s automated style of flagging suspected copyright infringement candidates could be problematic with parts of the GDPR legislation.

Note, however, the GDPR Article 22 aka “automated individual decision-making, including profiling,” more specifically refers to making automated decisions about individuals by profiling their online behavior, such as before granting a loan or when making hiring decisions, as explained by UK’s ICO.

“I’d have more sympathy if it weren’t ‘A review cannot be requested for this restriction,’” writes HackerNews user OneLeggedCat. “It’s designed to be as brutal and draconian as possible. They chose this. It is guilty until proven innocent, with no recourse.”

It isn’t known yet what causes this behavior, and BleepingComputer has been unable to reproduce the issue at the time of writing.

In 2018, Google published a detailed document explaining how the company fights piracy. But when specifically talking about Google Drive, the report states a “full-time abuse engineering team” was set up by Google for tackling illegal streams served on Google Drive. As such, not much information is available on how Google’s algorithms process non-video content stored on Drive.

BleepingComputer reached out to Google well in advance of publishing with specific questions—such as, whether Google relied on checksums to keep track of copyrighted content and if this behavior rose from a possible hash-collision between copyrighted files and a benign ones sharing the same hash.

We have not heard back from Google at this time.[source]

January 25, 2022
Spesifikasi Mobil Ford Mustang yang Dikendarai UAS

Tangkapan Layar

– Belum lama ini, tokoh agama kondang, Ustadz Abdul Somad tertangkap kamera sempat mengendarai sebuah mobil sport berperforma ganas saat hendak mengikuti salat subuh berjamaah.

Hal tersebut terlihat melalui sebuah video unggahan kanal Youtube hai guys official. Video ini dipublikasikan pada Senin (24/1/2022) dan hingga berita ini diterbitkan, video tersebut telah ditonton 31.684 kali.

Pada video tersebut, terlihat momen saat pria yang dikenal dengan sebutan UAS ini sedang beranjak untuk masuk mobil. Menurut keterangan pengunggah video pada postingan ini, video tersebut diambil pada 23 Januari 2022 di Masjid Raya Mujahidin, Pontianak.

Terkait kendaraan ini, usut punya usut mobil yang berwarna kuning kehijauan tersebut merupakan Ford Mustang 2.3 AT. Mobil tersebut berkapasitas mesin 2.261cc , mengisyaratkan adanya performa gahar di balik desain sporty dari mobil tersebut.

Menurut data dari Samsat Kalimantan Barat, mobil bernopol KB 171 SA ini merupakan unit kendaraan yang dirakit pada tahun 2020.

Pajak mobil Ford Mustang yang dinaiki Ustaz Abdul Somad.[Youtube/hai guys official]

Bagi yang berminat untuk memiliki mobil sejenis, menurut data di atas, dipaparkan bahwa pemiliknya wajib untuk membayar pajak tahunan dengan angka hampir Rp 18 jutaan per tahun.

Di Indonesia sendiri terdapat beragam jenis mobil Ford Mustang, yang dipasaran harganya bermacam-macam, mulai dari 1,25 miliar rupiah, hingga 2 miliar lebih, tergantung tipe.[Suara]

Published: 25/01/2022

January 25, 2022
Cara Menunda Pemuatan Gambar Sebelum Scroll Halaman

ilustrasi | arlinacode.com

– Salah satu faktor yang menyumbang beban loading pada suatu blog adalah konten gambar, di sini laborblog.my.id akan memberikan tips tentang bagaimana Cara Menunda Pemuatan Gambar Sebelum Scroll Halaman.

Menunda Pemuatan Gambar Sebelum Scroll Halaman di sini adalah saat memuat sebuah halaman gambar tidak akan dimuat sampai kita scroll halaman dan itu akan menambah kecepatan blog. Proses seperti ini pernah saya bagikan juga di sini Cara Meningkatkan Loading Blog dengan LazySizes.

Cara Menunda Pemuatan Gambar Sebelum Scroll Halaman

Pertama, buka Blogger > Klik menu Tema > Klik Edit HTML > Kemudian cari dan tambahkan kode di bawah ini sebelum </body>

Kode 1

<script>

//<![CDATA[

// LazyLoad

function loadScript(d){var o=document.createElement(“script”);o.src=d,document.body.appendChild(o)}function downloadJSAtOnload(){loadScript(“https://cdn.jsdelivr.net/gh/Arlina-Design/phantom@master/lazyarlinas.js”)}window.addEventListener?window.addEventListener(“load”,downloadJSAtOnload,!1):window.attachEvent?window.attachEvent(“onload”,downloadJSAtOnload):window.onload=downloadJSAtOnload;

//]]>

</script>

Bagi sobat yang sudah terlanjur menambahkan kode lazysizes, cukup ganti kode tersebut dengan kode ini.

Kode 2

<script>

//<![CDATA[

// Lazysizes

var lazysizer=!1;window.addEventListener(“scroll”,function(){(0!=document.documentElement.scrollTop&&!1===lazysizer||0!=document.body.scrollTop&&!1===lazysizer)&&(!function(){var e=document.createElement(“script”);e.type=”text/javascript”,e.async=!0,e.src=”https://cdn.jsdelivr.net/gh/Arlina-Design/phantom@master/lazysarline.js”;var a=document.getElementsByTagName(“script”)[0];a.parentNode.insertBefore(e,a)}(),lazysizer=!0)},!0);

//]]>

</script>

Note: Pilih salah satu kode di atas

Penerapannya hampir sama seperti pada postingan tentang Lazysizes, sobat hanya perlu mencari semua img di dalam tema. Kode akan terlihat seperti ini:

<img…

Contohnya..

<img src=’//www.blogger.com/img/icon_delete13.gif’/>

Tambahkan class=’lazy’ untuk Kode 1 dan class=’lazyload’ untuk Kode 2 pada markup tersebut seperti ini:

<img class=’lazy’ data-src=’//www.blogger.com/img/icon_delete13.gif’ src=’data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=’/>

ganti src menjadi data-src dan tambahkan src=’data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=’ setelah data-src

Atau contoh ini

<img expr:alt=’data:post.title’ expr:src=’resizeImage(data:post.firstImageUrl, 280, "300:200")’ height=’186′ width=’280’/>

Menjadi seperti ini

<img class=’lazy’ expr:alt=’data:post.title’ expr:data-src=’resizeImage(data:post.firstImageUrl, 280, "300:200")’ height=’186′ src=’data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=’ width=’280’/>

Lakukan cara di atas pada semua markup img pada tema. Bagaimana jika di dalam markup img tersebut sudah terdapat class? Maka sobat hanya perlu menambahkan lazy atau lazyload setelah class pertama, contohnya:

<img class=’blogger lazy’ data-src=’//www.blogger.com/img/icon_delete13.gif’ src=’data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=’/>

Setelah selesai, simpan tema dan lihat hasilnya di blog sobat.

Selanjutnya untuk meningkatkan bagian Expires headers yang bisa sobat cek di GTmetrix sobat perlu mengganti s1600 dan s640 pada link gambar di dalam Editor postingan. Contohnya seperti ini:

<div class=”separator” style=”clear: both; text-align: center;”>

<a href=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmDAQvlPYsQpcTYELDp0uHKQCBlMHJsHpQjUW8VGwgJrhAJhpHQ7tLayfWsC9zegLhXCxFTarJbqQfnBrUxa067fcNGKnUW8KNMJxVlP3N0BGPOfftWGbic9eDlrUkpTV-AFnCM0GAC1zy/s1600/Cara+Memasang+Widget+Newsletter+di+Blogger.png” style=”margin-left: 1em; margin-right: 1em;”><img alt=”Cara Memasang Widget Newsletter di Blogger” class=”lazyload” style=”border: none;” data-original-height=”800″ data-original-width=”1200″ height=”426″ src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmDAQvlPYsQpcTYELDp0uHKQCBlMHJsHpQjUW8VGwgJrhAJhpHQ7tLayfWsC9zegLhXCxFTarJbqQfnBrUxa067fcNGKnUW8KNMJxVlP3N0BGPOfftWGbic9eDlrUkpTV-AFnCM0GAC1zy/s640/Cara+Memasang+Widget+Newsletter+di+Blogger.png” title=”Cara Memasang Widget Newsletter di Blogger” width=”640″

/></a></div>

Tambahkan -rw disetiap gambar postingan

<div class=”separator” style=”clear: both; text-align: center;”>

<a href=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmDAQvlPYsQpcTYELDp0uHKQCBlMHJsHpQjUW8VGwgJrhAJhpHQ7tLayfWsC9zegLhXCxFTarJbqQfnBrUxa067fcNGKnUW8KNMJxVlP3N0BGPOfftWGbic9eDlrUkpTV-AFnCM0GAC1zy/s1600-rw/Cara+Memasang+Widget+Newsletter+di+Blogger.png” style=”margin-left: 1em; margin-right: 1em;”><img alt=”Cara Memasang Widget Newsletter di Blogger” class=”lazyload” style=”border: none;” data-original-height=”800″ data-original-width=”1200″ height=”426″ src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmDAQvlPYsQpcTYELDp0uHKQCBlMHJsHpQjUW8VGwgJrhAJhpHQ7tLayfWsC9zegLhXCxFTarJbqQfnBrUxa067fcNGKnUW8KNMJxVlP3N0BGPOfftWGbic9eDlrUkpTV-AFnCM0GAC1zy/s640-rw/Cara+Memasang+Widget+Newsletter+di+Blogger.png” title=”Cara Memasang Widget Newsletter di Blogger” width=”640″ /></a>

</div>

Perlu diketahui, jika sobat sudah menambahkan -rw di setiap gambar postingan. Gambar tersebut tidak akan terbaca oleh widget pihak ke tiga seperti widget Recent Post, Random Post, dll. Kecuali sobat menyesuaikan kembali kode third party tersebut dengan format gambar yang baru.

Oke, demikian tutorial yang laborblog.my.id ulas dari arlinacode.com tentang Cara Menunda Pemuatan Gambar Sebelum Scroll Halaman. Semoga bermanfaat dan menambah wawasan.

January 24, 2022
Cara Membagi Halaman di Postingan dengan Nomor Navigasi

ilustrasi

– Mungkin sahabat pernah mengunjungi situs gosip atau situs baca komik yang di setiap isi postingannya dibagi menjadi beberapa halaman, biasanya pada postingan tersebut terdapat tombol Next yang ketika kita menekan tombol tersebut akan mengarah ke halaman selanjutnya.

Begitupun dengan tips yang akan aku berikan ini, cara kerjanya yaitu membagi beberapa paragraf dari isi postingan menjadi beberapa bab sesuai harapan sobat. Beberapa manfaat yang di sanggup kalau menerapkan tips ini antara lain:

Halaman akan terasa lebih rapi cocok untuk sahabat yang mempunyai artikel dengan isi yang panjang dan menghemat daerah semoga pengunjung tidak capek menggulir halaman

Cocok untuk situs gosip dan situs baca komik

Bisa dijadikan penanda untuk pengunjung di halaman mana akan melanjutkan membaca nantinya

Menambah jumlah Pageviews alasannya yaitu terdapat fungsi refresh halaman ketika menekan tombol navigasi ke halaman berikutnya.

Nah, bagi sahabat yang ingin menambahkan cara ini di blognya, silakan ikuti langkah-langkah berikut ini.

Membagi Halaman di Postingan dengan Nomor Navigasi

Seperti biasa, buka halaman Blogger > Klik sajian Tema dan klik tombol Edit HTML > Tambahkan instruksi CSS ini sebelum </head>

<b:if cond=’data:view.isSingleItem’>

<style>

/* Membagi Halaman di Postingan */

.post-content,.pagearl br{display:none}.arlinapage{text-align:center;margin:30px auto 0 auto;border-top:1px solid rgba(0,0,0,0.1)}.pagearl{margin:30px auto;text-align:center;padding:0;overflow:hidden}.pagearl .buttonar{background:#fff;font-weight:400;display:inline-block;color:#222;text-decoration:none;text-align:center;border:1px solid rgba(0,0,0,0.1);border-right:0;margin:auto;font-size:14px;padding:.4rem .75rem;transition:all .1s}.pagearl .buttonar:last-child{border-right:1px solid rgba(0,0,0,0.1)}.pagearl .buttonar:hover,.pagearl .buttonar:active{background:#fafafa;color:#222}.buttonar.arlinapage{background:#3498DB;border-color:#3498DB;color:#fff;transition:all .1s}.buttonar.arlinapage:hover{background:#2980B9;border-color:#2980B9;color:#fff}

</style>

</b:if>

Tambahkan instruksi berikut sebelum </body>

<b:if cond=’data:view.isSingleItem’>

<script>

//<![CDATA[
function get_n(halaman){var o,t,e=decodeURIComponent(window.location.search.substring(1)).split(“&”);for(t=0;t<e.length;t++)if((o=e[t].split(“=”))[0]===halaman)return void 0===o[1]||o[1]}$(document).ready(function(){var halaman=get_n(“halaman”);$(“.post-content”).hide(),void 0===halaman?$(“.content_1”).show():$(“.content_”+halaman).show();var o=$(“.post-content”).length;if(0!=o)for(i=1;i<=o;i++){var t=window.location.pathname;$(“.pagearl”).append($(‘<a href=”‘+t+”?halaman=”+i+’” class=”buttonar n’+i+’”> ‘+i+” </a>”))}else $(“.pagearl”).hide();void 0==halaman&&$(“.buttonar.n1”).toggleClass(“arlinapage”),halaman==halaman&&$(“.buttonar.n”+halaman).toggleClass(“arlinapage”)});
//]]>

</script>

</b:if>

Kemudian klik tombol Simpan tema.

Selanjutnya untuk instruksi pemanggilnya, silakan buka editor postingan dan tambahkan markup berikut pada tab HTML (Bukan Compose)

<div class=”post-content content_1″>

ISI ARTIKEL DI SINI

</div>

<div class=”post-content content_2″>

ISI ARTIKEL DI SINI

</div>

<div class=”post-content content_3″>

ISI ARTIKEL DI SINI

</div>

<div class=”post-content content_4″>

ISI ARTIKEL DI SINI

</div>

<div class=”post-content content_5″>

ISI ARTIKEL DI SINI

</div>

Note: Untuk ISI ARTIKEL DI SINI diganti dengan isi konten postingan dan untuk content_1 hingga content_5 mengambarkan nomor navigasi dari isi postingan yang ingin dibagi. Untuk menambahkan halaman yang ingin dibagi, cukup ganti angka dari content_5 menjadi content_6 dan seterusnya.

Contohnya menyerupai ini:

<div class=”post-content content_4″>

ISI ARTIKEL DI SINI

</div>

<div class=”post-content content_5″>

ISI ARTIKEL DI SINI

</div>

<div class=”post-content content_6″>

ISI ARTIKEL DI SINI

</div>

<div class=”post-content content_7″>

ISI ARTIKEL DI SINI

</div>

<div class=”post-content content_8″>

ISI ARTIKEL DI SINI

</div>

Kemudian tambahkan instruksi navigasi di bawah ini di final postingan.

<div class=”arlinapage”>

</div>

<div class=”pagearl”>

</div>

Namun kalau sahabat ingin memunculkan instruksi navigasi di setiap postingan secara otomatis, soba sanggup tambahkan instruksi di atas di bawah instruksi <data:post.body/> (Post body khusus halaman postingan). Contoh penerapannya menyerupai ini:

<data:post.body/>

<div class=’arlinapage’/>

<div class=’pagearl’/>

Selesai dan lihat akhirnya di blog sobat. Jika berhasil akan berfungsi seperti demo dibawah ini.

Dibawah ini hanya contoh tombolnya saja

Ganti instruksi CSS kalau ingin menambahkannya dengan tampilan minimalis

<style type=’text/css’>

/* Membagi Halaman di Postingan */

.post-content,.pagearl br{display:none}.arlinapage{text-align:center;margin:30px auto 0 auto;border-top:1px solid rgba(0,0,0,0.1)}.pagearl{position:relative;background:#fff;margin:0 auto 20px auto;text-align:center;padding:20px;font-size:14px}.pagearl .buttonar{background:#e74c3c;font-weight:bold;display:inline-block;color:#fff;text-decoration:none;text-align:center;border-right:0;font-size:14px;padding:.4rem .8rem;border:0;margin:0 4px 0 0;border-radius:3px;transition:all .2s}.pagearl .buttonar:hover,.pagearl .buttonar:active{background:#c0392b;color:#fff}.buttonar.arlinapage,.buttonar.arlinapage:hover{background:#333;color:#fff}

</style>

Atau ganti dengan instruksi CSS ini kalau ingin menambahkannya dengan tampilan animasi Gradient

<style>

/* Membagi Halaman di Postingan */

@keyframes Gradients{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.post-content,.pagearl br{display:none}.arlinapage{text-align:center;margin:30px auto 0 auto;border-top:1px solid rgba(0,0,0,0.1)}.pagearl{background:#517aef;background:linear-gradient(-45deg,#EE7752,#E73C7E,#23A6D5,#23D5AB);background-size:400% 400%;margin:30px auto;text-align:center;padding:10px;border-radius:3px;overflow:hidden;box-shadow:0 10px 10px -5px rgba(0,0,0,0.15);animation:Gradients 15s ease infinite}.pagearl .buttonar{background:rgba(255,255,255,.2);font-weight:bold;display:inline-block;color:#fff;text-decoration:none;text-align:center;border-right:0;font-size:14px;padding:.4rem .8rem;border:0;margin:0 5px 0 0;border-radius:3px;box-shadow:0 1px 5px rgba(0,0,0,0.1);transition:all .6s}.pagearl .buttonar:hover,.pagearl .buttonar:active{background:rgba(255,255,255,.45);color:#fff;box-shadow:0 1px 10px rgba(0,0,0,0.1)}.buttonar.arlinapage,.buttonar.arlinapage:hover{background:rgba(255,255,255,.95);color:#0984e3}

</style>

Oke, sekian dari wacana cara Membagi Halaman di Postingan dengan Nomor Navigasi. Semoga bermanfaat bagi sahabat dan wassalam.[arlina]

January 24, 2022