Sunday, May 22, 2016

Dearpins Blogger Template Code and Docs

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 below
      summary_noimg = 340;
      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"
Change these variables with your requirements.
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>
1 comment :

1 comment :

  1. Changing to a non-Blogger template at Blogspot should be an easy process, but it often isn't. Here's a simple process of a dozen easy steps to back up your current blog, install and debug a new template from someplace other than Google, and have a new interface in minutes! More Information

    ReplyDelete