Romeltea Media
  • HOME
  • Categories
    • Komunikasi
    • Media
    • Jurnalistik
    • Humas
  • Writing
  • Speaking
  • Blogging
    • Templates
    • Tips SEO
    • AdSense
    • Posting
  • About
  • Kontak
  • Sitemap
  • Disclaimer
  • Iklan
  • Links
    • Romeltea Online
    • Komunikasi Praktis
    • Risalah Islam
    • BolaGP Sport
    • Bandung Aktual
Romeltea Media Blogging Desain Blog Cara Menambah Blok Kutipan (Blockquote) di Posting Blog

Cara Menambah Blok Kutipan (Blockquote) di Posting Blog

Romeltea Follow @romel_tea
Romeltea
Cara Membuat, Memodifikasi, Mengubah, atau Memasang "Blok Kutipan" (Blockquote) di Posting Blog.

Cara Menambah Blok Kutipan (Blockquote) di Posting Blog
BLOCKQUOTE adalah salah satu aspek atau elemen penting dalam posting blog ataupun situs web. "Blok Kutipan" ini bagian dari highlight tulisan (teks) agar tulisan di media online lebih "user friendly" --bikin nyaman pembaca.

Fungsi blockquote yaitu memberi tekanan pada bagian/kalimat tertentu dalam naskah online dan/atau "kutipan beneran" --menampilkan kutipan langsung-- sebagaimana halnya Soundbite di radio atau Video Clips di televisi.

Ringkasnya, "blok kutipan" di postingan blog atau sajian naskah online berfungsi:
  1. Mempercantik tampilan naskah.
  2. Menarik perhatian (eye catching).
  3. Menunjukkan bagian penting.
  4. Meningkatkan "scannability" sebagaimana disarankan pakar web usability Jakob Nielsen.
Contoh penggunaan blockquote ada di posting Di Balik Kemenangan Persib Bandung. Ada dua kotak kutipan di sana. Cekidot saja ya :)

Alinea berikut ini juga contoh "blockquote" di posting blog:
Desain Web atau Template SEO Friendly biasanya sudah membuat kode khusus buat kotak kutipan. Kota tinggal "Select All" kalimat atau alinea yang akan di-blockquote lalu klik tombol "Quote".

Cara Menambah Blok Kutipan (Blockquote) di Posting Blog

Di template blog yang saya gunakan ini juga sadah ada, namun saya modif biar "lebih berasa" dengan kode yang saya comot dari CSS Trick berikut ini.

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

Jika Anda akan menggunakannya juga di blog blogspot, tinggal:
1. Klik "Template" > "Edit HTML"
2. Cari (Ctrl+F) kode "blockquote".
3. REPLACE dengan kode di atas.
4. Save Template!

Contoh-contoh blockquote lainnya bisa disimak antara lain di Smashing Magazine.

JENIS BLOCKQUOTE GAMBAR
Jenis kotak kutipan lain yang lebih menarik adalah "image blockquote". Salah satu fungsinya, jika gambarnya menarik, akan di-share oleh pengunjung ke akun Pinterest mereka. Wasalam. (www.romelteamedia.com).*

Thanks for reading Cara Menambah Blok Kutipan (Blockquote) di Posting Blog | Tags: Blogging Desain Blog

Next Article
« Prev Post
Previous Article
Next Post »

Related Posts

Your Comments

0 komentar on Cara Menambah Blok Kutipan (Blockquote) di Posting Blog

Post a Comment

You comment, I'll visit back your blog. If you have one. Komentar SPAM dan LINK AKTIF tidak akan muncul.

Subscribe to: Post Comments (Atom)

Recent Posts

Popular Posts

  • Dasar-Dasar Jurnalistik untuk Pemula
  • Cara Menulis Berita - Panduan untuk Pemula
  • Media Online: Pengertian dan Karakteristik
  • Daftar Kata Baku-Tidak Baku Bahasa Indonesia
  • Media Sosial: Pengertian, Karakteristik, dan Jenis
  • Cara Menulis Berita yang Baik: 5W1H plus Piramida Terbalik
  • Cara Download Buku Google (Google Books)
  • Contoh Kalimat Logis dan Tidak Logis
  • Daftar Istilah & Singkatan Chat WhatsApp dan Media Sosial - Kamus Bahasa Slang, Gaul
  • Daftar DNS IndiHome Tercepat - Koneksi Internet Cepat dan Stabil

Categories

Bahasa Bisnis Online Blogging Blogpreneur Google Adsense Humas Internet Jurnalistik Komunikasi Media Pers Presentasi Public Speaking Radio Teknik MC Template Blog Tips SEO

Join us on Facebook

Romeltea Media

Info Bola & MotoGP

About

Romeltea Media adalah blog pribadi ASM Romli untuk share tips & trik komunikasi praktis, jurnalistik, menulis, public speaking, radio broadcasting, blogging, dll.

Web Partners

  • Romeltea Online
  • Komunikasi Praktis
  • BolaGP Sport
  • Bandung Aktual
  • Risalah Islam

Newsletter

Berlangganan artikel terbaru dari blog ini langsung via email.

Copyright © Romeltea Media. All rights reserved