Blogger is really a nice platform for those bloggers who wants to customize their blog according to their own choices. This post is also about blogger customization. Today we will learn how to add shadow around blogger comment box.
☛ First log in to blogger. Then go to your Dashboard.
☛ Select Template ➤ Edit Html.
☛ Ensure to backup blog’s template.
☛ Then click anywhere inside the code and hit Ctrl+F and in the search box paste the following code:
☛ Just above the previous code paste this code:
☛ Now search for this code:
☛ Replace it with this code:
☛ Now click 'Save' and you are done!
☛ First log in to blogger. Then go to your Dashboard.
☛ Select Template ➤ Edit Html.
☛ Ensure to backup blog’s template.
☛ Then click anywhere inside the code and hit Ctrl+F and in the search box paste the following code:
]]></b:skin>
☛ Just above the previous code paste this code:
#css3-form iframe{
border:1px solid #CCC;
border-radius:4px 4px 4px 4px;
box-shadow:0 1px 11px rgba(0,0,0,0.15);
padding:12px}
☛ Now search for this code:
<div class='comment-form'>
☛ Replace it with this code:
<div id='css3-form'>
☛ Now click 'Save' and you are done!
No comments:
Post a Comment