TutorialBlog: Insert Post Blockquote

Assalamualaikum dan salam sejahtera,

Fungsi:

-Menangkap tumpuan pembaca terhadap mesej entri yang ingin disampaikan.

Rentetan sejarah 'blockquote' boleh dikaji di sini. haha..

Berikut coding blockquote 2012 blog saya:

Jadi, jom tukar!

Simple Template

(New Coding)

1. Ctrl+F cari :

post blockquote

2. Cari kod di bawah, tambah mana yang patut.

/* Posts
----------------------------------------------- */
.post blockquote {
background:url( URL GAMBAR BACKGROUND SEBELUM);
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
color: #020202;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: 2px dashed;
color: #517B58;
}
.post blockquote:hover {
background:url(URL GAMBAR BACKGROUND SELEPAS);
color: #82FA58;
-webkit-transition: 1s;
border: 2px dashed;
color: #020202;
}

Note: post blockquote hover untuk imej selepas disentuh.

3. Cari background comel?

MyCuteGraphics

http://i1193.photobucket.com/albums/aa360/njiheam/blockqoutenew1_zps2bc95548.jpg

4. Ada dua kod warna perlu diubah,

.post______{
.............
color:# (1);
..............
color:# (2);
}

  1- kod warna border line

  2- kod warna font 

Kalau nak kekal sama sebelum selepas, paste url yang SAMA, atau delete je code 'hover' tu.

5. _px adalah ketebalan : lagi banyak nombor lagi tebal, boleh ubah dashed/solid/dotted.

6. SAVE dan PREVIEW entri yang ada blockquote.

Selamat mencuba (^-^)

Terima kasih baca, sudi-sudilah komen :) .