Membuat Blockquote Tampil Cantik - Berikut ini adalah cara membuat blockquote supaya blockquote blog Anda terlihat lebih menarik dari pada blockquote bawaan blogspot. Anda hanya perlu meletakan kode css dibawah ini yang dianggap sesuai dengan warna template blog Anda. Berikut kode css dan contoh hasilnya :
Kode CSS Blockquote 1 :
.post blockquote {
margin: 1em 3em;
padding: .5em 1em;
border-left: 5px double #AEB404;
background-color: #F2F5A9;
}
Hasilnya :
Ini adalah contoh blockquote - http://kangamphi.blogspot.com
Kode CSS Blockquote 2 :
.post blockquote {
background:#F9F9F9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwBX7hbSJkf1MG8k0-5GlU9bq50EJUTArdfQrI6ZFsR2dHpqPg3Kur3AwewMlPskoAdMZvDN37hVwqKpLGA-g2NgJqNmlTXDBR3InV8suUuY5Hn06rj6rmeezz9aV3iSnsqodCNLxjZKA/s400/quotes_icon.gif) no-repeat scroll 5px 5px;
color:#3B0B0B;
border:2px outset #E6E6E6;
margin:10px;
padding:10px 10px 10px 40px;
}
Hasilnya :
Ini adalah contoh blockquote - http://kangamphi.blogspot.com
Cara Pemasangan :
- Login ke Akun blogger
- Klik Design > Edit HTML
- Cari kode
.post blockquote{
..........................................
..........................................
..........................................
}
- Hapus semua kode tersebut dan ganti dengan kode css diatas
- Simpan Template
Kalau mau, Anda juga dapat mengkreasikan blockquote Anda sendiri supaya serasi dengan template blog Anda. Lihat gambar bagian blockquote dibawah ini:
Gunakan juga salah satu logo blockquote dibawah ini. Caranya : copy url logo blockquote yang telah disediakan:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizOs7ykLeUcboBWiKqlcVT5w_GokuY5wZ7tHHY8ZAt6GzMs76dEdMtl4jWt3DxW4SVaDLQfV7904CswUDvhCwFecpN0nfuM8q35ErGuPqbDKMCxUtgJRdA2AJsoG0DqdSDPGK7zM2py7us/s1600/blockquote1.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn-NJhya84A6fPlwyueVNCB6F0cgbSb6xrE2f__kXxT17ra_0GLkubepBi6mr67rykWcRJjoXlg6AZCMlsGsyT0oz34xMO5zBLMrErKaKsrOyXoOnv3NgF7KUn2c7BTYMY3DPGPntvAxeD/s1600/blockquote2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwkMFJ12Al85jCAP0i61v3efaGFGHxssT3PC9Gtn7okPxMCtpjC0vfIZGhhgRM4qb-ANTtz7Ba5wFk0xYY6MlmKi9X2fcbLu1TLtZpDpQFRzpOr3ESRfobYxf30aLpO6fc3mzQNXGMfyLv/s1600/blockquote3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIKCkyYNLE9FAjva6M23wwyqzdzYBPubOmhPpUcH4co3ne0TALWmJUugHpEdWqn4omUbSTC3WNUXQmVKNo10X5PGMRgrV4fW7ELsvrIXhwz0zfbgyzACYWyQybksjR0NSRhFcQFoD8vcSD/s1600/blockquote4.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvsY7CDmjB0Ve3pkjnsvAwpr15ShH00a7GrtTdrcy1m5go0V0DMb7YFj1QVDDm6bwEL5I0Q8DlIpLRalJ4Q0KdtnRYmgrOjm2wwiMe1nOrecLHoh8HOPb8LXS6F7FR9AYWyYVpeHzFF1tM/s1600/blockquote5.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHjIMou2n2dueD1ZbwwhWZngvMwi7VPfP6NCa7O1L0qJDOcHYhfjjRK7ORikmBRDC2zcIKlql3KZRufhyDd4ImtpVr3O0oiRlVOXh9aXS2CV-Zy0ndewsv9-SAb5N3rbIBqu7s6UAohTia/s1600/blockquote6.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBvIDneW-tiq-h2UXvIx1jaM3rIsIiCrcNWLeXGrW-wkqI7VpfYBg09W-MnBZ_dfg6nplZwiLQhJdW6BkhkJU2B4BrkiN3AepKZ06-IdMKjMfaJlvAk6Z5ozO-CfsiGXZ2Lv7Mz48D_oCx/s1600/blockquote12.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia4Tva1SdAkC6dw8BHHBw0564_RnqVpPBDNBaTBi72dAE_NNN-RmGdiRuXSTjzV1mv0Qh-7VR5lCymubM7VcFJD-hX7bS5dtj2vS-tACkKovwFTJUi8TSlHAFkpwS62sVuCqDgbhScDxQ1/s1600/blockquote11.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRyBKUzkV33h6oFtTa_UVxgnIejeIOMMEpsvVGTDkO9Mzt0PhyphenhyphenMl5iAb6dzWbBGKnyaaCBt3SdyKOe98CAdRwt9mnzS8qCjuHdBauek_q3kp9SD1VJzFGhewnuXfvNKzWupWGzH09rjUx2/s1600/blockquote8.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcfpSDzUenHx3aQijqfgbGb3eJ31eBbA-gMuJ2JwqvU0ZRCQEDOnsJt4lkXNAm2EaIMUj6ufnRamaD7qN78rkFHfcwhacLgghNOjfeId8DO-rtoN15rHjjpUilZebNFSrujQ1BkSddF3G7/s1600/blockquote9.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGMuMBqyKoNQHljKEOQ6g95k4XRRyjymrOa-jyLECNm9Iu-4KL2ByBs77wYurBPa-X13AyFSme-aX6_tCn5mu0xv33lo5iltOVfxOfGm4L5mKGvh-6UvsAjn6p-W-V7j4Ym8BKRZRneIQP/s1600/blockquote7.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Fv1Cmpa_V13ISN_GtoqD_0VjG2ih4z1UIJe7fCVPmukDinQa0Acyiz0LjYOd-oM5g5GCtN-YPa3if9gWNW9S2vVYxVoO0GZDTJWZ8HQR7qJKAng0sA0_r9uQ1tnBgUmKG0ICvzWn7tP8/s1600/blockquote10.png
