Johny Simple Music, Mini Template For Music

I shorten it, yes, I named this template Johny Simple Music, you can approximate this template yourself why I named thus. But if you want to use for other content as well go ahead. Features available in this template are as follows:

johny simple music

Recent Post Slider ImageAutomatic image slider, the slider is working every time you make a new post will appear in the slider. So no need to bother to enter one by one his captions and URLs. Click Add a Gadget >> select HTML / Javascript, enter the following code at the bottom of the column header (there are two columns select the above):
<div id="slider">
<script style="text/javascript" src="http://creatingwebsite.googlecode.com/files/slidergallery.js"></script>
<script style="text/javascript">
 var numposts_gal = 6;
 var numchars_gal = 150;
 var random_posts = false; // random posts
</script>
<script src="http://johny-simplemusic.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script>
</div>
Replace URL with the URL of your red, then the slider is working automatically load your latest post.
Updates:

    Because my google code repository is in trouble in the templates slider does not work, to restore the original state you have to change the code in blue above with the code below:
  1. <script style="text/javascript" src="http://johnytemplate.googlecode.com/files/sliderauto.js">
  2. On the dashboard go to >> edit HTML templates do not forget to check expand widget templates. After that look for the code below:
    <script src='http://creatingwebsite.googlecode.com/files/readmore.js' type='text/javascript'/>
    Then replace it with the following code:
    <script src='http://johnytemplate.googlecode.com/files/readmore.js' type='text/javascript'/>
Categories with thumbnailAs shown in the upper right sidebar, enter the code below in the sidebar column:
<script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = true;var showpostsummary = false;var numchars = 100;</script>

<script type="text/javascript" src="/feeds/posts/default/-/top music?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
Replace the blue paper with the category or label you want to display in the sidebar.
Kategory without thumbnailExamples such as the right sidebar below the top music. Enter this code in the box of your HTML / Javascript template:
<script type="text/javascript">
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 0; i < json.feed.entry.length; i++)
 {
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
</script>
<script src="http://johny-simplemusic.blogspot.com/feeds/posts/summary/-/jazz?max-results=8&alt=json-in-script&callback=recentpostslist"></script>

<a href="http://johny-simplemusic.blogspot.com/search/label/jazz" style="float:right;font:normal 10px Arial;padding:5px 0;">More Post &#187;</a>
Description:
Red: blog URLBlue or category labels
Below is a demo and download link for those who want to try this template, sorry if the language is less easy to read, understand already sleepy, it also was so penginnya always share tomorrow hehehehe certainly be amended. Good night and sweet dreams .... congratulations
Thanks for the greatest to my friend a reliable blogger Irengajah maker of Dhetemplate.
Updates :
Because penympanan place I got banned google code at google some script functions dri this template to die, to handle follow the instructions below (go to edit HTML do not forget to check the box expand widget templates):
  1. Read more
    Search URL script below:
    http://creatingwebsite.googlecode.com/files/readmore.js
    Replace with the URL of the script:
    http://johnytemplate.googlecode.com/files/readmore.js
  2. Slider image
    Search URL script below:
    http://creatingwebsite.googlecode.com/files/easyslider.js
    Replace with the URL of the script:
    http://johnytemplate.googlecode.com/files/easyslider.js
  3. Page navigasi
    Search URL script below:
    http://creatingwebsite.googlecode.com/files/pagenavi-creatingwebsite.js
    Replace with the URL of the script:
    http://johnytemplate.googlecode.com/files/pagenav.js.js
Then save the template, if you do not want to bother to replace one at a time please Downloa back on downoad link below.

Posted by Dexcuit at 8:57:00 AM No comments :

No comments :

Post a Comment

Subscribe to: Post Comments ( Atom )