Home » , , » Johny Papers Magazine Free Premium Blogger Template 2012

Johny Papers Magazine Free Premium Blogger Template 2012


Johny Papers Magazine  Free Premium Blogger Template

Demo     Download

TEMPLATE FEATURES:
Free Johny Papers Magazine 2 blogger template is magazine style blogger template for portal and news blog with auto recent per category. It's a 2/3 column blogger template with right sidebar, 3 column footer, magazine style blogspot template, featured content slider, tab view menu, ads ready, pagination for blogger ready, dropdown menu, clean design template, and more. This template designed for portal news blog with daily updates

Template Name : Johny Papers Magazine
Author : Maskolis

This my first template design, especially for blogs that have content for news, and like my other magazine template there is no static features of a static page or pages. The assembly of existing widgets in the template are:
  1. Latest Post
    Located on the left, this feature automatically, meaning that if you make a new post then the article will appear automatically on the latest post. Setting that as in the demo template as follows (new blogger interface):
    On the dashboard select settings and then click the formatting and language then the timestamp format select only an hour, because the width of the timestamp on my latest post for setting the clock (see demo). To set the number of posts to be displayed is the setting, select the post and comment >> show at most select how many posts are shown in columns latest post.
  2. Slider
    To change the image on the slider, locate the following code:
     numposts1 = 7;
    label1 = "health";
    Description:
    Number 7 is the number of the image displayed on the slider, you can replace it according to your taste. Health is a label or category that is displayed on the slider, please change the label you want displayed on the slider (Remember the letter must be the same as the label you have created).
  3. Label 1, label 2 and label 3
    It lies under the banner 468 x 69 and follow twitter. To display the widget enter the following code to add the gadget layout >> select HTML / Javasxript:
    <script type='text/javascript'> numposts var = 1; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = true; numchars var = 60; </ script>

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

    <script type="text/javascript">
    recentpostslist function (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;
    }
    }
    entryUrl var = "'" + json.feed.entry [i]. link [j]. href + "'" ;/ / bs
    json.feed.entry entryTitle = var [i]. title. $ t;
    var item = "<li>" + "<a href="+ entryUrl +'" target="_blank"> 'entryTitle + +" </ a> </ li> ";
    document.write (item);
    }
    document.write ('</ ul>');
    }
    </ Script>
    <Script
    <a http://johnyportal2.blogspot.com /search/label/ news "11px style="float:right;font:normal Arial;padding:5px 0;"> More on this category» < / a>
    Description:
    The blue color: the labels or categories displayed in the widget. You can replace it with a label you adjust as needed.
    The red color: Replace URL with the URL of your blog.
  4. Label 4 and label 5
    Enter the code below:
    <script type="text/javascript">
    var numposts = 4; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = true; var numchars = 100;
    </ Script>
    About src="/feeds/posts/default/-/ paced <script type="text/javascript"> ?orderby=updated&alt=json-in-script&callback=labelthumbs"
    </ Script>
    <a http://test-maskolis.blogspot.com /search/label/serba serbi" style="float:right;font:normal Arial;padding:5px 10px 0;"> More on this category </ a>
    The red color: the labels or categories displayed in the widget. You can replace it with a label you adjust as needed.
    The blue color: Replace URL with the URL of your blog.
  5. Tab view menu
    Located on the upper right sidebar, you just want to make 4 widget will be automatically installed tabber sidebar, I recommend to be given the title of the widget.
  6. Twitter Widget
    To create a twitter widget like the demo enter the code in the box below HTML / Javascript:
    <Div style = "background: # fff url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR9HRrV4zkZxqH8joopKSf2px5wOZ5PEjZ-_aPoC8tQOCCSN9RTWemEIFtKAxVM9Io1zVmwaw61J67weYXjrhFhegtrlDLwGi7MRz7s3pUm3PmCPRIPphbGZOhcwFWzMr-791V9Yf7fReg/s1600/tweet.png) no-repeat; padding-top: 45px; padding- left: 8px ">
    <script src="http://widgets.twimg.com/j/2/widget.js"> </ script>
    <script>
    TWTR.Widget new ({
    version: 2,
    type: 'profile',
    Draft: 10,
    interval: 3000,
    width: 285,
    height: 123,
    theme: {
    shell: {
    background: 'transparent',
    color: '# 000000'
    },
    tweets: {
    background: 'transparent',
    color: '# 000000',
    links: '# 135a9e'
    }
    },
    features: {
    scrollbar: false,
    loop: true,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: true,
    behavior: 'default'
    }
    }). Render (). SetUser ('maskolis'). Start ();
    </ Script>
    </ Div>
    Replace maskolis with your twitter username.
  7. To replace existing ads or adsense under post in addition to related articles on the Edit HTML (check expand widget templates) Find the following code:
    <div id="banner-ads">
    <script type='text/javascript'> <! -
    google_ad_client = "ca-pub-9608487840337104";
    google_ad_host = "pub-1556223355139109";
    / * Johny side * /
    google_ad_slot = "1127342458";
    google_ad_width = 300;
    google_ad_height = 250;
    / / ->
    </ Script>
    <script type='text/javascript'> src='http://pagead2.googlesyndication.com/pagead/show_ads.js'
    </ Script>
    Change the color code blue on the script code of your ads.

0 comments:

Post a Comment