Home » » Cara Membuat dan Memasang Blockquote di Blogger

Cara Membuat dan Memasang Blockquote di Blogger

Pada Tutorial kali ini saya akan sedikit menjelaskan cara membuat blockquot atau menaruhnya di blog kita, tutorial ini saya dapat kemaren waktu blogwalking di blog sebelah, dan inisiatif saya untuk mempublishnya hari ini untuk sobat semua, Blockquot itu apa sih ?, previewnya seperti text di bawah.
"Blockquot biasanya di pergunakan untuk membedakan tampilan suatu text tertentu, biasanya berupa kode script untuk memudahkan pembaca menemukan kode tersebut"

nah gimana, sudah pahamkan tentang istilah blockquot, untuk itu langsung saja kita ke TKP,
Cara memasang blockquot di Blog sbb:


1. Login ke akun Blogger sobat  » masuk Edit HTML, jangan lupa centang kotak Expand Template Widget.

2. Temukan kode seperti ini: ]]></b:skin>

3. Lalu Letakkan script berikut 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/AVvXsEiyuCTt-szYn2UGOxUVjM1UjP_DWoA3wKdj8CculIug4TGPvXskfRX6mb7-R3HWiEoArd5oNXMrj_4KYWAT-zC1UoXWkEpXAki66rQlfBX1N_JvM8lSFVzkne5sEoWVn2UyTh2YNAQ_vbbW/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/AVvXsEj7gyleJvAZpinKOs88Glzu2lYqS5C3rJG0i7MT2pOg7BUqybdLQYnmX_CG04eAagWAvEbWxXLJy-F-4sroy9G4XopJ_jbvtLy6ed3O0xWnKYP7bEvJcL-Edz-OTALT174JIa7LmshZT9Y2/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/AVvXsEimbKHEoECIpQXGPqJ1Y1pXdLNhDM7R_VNUaWBxlMhHBn8XUvFyC7TTMiLwQQLoqYVgvHqjKRRSHmIRLYKtBYuSPe8ou3ITLbFpq3glk5uWMriotvwcwjaSG2UimVdMpIegASTYGq_sgpmU/s1600/close.gif);
background-repeat: no-repeat;
background-position: bottom right;
}
 4. Terakhir simpan template sobat.

 5. dan ketika sobat mau memakai blockquot pada text tertentu, pada saat membuat entri masuk di      HTML entri,

6. Tinggal anda tambahkan kode sbb:
<blockquote class="style1"><span> text/kode anda disini</span></blockquote>



7. hasilnya bisa anda lihat di blockquot pada kode diatas.
    sekian tutorial kali ini, semoga bermanfaat, dan Terima kasih.
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Fanatik Global
Yuk, Berlangganan Via email
Anda baru saja membaca artikel yang Berjudul : Cara Membuat dan Memasang Blockquote di Blogger » Silahkan bookmark jika Artikel ini bermanfaat, atau copy Artikel ini dengan menyertakan link berikut.




Komentar ya Sobat

Tak lengkap rasanya bila sobat mampir kemari tanpa meninggalkan Komentar terkait Artikel di atas, (No Spam). Dengan begitu saya akan mampir & comment balik untuk anda seorang Blogger. - Salam

Next Posts Previous Posts home