Johny Storage, Magazine Templates for Blog News

This template is suitable for news blog, yes indeed I for now will focus first on making blogger template for news blogs, due to another template that I have not advanced much less the shape blogazine (never a blogger friend asked me to make a template blogazine via email) , in addition to the limitations of my skills in understanding jQuery, in making such blogazine template requires the ability to process images using certain software, so it can be more beautiful and attractive.

johny storage

Like the template Mas Paper 2 and Johny Simplemag, template this time also all completely automatic. You just enter the label and script code into the box HTML / Javascript then the features available on this template will appear automatically. Immediately, I will explain one by one to use this template:
  1. I start at the top, or the headline news News Ticker existing header above. To change the headline of your blog go to Edit HTML (use control + F to shorten), find the URL http://johny-storage.blogspot.com. After the meet change with your blog URL. Likewise, the search box or search box search URL http://johny-storage.blogspot.com replace with your blog URL.
  2. The second is an email subscription box, located just above the image slider. To change the email subscription to this code 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.

Pemasangan Widget

Before getting into the widget installation, you just have layout structure contained in the template Johny Storage below:

layout johny storage
  1. To display the slider, go to layout and click on the edit box HTML / Javascript. Enter the following code into it:
    <div id='featuredContent'>
    <div class='sliderwrapper' id='featured-slider'>
    <script>
    document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
    </script>
    </div>
    <div id='paginate-featured-slider'>
    <ul>
    <script>
    document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
    </script>
    </ul>
    <div class='clear'></div>
    </div>
    <script type='text/javascript'>
    featuredcontentslider.init({
    id: "featured-slider", //id of main slider DIV
    contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
    toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
    nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
    revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
    enablefade: [true, 0.4], //[true/false, fadedegree]
    autorotate: [true, 5000], //[true/false, pausetime]
    onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
    //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
    //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
    }
    })
    </script>
    </div>
    Description:Note the blue writing above, it is a label that I put on the slider. Please change as you wish. And red is the color information in the form of the speed slider slider, mouseover effects, etc., should not be included. For more details you can read the tutorial here to make the slider.

  2. Now for the labels 1 through 6 label as the layout above, is very easy. You just type / enter the desired label into the box. Note the image below:

    Description:Replace news with your label, and change the title of the widget (label 1) with the title in accordance with the label.
  3. Now we are heading in the sidebar tabber is located on the right. There are three tabber there, ie recent post, popular post and comment. For recent post column put the following code into it:
    <ul>
    <script>
    document.write("<script src=\"/feeds/posts/default?max-results="+numposts5+"&orderby=published&alt=json-in-script&callback=showrecentposts6\"><\/script>");
    </script>
    </ul>
    To post you stayed popular into the layout and then select the widget popular post, please post there how you want to display. And for a recent comment or your comment please read the tutorial here. The third sidebar tabber should you change as you wish, it is located in the second row right sidebar.
  4. Carousel slider located on the footer works automatically displays your latest article there. So here you do not need to change or add the script code again, but if you want to display per category in the slider.
What else ya, it just looks like I need to explain to the use and installation of widgets contained in the template Johny Storage. Because time is shown at 8 pm over, it's time to hang around looking for prey ... hehehehe. For those who are still confused and need clarification please leave a comment below, good luck and happy weekend






Posted by Dexcuit at 6:08:00 AM 1 comment :

1 comment :

Subscribe to: Post Comments ( Atom )