Cara Membuat Kotak Catatan Atau Blockquote Yang Keren DI Blog


Cara Membuat Kotak Catatan Atau Blockquote Yang Keren DI Blog

kotak catatan atau seringkali juga di sebut Blockquote merupakan sebuah kode pelengkap yang membuat tampilan blog lebih menarik dan profesional.

seperti namanya blockquote berfungsi untuk menempatkan qoute atau kata kata bijak, namun seiring berkembangnya zaman blockquote tak hanya digunakan sebagai tempat untuk kata kata bijak, namun juga kata kata lainnya, salah satunya sebagai tempat catatan.

dengan begitu blockque sering kali digunakan oleh penulis untuk menyisipkan catatan penting mengenai artikel yang dibuatnya, dan tentu saja dengan menggunakan blockquote catatan akan terlihat lebih rapi dan bagus daripada hanya menggunakan text biasa.

jika anda berminat untuk memasang blockquote ini di blog anda, silahkan simak tutorial berikut ini


Cara Mudah Membuat Kotak Catatan Atau Blockquote Yang Keren Di Blogger


1.   pertama tama silahkan login akun blogger anda terlebih dahulu
2. setelah pada menu dasbord klick Tema > Edit HTML
3. letakkan script di bawah ini tepat di atas kode ]]></b:skin> atau </style>

.post blockquote {
background:#f9f9f9;
border-left:6px solid #ccc;
font-family: Georgia, serif;
margin:1.5em 10px;
padding:.5em 10px;
quotes:"\201C""\201D""\2018""\2019";
}
.post blockquote:before {
color:#ccc;
content:open-quote;
font-family: cambria, Georgia;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
.post blockquote p {
display:inline;
}
.post blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 10px;
}

4. lalu klick Simpan Tema 

Cara Menggunakan Kotak Catatan Atau Blockquote Di Blogger


untuk menggunakannya cukup mudah, jika anda sudah melakukan langkah langkah di atas

selanjutnya anda tinggal membuat artikel baru / new post. 
setelah itu silahkan block atau select tulisan yang anda inginkan kemudian klick Qoute pada editor di blogger.

Cara Menggunakan Kotak Catatan Atau Blockquote Di Blogger

klick pratinjau untuk melihat hasilnya

gimana ?
tampilanya lebih bagus dari pada hanya memakai text biasa bukan ?

Penutup

itulah tadi artikel Mengenai Cara Membuat Kotak Catatan Atau Blockquote Yang Keren DI Blog, semoga artikel ini bermanfaat bagi anda semua.

jika anda mempunyai pertanyaan, saran maupun kritik mengenai artikel ini silahkan kirim melalui kolom komentar di bawah atau dengan mengirimnya ke halaman contact.

Berlangganan update artikel terbaru via email:

0 Response to "Cara Membuat Kotak Catatan Atau Blockquote Yang Keren DI Blog"

Posting Komentar

Jika Ada Yang Ingin Anda Tanyakan Terkait Artikel Ini Silahkan Bertanya Melalui Kolom Komentar Dibawah, Atau Dengan Menghubungi Kami Pada Halaman Contact.

1. Centang kotak Notify Me / Beri Tahu Saya untuk mendapatkan notifikasi komentar.
2. Komentar kami moderasi, dan tidak semuanya dipublish.
3. Semua komentar dengan menambahkan link akan dihapus dan tidak akan dipublikasikan.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel