Berikut Contoh Blockquote yang dimaksud :
Selain itu Blockquote juga dapat mempercantik tampilan blog anda, dengan desain sedemikian rupa, sehingga pengunjung betah berlama-lama membaca artikel Anda.
Ok, mari kita mulai Membuat Blockquote Cantik Dan Ringan Di Blog :
1). Setelah Anda login ke Blogger, cari menu Template lalu masuk ke Edit HTML.
2). Lalu cari (Ctrl+F) Kode ]]></b:skin>, setelah ketemu letakkan kode di bawah ini, tepat di atas
]]></b:skin>
blockquote { background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjmkqHSTEPPt6eLwrEuCL2BYYSV1au_pMEUVhU0TjzrlLsVFK5ojP9H0OVTVyQpg1XWDPvsqK1wLuHjgQkTJmAyhfyg5uP02rgw877ewsJpsFscmws1YSvjvD61p3-X7k1GSfL-ypWRJE/s1600/green-black-side.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 20px 50px; color:#C7CACF; font: normal 0.9em Helvetica, verdana, serif, Georgia, “Times New Roman”; } .post blockquote p { margin: 0; padding-top: 10px; }
3). Simpan Template Anda. Untuk hasilnya bisa dilihat seperti yang di halaman posting ini.
Selamat mencoba dan terima kasih.
No comments:
Post a Comment