Cara Membuat Blockquote V.2 Di Blog

Asslamualaikum,,,,

Hadehh,,, setelah semalam gak posting saya galau juga yah hehehe, karena semalam saya lagi keasyikan main Game dan Sibuk belajar dan mengerjakan PR, Sekarang tinggal nunggu hasil XD, Sambil nunggu hasil, saya akan share Cara Membuat Blockquote V.2 sebelumnya saya sudah share Blockquote juga, namun demonya tidak benar XD hingga pembaca bingung kenapa blockquote yang saya share berbeda dengan yang dipakai sekarang, karena saya menulis "Demonya adalah posting saya :D" Nah kali ini saya akan share Blockquote karena ada yang bertanya,,, Yuk Langsung saja !!

Sebelum Mencoba Usahakan CSS Blockquote yang sebelumnya sobat pakai Hapus Dahulu/ Pindahkan Ke Notepad.

Karena itulah yang membuat Blockquote Berantakkan... untuk menghapus Blockquotenya, Sobat hapus sendiri saja yah, karena bukannya saya gak bisa, karena setiap template kodenya berbeda". Jika Tidak ngerti coba saja dulu lewati langkah Diatas, Ikuti langkah dibawah ini, Jika hasilnya bagus yah berarti berhasil :D

• Login Blogger
• Pergi ke Dashboard
• Template
• Edit Html
• Lerakkan Kode CSS dibawah ini tepat diatas Kode ]]></b:skin>

.post-body blockquote{line-height:1.4em;position:relative;font-family:Georgia,serif;font-style:italic;padding:0.25em 20px 0.25em 30px;margin:10px 0}
.post-body blockquote::before{display:block;content:"\201C";font-size:50px;position:absolute;left:0;top:15px}
.post-footer{margin:.75em 0;color:#999999;display:none;line-height:1.4em}
.comment-link{margin-left:.6em}
.tr-caption-container img{border:none;padding:0}
.post blockquote{margin:1em 20px}
.post blockquote p{margin:.75em 0}
blockquote {
margin: 1em 3em;
padding: .5em 1em;
color: black;
border-left: 7px solid #0980ff;
background-color: #fff;
box-shadow: 1px 1px 6px 1px #0980ff;
border-radius: 20px 0px 20px 0px;
}
blockquote p { margin: 0; }

Keterangan:

• Untuk tulisan yang berwarna hijau adalah warna tulisan yang ada didalam Blockquote, Sobat bisa ganti warna yang sobat inginkan.
• Untuk tulisan yang berwarna biru adalah warna Border dikiri dan Shadow, sobat bisa ganti dengan warna yang sobat inginkan.
• Untuk tulisan yang berwarna kuning adalah warna Background Blockquote, Sobat bisa ganti dengan warna yang sobat inginkan.

Terakhir, Simpan Template.

Jika ada masalah/ keluhan sobat bisa bertanya lewat komentar, Insyaallah Saya Jawab..

Demikian Artikel hari ini yang dapat saya sampaikan, semoga Artikel ini bermanfaat bagi sobat :) Wassaamualaikum

Posted by Unknown on Jumat, 11 Maret 2016 - Rating: 4.5

Title : Cara Membuat Blockquote V.2 Di Blog
Description : Asslamualaikum,,,, Hadehh,,, setelah semalam gak posting saya galau juga yah hehehe, karena semalam saya lagi keasyikan main Game dan Sibu...

Share to

Facebook Twitter