5 Blockquote Keren Part I

Hay sobat Z-X
Ok , kali ini Admin mau share 5 Blockquote Keren ( kalo ga keren ya maap wkwk :P )
Langsung aja ya , ga usah basa-basi :

Style 1 :

Code :

.post blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG_8scYpn2dd-WfatDpInZO8Z7V2CtmWz-BeDEQpa0xyDJksmpJc6_k5HZDJzbSF4NMjDlUTeDlGw_KkfM5-hWbfKtIvA4QH7lfWNUXBAWqZ2Fn5SM_Ymu-cAxoi6IDfFcGVbyniPaUPM/s1600/comma-side-orange1.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 10px 45px; font-size: 0.9em; font: italic 1.2em Georgia, "Times New Roman", Times, serif; } .post blockquote p { margin: 0; padding-top: 10px; }

Style 2 :

Code :

.post blockquote{ margin : 0 20px; padding: 50px 30px 50px 30px; background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijbWLtsgfoCMbxQqu5kh-VtHoTB4HIZn4I3TakiZGaq7EvyuJZS4Lqal7MKm-H6e_7-2l_w_q6GbIXo2TKldqHsccDw55qUcnu9tKodDkQzS8DZtChmVXSbf4-NIAUsHcv-LnhTL7zzcU/s1600/BLOCK1-TOP.gif) no-repeat top; font: bold italic 1em Helvetica, verdana; color : #000; } .post blockquote div{ background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJXybmcGbRdcU97fxcUq3kieRngutv28scH9qfSgrlwZV7JIbG0XWpc7BFwTZByBrnSMjaGcdWqjPOOCCOWSJZ-2JOGnaOLT7Q6-X6rJrzF2VxrIQ1NsD-JG2Y1DHPHgSqRbeEzcyWKmA/s1600/BLOCK1-BOTTOM.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding-top:10px; }

 Style 3 :

Code :

.post blockquote { margin : 0 20px; padding: 70px 20px 30px 20px; background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DsHLRxeIJLZfwNPxXXEorMgBJMaQtVvOOs8ZpKH-J5tJPYt3Y_xdHxgQWmaEhOyD73N_xanZp-5SalGdryPsgnS7HaTwuSyzz8HvaKsUkK80pOuStoL-ByxyrtE9dW8jioyDqUi6gaE/s400/block3331.gif) no-repeat top; font: bold .9em Helvetica, "comic sans ms",Courier,"Times New Roman", Times, serif; color : #343434; border-left : 7px solid #FF7802; border-right : 7px solid #FF7802; border-bottom : 7px solid #FF7802; } .post blockquote p { margin: 0; padding-top:10px; } 

Style 4 :

Code :

.post blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcHiCNBVEc8NUdtS-RiO0B4uY_rhQU_nUQMxNjJ2S-0PKzVYEFL7U2kBPLfJ9t9GPhdXhERz8Q6iQiU90UTkVdgz-MZV25kjs6i2SF1X4bHeWG3LaIHgDuXNH9eu9EBXZvUINUKuUaMWE/s400/owl.png) no-repeat 350px 5px; font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif; color : #000; border-left: 8px dotted #DAB547; } blockquote p { margin: 0; padding-top:10px; } 

Style 5 :

Code :

.post blockquote { margin : 0 20px; padding: 70px 20px 20px 40px; background : #E4EAFE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Htr8LT0uJZW9Y-HZZ1oUtErlWAthUmRgOgFHggQ3fSFtb07msNuyFJPMqUnx6hQ2NaiduYEAThEEVS5mJTGV6xMxgx6WLWXIZ7LS1x_hIzaAl7S7hoHmMjOfCIGMlyct0BchKdlRG5I/s400/angular-purple.gif) no-repeat top left; font: bold 1em Helvetica, verdana, Georgia, "Times New Roman", Times, serif; color : #000; border-bottom : 5px solid #435388; } .post blockquote p { margin: 0; padding-top:10px; } 

Oke untuk gambar" nya bisa kamu edit sendiri ya :)
Dan kalo blom bisa cara ganti tampilan nya , bisa liat Disini
Sekian dulu dari Admin , Semoga bermanfaat

Sumber : Hujangede.blogspot.com


==================================================================

Jika Artikel Ini Bermanfaat Untuk Anda Semua . Anda bisa menyebarluaskan Artikel ini
Tetapi , Dimohon untuk Cantumkan Sumbernya .
Dan untuk pengembangan Blog Zhura XpressX , Saya Menerima Donasi dari Anda Semua.
Semakin banyak Donasi semakin banyak Artikel menarik / cheat yang selalu Update .
Anda bisa Donasi seikhlas nya ke nomor berikut :


Im3 : 085624675390
XL  : 087724813559
Berapapun sumbangan anda , Saya sangat berterimakasih kepada Anda .
Salam Admin RezzaDz

==================================================================