yang penasaran dan ingin mencobanya, silahkan dipraktekkan,
Berikut cara membuatnya :
Anda terlebih dahulu sudah login ke blogger.com, Pilih Template, Dan pilih Edit HTML,
Lalu anda cari kode ]]></b:skin> dengan menekan CTRL + F dan masukan kode CSS3 dibawah ini tepat diatas Kode ]]></b:skin>
/* Blockquote */
blockquote {
margin:15px 20px;
font:italic 14px "Consolas","Courier New",Courier,mono,serif;
height:1px;color:#888;
padding:0px 0px;
background-color:#333;
border:10px solid #111;
border-left-color:#FFFFFF;
-webkit-box-shadow:1px 2px 5px #000;
-moz-box-shadow:1px 1px 5px #000;
box-shadow:1px 1px 5px #000;
overflow:auto;
-webkit-transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
-moz-transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
-ms-transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
-o-transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
}
blockquote:hover {
padding:13px 18px;
background-color:#000000;
border:5px solid #323232;
height:350px;
-webkit-box-shadow:1px 2px 15px #000;
-moz-box-shadow:1px 2px 15px #000;
box-shadow:1px 2px 15px #000;
}
blockquote p { margin: 0; padding-top:10px;
}
Setelah itu anda Pratinjau, apakah terjadi error, kalau tidak silahkan anda save
Sekian Tutorial saya.
Terima Kasih ^_^
Tidak ada komentar untuk " Membuat BlockQuote Keren Di Blog "
--------------------------------------------
Dilarang menggunakan kata-kata kasar dan kata-kata yang mengandung SARA, kata-kata yang mengindikasikan Flame terhadap seseorang sehingga terjadi pertengkaran akan saya hapus dan blok dari blogspot ini !!