Cara Membuat Blockquote Keren dan Unik

Halo sahabat blogger, kali ini blogeraceh mau bagi tutorial tentang cara membuat blockquote keren dan unik, nah bagi sobat blogger yang mau sedikit mempercantik blog dalam posting blog bisa langsung mengikuti langkah dibawah.

• buka edit template blogr
• ceklist expand widget template
• (alt+f) cari kode -->  " /* Columns "  <--
• setelah dapat Copy Paste script dibawah tepat dibawah nya.

.post blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2TEMR8mMtePMKG4OqVzYGylYprJR335qyRg8KPz8lWomUx7ds6kPS-5WEz2p_ZUlj6CTza4soewyGmKVlEy48JmknOQZXw82OylovAHtIORYeGjtRPad3bMOFYFJATmUj8yE7aTg3leU/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; }

atau kode dibawah ini untuk Gaya yang lainnya

.post blockquote{ margin : 0 35px; padding: 80px 0px 0px 0px; background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeFeN0myTd4I98OWTXHw_tlTA5WlvYghsGp6HV-wbzyDjJM_pdXFLFqpVQnPs_mJXEmr7KsNtgJRMFPPppb58m-IMmzubKEgT5iFOTREzCrLR-0Y-QPACebHScmcjzVu3TrqjfnAeWEzk/s400/head2.gif) no-repeat top; font: normal 1em "comic sans ms", Helvetica, verdana; color : #666; } .post blockquote div{ background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisdxhhUd0J9BF8Ua2TBRtVnLBZEv80rsTUG-K0Lr4ZHiQCuHd5JZxk0uw3BuU3I7xQ06Kccko1AVfGWsV6CaBb8PaCg0o-1W9QR_BKXrFf4DwYS6VIiqh5OjNG1XxMSbWIHURIM8yTSxM/s400/head-bottom3.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding: 20px; }

jika sudah Pratinjau atau Save template dan lihatlah posting sobat.

itu saja dari blogeraceh tentang cara membuat blockquote keren dan unik seperti yang sobat lihat di posting ini.