Template Feminina

8:14 PM

Demo | Download

Template with Horizontal Menu, slide, postings summarized and related posts.
Although the model using 'old' to create this template, some details may be modified in Model Designer (as some sources).

On the template: Last year I met blog SimplexDesign and learned the use of a script that allowed to show on the homepage, not the last posts published, but the last published posts by category (markers) chosen. The idea of ​​the home page show only the posts of certain markers seemed very interesting and started working to understand and apply the script. But he demostrava display problems in Internet Explore browser and unable to get support from the creator / distributor of the script, I sought the help of friends bloggers. I then once again count on the amazing collaboration of my friend 's blog JMiur Vagabundia , which again I 'rescued' and did his magic, handing me a script clean and dry, ready to use. JMiur again, thanks :)

Finally, as explained above, this template will be displayed on the front page posts will be related to certain markers that you select within the script. Therefore, search within the following template code snippet (click Expand Widget Template and use Ctrl + F to find easily):

imgr = new Array ();
imgr [0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";
showRandomImg = true;
aBold = true;
summaryPost = 60 / / number of characters of the abstract
summaryTitle = 25 / / number of characters from title
numposts = 3 / / number of abstracts by category

var contarlabels = 0;
LabelName = new Array ("Parades," "Food", "Fashion," "Beauty");
labeltitle = new Array ("Parades," "Food", "Fashion," "Beauty");

In red is the url of the image that will appear when there is no image in the post. You can put here the url of any image of your choice.
Where is bold (Parades, Food, etc.) substitute the name of the markers that you want to display on the homepage. Be careful not to remove any quotation marks or commas!

Also look for:

salida + = '<div class="featured">';
salida + = '<h3>' + labeltitle [contarlabels] + '</ h3>';
salidainner salida + =;
salida + = '<a href=" <b> http://templatefeminina.blogspot.com /search/label/' labelname[contarlabels] + + More'?max-results=10">' + LabelName [contarlabels] + '</ a> </ b>';
salida + = '</ div>';
document.write (salida);
contarlabels + +;
}

Where is bold, replace with the url of your blog. Finds the excerpts below:

<Script

<Script

<Script

<Script

Here you will replace the link templatefeminina the url of your blog and then put the name of the markers (replacing Parades, Food, Fashion, Beauty). Note that here the markers should aparacer in the same order you put up there in the passage in brackets, as in my example.

To increase the number of posts to be displayed in each category, change the numbers here:
numposts = 3 / / number of abstracts by category
and here:
<Script

Note: If the number of posts of a marker is less than the number specified in the script, nothing appears. For example, if you are determined to appear for three marker posts and you only have one blog post with that tag does not see any. The number of posts must be equal to or greater.

Slide: code is highlighted in the section related to slide quite explanatory:

<! - START SLIDE ->

<div id='s3slider'>
<ul id='s3sliderContent'>
<li class='s3sliderImage'>
<a href='COLOQUE HERE LINK HERE POST'> <img src='COLOQUE IMAGEM'/> THE LINK </ a>
<span> PUT HERE THE LEGEND <br/>
</ Span>
</ Li>

<li class='s3sliderImage'>
<a href='COLOQUE HERE LINK HERE POST'> <img src='COLOQUE IMAGEM'/> THE LINK </ a>
<span> PUT HERE THE LEGEND <br/>
</ Span>
</ Li>

<li class='s3sliderImage'>
<a href='COLOQUE HERE LINK HERE POST'> <img src='COLOQUE IMAGEM'/> THE LINK </ a>
<span> PUT HERE THE LEGEND <br/>
</ Span>
</ Li>

<li class='s3sliderImage'>
<a href='COLOQUE HERE LINK HERE POST'> <img src='COLOQUE IMAGEM'/> THE LINK </ a>
<span> PUT HERE THE LEGEND <br/>
</ Span>
</ Li>

<! - END OF SLIDE ->

The size of the images should be 610px (width) and 310px (height).


Before downloading the template, please read the explanations and watch out for the fact that this model, the homepage, related posts only appear to you to determine markers in the script.

To put the links in the menu, create a list of links and drag to the space below the header.