Text Review dengan Blockquote

kampanye damai pemilu indonesia 2009 Sebelumnya kita pernah membahas tentang trik dan tips membuat text review disini. Apa itu text review?

Pada intinya, text review adalah sekumpulan kata-kata yang dianggap penting dan dianggap perlu 'disendirikan' agar memdapat perhatian khusus oleh pembaca.

Nah berbeda dengan trik terdahulu, review text ini terlihat lebih cantik karena disertai dengan blockquote, atau gampangnya, diberi gambar tanda petik pada sudut kiri atas nya.

Pengen tahu trik nya? kita coba yuk..


Pertama, siapkan gambar blockquote atau tanda petik, contohnya seperti ini



Klo dah punya, di upload dulu gambarnya. Jangan besar-besar y, cukup 50px x 50px misalnya.

Lalu, berikut kode untuk text review dengan blockquote nya:

<div style="border: 3px solid #000000; background: #ffffff url(http://i40.tinypic.com/2iaxx85.png) no-repeat left top; padding:10px; text-align:left; color:#000000;">

Ini adalah paragraf yang merupakan bagian yang penting, harus diberi warna khusus.

</div>


Anda dapat mengganti :
Text berwarna merah adalah garis tepi text review Sodara
Text bernarna biru adalah warna background text review Sodara.
http://i40.tinypic.com/2iaxx85.png, ganti dengan kode gambar Sodara.
text-align:left; pengaturan untuk paragraf Sodara, bisa diganti dengan right atau center misalnya.

Sehingga, kode tersebut akan menghasilkan text review dengan blockquote seperti contoh berikut :

Ini adalah paragraf yang merupakan bagian yang penting, harus diberi warna khusus. Dengan pemberian 'text review' ini, kalimat yang penting akan seperti pada bagian tersendiri, dan menjadi perhatian khusus bagi pembaca. Dengan pemberian gambar tanda petik, maka text review akan terlihat lebih bagus dan cantik


Trik ini sangat mudah dah cepat, tetapi membuat blog Sodara tambah keren dan berbeda.

So, selamat berkreasi...

3 comments:

  1. banyak banget ya feature blockquote...bsok gw jg mao buat ndiri aja ah hohoho

    thx ya infonya

    ReplyDelete
  2. HAHAHA aku kok ampe ketinggalan G baca yg ini ya wah wah bagus ni Easy disave dulu ah ntar dipraktekin biar tambah cantik blognya kaya yg punya blog ( wkwkwkwkwkwkkk keliru aku)

    Rgds 3ndur0

    ReplyDelete

Klo ada pertanyaan, masukan ato tips yang lebih mudah, koment aja y..Insya Allah Ayas bales.. Thanks all..moga2 bermanfaat

 
Copyright © 2013. About - Sitemap - Contact - Privacy
Template Seo Elite oleh Bamz