Home » » Cara Modifikasi Blockquote Di Blog

Cara Modifikasi Blockquote Di Blog

Blockquote tag HTML yang digunakan untuk menerapkan quote atau sebuah kutipan pada artekl. tujuannya untuk memblog tulisan atau teks yang di anggap penting.

Selebihnya blockquote ini memudahkan pengunjung mengetahui atau memahami bagian yang terpenting didalam artikel terkait, Nah dibawah ini akan saya berikan sebuah gambaran atau sebuah contoh agar anda bisa lebih mengerti apa yang di maksud dengan Blockquote.

Tip yang pertama yang anda harus lakukan adalah mencari kode .post blockquote atau blockquote

Untuk mencarinya anda harus masuk ke Tata Letak setelah itu anda masuk ke Edit HTML, Jangan lupa untuk mencentang Expand Template Widget. Lalu tekan Ctrl. F biar lebih cepat untuk pencariannya. Setelah anda menemukan kode tersebut anda harus merubahnya dengan kode dibawah ini. Pilih menurut selera anda mana yang bagus dan mana yang menurut sobat cantik.

TAMPILAN 1

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

Hasilnya Seperti Ini:

sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba



TAMPILAN 2

blockquote { background-color: #666; color: #fff; font-weight: bold; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

Hasilnya Seperti Ini:

sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba


TAMPILAN 3

blockquote {-moz-border-radius-bottomright: 30px; -moz-border-radius-topright: 30px; background-color: #f5f6ce; border: 5px solid rgb(185, 227, 95); padding: 10px;}

Hasilnya Seperti Ini:

sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba



TAMPILAN 4

blockquote {-moz-border-radius-bottomright: 30px; -moz-border-radius-topleft: 30px; background-color: #f5f6ce; border: 5px solid rgb(56, 97, 11); padding: 10px;}

Hasilnya Seperti Ini:

sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba



Silahkan dicoba mulai dari sekarang. Semoga sukses dan berhasil untuk mencobanya.
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Lora Malunk Blog
tutorial blog up to date
Loading...

+ komentar + 2 komentar

24 Mei 2011 22.59

modifikasi CSS ya . .

saya juga pernah praktek :)

Terimakasih Ladida Cafe atas Komentarnya di Cara Modifikasi Blockquote Di Blog
1 Agustus 2011 15.05

wah bagus banet buat modifikasi blockquote, sy k TKP

Terimakasih Asmara Susanto atas Komentarnya di Cara Modifikasi Blockquote Di Blog

Posting Komentar

Kebijakan berkomentar akan dihapus, jika tidak sesuai dengan aturan dibawah ini, Demi kenyamanan kita bersama :

» Menggunakan bahasa yang tidak sopan (Sara, Pornografi, Menyinggung)
» Duplikat komentar
» Komentar menautkan link secara langsung
» Komentar tidak berkaitan dengan artikel
» Judul Komentar Berupa Promosi

Terima Kasih .... Lora Malunk Blog

 

Configurasi

Alexa :
Stats :
Page Rank : Free PageRank Checker
DMCA :
Amung :
Bloggers : Bloggers - Meet Millions of Bloggers
Extreme :
eXTReMe Tracker
Support : Lora Malunk Blog | Songong Template | Tutorial Blog
Copyright © 2011. Lora Malunk Blog - All Rights Reserved
Template Modify by Lora Malunk Blog
Proudly powered by Blogger