Rabu, 19 Januari 2011

Cara Modifikasi Blockquote Blogger / Membuat Blockquote Gaul!!

Seperti apa sih Blockquote itu?


Cara Modifikasi Blockquote Blogger.Untuk platform blogger,blockquote memiliki tampilan default yang dapat dikatakan 'biasa saja'.
Blockquote,adalah unsur dalam posting yang digunakan untuk menunjukkan kutipan dari sebagian besar teks dari sumber lainatau teks yang menunjukkan suaru penjelasangaris besarnya.

Contoh tampilan blocquote adalah seperti di bawah ini:

Modifikasi Blockquote.


Nah,sampai disini sobat sudah mengetahui to opo iku blockquote?

Sekarang,yuk cari tahu bagaimana Cara Modifikasi Blockquote Blogger.

1.Pedhilah ke dashboard blog sobat lalu pilih rancangan atau tata letak,lihat gambar 01.

cara membuat blockquote.
Gb.0.1


2.Pilih tab Edit HTML,lalu contreng tulisan Expand Widhet Templates,lihat Gambar0.2 dan 0.3

cara membuat blockquote keren.
Gb.0.2


cara membuat blockquote blogspot.
Gb.0.3


3.Cari kode ]]></b:skin> (untuk mempermudah gunakan keyboard dan tekan Ctrl+F),setelah ketemu,tepat diatas kode tersebut letakkan kode berikut :

.post-body blockquote {
margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color: #000000;
background: url(http://2.bp.blogspot.com/_n7xseT2-HDU/TTfSVR6DdyI/AAAAAAAAArQ/ZtQUl-i6dhU/s1600/blockquote%2Bpelajaran%2Bblog.png) no-repeat left top;
border-left: 10px solid #666666;
}


4.Lalu simpan Templates,dan selesai.

Catatan:jika css blog sobat sudah ada kode .post-body blockquote {,maka tinggal ganti dengan kode diatas.

Cara Membuat Blockquote dalam Postingan



Setelah sobat melakukan cara memodifikasi blockquote diatas,kini sobat dapat membuat blockquote dalam postingan,dapat secara manual dan dapat pula secara WYSWYG.

1.Untuk secara manual sobat tinggal sisipkan kode:
<blockquote></blockquote> dalam kalimat atau paragraf,contohnya,

<blockquote>Saya sedang belajar menghias blog blogger dan kali ini saya sedang belajar membuat blockquote dalam postingan di blogspot-ku tersayang ini :D</blockquote>

Nah,dari penulisan diatas,akan menghasilkan tanpilan blockquote seperti ini:

Saya sedang belajar menghias blog blogger dan kali ini saya sedang belajar membuat blockquote dalam postingan di blogspot-ku tersayang ini :D


2.Cara instant,dengan memblok postingan dan tinggal klik deh tanda blockquote-nya,seperti gambar ini:

Cara Modifikasi Blockquote Blogger Blogspot.


Semoga bermanfaat ya teman-teman :D

Tidak ada komentar:

Posting Komentar