Widgets Configuration

Summary, Load More and View Mode

Summary

To change image size and Summary length follow this step.

1. On Blogger Dashbord Click Template
2. Click Edit HTML
3. Scroll down and Find this Code :
   
   

   var configSummary = {
       thumbnailSize: "s200-p", // Define the post thumbnail size
       summaryLength: 300, // Define the summary length  
    BackupImage: 'http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif' // Backup image if post don't have image   
   };

   Property	Description
   thumbnailSize	Image Format use Picasa/Blogspot image format: To make square image (200x200) Image Format use like this "s200-c" or "s200-p". image will be crop to make it square. Blogspot Image format also look like this : "s200" (if image landscape width will 200px. If image Portrait height will 200px), "w200" (image width will 200px) or "h200" (image height will 200px)
   summaryLength	Define the summary length
   BackupImage	URL Backup image if post don't have image

Load More Post (Home Page)

To edit Load More Text, change image size and Summary length follow this step.

1. On Blogger Dashbord Click Template
2. Click Edit HTML
3. Scroll down and Find this Code :
   
   

   loadMorePost ({
   thumbnailSize:"s200-p",
   summaryLength:300,
   MoreText:"Load more posts"
   });

   Property	Description
   thumbnailSize	Define the post thumbnail size
   summaryLength	Define the summary length
   MoreText	Load more text to display: default: "Load more posts"

   image size and summary length on summary script and Load more script must have same value

View Mode (Home Page)

To edit View Mode from Grid mode to List Mode follow this step.

1. On Blogger Dashbord Click Template
2. Click Edit HTML
3. Scroll down and Find this Code :
   
   

   viewMode();

   (Default) Complete Javascript to setup view mode like this code:

   viewMode({
   viewmodedefault:"grid",
   cookielist:"list",
   cookiegrid:"grid"
   });

   Property	Description
   viewmodedefault	This will setup view mode: you can choose "grid" to show your's post on grid mode or "list" to show your's post on list mode
   cookielist	List mode Cookies name. This will store on browser to make if user click list mode button.
   cookiegrid	Grid mode Cookies name. This will store on browser to make if user click Grid mode button.

   (Default) Complete Javascript to setup view mode like this code:

   viewMode({
   viewmodedefault:"grid",
   cookielist:"list",
   cookiegrid:"grid"
   });

   Property	Description
   viewmodedefault	This will setup view mode: you can choose "grid" to show your's post on grid mode or "list" to show your's post on list mode
   cookielist	List mode Cookies name. This will store on browser to make if user click list mode button.
   cookiegrid	Grid mode Cookies name. This will store on browser to make if user click Grid mode button.

   (Default) Complete Javascript to setup Load More Post like this code:

   loadMorePost({
   thumbnailSize:"s200-p",
   summaryLength:300,
   MoreText:"Load more posts",
   viewmodedefault:"grid",
   cookielist:"list",
   cookiegrid:"grid",
   BackupImage:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif"
   });

   Property	Description
   thumbnailSize	Image Format use Picasa/Blogspot image format: To make square image (200x200) Image Format use like this "s200-c" or "s200-p". image will be crop to make it square. Blogspot Image format also look like this : "s200" (if image landscape width will 200px. If image Portrait height will 200px), "w200" (image width will 200px) or "h200" (image height will 200px)
   summaryLength	Define the summary length
   MoreText	Load more text to display: default: "Load more posts"
   viewmodedefault	This will setup view mode: you can choose "grid" to show your's post on grid mode or "list" to show your's post on list mode (make it same setting with view mode javascript)
   cookielist	List mode Cookies name. This will store on browser to make if user click list mode button. (make it same name with view mode javascript)
   cookiegrid	Grid mode Cookies name. This will store on browser to make if user click Grid mode button. (make it same name with view mode javascript)
   BackupImage	Backup image if post don't have image.