Cara Modifikasi Blockqoute ( Hover )

Blockquote tag HTML yang digunakan untuk menerapkan quote atau sebuah kutipan pada artekl. tujuannya untuk memblog tulisan atau teks yang di anggap penting.

Selebihnya blockquote ini memudahkan pengunjung mengetahui atau memahami bagian yang terpenting didalam artikel terkait, Nah dibawah ini akan saya berikan sebuah gambaran atau sebuah contoh agar anda bisa lebih mengerti apa yang di maksud dengan Blockquote.

Tip yang pertama yang anda harus lakukan adalah mencari kode  
.post blockquote atau blockquote

Untuk mencarinya anda harus masuk ke Tata Letak setelah itu anda masuk ke Edit HTML, Jangan lupa untuk mencentang Expand Template Widget. Lalu tekan Ctrl. F biar lebih cepat untuk pencariannya. Setelah anda menemukan kode tersebut anda harus merubahnya dengan kode dibawah ini.

Ini Adalah Contoh Blockquote

Berikut Adalah Script Blockqoute

.post blockquote {background:#f5f8fa url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXVSl78G_lIci74YtzNk2obu9qJgzcssDPB8EpgCtCkuk2jAxX1JetUKKmCQEsAm-QyQRZ5QcA8H4bQyGUFUP8pX_qODkg0c1t_I-iICAW6ocA9BdyJpHiiWtJzJNZPWQ479If83ohyphenhyphenPU/s1600/Bloquote+Skedar.png) no-repeat scroll 0 0;border-color: #D7E8F0;border-style: solid;border-width: 1px 1px 1px 20px;color: #004276;font-family: Consolas, "Courier New", Courier, mono, serif;font-size: 13px;line-height: 16px;margin:10px 0 10px 10px;overflow: visible;padding: 28px 10px 10px;width:80%; }.post blockquote:hover {background:gray url(http://lh6.ggpht.com/_wC8_9aR_6uE/S-7eHs71vkI/AAAAAAAAC4M/SPzkp3SsYg4/bintang%20kelip.gif) no-repeat scroll 0 0}.post blockquote p {margin:.75em 5;background:url(http://lh5.ggpht.com/_wC8_9aR_6uE/S_OXycnYicI/AAAAAAAAC60/lAY-RahuhKw/exit.jpeg) no-repeat;padding:20px;background-position:bottom right;}.comment-home a:hover,.post-labels a:hover{color:#333;text-decoration:underline}

Note : Warna Biru Bisa Diganti Dengan Link Blockquote Punya Sobat
           Warna Hijau Bisa Diganti Dengan Warna Punya Sobat

Silahkan dicoba mulai dari sekarang. Semoga sukses dan berhasil untuk mencobanya.

Artikel Terkait Lainnya Seputar:

Ditulis oleh Aluwy ID, - Rating: 9,9

Judul : Cara Modifikasi Blockqoute ( Hover )
Deskripsi : Blockquote tag HTML yang digunakan untuk menerapkan quote atau sebuah kutipan pada artekl. tujuannya untuk memblog tulisan atau teks yang d...

Bagikan ke

Facebook Google+ Twitter