Belajar Membuat Blockquote Bagian 2

Sebelum membaca tutorial ini ada baiknya teman mengenal dulu mengenai blockquote,kita bisa membuat sedikit variasinya dengan menggunakan hover .Supaya lebih jelas mari sama-sama ikutin tutorialnya:

Bagaimana Cara Membuatnya?

• Login ke blogger.com

• Klik Tata Letak

• Klik Edit HTML

• Tidak Usah Expand Widget Template

• Copy code di bawah ini :

  blockquote code {
  font-family: 1.2em 'Courier New', Courier, Monospace;
  display:block;
  overflow: auto;
  text-align: left;
  padding: 10px;
  color: #444E1F;
  background-color: #F7BE81;
  border-top: 2px solid #D0EC98;
  border-right: 1px solid #D0EC98;
  border-bottom: 1px solid #D0EC98;
  border-left: 1px solid #D0EC98;
  }
  blockquote:hover {
  background-color:#F6E3CE;
  }

• Taruh Kode itu diatas ]]>

• Simpan Template.

Cara Menggunakan Kode Blockquote di Postingan :

Tulis Artikelnya disini

Hasilnya coba arahkan mouse teman ke tulisan dibawah ini :

Tulis Artikelnya disini

Ya mungkin sedikit kekreatifan teman-teman,bisa mempercantik blockquote ini.

Posted in: