Cara Gampang Menciptakan Blockquote Keren Didalam Postingan Blog
Cara Membuat Blockquote Lebih Berwarna dan Keren Pada Postingan Blog
Merasa Bosan dengan tampilan Blockquote yang itu-itu saja? Atau Blockquote bawaan dari template tampilannya kurang yummy dilihat? Tenang saja, kali ini Kored Id akan membagaikan beberapa tampilan Blockquote dengan warna yang lebih yummy dilihat. Blockquote biasanya sudah tersedia pada setiap platfrom blog, namun tampilan dari Blockquote bawaan terlihat sangat sederhana dan kurang yummy di lihat, kecuali kita mengganti template yang sudah di setiing dari awal untuk bab Blockquote nya.
Fitur Blockquote atau Catatan dalam blog biasanya dipakai untuk mengutif kalimat yang di anggap penting untuk di sampaikan kepada si pembaca, supaya kalimat yang di tampilkan lebih terlihat menonjol dan berbeda dari yang lain. Oleh alasannya ialah itu saya kan membagikan tips untuk merubah tampilan Blockquote supaya Blockquote atau catatan yang di sampaikan lebih yummy dilihat dan juga gampang di baca.
Tips kali ini sangat gampang dilakukan dan untuk warna tampilannya pun dapat kalian atur sendiri sesuai selera. Kaprikornus pembacapun tidak akan merasa jenuh untuk membaca catatan yang ada dalam Blockquote yang kita gunakan.
Baca Juga :
1. Log In Ke Blogger.com
2. Pilih Tema -> Edit HTML
3. Langkah selanjutnya, Cari Kode </style> Atau ]]></b:skin>
4. Tambahkan isyarat CSS dibawah ini
5. Simpan Tema
Cara Menggunakan Blockquote Kedalam Blog
1. Buat Postingan Baru
3. Letakan salah satu isyarat dibwah ini kedalam postingan
Untuk Tampilan Catatan
Untuk Tampilan Peringatan
Untuk Tampilan Info
Untuk mengisi Blockquote yang anda inginkan, silahkan rubah teks yang di beri warna merah.
Baca Juga :
Demikian Tutorial kali ini, Cara ini termasuk cara yang paling gampang untuk diikuti. dan biar tips blogging mengenai Cara Praktis Membuat Blockquote Keren Didalam Postingan Blog dapat diterapkan kedalam blog anda.
Sumber HTML : Analis Yuki
Sumber https://www.kored.id/
Merasa Bosan dengan tampilan Blockquote yang itu-itu saja? Atau Blockquote bawaan dari template tampilannya kurang yummy dilihat? Tenang saja, kali ini Kored Id akan membagaikan beberapa tampilan Blockquote dengan warna yang lebih yummy dilihat. Blockquote biasanya sudah tersedia pada setiap platfrom blog, namun tampilan dari Blockquote bawaan terlihat sangat sederhana dan kurang yummy di lihat, kecuali kita mengganti template yang sudah di setiing dari awal untuk bab Blockquote nya.
Fitur Blockquote atau Catatan dalam blog biasanya dipakai untuk mengutif kalimat yang di anggap penting untuk di sampaikan kepada si pembaca, supaya kalimat yang di tampilkan lebih terlihat menonjol dan berbeda dari yang lain. Oleh alasannya ialah itu saya kan membagikan tips untuk merubah tampilan Blockquote supaya Blockquote atau catatan yang di sampaikan lebih yummy dilihat dan juga gampang di baca.
Tips kali ini sangat gampang dilakukan dan untuk warna tampilannya pun dapat kalian atur sendiri sesuai selera. Kaprikornus pembacapun tidak akan merasa jenuh untuk membaca catatan yang ada dalam Blockquote yang kita gunakan.
Baca Juga :
- Cara Praktis Membuat Effect Double Click To Select Dengan Tag Selection 'kbd' di Blogger
- Cara Praktis Membuat Syntax Highlighter Pada Postingan Blogger
1. Log In Ke Blogger.com
2. Pilih Tema -> Edit HTML
3. Langkah selanjutnya, Cari Kode </style> Atau ]]></b:skin>
4. Tambahkan isyarat CSS dibawah ini
.info, .catatan, .peringatan {line-height: 22px;min-height: 38px;padding-left: 10px;padding: 10px 12px 12px 68px; margin: 5px 0; } .catatan { background: #c5ce59 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBmOnpsElqcbYPFFCzH3ZyEe82sa-VukbFJ2Aw9FbY2riFgLimB3gmjG60nU-947oPNTUIJg9tMQvBr10KBEsJXqc-L1CurN93zHFTh8Jd3e5A2GyxKX2r3V791ACctmYlX_c5frojp1A/s1600/catatan.png') no-repeat 12px 8px; color: #fff; } .peringatan { background: #df8787 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPZstXBHY7T3pdrmoWrFlzs0R85DPPHwrlP0Bwy7JgX15j8mObm97ctt8J8t6x346LFatebdrnTtOg2a_EFl2Jjt9WesuoiKhAs7HWwVT4FqRjVdS02PNyMYaVtT55fLEezLteU-1kMyk/s1600/peringatan.png') no-repeat 12px 8px; color: #fff; } .info { background: #cbd1d9 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpRAy11694h-FtMzDZsMWziW4hRoyQ45rrYDG0f-CSrQuwWF2ZjHuVCWdnslFeivsfcsanGojyPVu-vQ1RHkijrGqSkWRl10ji4z1SCpc1uPYCB46Qb3Y8k_gC97_RcN0pk6kynw2TnPA/s1600/info.png') no-repeat 12px 8px; color: #222 }5. Simpan Tema
Cara Menggunakan Blockquote Kedalam Blog
1. Buat Postingan Baru
2. Pilih Mode HTML Bukan Compose
3. Letakan salah satu isyarat dibwah ini kedalam postingan
Untuk Tampilan Catatan
<div class='catatan'> Tulis disini jikalau kalian ingin memakai Blockquote Catatan </div>Untuk Tampilan Peringatan
<div class='peringatan'> Tulis disini jikalau kalian ingin memakai Blockquote Peringatan </div>Untuk Tampilan Info
<div class='info'> Tulis disini jikalau kalian ingin memakai Blockquote Info </div>Untuk mengisi Blockquote yang anda inginkan, silahkan rubah teks yang di beri warna merah.
Baca Juga :
- 5 Situs Terbaik Untuk Belajar SEO
- Cara Membuat Gambar Postingan Blog Dengan Photoscape
- Cara Menemukan Teman Blogger Satu Kota Dengan Mudah
Demikian Tutorial kali ini, Cara ini termasuk cara yang paling gampang untuk diikuti. dan biar tips blogging mengenai Cara Praktis Membuat Blockquote Keren Didalam Postingan Blog dapat diterapkan kedalam blog anda.
Sumber HTML : Analis Yuki
Sumber https://www.kored.id/
