Created for bloggers who want to start an e-commerce or shopping site, Blogger Store is a professional looking template compatible with Paypal or Google Checkout
A beautiful photo blog template that displays photos in gallery format and is available in two styles basic and advanced
Magazine style theme adapted from wordpress
A simple theme with a clean layout
A nice-looking pop out social bookmarking widget that allows readers to share their favorite post easily
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCw73I0oLlvj4RVPMo8JC_xmeMomjm2QfrXMMgTF_WpNG2avgGjTsSwEJ2xiPl6y9Vemp5RS-erEHGDUiJKgqgH29x7jSolUHlPzLWpU_-utElkD5h0QYSvMUlM8DzPoX5gxdKKwIiaY6g/s1600/peoplelogo.png
label10 = "Kate Hudson";
Title10 = "Kate Hudson";
<b:section class='middlecol' id='middlecol' preferred='yes'>Below this add the following code and change the blog url and also the label (marked in bold) from which the posts need to be pulled out, save the template.
<b:widget id='HTML3' locked='false' title='GALLERY' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "";
imgr[1] = "";
imgr[2] = "";
imgr[3] = "";
imgr[4] = "";
showRandomImg = true;
tablewidth = 270;
cellspacing = 5;
borderColor = "#fff";
bgTD = "#0b92be";
imgwidth = 270;
imgheight = 300;
fntsize = 14;
acolor = "#FFF";
aBold = true;
icon = " + ";
text = "Komentar";
showPostDate = false;
summaryPost = 0;
summaryFontsize = 12;
summaryColor = "#000";
icon2 = " → ";
numposts = 3;
home_page = "http://peoplesiteclone.blogspot.com/feeds/posts/default/-/Gallery";
</script>
<script src="http://artist.musikji.net/arthems/recent-categorig.js" type="text/javascript"></script>
<b:widget id='HTML5' locked='false' title='YOUR Category ...' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-PF2lxRlXeRF9316taguQMhokxo9_mO9H8X0Hr2S45TOl-GgwL55UH7Bj26j6N_KMf70MD9ZpEF4XcJLeEMX0kf3AZXMtChDq9ZoyjiUucAbX4ynzGLlDKgGS4cJ6ttG1Tiv91f_6peg6/s1600-r/no-image.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-PF2lxRlXeRF9316taguQMhokxo9_mO9H8X0Hr2S45TOl-GgwL55UH7Bj26j6N_KMf70MD9ZpEF4XcJLeEMX0kf3AZXMtChDq9ZoyjiUucAbX4ynzGLlDKgGS4cJ6ttG1Tiv91f_6peg6/s1600-r/no-image.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-PF2lxRlXeRF9316taguQMhokxo9_mO9H8X0Hr2S45TOl-GgwL55UH7Bj26j6N_KMf70MD9ZpEF4XcJLeEMX0kf3AZXMtChDq9ZoyjiUucAbX4ynzGLlDKgGS4cJ6ttG1Tiv91f_6peg6/s1600-r/no-image.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-PF2lxRlXeRF9316taguQMhokxo9_mO9H8X0Hr2S45TOl-GgwL55UH7Bj26j6N_KMf70MD9ZpEF4XcJLeEMX0kf3AZXMtChDq9ZoyjiUucAbX4ynzGLlDKgGS4cJ6ttG1Tiv91f_6peg6/s1600-r/no-image.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-PF2lxRlXeRF9316taguQMhokxo9_mO9H8X0Hr2S45TOl-GgwL55UH7Bj26j6N_KMf70MD9ZpEF4XcJLeEMX0kf3AZXMtChDq9ZoyjiUucAbX4ynzGLlDKgGS4cJ6ttG1Tiv91f_6peg6/s1600-r/no-image.png";
showRandomImg = true;
tablewidth = 310;
cellspacing = 5;
borderColor = "false";
bgTD = "#fff";
imgwidth = 150;
imgheight = 100;
fntsize = 12;
acolor = "#000";
aBold = true;
icon = " ";
text = "Comment";
showPostDate = false;
summaryPost = 80;
summaryFontsize = 11;
summaryColor = "#000";
icon2 = " → ";
numposts = 1;
home_page = "http://peoplesiteclone.blogspot.com/feeds/posts/default/-/Hot%20News";
</script>
<script src="http://artist.musikji.net/arthems/recent-categorialbum.js" type="text/javascript"></script>
The home page displays the main image and thumbnail versions of other photos. Adjacent to that you can insert a brief description about your blog or a welcome message for the readers. Go to Design--Edit Html, look for the below code, and simply add your text below this line of code-<!-- begin welcome text -->
<div class="pic"><a rel="http://put-image-url-here" href="http://put-post-url-here"><img src="http://put-image-url-here" /></a>Put image description here</div>
Most of us would have already heard of meta descriptions and keywords and the role they play in helping search engines appropriately describe your site. <meta content='Your Blog Description Here' name='description'/>
<meta content='Your Blog Keywords Here' name='keywords'/>
<meta content='Your Name Here' name='author'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your Blog Description Here' name='description'/>
<meta content='Your Blog Keywords Here' name='keywords'/>
<meta content='Your Name Here' name='author'/>
</b:if>
Recent Posts with Thumbnails is an interesting hack that allows you to display your latest posts in various styles. Of course, Blogger has the Recent Posts with Thumbnails gadget, but this hack gives you more flexibility and options to choose from. Another default Recent Posts widget pulls content from your RSS feed and shows only the post titles. 
<script language="JavaScript">To run you through the script, you can add your own image url here 'http://YOURIMAGEURL.jpg' for articles without an image. You can add imgr[1] [2] etc., as per your requirement. You can adjust the image size, background colour, post title colour, summary colour, font size, number of posts to be showed and so on in the code. Add your blog url at the place where it is mentioned in the code and at the end of the code there is a javascript file -'http://fractalblognetwork.com/blogumus/vertical_title_desc_no_comments.js' (marked in bold) which can be hosted on your server or any other site.
imgr = new Array();
imgr[0] = "http://YOURIMAGEURL.jpg";
imgr[1] = "http://YOURIMAGEURL1.jpg";
imgr[2] = "http://YOURIMAGEURL2.jpg";
imgr[3] = "http://YOURIMAGEURL3.jpg";
imgr[4] = "http://YOURIMAGEURL4.jpg";
showRandomImg = true;
tablewidth = 278;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#ffffff";
imgwidth = 100;
imgheight = 80;
fntsize = 11;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 75;
summaryFontsize = 11;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "YOUR-BLOG-URL";
</script>
<script src="http://fractalblognetwork.com/blogumus/vertical_title_desc_no_comments.js" type="text/javascript"></script>
As mentioned earlier this Recent Posts gives you lot of variations in terms of display, for instance you can have horizontal or vertical display, with or without comments, thumbnails with description etc. I have mentioned below the different javascript files available and based on your choice upload it your server or file hosting sites and add the js link in the above code and save the changes.'home_page = "YOUR-BLOG-URL";'
label = "tagname";
<div id='myGallery'>Replace the text in the code with the post title, description, post link and image, which has to be 480px by 280px. Follow the same steps for each slide and save the changes.
<div class='imageElement'>
<h3>This is featured post 1 title</h3>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.</p>
<a class='open' href='SLIDER-1-URL-HERE' title='This is featured post 1'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIsgsGs2ddDNdRCH4vmvbjGWnrey4-AVdiDRR99zSk34rABc9O3HkzbNXsUX8RAb5n_-0sapXaBHB2Eh3Vc4u-CDyJxDZkq8tcqBPOesH1HKSXVNY0jgVC7sBgNI8FvrOWFaZa_XNUoLOy/s1600/1.jpg'/>
</div>
