Bagaimana Membuat Blockquote di Blogspot

Wednesday 9 January 2013 Labels:

Postingan Tutorial Blogspot  Kali ini Bagaimana Membuat Blockquote di Blogspot ,Sebelum memulai Bagaimana membuat Blockquote di blog ,Blogger harus tahu dulu apa itu yang dimaksud dengan Blockquote nih saya jelaskan.Blockquote adalah
Preformatted Text Preformatted Text <pre> digunakan untuk menampilkan teks sama seperti yang Anda ketikan dalam dokumen HTML 
Cara membuat Blockquote di blogspot

  • Login ke Blog
  • Template / Rancangan
  • Edit HTML 
  • Cheklist Expand Widget
  • Copas Kode di bawah ini paste tepat di atas kode  ]]></b:skin>
blockquote.style1 {
font: 14px/20px italic Times, serif;
padding: 8px;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Vls8yI9FxZ1SdEglyAPMqumqXMlWoIyhdhWOEPz3V4Dzsk-ukj6ucIzpvW3nzxsqZWwVSgTlhj2rVbv0PQbmunEyCF3TZWZ87evwoqgEvtXPn69CIhcI2294FlN07ee2u1sPBTjKn2qg/s1600/paper.jpg);
border-top: 1px solid #e1cc89;
border-bottom: 1px solid #e1cc89;
margin: 5px;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWx8d7TaoHdDI9OhLNqU1UNY1fNFv0y34V_R7Qv3JzidhtEhuEdPZEMhUvH15_hyphenhypheniokdj1yMenNn11ZM58w_F5n0_P9O_utnqbov9OLr13K2ABg26apHzggAjjiJxDI2xJrosDlbkQym8W/s1600/open.gif);
background-position: top left;
background-repeat: no-repeat;
text-indent: 23px;
}
blockquote.style1 span {
display: block;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPEPNgTXMaOOlEpVXaYSXQLZZqZdO_lUU6r4BxipWW9faQz3h6SQgzNY5-ksypz3yNuQRj7Cx3VwAbHPdkX4Xz2vNK7puQrvMAaG_nN_jsh_PsOcRJWyxmHs0ww_BxTJ1o6qC3AWnVgM1U/s1600/close.gif);
background-repeat: no-repeat;
background-position: bottom right;
}
Jangan Lupa Save Template....jadi dech...silahkan peraktekan

0 comments:

Post a Comment