Pembaruan Terakhir (26-05-2023)
  • Update script: membuat notifikasi semua komentar di blogger (mode popup)
  • Spesifikasi: src='https://cdn.jsdelivr.net/gh/rahcode-ui/icloudice@dewa/users/js/user53cm.js'

  • Toast notif disertai Text-to-speech
  • Cukup klik 1 kali maka mode responsif akan aktif (sebelumnya dua kali kik)
  • Sekarang komentar telah di tambahkan beberapa fitur custom segera periksa

Cara membuat atau mengubah awal huruf artikel menggunakan CSS

views

Hello sobat icloudZer kali ini admin bakalan memberi informasi mengenai bagaimana caranya mengubah huruf pertama artikel agar nampak berbeda dari biasanya

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

Disclaimer

Sebelum saya benar benar membahas mengenai bagaimana caranya mengubah huruf awal artikel nampak berbeda, saya akan memberikan disclaimer dulu bahwa setiap artikel yang kami tuliskan disini adalah murni tulisan admin, jadi jika kamu ingin mengcopy paste harap sertakan link sumber oke

Ketika kamu sedang membaca artikel disini kemudian ada penjelasan yang tidak kamu pahami kamu bisa menyampaikannya dikolom komentar oke agar admin bisa memperbaiki penulisan didalam artikel ini

Peringatan: Artikel ini khusus untuk orang yang paham aja, atau orang yang sedang memerlukan artikel seperti ini untuk pengetahuannya, bagi kamu yang tidak paham sama sekali menjauh aja karena mungkin disini mungkin bukan tempat kamu untuk mendapatkan informasi

Awal Huruf

Pernahkan kamu menjumpai pada suatu website yang menampilkan huruf awal artikel lebih besar atau lebih keren dari yang lainnya, nah sama halnya dengan pembahasan kita kali ini dalam membahas bagaimana caranya mengubah huruf awal artikel agar lebih keren dan berbeda dari biasanya, baca terus artikel ini hingga selesai Ok

Dibuat menggunakan CSS

Untuk membuat text awal artikel nampak berbeda kita hanya membutuhkan kode CSS dalam pembuatannya, dan dengan kode CSS tersebut akan membuat tampilan lebih responsif, dan lagi jika kamu sudah menerapkan kode CSS pengubah huruf awal artikel maka, seluruh artikel akan terkena pengaruh oleh kode CSS tersebut

Contoh Tampilan

Nah jika kamu sudah penasaran dengan bagaimana contoh tampilan dari huruf awal artikel yang sudah dirubah ketika menerapkan kode CSS nya, kamu bisa melihat contoh tampilannya seperti huruf awal artikel yang sedang admin gunakan, atau kamu bisa langsung menggunakan tombol dibawah ini untuk bisa melihatnya

Cara pembuatan

Baiklah sobat icloudZer saatnya admin bakalan menjabarkan bagaimana caranya membuat huruf awal artikel nampak berbeda dari biasanya, baca dan pelajari artikel ini hingga selesai ok, agar tidak salah paham

Kode CSS

Langkah pertama yang bisa kamu lakukan untuk bisa mengubah awal artikel tersebut kamu bisa langsung menyalin kode CSS dibawah ini kemudian kamu bisa meletakkannya diatas kode ]]></b:skin>

.post-body::first-letter{
font-size:80px;
font-weight:500;
line-height:1;
margin-right:16px;
font-family:normal;
float:left;
}

Info: Atau kamu juga bisa menggunakan tag kode <style> untuk meletakkan kode CSS diatas



Muhammad


Keindahanmu akan kuabadikan disetiap karyaku.

Posting Komentar

Pergunakanlah kecerdasan anda saat berkomentar, dan tinggalkan komentar sesuai topik tulisan. Komentar dengan link aktif tidak akan ditampilkan.
Masukkan URL Gambar atau URL Video YouTube atau Potongan Kode , atau Quote , lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image video quote pre code
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.