Cara Merubah Tampilan Quote Diblog

Nah pada sore kali ini saya akan berbagi tutorial cara merubah tampilan blockquote atau cara memodifikasi tampilan blockquote. Blockquetoe ini menurut saya harus mempunyai tampilan yang menarik, keren dan rapi. Kenapa? karena jika tampilan blockquote yang sedang kita pakai tampilan nya acak-acakan maka tulisan atau artikel diblog kita akan terlihat kurang rapi.

Contoh blockquote adalah seperti berikut :

Q tutup mata tuk lari dari knyta'an
Setiap saat halusinasi me nguasai ta2pan
Ktika sejuta janji yang mengutari jiwaku
Aku hanya bisa diam dan membisu
Mengapa dunia begitu indah bagi kalian, tpi bgitu gelap bagi pandangan mata q.
Q hnya manusia yang penuh dosa..
Tpi anggaplah aku:
sebagai manusia!!!

Cara Merubah Tampilan Blockquetoe Di Blogger

• Silahkan login ke blogger.
• Selanjutnya, pada dasboard blog Anda silahkan pilih Template.

• Pilih Edit Html dan jangan lupa ceklist Expand Template Widget.
• Cari kode di bawah ini .post blockquote { bla.. bla.. bla.. } atau .blockquote {bla.. bla.. bla..}
• Jika sudah hapus dan ganti dengan kode CSS dibawah ini :

.post blockquote{padding-left:10px;padding-right:10px;font-style:bold;color:#444;background-color:#fff;background-image:url(http://lh4.ggpht.com/_mWNaJ9OwpbA/TIFzdVqFZBI/AAAAAAAAAsk/B6SBf_hzJTU/source.jpg);background-repeat:repeat-y;background-attachment:scroll;background-position:margin:10px 0 15px 20px;border-left:15px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;-moz-border-radius-bottomright:10px;}

• Simpan dan lihat hasilnya.

Sekian tutorial Cara Merubah Tampilan Quote Diblog, semoga bermanfaat :) Tipstrik-ku

Ditulis oleh Unknown, 5 Maret 2012 - Rating: 5

Terima kasih sudah membaca artikel Cara Merubah Tampilan Quote Diblog. Anda bisa bookmark halaman ini dengan URL http://tipstrik-ku.blogspot.com/2012/03/cara-merubah-tampilan-quote-diblog.html. Jangan lupa share ke teman-teman ya.

Bagikan ke

Facebook Google+ Twitter