Johny Portal 2, Elegan Template for Your Site

This template is a continuation of the first version, Johny Portal. Like the previous template on the home page template is divided into 3 columns and 2 columns on the post page. This template is only a capacity of 76.0 kb may be a little light in my opinion, because not a lot of features that I plug this time. Below is a screenshot of the template Johny Portal 2:

johny portal 2

The features available in this template include:

    Automatic Image Slider
    To change the image on the slider, locate the following code:

    numposts1 = 5;
    label1 = "sport";

    Description:
    Number 5 is the number of the image displayed on the slider, you can change it according to your taste. Sport is a label or category is displayed on the slider, you can also change it as needed.
    Kategory with thumbnail (Category with thumbnails)

    It's on the left sidebar, way pair add gadget >> HTML / Javascript and then enter the code below:
  1. <script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>

    <script type="text/javascript" src="/feeds/posts/default/-/news?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

    <script type="text/javascript">
    function recentpostslist(json) {
     document.write('<ul>');
     for (var i = 1; i < json.feed.entry.length; i++)
     {
        for (var j = 1; 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://johnyportal2.blogspot.com/feeds/posts/summary/-/news?max-results=6&alt=json-in-script&callback=recentpostslist"></script>
    <a href="http://johnyportal2.blogspot.com/search/label/news" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>
    Description:
            Blue: is a label or category showing on the sidebar. You can replace it with the label you adjust as needed.
            Red: Replace URL with the URL of your blog.
            Feedburner box at the bottom of the posting
            Find below script code in HTML edit (do not forget to check expand widget templates):
    <div class='subscribe'>
    <p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'>
    <b>click here</b></a>, or subscribe to receive more great content just like it.</p>
    <p class='feed'><a href='http://johnytemplate.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
    <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
    <input name='uri' type='hidden' value='JohnyTemplate'/>
    <input name='loc' type='hidden' value='en_US'/>
    <input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
    <input id='botsubbutton' type='submit' value='Submit'/><br/>
    <small>Your information will not be shared. Ever.</small>
    </form>
    </div>
    Description:
            Blue color: replace with your feed address.
            Red color: replace with your URL.
            Latest Post
            To set the lates post in the homepage do the following:

            In blogger dashboard select settings, then click the formatting. At the very top select how many posts you want to display on the homepage.
            To adjust the distance between the end of the post with a comment box, which is usually too wide do is click on the design, let the position of page elements after you select the blog post (most of the column) and then click edit. Once open a new page simply check the date, comments and labels let the others blank.
            To create a widget that is below the latest post, you just enter the script which I have included if you've downloaded.
            One more almost forgot, this template with features without static page (static page). Because there is no script summary and thumb on this template. If anyone among you can add static page feature on this template I would be very grateful.
            There is another one to forget, to enable the function reply on the comment box, find this code in the edit template HTML:
    <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=7984474047226005820&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
    Note the red code, it is a demo blog template ID. You should replace it with your blog ID located on the browser.
    Basically all the scripts that I mentioned already there if you download this template. You can just enter it into the box HTML / javascript. If there are those who do not understand you can ask in the comments box. And if anyone is interested to try it please click on the download link is below.





Posted by Dexcuit at 2:30:00 AM No comments :

No comments :

Post a Comment

Subscribe to: Post Comments ( Atom )