seringkali terjadi masalah pada pengeditan blockquote pada template blogger di karenakan pada setiap template blogger atau blogspot itu tidak sama,sobat mastony hari ini kita akan membahas sedikit tentang bagaimana cara mengubah tampilan blockquote di blogspot atau blogger.
sebenarnya cara ini nggak jauh beda dengan cara membuat blogquote Sebelumnya ..
hanya saja pemakaian atau penulisannya yang berbeda ,sobat juga bisa menggunakan metode ini jika pada blockquote sebelumnya gagal,sebelumnya menggunakan<blockquote> Tulisan yang akan di dalam blockquote ..</blockqute>
kalau yang sekarang <div class="blockquote"> Tulisan Anda di sini ..</div>
dan penulisan ini wajib pada mode edit html .
Untuk Edit tampilan blockquote
untuk edit tampilan blockqute tersebut Anda bisa mengubah aturan css di bawah ini dan letakkan di atas kode ]]></b:skin>
margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color:#3d85c6 ;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWjtZ7FQ4JopM9BPmyDC1W3ktiPc_k2nwp-3bWa5s4_4efhjfjqbfDHpBAc4RKq48lKZ6RNzIMaP7kZiw0VsO0mPgsB_CJrFdgK5VCV6pUJI-MFhTRKLw8SPdwqh59nH8Eso8P82ubC9g/s1600/blockquote+mini.jpeg)no-repeat top right#fff;
border: 2px solid #38761d;
border-left: 20px solid #38761d;}
border : garis tepi ,2px ketebalan garis tepi,#3871d kode hex atau warna dari garis tepi.
border-left: garis tepi pada bagian kiri
color:#3d85c6: warna text yang di dalam blockquote nantinya.
anda juga bisa mengubah gambar yang berada di kanan atas blockquote tersebut pada baris di bawah ini : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWjtZ7FQ4JopM9BPmyDC1W3ktiPc_k2nwp-3bWa5s4_4efhjfjqbfDHpBAc4RKq48lKZ6RNzIMaP7kZiw0VsO0mPgsB_CJrFdgK5VCV6pUJI-MFhTRKLw8SPdwqh59nH8Eso8P82ubC9g/s1600/blockquote+mini.jpeg
saya rasa cukup sekian tentang bagaimana cara mengubah tampilan blockquote.
Happy Bloging ..
Tidak ada komentar:
Posting Komentar
Silahkan Anda Komentarkan Tentang Post ini yang baik dan sopan,
Jangan sampai komentar anda dianggap spam . . .