This is the Two Template So Johny Origin

Headlines cool huh, Two Template Origin So, yes this is two templates that I made with a little dizzy because of the work. The first name is Johnny Backup, I also do not know where but this name can clearly inspired by the look of this template Sportapolis Joomla template created in 2009 by shape5.com. The second template Johny Dazed, confused because they want to be given any name. Both of these templates as usual comes with auto slider, you no longer need to enter one by one to the post URL and a description of it. And of course I distributed freely to all blogger friends, all for your complete collection of templates.

Johny Backup

johny backup


This template as described above, it looks almost the same as Sportapolis Joomla template, but simpler because a lot of features that I subtract because of my limitations in processing a template. For the first installation of the widget you have to pay attention to the structure of the layout as shown below:


Note the four points above, here's how the filling:
  1. Widget column number 1, is the slider. Enter the following code into it:
    <div id='featured'>
    <ul class="ui-tabs-nav">
    <script>
    document.write("<script src=\"/feeds/posts/default/-/play station?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
    </script>
    </ul>
    <script>
    document.write("<script src=\"/feeds/posts/default/-/play station?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
    </script>
    </div>

    Description:Note the blue writing above, it is a label that I put on the slider. Please replace with your label.
  2. Widget column number 2, is the automatic category label next to the slider. You can just enter / type in your label on the box, as shown below:

    From the picture above is the hot games label that I put in the widget, you simply replace it with your label.
  3. Widget nomer 3 dan 4, adalah widget category thumbnail biasa yang masih semi otomatis. Saya buat demikian agar tampilannya agak berbeda dan tidak monoton. Untuk menampilkannya masukkan kode dibawah ini pada kotak HTML/Javascript nomer 3 dan 4 :
    <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/-/play station?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://johny-backup.blogspot.com/feeds/posts/summary/-/play station?max-results=6&alt=json-in-script&callback=recentpostslist"></script>
    <a href="http://johny-backup.blogspot.com/search/label/play station" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>
    Description:
    Widgets number 3 and 4, is the usual thumbnail widget category is still semi automatic. I was made for somewhat different zoom and not monotonous. To display enter the code in the box below HTML / Javascript number 3 and 4:
  4. To change your existing subscription email below navigation, search code below in the Edit HTML (do not forget to check the box expand widget templates):
    <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/htbgh&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter your email address...&apos;;}' onfocus='if (this.value == &apos;Enter your email address...&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter your email address...'/><input name='uri' type='hidden' value='blogspot/htbgh'/><input name='loc' type='hidden' value='en_US'/><input id='subbutton' type='submit' value='Enter'/></form>
    Description:
    Blue color: replace with your feed address.
  5. To replace existing ads under posts, go to Edit HTML and find the following code (this code does not appear if you do not check the box expand widget templates):
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='font:normal 12px Georgia;font-style:Italic;padding:8px 10px 8px 70px;font-weight:normal;color:#333;margin-top:10px;'>
    &lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
    google_ad_client = &quot;ca-pub-9608487840337104&quot;;
    google_ad_host = &quot;pub-1556223355139109&quot;;
    /* jamumartin */
    google_ad_slot = &quot;9319314062&quot;;
    google_ad_width = 468;
    google_ad_height = 60;
    //--&gt;
    &lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot;
    src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
    &lt;/script&gt;
    </div>
    </b:if>
    Blue writing above is the existing ad code under demo blog post, you simply replace with your ad size of 468 x 60 px.
Johny Bingung

johny bingung


I design this template especially for movie reviews or game content, but you can also use it for other content. Same template name is not disconnected blasss ..... His name is also confused so it's up to what would be given the name ... hehehehehe. For installation note widget layout template as shown below:

  1. In the template there are only three widgets that need to be considered, the number one is a slider widget or layout name Featured content slider. Installation means you stay put or type the label you want to display, as in number 2 above:

    Labels that I put here is a review, please be replaced with your own label.
  2. For widget number 2 and 3, together with the installation means step number 3 on Johny Backup template above. Similarly, to change the email subscription, the same as step number 4 above.
  3. Because this template using the comment box models that have been modified, to enable the function you must reply to this code in the Edit HTML, once again do not forget to check the box expand widget templates:
    <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=4900105838884725772&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>
    The red color in the above code is a demo blog ID, you must replace it with your blog ID located on the browser when you go to the dashboard, as shown below:

  4. To replace the existing ad below post (next related post), go to Edit HTML and find the following code (this code does not appear if you do not check the box expand widget templates):
    <div id='banner-ads'>
    &lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
    google_ad_client = &quot;ca-pub-9608487840337104&quot;;
    google_ad_host = &quot;pub-1556223355139109&quot;;
    /* johny bingung 1 */
    google_ad_slot = &quot;3387370593&quot;;
    google_ad_width = 300;
    google_ad_height = 250;
    //--&gt;
    &lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot;
    src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
    &lt;/script&gt;
    </div>
    Blue writing above is the existing ad code under demo blog post, you simply replace with your ad size of 300 x 250 px.

That was two original template so that I share with friends blogger this morning, apologize in advance if it is not so interesting, If there are any questions please leave a message in the comment box, good luck and hopefully useful.

No comments :

No comments :

Post a Comment