Helo sobat IcloudZer kali ini saya akan membagikan informasi mengenai tips blogger yakni dalam menambah kecantikan didalam penulisan text diblogger agar tampilan blog atau text artikel kita semakin menarik bagi para pembaca
Ok bagi kamu yang sudah penasaran bagaimana text kerennya ok, lanjutkan membaca hingga selesai
Text Paragraf
Nah sobat sebelum kita membahas bagaimana Tampilan serta cara membuat text paragraf yang keren saya akan menjelaskan dulu mengenai text paragraf ini
sebenarnya text ini hampir mirip dengan gaya text blockquoute, dikarnakan setiap template memiliki desain blockquoute yang berbeda beda
Sebagi informasi Text blockquoute biasanya memakai tag <blockquoute> dan menggunakan Tag </blockquote> sebagai kode penutup nya
Jadi kode blockquoute secara lengkapnya seperti contoh di bawah ini
<blockquoute>Text Blockquoute anda disini </blockquoute>
Mengapa disebut paragraf
Disebut paragraf karena penulisan textnya menggunaakn tag html <p> yakni paragraf, dan textnya itu akan berada pada baris baru sesuai dengan definisi paragraf diblogger
Penulisan menggunakan HTML
Yang perlu kamu ketahui adalah didalam pembuatanan text paragaraf yang keren ini kamu harus menggunakan kode html untuk menjalankan fungsinya dan kemudian sertakan text didalam kode html untukuk menampilkan hasil text paragraf yang keren diblogger ini
Dibuat menggunakan CSS
Text paragraf ini dibuat menggunakan Kode CSS sehingga tidak menghambat kelajuan dari blog kamu ya, nah bagi kamu yang Memiliki keahlian mengatur kode CSS, kamu bisa juga untuk merombak sedikit elemen CSS nya agar lebih elegan dan responsif tentunya
Tetapi Jika kamu sudah ahli dalam kode CSS seharunya kamu ngak perlu kodess yang saya berikan disini, kalau sudah ahli mah buat sendiri juga gampang, benar gak 😆
Memiliki dua Tampilan
Jadi sobat yang perlu kamu ketahui disini adlaah bahwa Text paragraf nya memiliki dua tamlilan yakni tampilan dalam varian warna, merah dan kuning
Setiap tampilan warna akan menggunakan kode html yang berbeda ya sobat
Pembuatan Text Paragraf
Baiklah sobat setelah basa basi sedikit sekarang waktunya kita akan memasuki cara pembuatan text paragraf yang keren ini, ok
Kode CSS
Yang pertama yang bisa kamu lakukan disini ialah, salin kode CSS yang saya berikan dibawah ini kemudian tempelkan pada bagian template anda tepatnya diatas kode <]]><b:skin>.icloud{position:relative;padding:20px 30px 20px 50px;background-color:#ea1400;color:#fff; border-radius:3px;font-family:fontawesome
;line-height:1.6em;left:15px;}
.icloud:before{content:'\f1d8';position: absolute;left:18px;font-size:12px}
.ice{background-color:#fff905;color:#ea1400;font-family:fontawesome}
.ice:before{content:'\f1d8'position: absolute;left:18px;font-size:12px}
Cara Penggunaan kode HTML
Seperti yang kita ketahui bahwa text paragraf ini memiliki dua tamlilan dan setiap tampilan nya menggunakan kode html yang berbeda pula, perhatikan setiap kode dan tampilan serta contoh demo nya dibawah ini
Tampilan warna merah
Baiklah sob saat kamu ingin menampilkan text paragraf nya gunakan kode html dibawah ini sata ingin menulis
<p class='icloud'>Hello text ini keren lo</p>
Ingat ya penulisan nya menggunakan koMode HTML
Contoh demo
Untuk Tampilannya kamu bisa melihat contoh demo dibawah ini
Hello text ini keren lo
Tampilan warna Kuning
Baiklah sob saat kamu ingin menampilkan text paragraf nya gunakan kode html dibawah ini sata ingin menulis
<p class='icloud ice'>Hello text ini keren lo</p>
Ingat ya penulisan nya menggunakan koMode HTML
Contoh demo
Untuk Tampilannya kamu bisa melihat contoh demo dibawah ini
Hello text ini keren lo