Thursday, September 18, 2014

Cara Membuat Tag Blockquote Blog

demediablog


Selain membuat blog mudah seo di samping itu juga untuk mempercantik tampilan blog perlu di lakukan oleh blogger karena selain informasi yang baik yang di sajikan dalam sebuah blog,blog juga harus sedap di pandang agar pembaca ata pengunjung betah lama - lama berada pada halaman blog kita.

Penyajian isi / content dalam blog post agar terlihat rapi dan menarik berikut cara membuat blockquote , blockquote sendiri artinya untuk menampilkan teks sama seperti yang di ketikan dalam bentuk dokumen html.

Ikuti cara berikut ini :

  • Cari kode  ]]></b:skin>  ( pada menu template edit html )
  • Copy paste kode di bawah ini letakan 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/AVvXsEgOx8p6EWuvfcvkIItKkOsqaBit2L2hkO52ZD-jyW6p28nGYJsQTyRqtCVdH-oj6dEn6Q3rOMPVNLJhgdpBNAhqLXMPkPK5LaHgzebUmPtN-uOgzaZjdc4uid0zBjt2KuWAaeDk7aR-Zv69/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/AVvXsEgWwSRty6qvTWGI8zqBaQOlQo7TxlJtFpZ2fA09HcJd0T1YYuZsttaRysLWdmTypgEdZeKwoBSRypB93hyphenhyphenN5xOWuhhHVI2F5yKD3B2YKDYcTEyNMrqyWXgk_-3A3WMnJyrmtcvJ76vhtaZU/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/AVvXsEioDb3zc4Mr2coNv5F4SbyS7fXjg8rPhZB2CsD5Wkdv6cx3VrXQsPf3RJmlPfyOQkkZzhAYuPthCrQcgRUK02AY80QR2DVk9FDDhy9F3tgHqSNpp2vKd1Ri-r5NTZmYrNkNzmv8SITRICwU/s1600/close.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

Save template





No comments:

Post a Comment

Hosting Gratis