cara membuat Blockquote di blogspot

Cara membuat blockquote di blogspot - cara membuat Blockquote di blogspot, tutorial cara membuat Blockquote di blogspot dengan tampilan menarik. cara membuat Blockquote di blogspot ini tidak memakai sistem fungsi script jadi tampilannya ringan. Dengan tampilan gambar disisi kirinya sehingga memberi kesan elegan pada tampilan cara membuat Blockquote blogspot ini. Untuk melihat tampilan cara membuat Blockquote di blogspot ini silahkan klik demo dibawah ini, bila anda tertarik untuk memasang cara membuat Blockquote di blogspot pada postingan kali ini, silahkan lihat code dibawah, langsung saja menuju TKP.

Demo

Code CSS here..

/*****************************************
Name : Blockquote style 1
By : Rivai Silaban | Blog Design
Update :Rabu 22 January 2014
site : www.rivai.org
******************************************/
blockquote {
width: 90%;
margin: 20px auto;
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZzBqxpLILe_0fO9mY4TEoNVbVocXfEB4dWJ-Njp69bk8b5rz-KK5pVvmBFgzXCD8zGJ4MgFTo08u1YZUbJB5ALhiKByqrCN27R6KkFR4YSEEYKxsxzEaA3bsP9r1IkC-W9tEwDVhaIXpx/s1600/blockq-1.png");
height: 170px;
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
border-right:solid 1px #ccc;
background-repeat: no-repeat;
padding:0 10px 0px 40px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #333333;
background-color: #f7f7f7;
overflow: auto;
line-height: 1.5em;}
blockquote:hover {color: #000000;background-color: #E8FDF9;}
/*** www.rivai.org CSS Blockquote style 1 and ***/

Bila anda masih belum memahami tata cara memakai fungsi blockquote itu sendiri, silahkan kunjungi link laman dibawah ini, agar lebih jelas...
Sumber : http://www.rivai.org/2014/01/blockquote-style-1.html

html

• fungsi mode html pada menu entri baru blogspot
• fungsi compose pada menu entri baru blogspot
• cara membuat box keterangan code
• fungsi float pada html
• fungsi style clear both
• fungsi margin pada html
• cara membuat style link type square
• cara membuat Image pseudo style
• cara membuat speech bubble style
• cara membuat Google Plus buttons style

trik pendukung

• fungsi mode html pada menu entri baru blogspot
• fungsi compose pada menu entri baru blogspot
• cara membuat box keterangan code
• widget social media scale di blogspot
• fungsi style clear both
• Tutorial menampilkan post date diwaktu yang sama
• feed validator tool
• cara membuat Image pseudo style
• cara membuat Google Plus buttons style
• cara mebuat fasilitas chat di blog

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter

Di posting oleh : Unknown Update pada : 3:56 PM