|
|
Caranya sangat mudah koq guys, jika tertarik mencobanya silahkan ikiuti langkah berikut :
1. Login ke blogger » layout / tata letak » edit HTML
2. Masukan Kode CSS berikut diatas ]]></b:skin>
/* Blockquote */
blockquote {margin:0px;padding:15px 15px;color:#775A35;font-size:13px;background-color:background:#101113;box-shadow:0px 1px 3px #000;box-shadow:inset 0px 0px 5px #000;
border:2px solid rgba(255, 255, 255, 0.03);
border-left:22px solid rgba(255, 255, 255, 0.03);
font-family: "Consolas","Courier New",Courier,mono,serif;
border-radius:5px;text-shadow:0 1px 1px rgba(0,0,0,0.2);position:relative;}
blockquote em {font-style:normal;}
blockquote:hover{background:#111;}
blockquote:before {
content:"";width:0;height:0;
position:absolute;
bottom:100%;right:15px;
border-color:transparent transparent rgba(255, 255, 255, 0.03);
border-style:solid;
border-width:10px;
}
3. Simpan template. Dan berhasil.
- NB : Jika sobat memiliki Blockquote standar pada template anda, terlebih daluhu dihapus ajj semua, lalu ganti dengan Blockquote yang diatas.
Itulah tutorial kita kali ini, semoga bermanfaat yach bagi teman2.^^
jangan lupa lihat juga tutorial yang sama 'Blockquote Uniqx dengan Fungsi Sliding Ala Utta' disini
Silahkan anda laporkan jika ada link yang rusak atau beberapa tutorial yang tidak bekerja, karena saya akan segera memperbaikinya, dan berhubung saya baru mengganti themes blog, jadi pasti banyak artikel yang berantakan!
Saya harap anda dapat membantu saya untuk memperbaiki semuanya dengan berkomentar di artikel yang bermasalah..
thanks sebelumnya sudah berkunjung keblog utta yang sederhana ini...
Please rate this article:
{[['
', '
']]}
', '']]}{["Useless", "Boring", "Need more details", "Perfect"]}
Jika Artikel ini menarik, Silahkan copy paste permalink berikut ini di blog sobat!
klo blocquote seperti punya mas gmana tutornyaaa..???
BalasHapus@Odingk Cz: maaf ru bls gan, cb lht disini http://ut2a-4down.blogspot.com/2012/04/pasang-blockquote-uniqx-dengan-fungsi.html
BalasHapus