Cara Mudah Membuat 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 enak dilihat? Tenang saja, kali ini Kored Id akan membagaikan beberapa tampilan Blockquote dengan warna yang lebih enak dilihat. Blockquote biasanya sudah tersedia pada setiap platfrom blog, namun tampilan dari Blockquote bawaan terlihat sangat sederhana dan kurang enak di lihat, kecuali kita mengganti template yang sudah di setiing dari awal untuk bagian Blockquote nya.
Fitur Blockquote atau Catatan dalam blog biasanya digunakan 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 karena itu saya kan membagikan tips untuk merubah tampilan Blockquote supaya Blockquote atau catatan yang di sampaikan lebih enak dilihat dan juga mudah di baca.
Tips kali ini sangat mudah dilakukan dan untuk warna tampilannya pun bisa kalian atur sendiri sesuai selera. Jadi 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 kode CSS dibawah ini
5. Simpan Tema
Cara Menggunakan Blockquote Kedalam Blog
1. Buat Postingan Baru
2. Pilih Mode HTML Bukan Compose
3. Letakan salah satu kode 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 mudah untuk diikuti. dan semoga tips blogging mengenai Cara Mudah Membuat Blockquote Keren Didalam Postingan Blog bisa diterapkan kedalam blog anda.
Sumber HTML : Analis Yuki
Merasa Bosan dengan tampilan Blockquote yang itu-itu saja? Atau Blockquote bawaan dari template tampilannya kurang enak dilihat? Tenang saja, kali ini Kored Id akan membagaikan beberapa tampilan Blockquote dengan warna yang lebih enak dilihat. Blockquote biasanya sudah tersedia pada setiap platfrom blog, namun tampilan dari Blockquote bawaan terlihat sangat sederhana dan kurang enak di lihat, kecuali kita mengganti template yang sudah di setiing dari awal untuk bagian Blockquote nya.
Fitur Blockquote atau Catatan dalam blog biasanya digunakan 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 karena itu saya kan membagikan tips untuk merubah tampilan Blockquote supaya Blockquote atau catatan yang di sampaikan lebih enak dilihat dan juga mudah di baca.
Tips kali ini sangat mudah dilakukan dan untuk warna tampilannya pun bisa kalian atur sendiri sesuai selera. Jadi pembacapun tidak akan merasa jenuh untuk membaca catatan yang ada dalam Blockquote yang kita gunakan.
Baca Juga :
- Cara Mudah Membuat Effect Double Click To Select Dengan Tag Selection 'kbd' di Blogger
- Cara Mudah 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 kode 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/AVvXsEg-PZROk9gRyah5WxmVr6bmMP-lwaws52Pe1XMa9d16h0AoIwmf8LjHeTzvwa4bKYyhQfzGLJAc-DBUEEeTDZwWd9Ne3JZ0C46KsBJ-0CX6fAYzPsKnhzbqbArGSp_hu2iZu61XweoMKuE/s1600/catatan.png') no-repeat 12px 8px;
color: #fff;
}
.peringatan {
background: #df8787 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJZo83YDnTgpD3RV1q3LScHHe84qfl_hVrD4o4GHHZUlA_d65hrxly1GHp6C0PC7OeKDYJe9iMQkVhnm0Hsl5cgWtMjM05yhoDKuRy3IUSBdk-Zz0gUC5WXVpYJ9ygPj92h2y-0Kkrw9o/s1600/peringatan.png') no-repeat 12px 8px;
color: #fff;
}
.info {
background: #cbd1d9 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivzWUHx93-_vUxFs7dAFb-Z60YmS6Rq4KvydlhlmQWkwNhXsj_yJ5A4jMEFOlwUq63DrxezMCA1RDMoVk_p4EzKgkbW4MEPcqvsnl8usQUeBUV7sqpUPhX2_fd34Tn5LmOMJnb5Loe9oU/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 kode dibwah ini kedalam postingan
Untuk Tampilan Catatan
<div class='catatan'>
Tulis disini jika kalian ingin menggunakan Blockquote Catatan
</div>Untuk Tampilan Peringatan
<div class='peringatan'>
Tulis disini jika kalian ingin menggunakan Blockquote Peringatan
</div>Untuk Tampilan Info
<div class='info'>
Tulis disini jika kalian ingin menggunakan 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 mudah untuk diikuti. dan semoga tips blogging mengenai Cara Mudah Membuat Blockquote Keren Didalam Postingan Blog bisa diterapkan kedalam blog anda.
Sumber HTML : Analis Yuki