Sebenarnya, niatnya sih pengen ngejawab hari Minggu. Tapi apa daya, aku sibuk (banget) x_x . Maaf ya, Maryam... Oh iya, kode tulisan yang dihover jadi lebih tebal itu namanya blockquote ya... Cara membuatnya? klik saja next!
1. Buka Blogger, pilih menu Tema, klik Edit HTML
2. Cari kode blockquote { atau .post blockquote {
3. Kalau sudah ketemu, copas kode di bawah dan paste di BAWAH kode yang kamu cari tadi.
blockquote{margin: 1em 20px;padding:10px;box-shadow:inset 2px 2px 0px #FFEBCF,inset -2px -2px 0px #FFE3CF;background-image:url(http://i.imgur.com/2EShx.png);border: 2px solid #EEEEEE;color: #000000;max-height:300px;overflow:auto;-webkit-transition: all 1.0s ease-in-out;-moz-transition: all 1.0s ease-in-out;-o-transition: all 1.0s ease-in-out;-ms-transition: all 1.0s ease-in-out;transition: all 1.0s ease-in-out;}blockquote:hover {background-image:url(http://i.imgur.com/tDtge.png);box-shadow:inset 500px 200px 0px transparent,inset -500px -200px 0px transparent;}
credit: Gifta
Oh iya, sebenarnya bentuk blockquote bermacam-macam, tapi aku kasih tutorialnya yang style ini aja ya :3 . Sekian.. terima kasih sudah membaca! dan semoga bermanfaat!
Tutorialnya bagus :)
BalasHapusterima kasih, akak :)
HapusMamaci Kak >_<
BalasHapuscama-cama, dek >,<
Hapus