Hello sobat ICloudzer kali ini admin bakalan menjabarkan mengenai cara membuat Post download Apps di blogger
Info: Jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama
Post download Apps
Post download apps merupakan struktur kode khusus yang di buat untuk menampilkan berbagai informasi dari aplikasi, semisal nama, kategori, ukuran aplikasi dan sebagainya, biasanya post download aplikasi di blogger ini sering di gunakan untuk memposting aplikasi untuk di download, atau Niche blog download sangat cocok untuk mengunakan post download apps ini
Contoh Tampilan
Berikut ini adalah contoh tampilan dari post download apps jika kamu terapkan pada postingan kamu, silahkan klik tombol di bawah ini untuk memeriksa tampilan nya
Info: Bagaimana sobat dengan contoh tampilan nya keren sekali yak
Cara pembuatan
Baiklah sobat ICloudzer sekarang saatnya admin bakalan menjabarkan mengenai cara membuat pist download apps, silahkan baca terus kemudian ikuti setiap arahan yang admin jabarkan di bawah ini
- Silahkan login ke blogger menggunakan akun google milikmu
- Kemudian pergi ke menu Theme atau Tema kemudian pilih menu Edit HTML
- Selanjutnya silahkan salin kode CSS dan javascript di bawah ini, kemudian letakkan di atas kode </head>
- Tahapan selanjutnya untuk menggunakan nya pada postingan silahkan salin dan gunakan kode HTML di bawah ini
- Ulangi cara yang sama, jika kamu ingin menggunakan post download apps, semoga bermanfaat
<style>
.icon.gp::before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='-0.788 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M16.538 15.668c2.844-1.561 4.999-2.751 5.185-2.843.594-.316 1.208-1.153 0-1.803-.39-.204-2.49-1.357-5.185-2.843l-3.735 3.772 3.735 3.717Z' fill='%23FFD900'/%3E%3Cpath d='M12.803 11.951.91 23.938c.28.036.595-.037.966-.242.78-.427 9.05-4.943 14.662-8.027l-3.735-3.718Z' fill='%23F43249'/%3E%3Cpath d='m12.803 11.951 3.735-3.753S2.713.653 1.876.207C1.561.02 1.208-.035.892.02l11.911 11.931Z' fill='%2300EE76'/%3E%3Cpath d='M12.803 11.951.892.02C.409.132 0 .559 0 1.433v21.092c0 .8.316 1.376.91 1.431l11.893-12.005Z' fill='%2300D3FF'/%3E%3C/svg%3E");position:relative;top:4px}.icon.apS::before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fefefe' fill-rule='evenodd' d='M15.3 3.832c.84-1.014 1.404-2.427 1.25-3.832-1.208.049-2.67.805-3.535 1.819-.777.898-1.457 2.335-1.273 3.712 1.346.105 2.722-.684 3.56-1.699m3.02 8.918c.034 3.632 3.186 4.841 3.22 4.857-.025.085-.502 1.722-1.66 3.413-1 1.462-2.038 2.919-3.674 2.949-1.607.029-2.123-.953-3.961-.953-1.836 0-2.41.923-3.932.982-1.578.06-2.78-1.581-3.79-3.037-2.06-2.98-3.635-8.42-1.52-12.092C4.054 7.045 5.932 5.89 7.97 5.861c1.55-.03 3.013 1.043 3.96 1.043.948 0 2.726-1.29 4.595-1.101.783.033 2.979.316 4.39 2.381-.114.07-2.621 1.53-2.594 4.566'/%3E%3C/svg%3E")}.icon.eye::before{background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath data-name='eye-Filled' d='M22.765 11.093c-1.397-2.318-4.517-6.218-9.772-6.218s-8.374 3.9-9.761 6.218a3.683 3.683 0 0 0 0 3.802c1.387 2.329 4.517 6.229 9.761 6.229s8.374-3.9 9.772-6.229A3.713 3.713 0 0 0 23.292 13a3.781 3.781 0 0 0-.527-1.907Zm-9.772 6.782A4.875 4.875 0 1 1 17.868 13a4.883 4.883 0 0 1-4.875 4.875Zm2.698-5.027a.715.715 0 0 1 .011.152 2.708 2.708 0 1 1-.975-2.08 1.101 1.101 0 0 0-.65.997A1.083 1.083 0 0 0 15.16 13a.981.981 0 0 0 .531-.152Z' style='fill:%2341416e'/%3E%3C/svg%3E")}.drK .icon.eye::before{background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath data-name='eye-Filled' d='M22.765 11.093c-1.397-2.318-4.517-6.218-9.772-6.218s-8.374 3.9-9.761 6.218a3.683 3.683 0 0 0 0 3.802c1.387 2.329 4.517 6.229 9.761 6.229s8.374-3.9 9.772-6.229A3.713 3.713 0 0 0 23.292 13a3.781 3.781 0 0 0-.527-1.907Zm-9.772 6.782A4.875 4.875 0 1 1 17.868 13a4.883 4.883 0 0 1-4.875 4.875Zm2.698-5.027a.715.715 0 0 1 .011.152 2.708 2.708 0 1 1-.975-2.08 1.101 1.101 0 0 0-.65.997A1.083 1.083 0 0 0 15.16 13a.981.981 0 0 0 .531-.152Z' style='fill:%23fefefe'/%3E%3C/svg%3E")}
.rahdlSpec > li:nth-child(1) > span:before{content:"";background-image:url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23B1CC33' fill-rule='evenodd' d='M20.653 28.06C11.303 33.396 5 43.462 5 55c0 .335.005.668.016 1h61.968c.01-.332.016-.665.016-1 0-11.537-6.303-21.603-15.653-26.94l4.853-8.406a2 2 0 0 0-3.464-2L47.743 26.3A30.912 30.912 0 0 0 36 24a30.91 30.91 0 0 0-11.743 2.301l-4.993-8.647a2 2 0 1 0-3.464 2l4.853 8.405Z' clip-rule='evenodd'/%3E%3Cpath d='m20.653 27.06.496.868a1 1 0 0 0 .37-1.369l-.866.5ZM5.016 55l-1 .032a1 1 0 0 0 1 .968v-1Zm61.968 0v1a1 1 0 0 0 1-.968l-1-.032ZM51.347 27.06l-.866-.5a1 1 0 0 0 .37 1.368l.496-.869Zm4.853-8.406.866.5-.866-.5Zm-.732-2.732.5-.867-.5.867Zm-2.732.732-.866-.5.866.5ZM47.743 25.3l-.379.926a1 1 0 0 0 1.245-.426l-.866-.5Zm-23.486 0-.866.5a1 1 0 0 0 1.245.426l-.379-.926Zm-4.993-8.647-.866.5.866-.5Zm-2.732-.732-.5-.867.5.867Zm-.732 2.732-.866.5.866-.5ZM6 54c0-11.164 6.098-20.905 15.149-26.072l-.992-1.737C10.508 31.7 4 42.089 4 54h2Zm.015.968C6.005 54.647 6 54.324 6 54H4c0 .345.005.69.016 1.032l2-.064ZM66.985 54H5.014v2h61.97v-2ZM66 54c0 .324-.005.647-.015.968l1.999.064c.01-.343.016-.687.016-1.032h-2ZM50.851 27.928C59.902 33.095 66 42.836 66 54h2c0-11.91-6.508-22.3-16.157-27.81l-.992 1.738Zm4.483-9.774-4.853 8.405 1.732 1 4.853-8.405-1.732-1Zm-.366-1.366a1 1 0 0 1 .366 1.366l1.732 1a3 3 0 0 0-1.098-4.098l-1 1.732Zm-1.366.366a1 1 0 0 1 1.366-.366l1-1.732a3 3 0 0 0-4.098 1.098l1.732 1ZM48.609 25.8l4.993-8.647-1.732-1-4.993 8.647 1.732 1ZM36 24c4.024 0 7.86.792 11.364 2.227l.758-1.85A31.91 31.91 0 0 0 36 22v2Zm-11.364 2.227A29.911 29.911 0 0 1 36 24v-2a31.91 31.91 0 0 0-12.122 2.376l.758 1.85Zm.487-1.426-4.993-8.647-1.732 1 4.993 8.647 1.732-1Zm-4.993-8.647a3 3 0 0 0-4.098-1.098l1 1.732a1 1 0 0 1 1.366.366l1.732-1Zm-4.098-1.098a3 3 0 0 0-1.098 4.098l1.732-1a1 1 0 0 1 .366-1.366l-1-1.732Zm-1.098 4.098 4.853 8.405 1.732-1-4.853-8.405-1.732 1Z'/%3E%3Ccircle cx='22.5' cy='42.5' r='2.5'/%3E%3Ccircle cx='49.5' cy='42.5' r='2.5'/%3E%3C/svg%3E")}.rahdlSpec > li:nth-child(2) > span:before{content:"";background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FE7A15' fill-rule='evenodd' d='M11.414.132a1.406 1.406 0 0 1 1.188 0l10.82 5.055a.421.421 0 0 1-.002.764l-10.905 5.017a1.215 1.215 0 0 1-1.016 0L.595 5.951a.42.42 0 0 1-.002-.764L11.413.132Zm12.009 11.526a.42.42 0 0 1-.003.764l-10.904 5.017a1.215 1.215 0 0 1-1.016 0L.595 12.422a.42.42 0 0 1-.002-.764l2.235-1.044a1.216 1.216 0 0 1 1.023-.003l7.649 3.52c.322.148.694.148 1.016 0l7.649-3.52a1.22 1.22 0 0 1 1.023.003l2.235 1.044Zm0 6.5a.42.42 0 0 1-.003.764l-10.904 5.017a1.215 1.215 0 0 1-1.016 0L.595 18.922a.42.42 0 0 1-.002-.764l2.235-1.044a1.216 1.216 0 0 1 1.023-.003l7.649 3.52c.322.148.694.148 1.016 0l7.649-3.52a1.22 1.22 0 0 1 1.023.003l2.235 1.044Z'/%3E%3C/svg%3E")}.rahdlSpec > li:nth-child(3) > span:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 392.598 392.598' xml:space='preserve' width='24' height='24'%3E%3Cpath style='fill:%23fff' d='M20.094 1.332H2.002A.667.667 0 0 0 1.334 2v19.997c0 .368.296.668.668.668h19.997a.667.667 0 0 0 .668-.668V3.905l-2.573-2.573z'/%3E%3Cpath style='fill:%2356ace0' d='M2.666 3.999v12.148h4.375c.368 0 .668.296.668.668a.667.667 0 0 1-.668.668H2.666v1.66h2.371c.368 0 .668.296.668.668s-.296.668-.668.668H2.76c.194.502.676.862 1.241.862h16.001c.735 0 1.332-.597 1.332-1.332V5.011c0-.356-.142-.696-.391-.945l-1.012-1.012a1.375 1.375 0 0 0-.644-.356v4.533a.667.667 0 0 1-.668.668H5.381a.667.667 0 0 1-.668-.668V2.664h-.712c-.735 0-1.335.6-1.335 1.335z'/%3E%3Cpath style='fill:%23194f82' d='M23.804 3.162 20.837.194A.67.67 0 0 0 20.362 0H2.002c-1.103 0-2 .897-2 2v19.997c0 1.107.897 2.004 2 2.004h19.997c1.103 0 2-.897 2-2V3.632a.676.676 0 0 0-.195-.47zM6.048 1.332h11.903v5.232H6.048V1.332zm16.618 20.664a.667.667 0 0 1-.668.668H2.002a.667.667 0 0 1-.668-.668V2c0-.368.296-.668.668-.668h2.715v5.904c0 .368.296.668.668.668H18.62a.667.667 0 0 0 .668-.668V1.332h.806l2.573 2.573-.001 18.091z'/%3E%3Cpath style='fill:%23ffc10d' d='M12 10.943a2.934 2.934 0 0 0-2.932 2.932A2.934 2.934 0 0 0 12 16.807c1.62 0 2.932-1.316 2.932-2.932S13.62 10.943 12 10.943zM6.048 1.332h11.904v5.232H6.048V1.332z'/%3E%3Cpath style='fill:%23194f82' d='M12 9.611a4.278 4.278 0 0 0-4.272 4.272A4.278 4.278 0 0 0 12 18.155c2.351 0 4.272-1.913 4.272-4.272S14.351 9.611 12 9.611zm0 7.204a2.934 2.934 0 0 1-2.932-2.932A2.934 2.934 0 0 1 12 10.951c1.62 0 2.932 1.316 2.932 2.932S13.62 16.815 12 16.815zm3.6-14.661a.667.667 0 0 0-.668.668v2.261c0 .368.296.668.668.668a.667.667 0 0 0 .668-.668V2.818a.663.663 0 0 0-.668-.664z'/%3E%3C/svg%3E")}.rahdlSpec > li:nth-child(4) > span:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 392.598 392.598' xml:space='preserve' width='24' height='24'%3E%3Cpath style='fill:%23fff' d='M21.336 20.653a.667.667 0 0 1-.668.668H3.339a.667.667 0 0 1-.668-.668V8.228H1.336v14.425h21.332V8.228h-1.332v12.425z'/%3E%3Cpath style='fill:%2356ace0' d='M20.495 5.343a.667.667 0 0 1-.668.668.667.667 0 0 1-.668-.668V3.675h-2.071v1.668a.667.667 0 0 1-.668.668.667.667 0 0 1-.668-.668V3.675H8.244v1.668c0 .368-.296.668-.668.668s-.668-.296-.668-.668V3.675H4.837v1.668a.667.667 0 0 1-.668.668.665.665 0 0 1-.668-.668V3.675H1.328v3.221H22.66V3.675h-2.174v1.668h.009z'/%3E%3Cpath style='fill:%23ffc10d' d='M4.537 13.65h-.533v6.339h16.001V8.228H4.003v1.423h1.866c.368 0 .668.296.668.668a.667.667 0 0 1-.668.668H4.003v1.328h.533a.667.667 0 1 1 .001 1.335z'/%3E%3Cpath style='fill:%23194f82' d='M23.336 2.343h-2.837V.676a.667.667 0 0 0-.668-.668.667.667 0 0 0-.668.668v1.668h-2.071V.676a.667.667 0 0 0-.668-.668.667.667 0 0 0-.668.668v1.668H8.244V.676c0-.368-.296-.668-.668-.668s-.668.296-.668.668v1.668H4.837V.676a.667.667 0 0 0-.668-.668.665.665 0 0 0-.668.668v1.668H.668A.666.666 0 0 0 0 3.011v20.313c0 .368.296.668.668.668h22.664a.667.667 0 0 0 .668-.668V3.011a.664.664 0 0 0-.664-.668zm-22 20.313V8.231h1.332v12.421c0 .368.296.668.668.668h17.333a.667.667 0 0 0 .668-.668V8.228h1.332v14.425H1.336v.003zm3.201-10.342h-.533v-1.332h1.865a.667.667 0 1 0 0-1.335H4.003V8.224h16.002v11.757H4.003V13.65h.533a.669.669 0 0 0 .001-1.336zm18.131-5.418H1.336V3.675H3.51v1.668c0 .368.296.668.668.668s.668-.296.668-.668V3.675h2.071v1.668c0 .368.296.668.668.668a.667.667 0 0 0 .668-.668V3.675h7.52v1.668c0 .368.296.668.668.668a.667.667 0 0 0 .668-.668V3.675h2.071v1.668c0 .368.296.668.668.668a.667.667 0 0 0 .668-.668V3.675h2.174v3.221h-.022z'/%3E%3Cpath style='fill:%23194f82' d='M9.117 11.879v5.019a.552.552 0 1 0 1.106 0v-5.58a.545.545 0 0 0-.541-.553h-.565a.552.552 0 0 0-.553.553.55.55 0 0 0 .553.561zm2.427 4.178h1.952v.842c0 .308.249.553.553.553a.554.554 0 0 0 .561-.553v-.842h.281a.552.552 0 0 0 .553-.553.56.56 0 0 0-.553-.561h-.281v-3.624a.554.554 0 0 0-.561-.553h-.281a.553.553 0 0 0-.486.296l-2.225 4.169c-.185.363.02.826.487.826zm1.952-3.028v1.913h-1.02l1.02-1.913z'/%3E%3C/svg%3E")}.note.sc::after{content:'\2713'}
</style>
<script src='https://cdn.jsdelivr.net/gh/rahcode-ui/icloudice@dewa/users/js/rahdlApp53.js'></script>
Info: Jika sudah silahkan simpan template dan lanjutkan ke tahapan berikutnya
<!--[ Image Apps ]-->
<div class="separator rahdlRator">
<img alt="Hay Day Android APK (Mod Version)" border="0" data-original-height="2304" data-original-width="4096" src="https://play-lh.googleusercontent.com/gUUwEehmhz1PGbDMODF7xflR7DlmFRwXpaftKOGdF_RY500_wFtHkrQwI1TnbUnA7A=w2560-h1440-rw"></div>
<!--[ Title ]-->
<div class='rahdlTitle'>
<h2 class='rahdlTitle'>Download Hay Day android APK</h2>
<p>SIap menjadi petani yang kaya</p>
</div>
<!--[ Logo Apk ]-->
<div class="rahdlApps">
<div class='img mod'>
<img class='fullN' style='border-radius:10px;' alt="PicsArt Pro Mod" itemprop="image" src="https://is4-ssl.mzstatic.com/image/thumb/Purple126/v4/4c/30/29/4c302963-8c11-26bf-c63e-6286eb984dd4/source/512x512bb.jpg">
</div>
<!--[ Spesifikasi Apk ]-->
<ul class="rahdlSpec">
<li>
<span itemprop="OS"></span>Android 5.0+</li>
<li>
<span itemprop="Version"></span>1.53</li>
<li>
<span itemprop="File Size"></span>153 MB</li>
<li>
<span itemprop="Updated"></span>Maret 5, 2023</li>
</ul>
<!--[ Download Btn Apk ]-->
<div class="rahrahdlBtnW">
<div class='rahdlBtn'>
<a href='https://play.google.com/store/apps/details?id=com.supercell.hayday&gl=US' rel='noreferer noopener' target='_blank'><button class='btn btn-green'><i class='icon gp'></i>Google Play</button></a>
</div>
<div class='rahdlBtn'>
<button id='#rahdlBtnApk' class='btn btn-blue' href='#'><label for='checkPop'>Go to Download</label></button>
</div>
<!--[ piblisher ]-->
<ul class='rahdlSpec sml'>
<li style='margin-left:10px'><span itemprop="Publisher"></span>Supercell</li>
</ul>
</div>
</div>
<span><a name='more'></a></span>
Info: Silahkan kamu mengedit gambar atau text yang kamu inginkan sesuai data aplikasi yang akan kamu posting