Pengujian Blockquote Pada Blog

Pengujian blockquote penomoran baik

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus massa dolor, facilisis at ante a, ornare lobortis est. Proin a accumsan tortor, non lacinia lorem. Etiam suscipit nisl id eros porta, et mollis orci consequat. Curabitur vitae eleifend nulla, in semper neque. Nulla tincidunt sollicitudin nibh, quis pharetra nisl vestibulum id. In hac habitasse platea dictumst. Sed fermentum purus id molestie convallis. Aliquam quam turpis, ultrices vel dapibus a, convallis sit amet nunc. Donec eleifend augue sed quam tincidunt, in posuere nisi dignissim. Phasellus bibendum odio dui, sit amet venenatis augue aliquam et. Morbi non condimentum velit. In non sem convallis, porta dolor vitae, volutpat justo. Vestibulum rutrum pellentesque augue, quis aliquet velit tincidunt ut.

Contoh Sebuah Paragraf pada blockquote
Belajar itu memang perlu meluaskan ilmu, mencari referensi kesana dan kemari mencari artikel yang sebenarnya saya inginkan namun tidak tahu apa untuk opsi mencari yang terkait itu tapi berkat sering membaca dan mencari referensi ada sebuah web yang memberikan tutorial dan artikelnya sangat bermanfaat bagi saya dan saya akan mencoba untuk membagikan tutorial ini kepada kalian juga karena mungkin ini artikel yang jarang sekali diketahui oleh beberapa blogger dan biasanya artikel ini hanya menjadi pencarian buat para programmer tapi itu tidak menutup kemungkinan akan saya buat semua artikel menjadi hal yang baik dikonsumsi untuk semua kalangan blogger dan pembaca.
Oh iya sampai lupa ketujuan artikel ini, hehe. Artikel ini akan bermuat tutorial membuat sebuah tag pre berwarna syntax highighter. Tapi sebelumnya ada yang bertanya apa itu teg pre? Awalnya saya juga merasa bingung karen saya bukan seorang lulusan programer jadi mencoba kepo dan mencari di google tentang apa itu tag pre. Jadi apa itu Tag Pre?

Tag Pre adalah sebuah element yang digunakan untuk mempresentasikan sebuah blok teks preformat yang ditulis dengan memiliki struktur berdasarkan ketetapan tifografi artinya adalah teks ditulis apa adanya sesuai format yang ditulis didalam file html. Dan tag pre ini sering digunakan untuk elemen bagi sebuah kode yang mana didalamnya terdapat code.

Lagi mencoba

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus massa dolor, facilisis at ante a, ornare lobortis est. Proin a accumsan tortor, non lacinia lorem. Etiam suscipit nisl id eros porta, et mollis orci consequat. Curabitur vitae eleifend nulla, in semper neque. Nulla tincidunt sollicitudin nibh, quis pharetra nisl vestibulum id. In hac habitasse platea dictumst. Sed fermentum purus id molestie convallis. Aliquam quam turpis, ultrices vel dapibus a, convallis sit amet nunc. Donec eleifend augue sed quam tincidunt, in posuere nisi dignissim. Phasellus bibendum odio dui, sit amet venenatis augue aliquam et. Morbi non condimentum velit. In non sem convallis, porta dolor vitae, volutpat justo. Vestibulum rutrum pellentesque augue, quis aliquet velit tincidunt ut.

Lagi dengan script kode

pre {

background-color:#eee;

overflow:auto;

margin:0 0 1em;

padding:.5em 1em;

}



pre code,

pre .line-number {

font:normal normal 12px/14px "Courier New",Courier,Monospace;

color:black;

display:block;

}



pre .line-number {

float:left;

margin:0 1em 0 -1em;

border-right:1px solid;

text-align:right;

}



pre .line-number span {

display:block;

padding:0 .5em 0 1em;

}



pre .cl {

display:block;

clear:both;

}

pre code {

    display: block; 
    padding: 10px; 
    background:#141510;
    color: #DCCF8F;
    font-size:85%;
    margin-top: 5px;
    overflow-wrap: break-word; 
    overflow: auto; 
    overflow-x:hidden;
    border-left: 5px solid #9A3135;
}
 
pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .lisp .string,
pre .javadoc {
  color: #586e75;
  font-style: italic;
}
pre .keyword,
pre .css .rule .keyword,
pre .winutils,
pre .javascript .title,
pre .method,
pre .addition,
pre .css .tag,
pre .clojure .title,
pre .nginx .title {
  color: #B64926;
}
pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
  color: #468966;
}
pre .title,
pre .localvars,
pre .function .title,
pre .chunk,
pre .decorator,
pre .built_in,
pre .lisp .title,
pre .clojure .built_in,
pre .identifier,
pre .id {
  color: #FFB03B;
}
pre .attribute,
pre .variable,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .type {
  color: #b58900;
}
pre .css .attribute {
  color: #b89859;
}
pre .css .number,pre .css .hexcolor{
  color: #DCCF8F;
}
pre .css .class {
  color: #d3a60c;
}
pre .preprocessor,
pre .pi,
pre .shebang,
pre .symbol,
pre .symbol .string,
pre .diff .change,
pre .special,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata {
  color: #cb4b16;
}
pre .deletion {
  color: #dc322f;
}
pre .tex .formula {
  background: #073642;
} 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus massa dolor, facilisis at ante a, ornare lobortis est. Proin a accumsan tortor, non lacinia lorem. Etiam suscipit nisl id eros porta, et mollis orci consequat. Curabitur vitae eleifend nulla, in semper neque. Nulla tincidunt sollicitudin nibh, quis pharetra nisl vestibulum id.In hac habitasse platea dictumst. Sed fermentum purus id molestie convallis. Aliquam quam turpis, ultrices vel dapibus a, convallis sit amet nunc. Donec eleifend augue sed quam tincidunt, in posuere nisi dignissim. Phasellus bibendum odio dui, sit amet venenatis augue aliquam et. Morbi non condimentum velit. In non sem convallis, porta dolor vitae, volutpat justo. Vestibulum rutrum pellentesque augue, quis aliquet velit tincidunt ut.

Terima kasih anda telah membaca artikel Pengujian Blockquote Pada Blog. Jika anda kurang paham silahkan berkomentar dibawah & Ada baiknya jika artikel ini bermanfaat Share ke saudara atau teman anda.

Related Posts: