Posts

Showing posts from December, 2019

Glowing Text Loading Animation

Image
Glowing Text Loading Animation CSS body{ margin:0px;padding:0px;background:#262222; } UL{ position: absolute; top:50%; left:50%; display: flex; transform: translate(-50% ,-50%); } ul li{ list-style: none; letter-spacing: 15px; font-size: 5em; font-family: fantasy; color:#484848; animation: ani 1.2s linear infinite; } ul li:nth-child(1){ animation-delay: .2s; } ul li:nth-child(2){ animation-delay: .6s; } ul li:nth-child(3){ animation-delay: .8s; } ul li:nth-child(4){ animation-delay: 1.0s; } ul li:nth-child(5){ animation-delay: 1.4s; } ul li:nth-child(6){ animation-delay: 1.8s; } ul li:nth-child(7){ animation-delay: 1.12s; } @keyframes ani { 0%{ color:#44848; text-shadow: none; } 90%{ color:#44848; text-shadow: none; } 100%{ color:#fff900; text-shadow: 0 0 7px #fff900,0 0 70px #fff123; } } HTML <ul> <li>L</li> <li>O</li> <li>A</li> <li>D</li> <li

Avoid Using The Following Anchor Text In Making Links

Image
Avoid Using Anchor Text Here in Link Creation - There are some anchor text that should be avoided when creating link links in the article. Even the anchor text was marked by the Lighthouse tool as an error that must be corrected. Because of the importance of making the correct anchor text for a link, the Lighthouse tool even marks some anchor text as an error that must be corrected. At present there are only a few words and in several languages, but the possibility will continue to be increased according to languages ​​in the world. The marked anchor text includes: click here click this go here this start right here more learn more And of course for writing Indonesian articles you should avoid using anchor text that has similarities with the anchor text and the like. Anchor text or link text is text that is inside a link that is useful to tell users and search engines like Google something about the linked page. There are 2 types of links

[JS] How to delay ajax one by one in loop

Image
Bahasa indonesia: Bagaimana eksekusi ajax satu per satu di Loop <div id="demo"></div> <script> /** * Define global variable * @var {int} indexLoop global loop indexer * @var {int} lastLoop global last iteration for global loop indexer from loop initializer * @var {array} queueLoop global array to be processed from ajax * @var {array} arrayLoop define array to be proccesed */ var indexLoop = 0, lastLoop = 0, queueLoop = [], arrayLoop = ['apple', 'melon', 'watermelon', 'grapes']; for (var i = 0; i < arrayLoop.length; i++) { queueLoop.push(arrayLoop[i]); if (i == arrayLoop.length - 1) { lastLoop = i + 1; ajaxLoop(function () { var b = document.createElement('b'); b.innerHTML = 'Processing all item ' + indexLoop + ' of ' + lastLoop + ' succedeed<br/>'; document.getElementById('demo').appendChild(b); }

Improve Blog Performance with Cloudflare DNS

Image
Tingkatkan Performa Blog Dengan DNS Cloudflare Increase Blog Performance with Cloudflare DNS - Basically all DNS is the same, namely the function of connecting a domain name with the user's IP so that the domain can be accessed by users. However, each DNS server provider certainly has a different performance, so this affects the speed of a website's response when accessed. So that the speed of this server response needs to be considered also after we increase the blog loading speed by improving the blog template used. And Cloudflare is the best for DNS server performance in the world, and we can use it easily and for free to improve the performance of our blog. Like this Magic Company, even though the blog was deemed fast enough when accessed, it turned out that the server response speed from the domain that I used was quite slow around 250 ms. After I replaced it using DNS Cloudflare, the server response speed was quite high only 1-2 ms, wow .... If you ofte

Javascript Debug Protector

Image
How to protect javascript from developer tools ? here the answer. put this code into your page or template before closing body ( </body> ) <script src="https://cdn.jsdelivr.net/gh/dimaslanjaka/Web-Manajemen@master/js/protector.js" async></script> This script functions to hide the output from console.log, console.error, console.warning, and so on. and will also notify visitors that the site being opened is in a time suspension, because the visitor is opening the developer tools in his browser. This article about : protect javascript from debugging hide javascript console from developer tools protect site from debugging

Curl Error Codes

CURLE_UNSUPPORTED_PROTOCOL (1) The URL you passed to libcurl used a protocol that this libcurl does not support. The support might be a compile-time option that you didn't use, it can be a misspelled protocol string or just a protocol libcurl has no code for. CURLE_FAILED_INIT (2) Very early initialization code failed. This is likely to be an internal error or problem, or a resource problem where something fundamental couldn't get done at init time. CURLE_URL_MALFORMAT (3) The URL was not properly formatted. CURLE_NOT_BUILT_IN (4) A requested feature, protocol or option was not found built-in in this libcurl due to a build-time decision. This means that a feature or option was not enabled or explicitly disabled when libcurl was built and in order to get it to function you have to get a rebuilt libcurl. CURLE_COULDNT_RESOLVE_PROXY (5) Couldn't resolve proxy. The giv

Konversi DOM element ke HTML string

Mengubah dom document sebuah elemen kedalam HTMl string biasa <div id="elemenTersedia"></div> <script> function htmlFromDom(ClonedNode) { var target = document.getElementById('element-helper'); if (!target) { document.body.innerHTML += '<div id="element-helper" style="display:none"></div>'; target = document.getElementById('element-helper'); } target.innerHTML = ''; var wrap = document.createElement('div'); wrap.appendChild(ClonedNode); return wrap.innerHTML; } /* Penggunaan dalam pembuatan element */ var elem = document.createElement('p'); elem.id = 'IDELEMENT'; elem.innerHTML = 'text element'; // print secara langsung juga bisa document.write(htmlFromDom(elem)); // atau append ke element yang tersedia document.getElementById('elemenTersedia').innerHTML = htmlFr

Taktik Pemasaran Media Sosial: 10 Gagasan Yang Sebenarnya Berhasil

Image
Apakah Anda siap untuk mengambil taktik pemasaran media sosial Anda ke tingkat berikutnya? Media sosial dan bisnis tidak dapat dipisahkan. Itulah kenyataan yang kita jalani hari ini. Agar akurat, pemasaran media sosiallah yang sangat diperlukan untuk bisnis dan keberhasilan mereka baik online maupun offline. Sekarang ada sekitar 3,2 miliar pengguna media sosial di seluruh dunia. Angka itu mewakili lebih dari 42% populasi global! Dan dapatkan ini - angka itu hanya akan menjadi lebih besar. Facebook berada di garis depan "revolusi" ini, menjadi platform media sosial yang paling banyak digunakan. Jangan salah, bahwa platform lain seperti Twitter dan Instagram juga berdampak pada bisnis. Jika Anda adalah bisnis kecil atau pemula dengan anggaran yang lebih kecil, Anda ingin memanfaatkan taktik pemasaran media sosial Anda sebaik mungkin. Anda ingin membuat setiap hitungan dolar dan bekerja untuk Anda. Namun, penting bagi Anda untuk memilih platfor

Save Adsense Ads In Posts With Callers Using Javascript

Image
Manfaatkan Google Question Hub Untuk Mendapatkan Ide Menulis Take advantage of the Google Question Hub to Get Writing Ideas - Nowadays Google as one of the largest search engines in the world seems to have a great responsibility to be able to answer all the questions of the inhabitants of this earth. Now Google is not only a search engine, but also an answering machine. Yes ... Google has now become an answering machine for all questions raised by people around the world. Especially now that almost everyone has a cellphone connected to the internet, the world is at hand. Men, women, old, young, and even children can access the internet world only with their cellphones. Work, shop, watch a movie, socialize the media, even play games to just get rid of giddiness. Besides all that, now users can also easily ask questions to the "internet" if there is something they don't understand or don't know about. For this reason, Google is now expanding its wo

Membuat array javascript unik

Image
function arrayUnik(A){ uniq = A.filter(function(item, pos, self) { return self.indexOf(item) == pos; }); return uniq; } /* Penggunaan */ var arraymu = [1,2,3,4,5,6,3,7,7,55,6,7,90,98,89,98,89,98,98,89,89]; console.log(arrayUnik(arraymu)); //Buka F12 developer tools untuk melihat hasilnya Menghapus duplikat array di javascript Membuat array menjadi unik di javascript

Overcoming Browser Caching Leverage for Favicon.ico

Image
Overcoming Browser Caching Leverage for Favicon.ico - Favicon is the main icon of a website that appears on the left side of the browser tab and is the logo of the web. A favicon can also be known as a shortcut icon, website icon, URL icon, or bookmark icon. This favicon generally uses an image with the extension .ico with a fairly small size that is 16x16 pixels. Even though the size is quite small, the picture is still a picture. And this is often a problem in the blog loading speed measuring tool that is browser caching leverage from Favicon.ico. To overcome the problem of Favicon.ico's browser caching leverage, please follow the following tricks. Using Base64 One way to overcome the browser caching leverage of Favicon.ico is to use a favicon with base64, here's how: Please download a picture of your current blog favicon. Please right-click on your blog page then select View source page. Then find the code like this: <link href='https://www

Here's How to Stop UNICEF Donations Right And Easily

Image
Here's How to Stop UNICEF Donations Right And Easy - Many questions about how to stop UNICEF donations from those warriors of children who have been donating who want to stop donating for various reasons. Contents What is UNICEF? The role of UNICEF in Indonesia today How to donate at Unicef ​​Indonesia How to Stop UNICEF Donations Here's How to Stop UNICEF Donations Right And Easy - Many questions about how to stop UNICEF donations from those warriors of children who have been donating who want to stop donating for various reasons. For that reason, I made a post about how to stop the donation of Unicef correctly and easily to help the child warriors who have taken part in ensuring the survival, development, and protection of Indonesian children who want to stop making donations for certain reasons that make them unable to give donate at Unicef ​​Indonesia again. But before I tell you how to stop UNICEF donations correctly and easily, I also want to e

How To Embed Blogger Video Iframe To Be Responsive

Image
How to Embed Blogger's Iframe Video to Be Responsive - Actually the video uploaded on Blogger doesn't need to be responsive because it's displayed with a size of 320x266 so that it can be safe on all device sizes. But of course it makes it less comfortable watching the video when watched via a PC or laptop because of the small embed video size. So if we embed an iframe video uploaded on Blogger to be responsive, this will be better because the video can appear full according to the width of the posting page and to suit all device sizes. Actually, before this I have shared how to embed videos that are uploaded on Blogger using video elements to be responsive , but it seems that now the trick is not working anymore. So now I share the trick to embed videos uploaded on Blogger to be responsive using iframe or amp-iframe elements so that this is the same as embed Youtube videos. Videos uploaded in Blogger posts must have a maximum size of 100MB, if the size of