Kali ini saya akan memberikan tutorial cara mengganti ukuran huruf yang ada di postingan blogger, jika kalian bukan pengguna blogger kalian juga bisa mengikuti tutorial kali ini yang penting kalian dapat mengakses code html dan css membuat website kalian
baiklah sebelum memulai mari saya jelaskan terlebih dahulu seperti apa tutorial kali ini, tutorial kali ini akan mengubah semua ukuran huruf yang berada di semua postingan kita dengan mengubah kode html dan css, pertama kalian pastikan dulu bahwa ukuran dari huruf tersebut yaitu normal(Box1) lihat gambar dibawah jika ukuran huruf bukan normal meski kita ubah code css dan html huruf yang tampil akan tetap berbeda dengan yang kita inginkan
Sedangkan untuk mengetahui code mana yang harus digunakan kita akan menggunakan inspect element karena setiap template website bisa jadi ada perbedaan code yang menentukan ukuran huruf sebuah postingan sebab itu kita menggunakan inspect element untuk lebih pasti dalam mengubah code sehingga tidak terjadi error
Baik langsung kita mulai saja yang pertama adalah membuka akun blogger kita lalu kita cari tema(Box1) kita buka pilihan edit sehingga muncul pilihan(Box2) selanjutnya kita klik edit html(Box3) seperti gambar di bawah
Setelah kita pilih edit html tampilan seharusnya berubah seperti di bawah ini
- Mencari code
Baik source code html&css kita sudah terbuka selanjutnya mari kita dapatkan code yang berhubungan dengan ukuran huruf postingan kita dengan cara membuka salah satu halaman postingan yang kita miliki selanjutnya kita select salah satu paragraf atau kalimat yang ada di postingan kita(Box1) setelahnya kita buka tool inspect element(Box2)
Dengan cara klik kanan lalu pilih inspect(Box2) atau shortcut Ctrl + Shift + I di microsoft edge , Ctrl + Shift + C di mozilla firefox, Ctrl + Shift + J di google chrome untuk pengguna windows, pastikan kalian membuka atau mengklik inspect setelah menselect sebuah paragraf seperti contoh di atas(Box1)
Setelah kalian buka tampilan akan berubah seperti gambar dibawah
Baik setelah kalian pastikan bahwa code yang terselect(Box1) di inspect element merupakan kode yang berada di paragraf yang tadi kita select(Box2) kalian dapat mengeceknya dengan cara menggerakan mouse kalian ke arah code di inspect element(Box1) paragraf yang tadi terselect(Box2) akan berada di dalam kotak biru lihat gambar di atas
Jika sudah pasti kita akan mencari code ukuran font biasanya ada di style(Box1) lihat gambar dibawah dengan cara menuliskan font-size ke filter(Box2) sehingga lebih mudah untuk menemukan ukuran font seperti gambar contoh di bawah saya memiliki 2 buah variable font-size
Baik dari contoh di atas salah satunya merupakan code yang akan mengubah ukuran font postingan kita kalian dapat memastikan yang mana code yang benar dengan mengubah nilai ukuran yang ada(Box3), jika kode benar semua tulisan di postingan itu akan ikut berubah juga seperti gambar di bawah
Seperti gambar di atas ukuran huruf kita termasuk dalam style atau fungsi(Box1) .item-post .post-body ini lah yang harus kita cari di edit html yang ada blogger.
- Mengubah ukuran huruf
sekarang Kita sudah mendapatkan kode yang harus dicari selanjutnya mari kita kembali blogger dan segera mencari code yang kita dapatkan tadi dengan cara kita pilih template html lalu klik Ctrl + F sehingga muncul kotak find(Box1)
Lalu kita tempelkan code yang tadi(box1) lalu tekan enter, otomatis kita akan diarahkan ke code yang dimaksud(Box2) mungkin akan ada lebih dari 1 hasil penelusuran tapi kita hanya perlu memastikan bahwa ada font-size(box3) dan kita ubah nilainya lalu kita simpan(Box4).
Sekaran semua ukuran tulisan kalian akan beubah sesuai nilai yang kalian sisikan jika di merupakan font ukuran normal seperti yang pertama kali saya sebutkan di atas.
Baiklah sampai di sini dulu tutorial kali ini semoga bermanfaat terima kasih sudah berkunjung jika ada pertanyaan silahkan komentar di bawah terimakasih.
0 Komentar