Membuat Blockquote blog menjadi keren

SiKudet - Kebanyakan para blogger saat memposting Kode Script HTML menggunakan Blockquote yang telah di sediakan oleh blogger. Blockquote di gunakan sebagai 'blok kutipan', namun kebanyakan dari para blogger menggunakannya sebagai tempat untuk menaruh kode script HTML, tujuannya agar pembaca lebih mudah melihat nya. Sebagian dari kalian mungkin sedikit merasa bosan dengan blockquote yang disediakan blogger, karena terkesan biasa-biasa saja.Namun tenang kali ini sikudet akan memberikan Tutorial Membuat Blockquote blog menjadi keren.

Blockquote adalah kutipan penting dan menonjol dari tulisan lainnya, agar tidak terlewatkan oleh pembaca. Contohnya ini.. sobat akan lebih tertarik pada paragraf ini, daripada di atasnya.

Ok, langsung saja tutorialnya :

1. Buka blogger
2. Pilih Template > Edit HTML 

3. Copy kode dibawah, kemudian paste tepat di atas ]]></b:skin>
* (Gunakan ctrl +F, agar mempermudah saat pencarian)

.post blockquote {
background: #F2F1F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg72ZyxE5Eq0OJm_BE2lz5ej99oD2R5wNWtqviLj-SvpUqFvy3ceNbNLdjXihiLKhAcETHC5cUyQwCxAwxoGcgpjr3PfgEKs9yj5s6jYjfV_7i99G8KXiSKETT9iyYvEoQt9P890L46B24/s400/quote1.gif)top left repeat-y;
margin: 0 20px;
padding: 10px 20px 10px 45px;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
font-size: 0.9em;
}
.post blockquote p {
margin: 0;
padding: 0 0 15px;
}
.post blockquote:hover {
background: #F2F1F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYXBhiFsHodGsmxp68bQfcHnUgSD5pwg5g-LOdDKO5MDZ2NV7cKnXuiMG1dfwtP-5cnTS3Y0RpJ3_j0A6vS27YNixNKpGthEKBlrdibKbkKT7RqPIUsPny-A9-TXQIekOZdRHyul1j6h4/s400/quote2.gif)top left repeat-y;
}

4. Kalian bisa mengganti tulisan yang berwarna biru dengan URL Gambar yang anda inginkan. Blockqoute ini juga memiliki kelebihan yaitu selain tampilannya yang keren juga memiliki efek hover (berubah saat disorot mouse) plus SEO dan tidak memberatkan loading blog :)

Sekian informasi dari SiKudet tentang " Membuat Blockquote blog menjadi keren", semoga bermanfaat, salam Blogger Indonesia

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest