Super Puny Blogger Template

Before tomorrow off because there is an important need for two days, this time I have again two templates are super ugly of Johny. I get now why ya still thinking how could use the name of Johny in every template that I created. Though none of the family or close relatives who have a name Johny, maybe once I got pengin Johny name, but not accomplished. Okeehhh ... because there had been a call from solely from HP, just enjoy the second template super ugly this time, use the slider the other one I made two columns as usual with the same requested many blogger friends in the comments field.

template Johny Woods


Slider 
Enter the following code in the empty field below the header. Go to Layout / Layout >> Add a Gadget select HTML / Javascript:
<div class='lof-main-wapper' id='slider'>
<div class='slider-main-outer'>
<ul class='slider-main-wapper'>
<script>                  
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</ul>
</div>
<div class='slider-navigator-outer'>
<ul class='slider-navigator'>
<script>                  
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</ul>
</div>
</div>

Widget Komentar 
Enter the code below in the sidebar widget:
<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
numComments  = 5,
showAvatar  = true,
avatarSize  = 30,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://www.blogspot-store.info/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
Replace red http://www.blogspot-store.info URL with the URL of your blog.

Widget random post
<script type="text/javascript">
    var randarray = new Array();var l=0;var flag;
    var numofpost=7;function randomposts(json){
    var total = parseInt(json.feed.openSearch$totalResults.$t,10);
    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
    document.write(item);}}
    }document.write('</ul>');}
    </script>
    <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
7 in the above code is the number of random post is shown, please change as you wish.

Search Box
Search box or search box that I use on this template I take dri Google CSE, please And directly type in Google CSE Google page then make a search box. Easy way, just follow the instructions there. Or you can replace the search box of the tutorials that are circulating on the internet.

template Johny Woods


This template is not the same as Johny, there is no difference template slider, more simple and easy to use, many ways. This template name .... confused about what name given, ahh anyways also doing important given the name of it bung. Wear demo blogs sober, critical path templates.

The second template is basically from Johny Wuss, so all the H1 and H2 tags have been installed, but its not my HTML validation. Do not be too focused troubleshooting HTML validation error, it is normal that a blog has an error in the HTML structure. Take it easy, which is important to share, create articles that are useful to the reader, not after we die only three things that can continue to provide benefits one of which is knowledge and information that we give to others? Hahaha ... even as pak Ustadz, yes it was two templates that I share free of charge to all of my friends here.

And another template is not responsive template, because I do not have a cell phone to access the Internet and advanced've never even browsing through HP. For now I may still need a responsive, one day when I've used HP-known brands such as beri-beri may explore new responsive template. Okay .. if interested please used, if there are less obvious kebangeten really, this template is very simple and all the features that I plug I gave in the previous tutorial form. But if you want to ask so please just fill in the comment box below, so first and want to rest first good night, tomorrow should go in the morning.

No comments :

No comments :

Post a Comment