Cara Membuat Blockquote Keren dan Unik Bloger Aceh

Bloger Aceh adalah Blog tentang Tip, Trik dan Tutorial Blogger dalam mempercantik blog

20 January, 2013

Cara Membuat Blockquote Keren dan Unik

membuat blockquote
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.

Labels:

2 Comments:

At Monday, January 21, 2013 , Blogger Rianti Mahadewi said...

tolong gan agar tidak menautkan Anchor Link pada komentar BLOG saya.
Mohon dibaca peraturan, silahkan gunakan Name/URL untuk mendapatkan Backlink dari blog saya.
Dengan berat hati, komentar anda sudah saya hapus.

Silahkan berkomentar kembali sesuai dengan peraturan.

Untuk membuat Efek Soft/Border radius pd gambar seperti yang agan komen, silahkan cek disini
http://infodariom.blogspot.com/2013/01/cara-membuat-border-radius-pada-gambar.html

btw Postingan anda bagus banget gan, izin praktek dulu yah.
^_^

salam http://infodariom.blogspot.com/

 
At Tuesday, January 22, 2013 , Blogger Unknown said...

ok gan,, dicoba dulu.

 

Post a Comment

Berkomentar sesuai Artikel Posting Blog,, jika ingin memasang link gunakan Tempat yang Blogeraceh Sediakan di Menu Link Exchange

Subscribe to Post Comments [Atom]