Blockquote Hover Background

  • dunia hitam
  • kata
    • kata lucu
    • kata bijak
    • kata mutiara
    • kata cinta
    • kata gokil
  • lucu
    • gambar lucu
    • pantun lucu
    • tebakan lucu
    • kata lucu
    • cerita lucu
  • berita
    • berita unik
    • berita politik
    • berita artis
    • berita aneh
  • kesehatan
    • asam urat
    • kanker
    • jantung
    • hepatitis
    • ginjal
    • asma
    • lambung
  • gambar
    • gambar unik
    • gambar lucu
    • gambar aneh
    • gambar animasi
    • video lucu
  • hoby
    • burung
    • ikan
    • piaraan
  • contoh
    • surat lamaran
    • recount text
    • descriptive text
    • curriculum vitae
    • deskripsi
  • video
    • video lucu
    • video hantu
    • video polisi
    • video totorial
    • video panas
    • video lagu
  • blog
    • SEO
    • template
    • script
    • widget
    • backlink
    • imacros
  • komputer
    • excel
    • macro excel
Home » blogging » Tips dan Trik » Blockquote Hover Background

Blockquote Hover Background

blockquote hover
Halo semua... Setelah lama tidak update, kali ini Bangiz mau berbagi tips dan trik blogging. Yang akan kita bahas kali ini adalah tentang blockquote. Blockquote ini biasanya digunakan untuk memblok kata-kata atau kalimat yang dianggap penting yang mana akan terpisah dari kata lain yang tidak menggunakan blockquote. Untuk contohnya bisa dilihat di bawah ini:

Cara Membuat Blockquote Scroll di Blogger


Jika dulu saya membuat tutorial dengan judul diatas, untuk kali ini adalah cara membuat blockquote dengan hover background. Caranya mudah saja, tinggal ikuti cara berikut ini:

1. Masuk Dasbor Blogger > Template > Edit HTML

2. Cari kode ]]></b:skin> (gunakan Ctrl+F) kalau belum tahu letaknya

3. Copy kode berikut dan Paste sebelum/diatas kode ]]></b:skin>

.post blockquote{max-height:350px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ3-uVbr_4lQROXfrwTsEJydUkQzMMlxDHD7zFrVEFn0JQnmWhoF8X28AxO9Q1C_uRYhIJZ1q4duuSvv8rOqVcJ7T889hrfT0_dJGlLlmZ3ko7I4D0iK0HENcULjQn2N2ykqeE4DC-DiA/s1600/1.jpg);
border-top: 2px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
border-radius: 5px;
margin:1em 20px;
padding: 5px;
}
.post blockquote:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4PiJwV4JTrZol3gutpDmYwaxx6DuT_kxnPo7B7PF1Kom0PlahvRcpiLhTmST9fuVRj3AQNU_xANPT_kA1Po2-KpxArfcr08tk3Rd1o6hFUimtEBFrxvYAAt5EpDYMqVVCKyMZthkvGug/s1600/4.jpg);
background-position:center;
background-repeat:repeat;
-moz-box-shadow: 0 0 10px #ff55cc;
-webkit-box-shadow: 0 0 18px #ff55cc;
}

Keterangan:
-> Warna merah adalah URL gambar silahkan ganti dengan URL gambar yang Anda inginkan
-> Warna biru adalah kode warna, untuk kode yang lain bisa lihat disini atau disini

4. Simpan Template dan lihat hasilnya

Selesai, happy blogging.
Ditulis oleh Unknown, Senin, 12 Agustus 2013 21.53- Rating: 4.5

Judul : Blockquote Hover Background

Deskripsi : Halo semua... Setelah lama tidak update, kali ini Bangiz mau berbagi tips dan trik blogging. Yang akan kita bahas kali ini adalah tenta...
keyword :Blockquote Hover Background, blogging, Tips dan Trik
Posting Lebih Baru
Posting Lama
Beranda
Postingan Populer
  • Foto-Foto Novi Amalia Terbaru Juli 2013
    Foto-Foto Hot Novi Amalia Terbaru | Update Foto-Foto Hot Novi Amalia Terbaru Juli 2013 .- Akhir-akhir ini masyarakat di hebohkan dengan ti...
  • Apa Yang Akan Terjadi Pada Mayat Ketika di Dalam Kubur
    Taukah kamu apa yang akan terjadi pada mayat manusia ketika susdah berada di dalam kubur ? Mayat manusia yang sudah di kuburkan akan melewat...
  • Foto Bus Persib yang di Lempar Oknum Jak Mania
    Foto Bus Persib yang di Lempar Oknum Jak Mania .- Selamat malam sahabat sebagin info kali ini mimin akan share foto-foto bus persib yang ter...
  • Wallpaper Lucu HD Terbaru
    Setelah sebelumnya saya berbagi tips dan trik blogging yaitu Cara Membuat Label Keren Dengan Efek Bergerak dan Wallpaper Kartun Cinta Rom...
  • 5 Fakta Unik Tentang Hari Kemerdekaan Indonesia
    Oh ternyata ada 5 Fakta Unik Tentang Hari Kemerdekaan Indonesia. Kejadian - kejadian  unik sejarah bangsa indonesia ini bisa di simak disin...
  • Foto Sampul Facebook Hello Kitty Terbaru
    Apakah Anda termasuk salah satu penggemar Hello Kitty? Jika iya, tidak ada salahnya jika Anda juga menggunakan timeline atau sampul face...
  • Wallpaper Keren Terbaru
    Pada tahun 2013 ini bumi kita sudah semakin tua, begitu juga dengan usia kita tentunya semakin berkurang. Berbagai tipe fisik maupun p...
  • Foto Sampul Facebook Hello Kitty
    Setelah sebelumnya Bangiz berbagi foto sampul facebook galau versi anime, untuk kali ini Bangiz mau berbagi tentang sampul tokoh kartun ...
  • Foto Sampul Anime
    Akhirnya bisa berbagi lagi dengan Anda semua, setelah kemarin-kemarin sibuk. Maksudnya sibuk mengganti dan mengedit-edit template :). Ada...
  • Membuat Komentar Facebook dan Blogger Berdampingan
    Pada kesempatan kali ini Bangiz mau berbagi tentang tips dan trik blogging. Yang akan kita bahas kali ini yaitu tentang komentar ...

Info dunia hitam © Blockquote Hover Background