Blockquote dapat di modifikasi bermacam2. Pada postingan yang akan saya berikan kali ini yaitu blockquote efek neon. Cara: 1. Login blog 2. Template > Edit html 3. Letakkan kode css di dalam/bawah kode .post blockquote { color:#ccc;background:transparent;box-shadow:#fff 0px 0px 4px, #fff 0px 0px 6px, #fff 0px 0px 10px, #fff 0px 0px 20px; sehingga menjadi kode nya seperti ini,...
Blockquote adalah kutipan dari artikel yang dianggap penting atau memiliki arti khusus. Tanda yang digunakan untuk menandai suatu tulisan yang penting, sehingga tampak berbeda dari tulisan yang lainnya. CARA: 1. login blog 2. template > edit html 3. cari .post blockquote { 4. gantikan dengan kode .post blockquote { -webkit-user-select:text; -moz-user-select:text; -webkit-animation-name: shake; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; background:#424242; padding:15px;...
LIVE DEMO Cara membuat efek blockquote border nudging 1. Login blog 2. Template dan edit html 3. cari kode .post blockquote dan tambahkan kode css berikut di bawahnya background:url(http://gazo.emoji7.jp/img/051fi_724385/%E8%B2%B0%E3%81%86%E6%99%82%E3%82%B3%E3%83%A1%E3%83%B3%E3%83%88%E5%BF%98%E3%82%8C%E3%81%9A%E3%81%AB%21%21_m.gif); background-repeat:no-repeat; background-position:100% 95%; font-family: 'Englebert'; padding:10px; border-left:20px solid #C3E5FB; border-right:2px dashed #C3E5FB; border-top:2px dashed #C3E5FB; border-bottom:2px dashed #C3E5FB; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s...
Yang biasa kita jumpai adalah border yang sisinya sama warna. Bagaimana cara membuat border blockquote berwarna warni? Simak deh tutorialnya... Login blog Rancangan dan edit html >expand widget template cari kode .post blockquote { tambahkan kode border menjadi seperti dibawah ini .post blockquote { COLOR: #BFBFBF; font-family:'Short Stack',Arial, Georgia,Trebuchet MS, Sans-Serif; border-left: #7ADED4 dotted 2px; border-top:#BA5ED1 dotted 2px; border-bottom:#FFA95E dotted 2px; border-right:#C9FF5E dotted...
