My Blog List

Monday, May 25, 2009

Blockquote-ku Yang Cantik


blockquoteBlockquote merupakan salah satu bagian yang terdapat dalam template blog. Blockqute atau sering saya sebut dengan tanda petik merupakan suatu bagian yang berguna untuk menandai sesuatu hal yang penting. Ada sebagian orang yang menggunakannya untuk memposting kode-kode html. Blockquote biasanya menjorok kedalam sehingga terlihat jelas perbedaan antara area blockquote dengan yang lainnya. Semua itu tujuannya untuk membantu para pembaca bahwa dalam artikel kita terdapat sesuatu yang penting. Nah...untuk lebih membantu membedakan blockquote dengan bagian posting lainnya, kita dapat membuatnya jauh lebih cantik sesuai dengan yang kita inginkan.
Kita bisa menambahkan garis pada area blockquote kita, seperti ini:
blockquote

Untuk membuat blockquote tersebut, tambahkan kode dibawah ini kedalam template kita.
blockquote{
background-color: transparent;
border-top: 3px double #DC143C;
border-bottom: 3px double #DC143C;
padding: 5px;
font-style: oblique;
font-size: 1em;
margin-left: 5%;
margin-right: 5%;
}

Warna garis dapat diganti sesuai dengan selera sobat. Ganti kode HTML warna (#DC143C) dengan kode html warna yang sobat inginkan. Untuk referensi kode warna, sobat dapat melihat artikel saya sebelumnya......"Color Generator Software".

Pilihan lainnya, kita dapat menambahkan sebuah gambar yang kita suka kedalam blockquote kita. Saya mencoba menambahkan blockqute dengan gambar berikut
      dan hasilnya akan seperti ini:
blockquote
Untuk membuat blockquote seperti itu masukkan kode html berikut kedalam template kita.
blockquote {
background: transparent url(your upload picture URL) repeat-x $startSide top;
padding: 5px;
font-style: oblique;
font-size: 1em;
margin-left: 5%;
margin-right: 5%;
}

Ganti kata-kata"your upload picture URL" dengan alamat url gambar sobat. Apabila sobat menyukai gambar bintang-bintang diatas, cukup klik kanan lalu "save as" dan kemudian upload gambar tersebut. Itu hanya saran saja....sobat bisa mengubahnya menjadi yang lain, seperti ini mungkin:


Semoga bermamfaat

tipsandcara

Print this post
Bookmark this post:
StumpleUpon DiggIt! Del.icio.us Blinklist Technorati Reddit


4 comments:

[+/-]Click to Show or Hide Old Comments

Rinto on May 25, 2009 at 11:16 PM said...

mantap...tambah pengetahuan lg dr kang tik nih

Seti@wan Dirgant@Ra on May 26, 2009 at 4:28 PM said...

Ini yang saya cari,.... tapi dibagian mana dalam template ditambahkan bro,???? aku tunggu yah lewat email smansaliliriaja@gmail.com

nazreenlove on May 27, 2009 at 9:11 AM said...

weh tulung aku da weat tak leh...aku dah tensi neh...mane satu patut aku copy ekkk..ajo jap...

Wong Cerbon on June 10, 2010 at 5:51 PM said...

Bagian bawah templet-nya di bagian mana nya ya??

[+/-]Show or Hide Comments

Post a Comment

My Banner

Loud Launch Site Disclosure Statement

I have received financial compensation for some of the posts on your blog (in keeping with current FTC Regulations) as some posts are paid posts.
 

Copyright 2009 All Rights Reserved Magazine 4 column themes by One 4 All