Cara Membuat dan Memasang Blockquote di Blogger


Posting kali ini akan membahas soal cara membuat blockquote dan memasang-nya di blogger - blogspot agar postingan jadi lebih menarik. Buat teman - teman yang masih belum tahu apa itu blockquote, silakan lihat deh contoh dibawah ini :
Blockquote dipergunakan untuk memberi tanda pada bagian konten tertentu, bisa untuk menyimpan kode script atau kalimat tertentu yang perlu mendapat perhatian khusus seperti paragraf ini.

Blockquote di buat menggunakan script CSS yang akan kita pasang di dalam template blogger - blogspot kita teman, langkah - langkahnya sebenarnay sama dengan saat kita mengedit template blogspot untuk membuat drop cap yang telah kita bahas di posting sebelumnya.

Baiklah langsung deh kita bahas cara membuat dan memasang blochquote di blogger - Blogspot...

Cara Membuat dan Memasang Blockquote di Blogger


Pertama masuk Blogger.com dan pilih opsi Template
Cara Membuat dan Memasang Blockquote di Blogger Cara Membuat dan Memasang Blockquote di Blogger

Menuju di halaman berikutnya, pilih tombol Edit HTML
Cara Membuat dan Memasang Blockquote di Blogger Cara Membuat dan Memasang Blockquote di Blogger

Selanjutnya ada peringatan semacam ini, langsung deh klik Lanjutkan
Cara Membuat dan Memasang Blockquote di Blogger Cara Membuat dan Memasang Blockquote di Blogger

sebelum mengedit template blogspot, jangan lupa centang kotak Expand Template Widget, baru kemudian teman semua bisa menaruh script Drop Cap
Cara Membuat dan Memasang Blockquote di Blogger Cara Membuat dan Memasang Blockquote di Blogger

Ini dia script CSS untuk membuat blockquote, pasang tepat di atas ]]></b:skin>
blockquote.style1 {
font: 14px/20px italic Times, serif;
padding: 8px;
background-image: url(http://4.bp.blogspot.com/-mwvg6lWGYEM/T9vc6bXh67I/AAAAAAAAADc/Uk1jLy_WqZU/s1600/paper.jpg);
border-top: 1px solid #e1cc89;
border-bottom: 1px solid #e1cc89;
margin: 5px;
background-image: url(http://2.bp.blogspot.com/-WKmBBqo9iSw/T9vdYjifQHI/AAAAAAAAADs/ssztRG6YaxM/s1600/open.gif);
background-position: top left;
background-repeat: no-repeat;
text-indent: 23px;
}
blockquote.style1 span {
display: block;
background-image: url(http://1.bp.blogspot.com/-Az0hQTJP6mU/T9vdRko9v-I/AAAAAAAAADk/b5iYkfU7vm4/s1600/close.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

Kemudian klik tombol Simpan Template dan Tutup
Cara Membuat dan Memasang Blockquote di Blogger Cara Membuat dan Memasang Blockquote di Blogger

Selanjutnya saat akan menampilkan blockquote di dalam posting blog, bagian yang mendapat blockquote disisipi script berikut :
 <blockquote class="style1"><span>   ..... </span></blockquote>
Misal :
<blockquote class="style1"><span>  Blockquote dipergunakan untuk memberi tanda pada bagian konten tertentu, bisa untuk menyimpan kode script atau kalimat tertentu yang perlu mendapat perhatian khusus seperti paragraf ini.</span></blockquote>

Hasilnya akan seperti blockquto yang ada dalam posting ini

Selamat mencoba dan semoga berhasil teman..


1 Responses to Cara Membuat dan Memasang Blockquote di Blogger
Wanita cantik | Tips Kesehatan | Artikel Unik | Unik mengatakan...

Nice share bro


5 Juli 2012 00.14

Poskan Komentar

 
Return to top of page Copyright © 2010 | Bloggers - Meet Millions of Bloggers