Hello sobat ICloudzer kali ini admin akan menjabarkan mengenai cara membuat tools website preview generator di blogger
Info: Jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama
Tools website preview generator
Apa itu tools website preview generator? Website Preview Generator merupakan sebuah alat yang memungkinkan pengguna untuk membuat gambar pratinjau atau tampilan pratinjau langsung dari sebuah halaman website, alat ini biasanya berguna bagi pengembang website, desainer, atau pemilik website untuk memperlihatkan tampilan pratinjau website kepada calon pengunjung atau klien tanpa harus membuka halaman website secara langsung, dengan menggunakan website preview generator, pengguna dapat dengan mudah membuat dan menyesuaikan tampilan preview halaman website yang menarik dan profesional.
Contoh Tampilan
Berikut ini merupakan contoh tampilan dari tools website preview generator online di blogger, silahkan periksa menggunakan tombol di bawah ini
Cara pembuatan
Baiklah soabt ICloudzer sekarang saatnya admin jelaskan cara membuat tools website preview generator di blogger, silahkan baca dan ikuti setiap arahan yang bakal admin jelaskan di bawah ini
- Langkah pertama yang bisa kamu lakukan adalah pergi ke menu Halaman kemudian buat halaman baru dan berikan judul Tools website preview generator atau terserah kamu aja
- Kemudian silahkan salin seluruh kode untuk membuat tools website preview generator di bawah ini
<div class="icloudiceWebPreview">
<div class="icloudiceWebUrl">
<label for="icloudiceWebUrlField">Enter Url:</label>
<input type="text" id="icloudiceWebUrlField" placeholder="https://www.icloudice.com">
<button class="button" id="icloudiceWebGen">Generate</button>
</div>
<div class="icloudiceWebArea">
<iframe id="icloudiceWebFrame"></iframe>
<div class="icloudiceDevOpt">
<select id="icloudiceDevSelect">
<option value="">Pilih Perangkat</option>
<option value="iphone5">iPhone 5</option>
<option value="iphone6">iPhone 6</option>
<option value="iphonex">iPhone X</option>
<option value="ipad">iPad</option>
<option value="macbook">MacBook</option>
</select>
<select id="icloudiceOrientSelect">
<option value="icloudicePortrait">Portrait</option>
<option value="icloudiceLandscape">Landscape</option>
</select>
</div>
</div>
</div>
<script src='https://cdn.jsdelivr.net/gh/rahcode-ui/icloudice@dewa/ICloudice.com/script/rahWebPreviewGen.js'></script>
- Jika sudah publikasikan halaman dan lihat bagaimana tampilan dari tools Website Preview generator tersebut, semoga bermanfaat
