Home Blog Blockquote Style pada Wordpress

Blockquote Style pada Wordpress

by Ivan Jaya

Apa itu blockquote? :berfikir:

Blockquote merupakan suatu kutipan tulisan penting yang diberi tanda khusus dari tulisan yang lainnya.

Salah satu tampilannya seperti tampilan di atas. Blockquote ini banyak dijumpai di majalah dan juga di beberapa blog dan website. Gunanya untuk memberikan informasi yang penting dari suatu tulisan kepada para pembaca yang ditulis dengan kalimat yang ringkas. Saya juga menyebutnya dengan istilah ” Special Words “.

Di blog yang menggunakan engine wordpress, blockquote memiliki bentuk standar. Tetapi blockquote juga bisa dimodifikasi menjadi bentuk yang lebih menarik.

Bagaimana cara membuatnya supaya lebih menarik? :ngupil:

Supaya lebih menarik, kamu tinggal mengubah beberapa baris script CSS ( Cascading Style Sheet ).  Berikut caranya:

  1. Login in ke wordpress kamu.
  2. Pada menu Appearance yang ada di sebelah kiri, click Editor.
  3. Klik tulisan Stylesheet (style.css) pada menu Styles.
  4. Cari tulisan ini:blockquotes { script CSS yang akan dimodifikasi }
  5. Modifikasi script CSS sesuai dengan bentuk blockquote yang kamu suka.

Beberapa bentuk blockquote yang bisa kamu coba:

Script CSS nya:

blockquote {
    margin: 1em 3em;
    color: #999;
    border-left: 2px solid #999;
    padding-left: 1em; }

Script CSS nya:

blockquote {
    margin: 1em 3em;
    padding: .5em;
    background-color: #f6ebc1; }
blockquote p {
    margin: 0; }

Script CSS nya:

blockquote {
    margin: 1em 3em;
    padding: .5em 1em;
    border-left: 5px solid #fce27c;
    background-color: #f6ebc1; }
blockquote p {
    margin: 0; }

Silahkan explore script CSS untuk modifikasi blockquote dengan gaya yang kamu suka.

Special thanks to: bang Ipoet dan mas Fikri

Source: CSSnewbie

You may also like

0 comment

abun October 6, 2009 - 12:22 am

:mikir: klo buat blogspot ada bro?? :maaf:

Reply
vanhook October 6, 2009 - 8:27 am

Ada bro.. tunggu aja tutorialnya, soalnya sedikit ribet. Okay :ok:

Reply
Blockquote Style pada Blogger | Van'S Zone October 6, 2009 - 5:03 pm

[…] Blockquote Style pada Wordpress […]

Reply

Leave a Reply to vanhook Cancel Reply