This is documentation for Dearpins Blogger Template from weblogtemplates.
Changing color codes in template
Just use template designer->Advanced section from customize section of blogger template section. You can also change the header banner using template designer.It is also easy to adjust width of template.
Template->Customize->Adjust Widths section
Setting Config
In your blogger template admin panel navigate to template section and click edit html button. And search for codes as shown belowsummary_noimg = 340;Change these variables with your requirements.
summary_img = 240;
postthumbnail = "w250-h160-c";
imgr = new Array();
imgr[0] = "https://1.bp.blogspot.com/-nhrIA7_1ei0/UkHKoMI2UTI/AAAAAAAAA28/a9-8_0KXPTI/s1600/no-thumb.jpeg";
numposts = 9;
showRandomImg = true;
//related posts settings
var defaultnoimage = "https://1.bp.blogspot.com/-nhrIA7_1ei0/UkHKoMI2UTI/AAAAAAAAA28/a9-8_0KXPTI/s1600/no-thumb.jpeg";
var maxresults = 3;
var relatedpoststitle = " Related Posts";
var norelatedpoststitle = " No related posts"
summary_noimg - Summary text length when there is no image in post.
summary_img - Summary text length when there is image in post.
postthumbnail - Adjust Home page post Thumbnail size
imgr[0] - Magazine widgets no thumb default image.
numposts - Default number of posts for sidebar recent posts. Not important.
Related posts settings
defaultnoimage - Related posts no thumb default image.maxresults - Number of posts to show in relates posts area
relatedpoststitle - Related post heading text when there is more than one related post.
norelatedpoststitle - Related post heading text when there is no related posts.
Recent posts with small thumbnail
Code for html widget. Replace Featured with your own label.<div class="small-recent-posts">
<script>
widgetrc(
'Featured','3','singlecolumnsmallthumb'
);
</script>
</div>
This code if need to showcase recent posts.
<div class="small-recent-posts">
<script>
widgetrc(
'','3','singlecolumnsmallthumb'
);
</script>
</div>
Email subscribe widget
Widget code, that you can add to heml blogger widget.<div class="well">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open("http://feedburner.google.com/fb/a/mailverify?uri=weblogtemplates", "popupwindow", "scrollbars=yes,width=550,height=520"); return true" target="popupwindow">
<div class="form-group">
<input id="follow-by-email-address" name="email" placeholder="Email address..." type="text" class="form-control" />
</div>
<div class="form-group">
<input id="follow-by-email-submit" type="submit" value="Submit" class="btn btn-danger btn-email" /> <input name="uri" type="hidden" value="weblogtemplates" /> <input name="loc" type="hidden" value="en_US" />
</div>
</form>
</div>
