oke, kali ini Pertanyaan timbul dari seseorang yang berkumis :{D .
Siapa , Ri ?
#JiahGuedibilangMas-Mas -___-"
Mas Bayu ini menanyakan sesuatu tentang Block Quote , Black Quote ini banyak macemnya ada yang merah,kuning,hijau,di langit yang biru #lahkoknyanyi
Ada beberapa koleksi block quote gue nih
1) Owl
=> Kode Block Quote
blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB3t_S_XJnCZC3FvIOq7t64ECf1u1yc43ZMtkNqDXNa4yIUxqvPVW7L68WXq5IwACVzYCaj2Pyoj9m0nslo_CCBeRFdwt6hd2GLbCYAQsRkaBAzRnWqpuxl_jGxjqN2gx_W4pidssW6HI/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; }
2) trus yang kedua
=> Kode Block Quote
.post blockquote {
background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnIiCP402DQ0RwWLGkmN3LTiTzNi2BInVAmiP4mhrs0qorE-n8-Kr4OCzmF0o4ytBjxFMOsJdMh_Dboj6SHjoc2TpK0OtWalf8zmKh-8yKiXSY08HyfI-Tlik9GdUbrrr82eme7Mkcdcc/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;
}
3) trus yang ketigaxx
=> Kode Block Quote
.post blockquote{ margin : 0 35px; padding: 80px 0px 0px 0px; background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSV2cSq2ZdPCeaQgW2QNt-RYzb5UNQg9s8RkHweb7LsF3Eb3DfdflEAWUquDXB1_HZMuUKvtv3b0DwGqK2o4JzKBwGyrkJMGPB9XBScvJd4mEvcM8nDl6NC06g3vpG-vw3AHQ0qlKDgt4/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/AVvXsEjwLdXqpZ36dHEKI1C7uhCF5MciP4CiCf3vYXF0wqgUrTQSUZjcPjxwQEu1WtMU7yIf6GitVct0h9Oy9XHiwgCtfFOWgamUstqFZC9ReBzNqGilBVdefmjfJvksjGmrWWQSiX6aQDL9pvI/s400/head-bottom3.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding: 20px; }
4) trus yang agak mirip kaya punya gue
maaf ga ada screen shot nya :(
=> Kode Block Quote
blockquote { color: white; background: #0000ff; padding: 15px; letter-spacing: 0px; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius: 30px 0px 30px 0px;}nah, kalo udah di pilih langsung deh kesini
blockquote:hover { color: white; text-decoration: bold; background: #0000ff; letter-spacing: 1px; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius: 0px 30px 0px 30px;}
- Login Ke Blogger
- Elemen Laman => Edit HTML
- Download Template Lengkap (Untuk berjaga - jaga)
- Cari Kode . post blockquote hapus kode tersebut.
Oke segitu aje dari gue moga Bermanfaat :D
wah cepet banget nih tutorialnya.. keren dah :D
BalasHapuslangsung dipraktekin :) thx ya
eeeeeeeeeeeee.... lucunya bloquoenya....
BalasHapusijin nyimak ya kawan :D
ane mau nanya nih, kalo mau ganti kursur kayak punya ente gimana?
BalasHapusmakasih :)
itu di bikin di PhotoShop , sama kaya Tutorial nya Bang Bena :D
Hapusgimana? gue nggak ngerti nih :D , bikin tutorialnya aja yah :D
Hapusoiya, blog lo udah gue follow . folloe balik ya
gue masih belom ngerti nih :D , bikinin tutorialnya aja yah ;)
BalasHapusoiya blognya udah gue follow, follow balik ya ?
ditemplate ane kok gak ada .post blockquote nya ya gan ? trus gmn tuh cara bikin blockquote gt kalo gak ada gt'annya? #mohonpetunjuknyaaah
BalasHapus