Thursday, March 3, 2011

People Site Clone Template

People Site Clone Template - blogger templates



Step by Step:

1. Extract people-site-clone-template.zip File
2. Upload people-site-clone-template.xml file to your HTML Template
3. Copy and Paste code HTML WIDGET on Installation.txt file :
4. Change all home_page link at HTML widget with label of your site.
for example on Celebrity HTML. Link home_page default are:
http://peoplesiteclone.blogspot.com/feeds/posts/default/-/Celebrity

Change it with label of your site. like:
http://yoursitename.blogspot.com/feeds/posts/default/-/Celebrity
change 'Celebrity' word with your site label.

5. Go to Edit HTML on Design Tab Panel Blogger. See ..

label10 = "Kate Hudson";
Title10 = "Kate Hudson";

Change it with your label to show in top gallery like below menu. You must have 6 post or more

to show it.

6. Dont Forget Save Your template to finish....


NB: For faster loading 'Change all javascripts (.js) in source code People site Clone template and upload in your server'. For example use 000webhosting to upload all javascript file.
______________________________________________________________________


If you are looking for an entertainment or celebrity template then People blogger theme is apt for you. MJ Bahring has created a blogger version of the celebrity site People.com, its a 4 column theme which includes a photo gallery, featured posts slider, categories with an image display on the home page and much more.
Once the blog template is uploaded, you can replace the People logo with yours from Edit Html, search for the url mentioned below -


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1ojHURyYtjh5IHb_hyp_MtS4PrNOnaTM0DlIRgJ4WicrtJEiXEiDiCXrv_QntntIhG1s-5uJavGWVxJVcIissZxHwg8WUan7HRRPrLA1oGZ8kNLOUq7QuUogCHY_gyjhInqQWlSCREjE9/s1600/peoplelogo.png

Below the menu bar you can display featured posts in a slider, just select the label and change it in the below code from Edit Html, you would require minimum of 6 posts for this to work -


label10 = "Kate Hudson";
Title10 = "Kate Hudson";

People template features a photo gallery with captions, in order to get that working, go to Edit Html and look for this code -
<b:section class='middlecol' id='middlecol' preferred='yes'>
<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 != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
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.

<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 = " &rarr; ";

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>

Similarly for 'Your category' to display in the right sidebar, you need to add another javascript code given below in Edit Html -

<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 != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>

Insert this code and change the blog url and also the label (marked in bold), save the changes. You can tweak the font size, summary colour etc., in the code to match with your blog.

<script language="JavaScript">
imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7E34bQM3RAdH6Wcsvbc3nmQ6l5x-5j60myaHhwdofQcutUbezmziFr2AFe2IW_UN17WOEuxoyXS1vZl8FtxnVN-G7lXqh_BhLuYzBhraokz5E_ugpi8tAhdQul3YOEVGOBNVEmPPJJW9C/s1600-r/no-image.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7E34bQM3RAdH6Wcsvbc3nmQ6l5x-5j60myaHhwdofQcutUbezmziFr2AFe2IW_UN17WOEuxoyXS1vZl8FtxnVN-G7lXqh_BhLuYzBhraokz5E_ugpi8tAhdQul3YOEVGOBNVEmPPJJW9C/s1600-r/no-image.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7E34bQM3RAdH6Wcsvbc3nmQ6l5x-5j60myaHhwdofQcutUbezmziFr2AFe2IW_UN17WOEuxoyXS1vZl8FtxnVN-G7lXqh_BhLuYzBhraokz5E_ugpi8tAhdQul3YOEVGOBNVEmPPJJW9C/s1600-r/no-image.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7E34bQM3RAdH6Wcsvbc3nmQ6l5x-5j60myaHhwdofQcutUbezmziFr2AFe2IW_UN17WOEuxoyXS1vZl8FtxnVN-G7lXqh_BhLuYzBhraokz5E_ugpi8tAhdQul3YOEVGOBNVEmPPJJW9C/s1600-r/no-image.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7E34bQM3RAdH6Wcsvbc3nmQ6l5x-5j60myaHhwdofQcutUbezmziFr2AFe2IW_UN17WOEuxoyXS1vZl8FtxnVN-G7lXqh_BhLuYzBhraokz5E_ugpi8tAhdQul3YOEVGOBNVEmPPJJW9C/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 = " &rarr; ";

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>

There are two more javascripts to be inserted in Edit Html in order to get the sidebar working, the code has been given in the download folder under the name 'Installation'.