Cara Menciptakan Quote Klasik Di Posting Blog

Cara menciptakan Quote Klasik di Posting Blog. Hi Sobat, pada kesempatan kali ini cariduit-dot akan membuatkan cara menciptakan blockquote/blok kutipan klasik di postingan blog. Blok Kutipan ini merupakan salah satu elemen yang penting pada postingan blog, sebab postingan blog tersebut akan terlihat lebih friendly, lebih elegan, dan tentunya akan lebih menarik perhatian para pengunjung blog/web. Blok kutipan ini biasanya terletak diawal kutipan, yang diberi tanda kutip buka (open quote) dan pada potongan simpulan diberi tanda kutip tutup (close-quote).
 

Fungsi dari blockquote itu sendiri salah satunya yakni untuk mempercantik tampilan postingan artikel, menarik perhatian pengunjung, sehingga pengunjung blog tidak merasa bosan melihatnya. Lalu sebagai bentuk aksentuasi pada potongan kalimat-kalimat tertentu yang dirasa sangat penting
 

Sebelumnya saya bertanya di lembaga Blogger Indonesia bagaimana cara membuatnya, dan al hamdulillah teman di grup ada yang memperlihatkan postingan yang sangat bagus sekali perihal cara menciptakan quote blog ini. Karena bagi blogger pemula tentunya niscaya galau bagaimana cara membuatnya. Namun tidak ada salahnya cara ini kembali saya posting, sehabis saya mencobanya dan berhasil.
 

Sebetulnya aneka macam jenis-jenis tampilan blok quote yang lebih menarik, namun kali ini saya hanya membuatkan blokquote yang dari segi tampilan lebih praktis dan lebih klasik, sebab tampilan ini sudah umum digunakan termasuk dari template Evo Magz karya Mas Sugeng ini.
 

Ok sobat, lebih jelasnya bagimana cara menciptakan blockquote klasik di posting blog, langkah-langkanya sebagai berikut:

1.    Login ke akun blogger.com dengan akun google sobat
2.    Setelah masuk dashboard, klik sajian template, kemudian klik edit HTML
3.    Selanjutnya cari blockquote dengan CTRL + F, sehabis ketemu inilah tampilan kodenya:

4. Setelah itu copy isyarat blockquote dibawah ini, dan pastekan di blockquote bawaan template sebelumnya. Lihat isyarat diatas yang dilingkari. Lalu simpan template.

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2020";
}
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;
}

Gambar:

5. Langkah selanjutnya, untuk menerapkan blockquote pada postingan, Silahkan sobat menciptakan postingan/artikel, caranya blok postingan yang penting dan klik tanda Quote diatas, ini contohnya:

   
6. Setelah selesai menciptakan postingan, dan menciptakan blockquotenya, maka ibarat biasa sobat klik publikasikan, kemudian lihat hasilnya. Maka kalimat-kalimat yang penting sudah diberi quote. 



 
Demikianlah langkah-langkah cara menciptakan quote klasik di posting blog, terima kasih atas kunjungannya, selamat mencoba biar berhasil dan bermanfaat.

Bagikan Artikel ini