Posted by : Unknown Juli 21, 2013

Hai Sobat,apa kabar? yg pastinya baik ya :) apalagi di bulan Ramadhan ini,kita harus menjaga tubuh kita agar tidak lemes. SEMANGAT!! xD

               Oke,udh lama nih Saya tidak memposting di blog ini,karena kesibukan yg menghalang.
langsung aja ke artikelnya,Ada seorang Teman saya yg menanyakan tentang Cara Membuat Block Quote Sederhana/Simple Tapi keren seperti yang ada di blog ini. Sebelumnya kita harus tahu dulu Block Quote itu apa Sih? BlockQuote adalah kutipan tulisan, blok kutipan yang kita anggap penting atau memiliki arti khusus.


Sebenarnya pada template default blogger juga sudah ada block quote tetapi tidak ada background dan kotaknya.
Langsung saja Masuk blogger > rancangan > Edit HTML
Cari kode .post blockquote (jika ada, jika tidak ada cari kode lain, baca di bawah)
ganti dengan script di bawah ini:

.post blockquote {
background:#f5f8fa;
border-color: #D7E8F0;
border-style: solid;
border-width: 1px 1px 1px 20px;
color: #004276;
font-family: Consolas, "Courier New", Courier, mono, serif;
font-size: 13px;
line-height: 16px;
margin:10px 0 10px 10px;
overflow: visible;
padding: 28px 10px 10px;
width:80%; }
.post blockquote:hover {
background:#FFFFFF no-repeat scroll 0 0
}

Jika tidak ada kode .post blockquote
cari kode ]]></b:skin>,  Letakkan script tadi yang di atas, TEPAT DI ATAS kode ]]></b:skin>
terakhir Simpan Template.


Taddaaa... Lihat hasilnya dan Succes :)

Sekian dulu dari LANZ EXCLUSIVE Blog Semoga Bermanfaat :D

Leave a Reply

Sebelum Berkomentar Mohon Patuhi Peraturan Berikut :

-Berkomentarlah yang sopan
-Jangan berkata yang dilarang/Kotor.
-Gunakanlah Google Acc / Name /URL , Usahakan Tidak memakai Anonym
-Dilarang Spam , Sara , Floods.
-Dilarang Chat Yang Berbaur Porno.
-Tidak menaruh live link, jika melarang akan saya hapus permanen.

Salam,Admin Lanz EXCLUSIVE

Terima Kasih.

Subscribe to Posts | Subscribe to Comments

- Copyright © 2013 Exclusive Blog - Powered by Blogger - Designed by Johanes Djogan - Modified by AlamsyahJN