Assalamualaikum saya kali ini akan memposting tentang blog tutorial lagi, karena ada salah satu teman saya yang bertanya "eh cara membuat blockquote kaya punya kamu gimana?" Seperti yang anda lihat di semua blockquote milik saya, jika mouse tidak mengarah dalam blockquote, maka warna blockquote akan kelihatan seperti warna sekitarnya, namun jika anda memindahkan kursor kedalam blockquote, warna blockquote akan berubah menjadi abu2 tua. Sebenarnya cara ini mirip dengan efek hover, Mau tahu caranya, ikuti cara mempercantik blockquote berikut ini:
1. Login ke blogger
2. Masuk ke tata letak
3. Pilih edit html
4. Kemudian, cari kode yang mirip di bawah ini(sebagian mungkin beda):
.post blockquote{
margin-left:30px; padding:11px; background:#f2f2f2; color:#000; border-left:4px dotted #2E2E2E}
.post blockquote p{
margin:.75em 0; padding-right:5px; padding-left:10px}
5. Kemudian tambahkan kode berikut, di bawah kode tersebut:
.post blockquote:hover{background-color:#2fa2fb}
Keterangan:ganti kode yang berwarna merah, dengan warna yang anda sukai
6. Selesai
Saa memperoleh artikel ini dari seorang teman saya dengan sedikit peng-editan
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di www.arda.web.id
15 komentar: on "Cara Mempercantik Blockquote"
manatab sob...nice share...keep post
Wah Asik neh... Quote... I Like This one....!!
Owaalah. . . Pake hover ta. . . Ya itu kalo pake hape apakah muncul mas? mungkin malah hilang dan yang membutuhkan tutorial jadi kikuk? hehe
@Jidat
tapi yang ng-blog pake hp kan jarang mas.hahaha
@arda Wah belum tau dia. . . Pengunjung blog saya http://jidatbaok.com 40 % dari handphone lo? Sekarang ini sudah era hape, bisa browsing cepat lewat hape.
Yang penting rajin ngeblog yah :)
mantap nice share
@Yuda taufiqurrahman
Ooooo gitu ya mas thanks ya atasinformasinya
bagus nih sob,,, sy coba dulu ya !!!
Weng, bannermu wis tak pasang. pasing balik yo
keren nih sob, langsung aja deh saya coba, dtunggu comenyt dan follow baliknya jika berkenan
perlu dicoba nih...
makasih tutorialnya,,,
ssssssseeeeeepppppppp(sep)
gannn . . ... . . . .. .
bagus infonya nmbah ilmu bru lg nie lngs praktekan ahhh..
Paling seneng sama kerjaan edit template yg satu ini. he2..
Salam kenal mas
thank sob
Posting Komentar
NO SPAM,NO SARA, Berkomentarlah Dengan Baik.......
Jika Terdapat Spam dan Tulisan yang Sara Maka Akan Langsung Saya Hapus Tanpa Se Izin Anda...