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 text paragraf keren diblogger

views

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

Created With ♥ By:
www.icloudice.com
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.