Wednesday, 11 September 2013
Asslamualaikum,,,,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
Keterangan:
- 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
9 comments
gan tukar link yuk
boleh, Silahkan pasang duluan :)
ane boleh ikutan gk min??
link ente yang mana?
http://area-share.blogspot.com/p/tukar-link_4.html
http://www.g-bloog.com/p/anonymouse-revenge.html Nih Sob silahkan pasang duluan
Keren gan blockquote nya
Keren juga blockqupte nya , boleh dicoba nih :)
kenalin http://www.mestiqui.com/
Silahkan :))
Waw Ini yang saya cari cari Ijin Coba ya
dan jangan lupa comment back
klo menurut saya... kurang menarik sob.. block nya
http;//harafimulki.blogspot.com
Gunakanlah bahasa yang sopan
Tidak mengandung SARA (Agama, Suku, Dll)
Tidak menyertakan link aktif.
Jika melanggar syarat diatas komentar akan saya anggap SPAM
Konvert KodeMember AktifJoin This Blog