Postingan

Mengambil nilai halaman dengan Javascript

Gambar
14 November 2022 Mari kita bahas dari kebanyakan hal yang di miliki website banyak halaman. setiap website memiliki halaman yang beragam fungsing, Namun dari kebanyakan website terkadang ada juga yang harus menampilkan elemen serupa untuk setiap halaman. Contohnya adalah seperti element header dan footer , Element ini akan selalu ada pada setiap halaman walaupun memiliki artikel yang berbeda beda beda pada setiap halaman. Andaikan pada satu proyek web Saya memiliki 100 halaman. dan setiap halaman Saya memiliki element navigasi yang sama. Apakah Saya juga harus menempatkan element navigasi ke setiap halaman yang totalnya mencapai 100?. tentu itu akan menjadi hal yang sangat lama dan merepotkan. Apa lagi kalau Saya ingin membuat perubahan dan harus mengganti nya satu persatu. Berikut adalah cara yang simpel dan cepat untuk Kita menampilkan element berulang tanpa harus membuatnya ke setiap halaman. Cukup dengan satu file halaman inti untuk di tampilkan ke setiap halaman.

Catatan data akun withkoji

Gambar
gfjdkejhdeb jdhdhdh

Blog Code

Catatan dan dokumen website Firmansyah Blog Code.

Membuat Toc

Membuat Pemilih toc untuk artikel. Html <div class="toc"> <input type="checkbox" role="button" id="toctoggle" class="toctoggle"/> <div class="toctitle" id="toc"></div> <ul> <li><a href="#toc_1">Judul 1</a></li> <li><a href="#toc_2">Judul 2</a></li> <li><a href="#toc_3">Judul 3</a> <ul> <li><a href="#toc_3.1">Judul 3.1</a></li> </ul> </li> </ul> </div>

Menampilkan Onfoot

Html <span id="onfoot"></span>

Penulisan Icon Info

Penulisan menyisipkan ikon info di sela sela paragraf untuk memberikan penjelasan yang lebih mendetail. Ikon info memberikan deskripsi lengkap yang di tulis pada bagian menuinfo. Anda terlebih dahulu harus lah menulis rangkuman detail informasi apa yang akan di sampaikan pada suatu elemen yang di simpan pada elemen <section> dengan class="Post-Hidden" . Html <div class="menuinfo" id="menuinfo"> <span class="closeinfo" onclick="tutupinfo()"></span> <div class="postinfo"> Isi Deskripsi Informasi yang ingin di sampaikan di sini. </div> </div> Setelah Anda mengisikan semua tentang detail informasi, simpanlah elemen berikut di dalam sebuah elemen class="Post-Hidden" . Selanjutnya gunakan kode di bawah ini untuk di tempatkan dalam paragraf manapun. Html <span id="icon-info"></span>

Penulisan Code

Html <pre><code class="language-*"> </code></pre> language-css memuat kode berisikan Css. language-html memuat kode berisikan Html. language-js memuat kode berisikan javascript.

Penulisan Quotes

Html <blockquote class="quotes"> <p>Catatan Quotes</p> <i>Nama Author</i> </blockquote>

Penulisan Note

Html <div class="note-*"> <div></div> <p>Deskripsi Catatan</p> </div> note-main menandai catatan biasa. note-allowed menandai catatan di izinkan. note-warning menandai catatan peringatan. note-forbidden menandai catatan larangan

Penyematan Codepen

Penyematan codepen dapat di lakukan kapanpun di setiap Artikel, Dengan langkah demi langkah Anda dapat mencantumkan kode codepen Anda di sela catatan yang cukup tertata, Ambil kode contoh di bawah ini dan masukkan Nilai Url data slug hash codepen yang ingin di tampilkan dalam Artikel. Html <p class="codepen" data-height="500" data-theme-id="none" data-default-tab="result" data-user="firmansyahbio" data-slug-hash="yLEZrOj" data-pen-title="Firmansyah"> <span>See the Pen <a href="https://codepen.io/firmansyahbio/pen/yLEZrOj"> Button Back To Top</a>- by Firmansyah (<a href="https://codepen.io/firmansyahbio">@firmansyahbio</a>) on <a href="https://codepen.io">CodePen</a>.</span> </p>

Penulisan Post Artikel

Dalam penulisan post artikel yang memenuhi standar, terdapat beberapa aturan dan metode yang harus di terapkan. Ini berguna agar artikel yang di hasilkan memenuhi kriteria dan layak untuk di publikasi. Berikut adalah beberapa Aturan yang benar untuk menilis Artikel. Text mitosi Text mitosi Adalah Text kecil di bawah judul, Text ini di namakan mitosi karena nama atribut class nya seperti berikut class="mini_top_size" dan di buat menggunakan tag elemen <div> . Gambar post Utama Ukuran gambar harus memiliki ukuran yang telah di tetapkan, yaitu width: 1920px; dan height: 1080px; dengan forman file gambar adalah webp . width : 1920px; height : 1080px; file webp

Js

Gambar
Js atau JavaScript adalah otak kerja dari sebuah website agar bekerja dengan efektif. yang berguna untuk menjadi menjalankan sebuah perintah web menjadi lebih opentabel.

Css

Gambar
Css adalah bagian yang mengatur segi tampilan untuk sebuah kerangka Html, Css memili bagian yaitu slector, properti dan nilai properti yang memiliki fungsinya masing masing. Html

Html

Gambar
Html adalah bagian dari kerangka kerja sebuah website yang memili tag, artibut dan elemen. Html juga menjadi wadah tampilan sebuah website antar muka.

Speed

Gambar
Multi kecepatan tinggi yang di hasilkan di asil penelusuran memudahkan Anda untuk lebih memahami sebuat alur kerja trafik. Berikut adalah daftar penting yang harus Anda pahami untuk sebuah alir kerja proyek. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.