Membuat Judul Pada Tag Pre

How to creat Tag Pre Title - Sobat pasti tertarik kan untuk mempunyai tag pre karena pernah melihat di blog lain.

caranya menurut saya sih sangat mudah menurut saya. oke langsung saja yuk sob ikuti langkah langkah di bawah ini jika ingin menambahkan tag pre

1.  simpan kode ini di atas ]]></b:skin> atau </style>

pre[data-codetype]:before {
content:attr(data-codetype);
display:block;
margin:-11px -13px 10px -54px;
padding:8px 12px;
font-family:Arial,Sans-serif;
font-size:14px;
text-transform:uppercase;
background-color:#41749f;
color:white
}
pre[data-codetype="CSS"]:before{background-color:#5fbbba}
pre[data-codetype="HTML"]:before{background-color:#4fc1eb}
pre[data-codetype="JavaScript"]:before{background-color:#ff6c60}
pre[data-codetype="JQuery"]:before{background-color:#99c262}

bagi sobat yang menggunakan tag blackquote dan ingin menggunakan cara ini, agan cukup mengganti CSS menjadi blackquote. ikuti langkah dibawah ini aja

Anda tinggal  tambahkan data-codetype="JenisKode" yang sudah disediakan dibawah ini

<pre data-codetype="CSS"><code>...........</code></pre> /* Untuk CSS */
<pre data-codetype="HTML"><code>...........</code></pre> /* Untuk HTML */
<pre data-codetype="JavaScript"><code>...........</code></pre> /* Untuk JavaScript */
<pre data-codetype="JQuery"><code>...........</code></pre> /* Untuk kode JQuery */
dst...

 Sekian dari saya, semoga postingan ini bisa bermanfaat bagi anda semua, dan Terimakasih karena sudah berkunjung

Tweet

Posted by Unknown