Cara membuat kotak khusus(Blockqoute) di postingan Blog


MEUTRAP - Kali ini saya akan berbagi sedikit ilmu tentang bagaimana membuat Blockqoute dalam postingan blog. Blockquote adalah kutipan dari artikel yang dianggap penting atau memiliki arti khusus. Namun pada prakteknya, ada juga yang menggunakan blockquote untuk menuliskan tag HTML, kode CSS atau script pada artikel-artikel tips blogging. Membuat blockquote yang bagus dan keren tentu saja sangat penting artinya untuk mempercantik tampilan dari kutipan artikel yang kita buat . Biasanya dalam tiap template bawaan blogger sudah disertakan kode blockquote ini, namun jika tidak tersedia anda pun dapat membuat atau menambahkan blockquote secara manual.

Langkah pembuatannya sebagai berikut :
  • Buka blog, tambahkan entri baru
  • Untuk menampilkan Blockquote di dalam postingan masukan kode berikut ini melalui HTML, atau tepatnya di samping tombol Compose.
    <blockquote style="background-color: #8ac608; border-left: 5px solid #fce27c; margin: 0; margin: 1em 3em; padding: .5em 1em;">
    Masukkan Code atau Text disini </blockquote>
  • Setelah kode di atas di tempatkan di bagian HTML, maka tampilannya sebagai berikut ini :
  • Masukkan Code atau Text disini
  • Perlu diketahui kode yang berwarna merah di atas adalah kode warna background, kode ini bisa diganti sesuai keinginan sobat.
  • Selamat Mencoba, 
  • Semoga berhasil.

10 Responses to "Cara membuat kotak khusus(Blockqoute) di postingan Blog"

  1. ternyata mudah sekali ya mas untuk membuat block quote. Sangat bermanfaat sekali quote tersebut untuk memberikan sebuah penekanan atas sebuah artikel. thanks informasinya :)

    ReplyDelete
    Replies
    1. iya mbak, jika tidak membuat blockqoute pasti artikelnya berserakan dan tidak rapi.
      Terima kasih juga atas kunjungannya.

      Delete
  2. wah saya belum pernah nyoba pake blockquote, makasih sob buat tutorialnya kapan-kapan mau saya coba :)

    ReplyDelete
  3. Mas rahasia hidup sehat : monggo dicoba mas, kalau menggunakan yang satu ini membuat tulisan tertata rapi dan tidak berserakan.
    oke mas sama-sama,
    terima kasih kunjungannya.

    ReplyDelete
  4. Jadi begitu ya caranya. Mau saya praktekkan ah. Makasih sob atas sharingnya.

    ReplyDelete
    Replies
    1. Iya maswebsitemini, sama2 mas, semoga saja berhasil di tempat mas,
      selamat mencoba, semoga berhasil.
      jangan lupa follow blog kami ya!

      Delete
  5. Kelihatannya mudah sekali ya gan, kebetulan saya belum pernah menggunakannya. Terimakasih sudah share, trik ini bermanfaat . salam kenal

    ReplyDelete
    Replies
    1. iya mas sama-sama, gampang sekali caranya,
      langsung saja dipraktekkan supaya hasilnya -
      lebih rapi,
      terima kasih juga atas kunjungannya mas.

      Delete
  6. Makasih Banyak gan... langsung praktek...

    ReplyDelete
  7. wah makasih nih gan, kunjungan baliknya ya : http://www.caridatu.com/

    ReplyDelete

1. Budayakan berkomentar dengan bahasa indonesia yang benar
2. Jangan mencoba berkomentar dengan komentar yang tidak berguna
3. Jangan meletakkan link yang aktif di komentar
4. Berkomentarlah seperlunya