Cara Membuat Blockquote di Blog

Posted by


Assalamualaikum,
pada tutorial Blogging kali ini, akan saya bahas sedikit mengenai cara memodifikasi Blockquota,
Blockquota sendiri adalah bentuk lain dari sebuah tanda kutip, di dunia blogging, blockquota di gunakan untuk memperjelas kalimat dalam sebuah kutipan yang ada pada suatu paragraf, namun agar tampilan blockquota terlihat lebih indah dan bagus, berikut adalah cara pemasangannya di blog.

CARA PERTAMA, OTOMATIS TERPASANG DI BLOG.
1. Buka Terlebih dulu dashbor kita, atau buka www.blogger.com/home
2. Kemudian pilih Template (Lihat gambar Dibawah)

Gambar -- > 
Hihihihi...
3. Pilih "Edit HTML" kemudian pilih lagi "Lanjutkan"
4. Beri Centang Pada "Expand Template Widget"
5. Kemudian tekan Ctrl+F, lalu  ketik kode ]]></b:skin> lalu tekan enter.
6. kemudian pastekan kode berikut tepat di atas kode ]]></b:skin>

blockquote{overflow:hidden; width:85%;
   margin-left:30px;
   padding:5px 5px 5px 10px;
   background:#f2fbf4 url(http://blogringan.googlecode.com/files/blockquote4.png) no-repeat right bottom;
   border:#017b19 solid 1px;
   border-left:#B606FC solid 10px;

7. Selesai sudah, Klik "Simpan Template"
8. Sekarang waktunya mencoba, masuk lah ke halaman postingan baru,
buat sembarang kalimat, kemudian Block, lalu klik menu "Quote" atau gambar di bawah ini.
kemudian publikasikan atau pratinjau, itu terserah sobat,


CARA KE DUA, MANUAL COPAS/TULIS SENDIRI.
cara ini dilakukan dengan masuk ke halaman posting, sehingga tidak merubah template yang ada.
berikut langkah-langkahnya:
1. Masuk ke halaman menulis/ posting
2. Klik yang "HTML", bukan "Compose", kemudian pastekan script berikut ini:

<blockquote style="background: #f2fbf4 url(http://blogringan.googlecode.com/files/blockquote6.jpg)no-repeat right bottom; border-left: #f906fc solid 10px; border: #017b19 solid 1px; margin: 0; margin: 1em 3em; padding: .5em 1em;">
Masukkan teks disini </blockquote>

3. gantikan teks warna merah sesuai kebutuhan sobat.
4. Klik pratinjau atau publikasikan, terserah sobat.

selamat mencoba..
jangan lupa komentar di bawah saya tunggu.
^.^
wassalamualiakum...


FOLLOW and JOIN to Get Update!

Social Media Widget SM Widgets




Demo Blog NJW V2 Updated at: 3:26 PM

0 comments:

Post a Comment

Berkomentar lah dengan sopan, tidak menyinggung unsur SARA, Silahkan jika mau mencantumkan Link dan mohon untuk tidak mencantumkan Link yang mengarah ke website dengan konten dewasa.
Terima kasih sudah berkomentar.