Cara Menciptakan Quote Otomatis Di Postingan Blog Dan Penjelasan

Membuat Quote Pada Postingan Blog - Apakah anda tahu quote itu apa? kalau anda tidak mengetahui apa itu quote maka dibawah ini akan aku berikan misalnya pribadi dihadapan anda, semoga anda sanggup pribadi memahami tanpa harus aku jelaskan secara rinci

Quote artinya ialah tanda kutip yang sebagian besar menegaskan bahwa goresan pena itu sangat penting untuk dipahami. dan letaknya di dalam sebuah postingan blog persis disamping isyarat  Tx  atau tanda ".

Diatas ialah bentuk citra Quote. memang banyak sebagian blogger menjelaskan bagaimana cara menciptakan quote kreasi sendiri. akan tetapi bagi aku masih kurang terang dan lengkap, mengapa demikian? ada beberapa hal yang mereka lupakan, sehingga Quote menjadi dobel. kemudian dampaknya? quote atau tanda kutip tidak bekerja maksimal. sebagai rujukan gambarannya dibawah ini

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

Disinilah pentingnya anda untuk berkunjung ke blog mencar ilmu dan berbagi, alasannya 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, alasannya ini belum tentu benar.

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

Contoh:
Login ke blogger anda, Edit HTML, kemudian cari kode ]]></b:skin> dan letakan isyarat dibawah ini sempurna diatas kode ]]></b:skin>.

.post blockquote {
background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0BeaISdIcJ78re5bCJDGPDRyAr_5vBXgGapYlSmp_01JgDsfKl-TecArtkhKvmIWyBmlOrMTosmNOoHaKCJmnu1B_E4OwMi1WhyphenhyphenzrU5zSL5UaZc2U3YpHosXCAh1oqkvHscplvTgPvks/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? alasannya bawaan dari template blogger sendiri sudah menyediakan, yaitu posisinya di .post blockquote {  sampai dengan .post blockquote p {. sementara kalau anda meletakan isyarat diatas kode ]]></b:skin>, maka kesannya akan dobel Quote menyerupai gambar diatas yang aku berikan conteng merah.

Pertanyaan & Jawaban
Wah benar juga nih mencar ilmu dan berbagi, aku secara tidak sengaja sempat mengedit html tersebut, kemudian bagaimana cara memperbaikinya?

Jawaban
Untuk anda yang sudah terlanjur mengikuti tutorial tersebut, maka silahkan anda hapus yang usang dengan mencari isyarat ini .post blockquote { sampai kode .post blockquote p {, dan hapus saja. kira-kira yang hampir sama menyerupai isyarat 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 cara menciptakan yang benar? apakah anda sudah siap? kalau sudah siap, mari kita terbang ke paragraf selanjutnya

BENAR
Silahkan anda login ke dasbor anda, setelan, template, edit html, cari isyarat .post blockquote {. kalau anda sudah ketemu isyarat tersebut, maka hapus isyarat itu hingga dengan kode
.post blockquote p 
{ margin:0.5em 0; 
}
Jika sudah, maka ganti dengan isyarat dibawah ini

.post blockquote {
background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0BeaISdIcJ78re5bCJDGPDRyAr_5vBXgGapYlSmp_01JgDsfKl-TecArtkhKvmIWyBmlOrMTosmNOoHaKCJmnu1B_E4OwMi1WhyphenhyphenzrU5zSL5UaZc2U3YpHosXCAh1oqkvHscplvTgPvks/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 cara-cara lain ihwal menciptakan Quote otomatis pada postingan blog, akan tetapi tergantung dari anda ingin menentukan dan menggunakan yang mana.

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

Tweet

Subscribe to receive free email updates: