Cara Membuat Blockquote Keren di Blog

Nehandnews.com - Cara Membuat Blockquote Keren di Blog, Selamat malam sobat Nehandnews.com, pada kesempatan kali ini saya akan sharing Cara Membuat Blockquote Keren di Blog, Nah buat sobat blogger pastinya kalian tahu bukan blockquote ? ,blockquote adalah suatu kode yang di gunakan untuk menandai serangkaian kata kata penting di dalam sebuah postingan, tidak hanya berupa kata saja yang bisa di masukkan di blockquote ini tapi juga bisa berupa Script atau kode html. Selain Fungsi  di atas, penggunaan Quote juga akan terlihat lebih menarik dan rapi jika dimasukkan di posting, apalagi kalo blockquote nya unik unik modelnya, tidak seperti bawaan template aslinya.yang monoton.

Nah langsung saja sob,berikut cara memasang blockquote unik di blog.

• Masuk ke akun blog sobat
• Klik menu ''Template''
• Selanjutnya pilih ''Edit HTML''
• Cari kode ]]></bskin> , Gunakan tombol (CTRL+F ) untuk mempermudah pencarian
• Setelah ketemu taruhlah salah kode berikut dan taruhlah di atas kode ]]></bskin>

.post blockquote {border-top: 1px solid #FF82AB;border-left: 1px solid #FF82AB;border-right: 2px solid #FF82AB;border-bottom: 2px solid #FF82AB;background: #ffffff;margin: 6px 20px 6px 20px;padding: 8px 8px 8px 8px;font-size: 1em;font-style:italic;line-height:1.4em;}

.post blockquote {border:1px dashed #DC143C;background: #EEE0E5;margin: 6px 10px 6px 10px;padding: 8px 8px 8px 8px;font-size: 1em;font-style:italic;line-height:1.4em;}

.post blockquote {color:#EE9A00;border:5px dotted #000000;background: #ffffff;margin: 6px 6px 6px 6px;padding: 8px 8px 8px 8px;font-size: 1em;line-height:1.4em;}

.post blockquote {color:#00CED1;border-top: 2px solid #000000;border-left: 2px solid #000000;border-right: 1px solid #000000;border-bottom: 1px solid #000000;background: #ffffff;margin: 6px 0px 6px 0px;padding: 8px 8px 8px 8px;font-size: 1em;line-height:1.4em;}

.post blockquote {color:#666666;background: #ffffff url(http://i39.tinypic.com/154iuq9.jpg);background-position:top left;background-repeat:no-repeat;margin: 6px 6px 6px 6px;padding: 8px 0px 8px 74px;font-size: 14px;font-style:italic;line-height:1.4em;}

.post blockquote {border-top: 1px solid #FFF;border-left: 1px solid #FFF;border-right: 1px solid #666666;border-bottom: 1px solid #666666;background: #000000 url(http://i37.tinypic.com/23tgzfk.jpg);background-position:top left;background-repeat:repeat-y;margin: 0 20px;padding: 10px 20px 10px 45px;font-size: 0.9em;}

.post blockquote {background: #ffffff url(http://i44.tinypic.com/slh4yu.jpg);background-repeat:no-repeat;background-position:top center;margin: 6px 6px 6px 6px;padding: 8px 36px 8px 40px;font-size: 14px;line-height:1.4em;}

.post blockquote {color:#000000;background: #ffffff url(http://i41.tinypic.com/24fh84w.jpg);margin: 6px 6px 6px 6px;padding: 8px 6px 8px 6px;font-size: 14px;line-height:1.4em;}

.post blockquote{ margin : 0 20px; padding: 50px 30px 50px 30px; background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO5TWEhArWXMIWTe3Is0OHEH8MyWvkV7uym1x90Z5Uo7-eQIcty7pRdpVHkKcDszI0SY8vDhHlr5wlV5tVQC0muqXYytzntKxvbwPd-LyyywxoOMILzMmfVqk5TRQxNSapY8smaeIebH4/s1600/BLOCK1-TOP.gif) no-repeat top; font: bold italic 1em Helvetica, verdana; color : #000; } .post blockquote div{ background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRVBAYIOJM0yi4BqDY9NcJperkQfYVhtjOa5hAzzD7Z3_CAsdQh0Fr2FArpyb9semQ6_9E1m25_SCE_XvomQlvfLbcwhKWe2JyLK_1WjKDJoEv7b1mE485CujRppRtULDDfV79TLzqLP4/s1600/BLOCK1-BOTTOM.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding-top:10px; }

.post blockquote { margin : 0 20px; padding: 10px 20px 25px 20px; background : #9FCFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_3PlmV7NT_n_yDQfMmiX4tmcDB9dVcu5H0j_SWQif6DP9AkTaB_8nUtDiPDmxT3bI-Aj_quqKVgfyy34RTa8s1oh8Ierk24L2ILcyIDiivdIAXWpsvXbGsZA0dkWR3y5pWXRtSYyq-rw/s400/block22.gif) no-repeat right bottom; font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia; color : #484848; border: 5px dashed #fff; } .post blockquote p { margin: 0; padding-top:10px; }

.post blockquote { font:bold italic .9em  "comic sans ms", Tahoma, sans-serif; padding-top: 25px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPVV0NjYTrd9Sn3HHfherNX18VD6IzwqnS3mEI-quEqoAFQK9Lc2tbYuRYTw0LjGrLcus39DPz00eLncvKj4OCxK4esUTp0Y-VIKNXQ8QnP5bSErS_hpTeqJstbG8Zyyy5kSHlt-ebV9k/s400/left.gif) no-repeat top left; text-indent: 65px; color:#6299E4; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR89FdTLCBbOfKaVu8iJuma5qr0qwhTWTwQSTodARVGxz9YzWjSg93tDrH-1PmTV59JYAVrXWxS1spJlmmS1tpX0tnx8cxlqizQj-x5nreYMmcKzC8N8ebcb6GHlmpuEwfFSLwTyGEmX4/s400/right.gif) no-repeat bottom right; padding-bottom:30px; } .post blockquote p { margin: 0; padding-top:10px; }

.post blockquote{ margin : 0 35px; padding: 80px 0px 0px 0px; background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuLjuTZcE1Yw0n7IfOwQe9hi0iufFyFfYHNzRbK4NFUqbe4oK7IGCBItTeKoj5_eMQZ8-VJ9Mh-m4EdAQYrpoLrSswAjAXZVBQO9Gd4yxSDditES6Vl8eKgnjvX_bT0IutnLr2TVhlKe4/s400/head2.gif) no-repeat top; font: normal 1em "comic sans ms", Helvetica, verdana; color : #666; } .post blockquote div{ background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEKZFWKAgkpGH98MitkgEArFFsYZsz00ZMOCOpzDfoi-hLOZ8OPhJXeLVrGXJr3PIANAzg8RRTUes49ZXlzgKgHxM39x767GayQf9YeMoQ9Yn8O6Is6YsNTNoaqh2xiZipRBc53EXh2K8/s400/head-bottom3.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding: 20px; }

Catatan : Jika sobat pengguna template seperti blog Nehandnews, cari kode blockquote {background:#f8f8f8;margin-left:2e bla bla bla bla}, ganti kode {background:#f8f8f8;margin-left:2ebla bla bla bla} dengan kode diatas (tanpa .post blockquote di depan nya)

Nah berikut Cara Membuat Blockquote Keren di Blog, semoga bermanfaat !!

• Tweet
• Share
• Share
• Share

ADVERTISE

Related Posts