$type=grid$count=4$tbg=rainbow$meta=0$snip=0$rm=0$show=home$src=random-posts

Loading...

Membuat Blockquote Dengan Efek Shadow Ketika Tersentuh Kursor

Cara membuat blockquote keren dengan efek shadow atau bayangan, cara modifikasi tampilan blockquote menjadi lebih cantik, bikin blockquote blogger dengan efek shadow, tutorial membuat blockquote dengan berbagai efek warna yang keren..

Deloiz - Pada artikel sebelumnya Deloiz pernah membahas tentang Cara Membuat Blockquote terseleksi Otomatis Ketika di Klik, tutorial blog kali ini masih berhubungan dengan blockquote yaitu sesuai judul diatas yaitu Membuat Blockquote Dengan Efek Shadow Ketika Tersentuh Kursor. Untuk tekniknya pasti sudah bisa dipahami, ketika kursor mouse menyemtuh atau berada diatas blockquote maka blockquoter tersebut akan memiliki efek shadow.

Teknik ini Deloiz dapatkan dari situs negara tetangga yaitu lyssasecret.com, apabila Anda tertarik untuk mencoba dan menerapkannya pada situs atau blog Anda, ikuti saja caranya berikut ini:

Membuat Blockquote Dengan Efek Shadow Ketika Tersentuh Kursor

1. Masuk ke Dasbor Blogger.

2. Pilih Template lalu Edit HTML.

3. Cari kode berikut (gunakan Ctrl+F untuk memudahkan):
blockquote:hover {
atau
.post blockquote {
4. Berikutnya copy-paste kode berikut dibawah salah satu kode diatas.
border:2px dashed #000000;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-box-shadow: 0 0 18px #FF3399 ;
-webkit-box-shadow: 0 0 18px #FF3399 ;
}
5. Selanjutnya silahkan Pratinjau Template untuk memastikan kodenya sudah benar. Kalau sudah OK klik Simpan Template. Untuk hasilnya kurang lebih seperti ini:
Blockquote Dengan Efek Shadow
Credit: lyssasecret.com
Cara merubah warna shadownya, ganti saja kode #FF3399 dengan kode warna lainnya yang Anda suka. Demikian tutorial kali ini, apabila ada yang perlu ditanyakan, silahkan tinggalkan komentar dan jangan lupa ikuti kali +Deloiz untuk mendapatkan info terbaru lainnya.
Loading...
Loading...
Name

Adsense,5,Al-Qur'an,1,Android,9,Blogging,37,Doa-doa,27,Health,16,Images,18,Info and News,1,Internet,9,Islami,44,Juz Amma,15,Kata Mutiara,13,Lifestyle,9,SEO,3,Social Media,6,Tips and Tricks,19,Videos,4,
ltr
item
Deloiz: Membuat Blockquote Dengan Efek Shadow Ketika Tersentuh Kursor
Membuat Blockquote Dengan Efek Shadow Ketika Tersentuh Kursor
Cara membuat blockquote keren dengan efek shadow atau bayangan, cara modifikasi tampilan blockquote menjadi lebih cantik, bikin blockquote blogger dengan efek shadow, tutorial membuat blockquote dengan berbagai efek warna yang keren..
https://2.bp.blogspot.com/-vtf1bQ8K_Tc/VURqUBsa8_I/AAAAAAAATz8/4dGZUlXpVtc/s640/blockquote%2Bshadow%2Beffect.jpg
https://2.bp.blogspot.com/-vtf1bQ8K_Tc/VURqUBsa8_I/AAAAAAAATz8/4dGZUlXpVtc/s72-c/blockquote%2Bshadow%2Beffect.jpg
Deloiz
https://www.deloiz.com/2015/05/membuat-blockquote-bershadow.html
https://www.deloiz.com/
https://www.deloiz.com/
https://www.deloiz.com/2015/05/membuat-blockquote-bershadow.html
true
6703874162766128950
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy