Cara menciptakan Quote Otomatis di Postingan Blog dan penjelasan

Membuat Quote Pada Postingan Blog - Apakah anda tahu quote itu apa? bila anda tidak mengetahui apa itu quote maka dibawah ini akan aku berikan polanya langsung dihadapan anda, semoga anda mampu eksklusif memahami tanpa harus saya terangkan secara rinci

Quote artinya adalah tanda kutip yang sebagian besar menegaskan bahwa tulisan itu sangat penting untuk dipahami. dan letaknya di dalam sebuah postingan blog persis disamping instruksi  Tx  atau tanda ".

Diatas ialah bentuk ilustrasi Quote. memang banyak sebagian blogger menjelaskan bagaimana Tutorial membuat quote kreasi sendiri. akan tetapi bagi saya masih kurang terperinci dan lengkap, mengapa demikian? ada beberapa hal yang mereka lupakan, sehingga Quote menjadi dobel. kemudian dampaknya? quote atau tanda kutip tidak bekerja maksimal. sebagai acuan ilustrasinya dibawah ini

Keterangan:
Quote yang bertanda conteng hijau itu artinya quote yang bekerja maksimal, mampu anda bedakan sendiri perbedaannya
Quote yang kedua atau yang saya conteng merah, itu akhir peletakan kode HTML yang salah atau dobel quote.

Disinilah pentingnya anda untuk berkunjung ke blog belajar dan menyebarkan, lantaran blog ini tidak serta merta membagikan tutorial yang sekedar copy paste tanpa ada uji coba terlebih dahulu. memang tidak ada yang salah, semua tutorial yang diberikan kepada anda semua benar. akan tetapi tidak ada salahnya kita saling mengoreksi sebagai sesama pengguna blogger.

Berikut dibawah ini tutorial yang "salah" sering aku temui dan selalu aku koreksi. jangan anda peraktekan dulu, lantaran ini belum tentu benar.

SALAH & BENAR
Sebagai teladan aku terbang ke google mencari kata kunci "Cara membuat Quote di Postingan Blog". banyak tutorial yang bertebaran disana. akan tetapi kesannya sama semua, bisa aku jamin 95% rata-rata postingannya sama semua, dan hanya beberapa blogger saja yang menjelaskan secara rinci termasuk blog berguru dan berbagi.

Contoh:
Login ke blogger anda, Edit HTML, lalu cari arahan ]]></b:skin> dan letakan arahan dibawah ini tepat diatas kode ]]></b:skin>.

.post blockquote
background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN9HrZIGaGBHwGUSskYoquw1TdjrsYNQQ6-MHk8AY026lqESDTqULPE2ERSswPpk0w2XodrX8bpfkAwtm2gl2dDAD4Q3oiS8vZxvywmB_VrjDd8O3WSfI2fqu_r3VTwoFe_TGlDv1LdH8/s320/comma-side-orange1.gif);
background-position;
background-repeat:repeat-y;
margin: 0 20px;
padding: 20px 20px 10px 45px;
font-size: 0.9em;
font: italic 1.2em helvetica, "Times New Roman", Times, serif;

.post blockquote p
margin: 0;
padding-top: 10px;

Memang benar Cara diatas, akan tetapi mereka tidak mengoreksinya. mengapa demikian? karena bawaan dari template blogger sendiri sudah menyediakan, yaitu posisinya di .post blockquote {  sampai dengan .post blockquote p {. sementara bila anda meletakan instruksi diatas arahan ]]></b:skin>, maka akhirnya akan dobel Quote seolah-olah gambar diatas yang aku berikan conteng merah.

Pertanyaan & jawaban
Wah benar juga nih mencar ilmu dan menyebarkan, saya secara tidak sengaja sempat mengedit html tersebut, lalu bagaimana Cara memperbaikinya?

Jawaban
Untuk anda yang sudah terlanjur mengikuti tutorial tersebut, maka silahkan anda hapus yang lama dengan mencari aba-aba ini .post blockquote { sampai kode .post blockquote p {, dan hapus saja. kira-kira yang hampir sama seakan-akan instruksi dibawah ini

.post blockquote
margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color: #000000;
background: #F0FFFF;
border: 1px solid #0000FF;
border-left: 20px solid #ff8c00

.post blockquote p
margin:0.5em 0;

Saya rasa klarifikasi diatas sudah cukup anda ketahui. kemudian bagaimana Tutorial membuat yang benar? apakah anda sudah siap? jika sudah siap, mari kita terbang ke paragraf selanjutnya

BENAR
Silahkan anda login ke dasbor anda, setelan, template, edit html, cari arahan .post blockquote {. jika anda sudah ketemu instruksi tersebut, maka hapus arahan itu sampai dengan arahan
.post blockquote p 
margin:0.5em 0; 

Jika sudah, maka ganti dengan arahan dibawah ini

.post blockquote
background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN9HrZIGaGBHwGUSskYoquw1TdjrsYNQQ6-MHk8AY026lqESDTqULPE2ERSswPpk0w2XodrX8bpfkAwtm2gl2dDAD4Q3oiS8vZxvywmB_VrjDd8O3WSfI2fqu_r3VTwoFe_TGlDv1LdH8/s320/comma-side-orange1.gif);
background-position;
background-repeat:repeat-y;
margin: 0 20px;
padding: 20px 20px 10px 45px;
font-size: 0.9em;
font: italic 1.2em helvetica, "Times New Roman", Times, serif;

.post blockquote p
margin: 0;
padding-top: 10px;

Silahkan save template anda.
Mungkin masih banyak Tutorial-cara lain wacana membuat Quote otomatis pada postingan blog, akan tetapi tergantung dari anda ingin menentukan dan menggunakan yang mana.

Jika tidak berfungsi, saya berikan kesempatan untuk anda berdiskusi di kotak komentar dibawah ini.