Structure Theme Blogger (v1.0)



Pagkatapos nang isang matagumpay na pag-launch ng Namnama Template na pumalit sa Structure Theme Blogger na dapat nairelease pa noon, ngayon heto na ang pinakaaantay po nyo.

SUMMARY

Original Designer: Justin Tadlock
Converted by: Jake F. Ilac
Releasing Date: April 9, 2009


HOW TO SET-UP:

Madali lang i-set-up ang template na ito dahil ang mga field nito ay may kakayahang gawin ang sarili niya o i-update pagkapos nang unang pag-instal kaya di mo na kailangan pang magbago ng mga codes sa mga susunod pang araw unless na gusto mong magdagdag ng mga areas.


TOP NAVIGATION MENU



<li>
<a href='/' title='Example'><span>Example</span></a></li>

Insert the url link on '/' and replace "Example" with the title of the link.



FEED



<a href='http://structure-template.blogspot.com/'>Subscribe by RSS</a>

Replace the blog url  with your own web address.


MAIN TAB (Label Tab)




  1. Click "Edit".
  2. Replace the following: label = "Entertainment" with your own label;  home_page = "http://structure-template.blogspot.com/"; and also the title <li><a href='#tab1'>Entertainment</a></li>
Follow this instruction for the rest of the remaining tabs. Copy and Paste below code:

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


imgr[0] = "http://i39.tinypic.com/4keej5.jpg";
imgr[1] = "http://i43.tinypic.com/2q2lkoz.jpg";
imgr[2] = "http://i43.tinypic.com/2ef4zrl.jpg";
imgr[3] = "http://i42.tinypic.com/2nrhkbd.jpg";



showRandomImg = true;


tablewidth = 560;
cellspacing = 10;
borderColor = "#ffffff";
bgTD = "#ffffff";

imgwidth = 250;
imgheight = 250;

fntsize = 13;
fntsize1 = 2;
acolor = "#000000";
bcolor = "#000066";
aBold = true;
icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 300;
summaryFontsize = 13;
summaryColor = "#000000";
icon2 = " ";
numposts = 2;

label = "arte";

home_page = "http://tuggot.blogspot.com/";

</script>
<script src="http://www.hotlinkfiles.com/files/2452466_f1paj/abelhorizontal_title_below_no.js" type="text/javascript"></script>

Reminder: Please do host your own javascript to lessen the traffic in my google pages.


FEATURE POST


Follow the procedure in the Main Tab (similar). Copy and Paste below code:

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


imgr[0] = "http://i39.tinypic.com/4keej5.jpg";
imgr[1] = "http://i43.tinypic.com/2q2lkoz.jpg";
imgr[2] = "http://i43.tinypic.com/2ef4zrl.jpg";
imgr[3] = "http://i42.tinypic.com/2nrhkbd.jpg";



showRandomImg = true;


tablewidth = 570;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#ffffff";

imgwidth = 300;
imgheight = 250;

fntsize = 12;
fntsize1 = 2;
acolor = "#000000";
bcolor = "#000066";
aBold = true;
icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 200;
summaryFontsize = 13;
summaryColor = "#000000";
icon2 = " ";
numposts = 1;

label = "features";

home_page = "http://tuggot.blogspot.com/";

</script>
<script src="http://www.hotlinkfiles.com/files/2461440_zmt4r/feature10_1__025044.js" type="text/javascript"></script>

SIDEBAR TAB





LATEST - Replace url "structure-template.blogspot.com" with your own blog url. Copy and Paste this codes:

<script language="JavaScript" src="http://tools.bloggerbuster.com/headlines/feed2js.php?src=http%3A%2F%2FYOUR-BLOG-ADDRESS WITHOUT HTTP%2Ffeeds%2Fposts%2Fdefault&amp;num=10" type="text/javascript"></script>

POPULAR - Replace url "structure-template.blogspot.com" with your own blog url.

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a7d3195528df5e96181a3d2712266226&url=http%3A%2F%2FYOUR-BLOG-ADDRESS WITHOUT HTTP&num=30" type="text/javascript"></script>

SECTIONS - Click "Add Gadget" select Labels, then Save.


FLICKR PHOTOS


Copy and Paste this code:

<script src="http://www.flickr.com/badge_code_v2.gne?show_name=1&count=8&display=random&size=s&layout=y&source=user&user=26574442@N02" type="text/javascript"></script>

<p 5px padding align="right"><a href="http://www.flickr.com/photos/gumilmetromanila">View Flickr photostream >></a> </p>

If you have flickr account, you can get your user id by visiting http://idgettr.com/ and replace my default code.


----
Sana nagustuhan po niyo, hanggang sa muli.
Post a Comment