Download Template Plus UI + mode Translate v3

Hello sobat ICloudzer kali ini admin bakalan menjabarkan mengenai bagaimana caranya membuat sub judul new pada tag h1, h2, h3 dan seterusnya pada postingan blogger dengan tampilan keren

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

Sub judul

kamu tau kan apa itu judul, biasanya judul di dalam website menggunakan tag kode h1 dan sudah di atur secara default pada template website yang digunakan, sedangkan sub judul adalah inti dari pembahasan sebuah paragraf yang di wakali oleh subjudul tersebut, dan bisa jadi setiap paragraf di wakili oleh subjudul dalam satu postingan

Subjudul New

Nah masuk ke inti pembahasan kita kali ini memgenai cara membuat sub judul new pada tag h1, h2, dan seterusnya! sebenarnya apa sih fungsi dari sub judul new tersebut? fungsi utama dari subjudul new tersebut akan menapilkan text New di sebelah sub judul h1, h2, dan seterusnya, bahkan subjudul new tersebut bisa di gunakan untuk judul (h1), subjudul (h2,h3, dan seterusnya), serta text biasa di dalam postingan blog

Info: Bahkan kamu bisa mengubah text new, menjadi text apaoun yang kamu inginkan semisal, free, hot dan sebagainya

Menggunakan CSS

Untuk membuat subjudul new pada tag h1, h2, dan seterusnya di buat menggunakan kode CSS saja, tanpa harus menggunakan kode javascript, dan kode CSS yang di gunakan sangat simpel dan cukup ringan jika di terapkan

Contoh Tampilan

Jika kamu sudah penasaran dengan bagaimanakah contoh tampilan dari subjudul new pasa tag h1, h2, san seterusnya tersebut silahkan periksa menggunakan tombol di bawah ini

• Periksa

Info: Bagaimana sobat dengan contoh tampilannya keren sekali yak

Cara pembuatan

Baiklah sobat ICloudzer sekarang saatnya admin akan menjabarkan mengenai cara untuk membuat subjudul new pada tag h1, h2, dan seterusnya, silahkan di pelajari dan ikuti setiap arahan yang admin jabarkan di bawah ini

Kode CSS

Langkah pertama yang bisa kamu lakukan adalah menyalin kode CSS di bawah ini kemudian kamu bisa meletakkannya di atas kode ]]></b:skin>

/* Sub judul custom By Icloudice.com */
.rahNew::after/* tambahkan class lainnya untuk memperbanyak sub judul selain new */{position:absolute;color:#fefefe;font-size:8px;text-transform:uppercase;background-color:#de3535;line-height:1;padding:1px 2px;font-weight:700;letter-spacing:-1px;margin:0 0 0 4px;border-radius:2px}
.rahNew::after/* you can add or replace text New! */{content:'New!'}

Info: Atau kamu bisa menggunakan tagboode style untuk meletakkan kode CSS diatas

Cara penggunaan

Selanjutnya untuk menggunakan atau memfungsikan subjudul new pada h1, h2, dan seterusnya ligat contoh kode dibawah ini

<h2 class='rahNew'>Your sub judul here</h2>

Info: Tidak hanya pada tag h1, h2, dan seterusnya, bahkan text biasa juga bisa menggunakan subjudul new tersebut, gunakan <div class='rahNew'>Text anda</div>

Fitur Scan

Fitur scan dalam perancangan Icloudice, menggunakan fitur canggih abad ini, karena selain mampu mendeteksi serangan jet (fisik), juga bisa mendeteksi serangan ghaib (santet), maka fitur scan rancagan ICloudice sangat mumpuni, serta fitur scan akan mendeteksi berbagai penyakit kemudian akan menyembuhkan pasian dalam waktu singkat serta intsan tanpa mengorbankan siapapun