Memdifikasi Blockquote Dengan Judul

Hai sobat posting pagi ini adalah tentang Memodifikasi Blockquote Dengan Judul bagaimana baru lihat judulnya sudah penasaran nih cara ini hanya menambahkan sedikit css langsung bisa ada judulnya langkahnya ikuti
1. login ke blogger
2. rancangan => edit html
3. cari kode ]]></b:skin> letakkan kode berikut diatas kode tadi

.post blockquote {
margin-left: 15px;
padding: 5px 5px 5px 10px;
background: #565654;
border: #ada171 solid 1px;
font: normal 12px/14px Monaco, Monospace;
border-left: #ada171 solid 5px;
position: relative
}
.post blockquote[rel] {
padding-top: 25px;
}
.post blockquote[rel]::before {
content: attr(rel);
font: bold 12px/22px Arial, Sans-Serif;
color: white;
background-color: #b4a97e;
padding: 0 10px;
position: absolute;
top: 0;
right: 0;
left: 0;
text-transform: uppercase
}
 ket : berwarna merah adl background sobat
4. Kemudian simpan template

Perhatian biasanya anda memposting dengan blockquote sebagai berikut
<blockquote>
tulis postingan sobat
</blockquote>
anda perlu menambahkan kode agar menjadi seperti berikut
</blockquote rel="contoh>
tulis postingan sobat
</blockquote>
Nah untuk tulisan contoh bisa anda ganti dengan judul blockquote sobat silahkan mencoba

Post a Comment

W a r n i n g !
Komentar anda tidak boleh mengandung unsur:
- Penghinaan atau Pelecehan.
- Spamming (Spam Comment).
- Link Aktif atau Anchor Text, dan sejenisnya.

Komentar akan muncul setelah di setujui.
Tulislah setiap kata dengan penuh kesopanan.

Terima kasih untuk kunjungannya.