Cara Membuat Auto Blockquote Dengan Frame di Blog

     Cara Membuat Auto Blockquote Dengan Frame di Blog - Hai semua AiRa LoKa best friend... kali ini saya mau bagi-bagi tutorial tentang Cara Membuat Auto Blockquote Dengan Frame di Blog

     Hai semua... Barusan saja saya bagi-bagi Cara Membuat Burung Twitter Terbang di Blog, sekarang saya mau bagi-bagi cara membuat auto blockquote dengan frame di blog. Apa itu auto blockquote dengan frame? Blockquote dengan frame adalah quote yang diberi frame(you don't say) maksud saya adalah tempat kita untuk membagikan script html ataupun javascript agar terlihat lebih rapi. Kalau masih bingung, coba lihat script yang ada dibawah. Itulah maksud saya. Nah, bagi yang mau coba, Lansung saja..

Chek It Out.......

1.  Masuk ke Blogger > Dashboard Blogger > Template > Edit HTML. Klik satu kali pada kotak edit html, lalu cari script dibawah ini dengan menekan tombol Ctrl + F (karena pada tampilan baru dashboard blogger tidak mendukung F3).

.post blockquote {
    padding-left: 10px;
    border-left: 5px solid #666;
        color: #666;
font-style:italic;
}
.post blockquote p {
  margin:.75em 0;
} 

2.  Ganti script diatas dengan script di bawah ini. 

.post blockquote {  
  margin : 0 20px;  
  padding: 70px 20px 20px 40px;  
  background : #E4EAFE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxl0Pftfy50SBRhsglYFsLB4vuTYr53Qu3w2gXn1VQZBp46Cd5A0sER_dxBW0cbJDfnMdUbPe__DU7Wd3_V_JJ8rK2YdJ8tQbrPegNqWrz32ohoNpFbP93GA5AHreZpezA-mnSesb_3ATA/s1600/blockquote.png) no-repeat top left;  
  font: bold 1em Helvetica, verdana, Georgia, "Times New Roman", Times, serif;  
  color : #000;  
  border-bottom : 5px solid #0000FF;   
  border-right : 5px solid #0000FF;
}   
.post blockquote p {  
  margin: 0;  
  padding-top:10px;   
}

 3. Ganti script yang berwarna biru dengan url gambar anda.
script yang berwarna merah adalah background dari blockquote.
script yang berwarna ungu adalah warna border dari blockquote.

Selamat mencoba!