✔ Cara Menciptakan Quote Klasik Di Posting Blog

Cara menciptakan Quote Klasik di Posting Blog. Hi Sobat, pada kesempatan kali ini cariduit-dot akan menyebarkan cara menciptakan blockquote/blok kutipan klasik di postingan blog. Blok Kutipan ini merupakan salah satu elemen yang penting pada postingan blog, alasannya 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 bab selesai diberi tanda kutip tutup (close-quote).
 

Fungsi dari blockquote itu sendiri salah satunya adalah untuk mempercantik tampilan postingan artikel, menarik perhatian pengunjung, sehingga pengunjung blog tidak merasa bosan melihatnya. Lalu sebagai bentuk pemfokusan pada bab 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 ihwal cara menciptakan quote blog ini. Karena bagi blogger pemula tentunya niscaya galau bagaimana cara membuatnya. Namun tidak ada salahnya cara ini kembali saya posting, sesudah saya mencobanya dan berhasil.
 

Sebetulnya berbagai jenis-jenis tampilan blok quote yang lebih menarik, namun kali ini saya hanya menyebarkan blokquote yang dari segi tampilan lebih mudah dan lebih klasik, alasannya 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 hidangan template, kemudian klik edit HTML
3.    Selanjutnya cari blockquote dengan CTRL + F, sesudah ketemu inilah tampilan kodenya:

4. Setelah itu copy instruksi blockquote dibawah ini, dan pastekan di blockquote bawaan template sebelumnya. Lihat instruksi 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""\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;
}

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 menyerupai 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