BlockQuote Tutorial
03:02:00
konnichiwa minna-san!!
minna-san semua , kali ini ryoko mau post tentang BlockQuote Tutorial
tapi minna-san semua tau engga sama BlogQuote?
Minna-san ini dia blockquote itu ^^nah jadi minna-san semua udah tahu kan sama BlockQuote itu? ><
berikut ryoko kasih tutorialnya ><
blogger >> dashboardDenim Template
cari kode ]]></b:skin> Classic template
cari kode </style> copy kode dibawah ini di atas kode yang dicari tadi
blockquote{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_2OyjjUjdVsFgBvWy9N0ZID0sL9GKW92jK3kxcrTDncDu4KcjnpsMo-PBXKwHryz5qrLH4pnuzZFoIchJyXsSlJAa0Llht-SmnAB_U-10YB1Br7W44KywgbE1bix4i_FodEMe4lphvozM/s1600/grey.png);
padding:10px;
border-radius:10px;
border-left:10px solid #eee;
border-right:10px solid #eee;
border-top:2px solid #eee;
border-bottom:2px solid #eee;
color:#808080;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
blockquote:hover{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3eHnvhKbWZKuI8m4W9HP9mN_gbd_WQeZ8F1DlJ__ME3FgZE2moqgaK5zt7RXfHGbIpP7PIrT4Q4IHMkt34B6ummcXnCDF9rp_EF3QLz5JNr6Amdu51T3ea1ZENxtB7hT5F1em58rE1g/s1600/pink.png);
border-radius:20px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-box-shadow: 0px 0px 8px #000;
-moz-box-shadow: 0px 0px 8px #000;
box-shadow: 0px 0px 8px #000;
border-left:0px solid #eee;
border-right:0px solid #eee;
border-top:2px dashed #eee;
border-bottom:2px dashed #eee;
}
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_2OyjjUjdVsFgBvWy9N0ZID0sL9GKW92jK3kxcrTDncDu4KcjnpsMo-PBXKwHryz5qrLH4pnuzZFoIchJyXsSlJAa0Llht-SmnAB_U-10YB1Br7W44KywgbE1bix4i_FodEMe4lphvozM/s1600/grey.png);
padding:10px;
border-radius:10px;
border-left:10px solid #eee;
border-right:10px solid #eee;
border-top:2px solid #eee;
border-bottom:2px solid #eee;
color:#808080;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
blockquote:hover{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3eHnvhKbWZKuI8m4W9HP9mN_gbd_WQeZ8F1DlJ__ME3FgZE2moqgaK5zt7RXfHGbIpP7PIrT4Q4IHMkt34B6ummcXnCDF9rp_EF3QLz5JNr6Amdu51T3ea1ZENxtB7hT5F1em58rE1g/s1600/pink.png);
border-radius:20px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-box-shadow: 0px 0px 8px #000;
-moz-box-shadow: 0px 0px 8px #000;
box-shadow: 0px 0px 8px #000;
border-left:0px solid #eee;
border-right:0px solid #eee;
border-top:2px dashed #eee;
border-bottom:2px dashed #eee;
}
*pink : tukar dengan url image background dan hover
*merah : kode warna ,lihat disini ya ^^
save! selesai deh ^^
0 Cute Ota
Penting!!
*blog ini butuh saran & kritik jadi diharapkan semua memberi komentar
*gunakanlah kalimat yang sopan dan baik
*jangan berkata kasar atau kotor
*jangan bikin spam