Mas Paper, Bonus Template for Creating Loyal Visitors Website

It's actually a template ordered by my friend, but because he prefers wearing wordpress template idle this happens. Well instead of mending my kepakai not share aja here, please for anyone who likes to be used. This template is only a modification of the template Johny Simple Magazine 2, on the part of my slider switch using automatic slider and replace with my accordion sidebar tab view menu. The rest was just there at least an additional 3 column sidebar below the first line of banner ads and additional social bookmark widget from Mashable.
I share this template because there are some friends who want to use this template Mas Paper. Instead I sent the script one by one via email mending post wrote let all be able to wear. I am confused about what is the name given this template, it's up to you what was going given name,

mas paper template

Features contained in this template include:
  1. Banner top (above the header)
        
    <head> Code located below the template, please be replaced with your banner or if you do not like to erase.
  2. Headlines News
    To change the headlines from your blog.
  3. Automatic Slider.
    To change the slider you find this code:
    numposts1 = 5;
    label1 = "misteri";
    Description:Number 5 is the number of the image displayed on the slider, you can change it according to your taste. mysteries are labels or categories that are displayed on the slider, you can also change it as needed can be read here.
  4. Sidebar top center
    How to install add gadget >> HTML / Javascript and then enter the code below:
  5. <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/-/misteri?orderby=updated&alt=json-in-script&callback=labelthumbs"></script> <script type="text/javascript"> function recentpostslist(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;       }     } 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://crottt.blogspot.com/feeds/posts/summary/-/misteri?max-results=5&alt=json-in-script&callback=recentpostslist"></script> <a href="http://crottt.blogspot.com/search/label/misteri" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>
Description: Color blue: is the 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.
    Banner ads below sidebarThere are two first banner ads that are under content, and the other at the bottom 3 rows of the sidebar on the second line. Please fill in your ads, and also can be replaced with twitter twitter image of your own.2 footer sidebar above for installation means like the tutorial Widget Templates Johny Magazine. For those who forgot please read againTo view the menu tab on the right sidebar, you just make the top 4 and the widget will automatically be a tab view menu. To learn more, read the tutorial here.If you want to add a widget Mashable, place the following code in the box HTML / javascript:
    1. <style>
      /* Social Widget */
      #MBT-mashable-bar {
          border: 0;
          margin-bottom: 10px;
          margin: 0 auto;
              width:300px;
      }
      .fb-likebox {
          background: #fff;
          padding:0;
          margin-top: 0px;
              height:290px;
      }
      .googleplus {
          background: #F5FCFE;
          border-top: 0px solid #FFF;
          border-bottom: 1px solid #ebebeb;
          border-right: 1px solid #D8E6EB;
          border-left: 1px solid #D8E6EB;
          border-image: initial;
          font-size: .90em;
          font-family: "Arial","Helvetica",sans-serif;
          color: #000;
          padding: 9px 11px;
          line-height: 1px;}
      .googleplus span {
          color: #000;
          font-size: 11px;
          position: absolute;
          display:inline-block;
          margin: 9px 70px;}
      .g-plusone {    float: left;}
      .twitter {
          background: #EEF9FD;
          padding: 10px;
          border: 1px solid #C7DBE2;
          border-top: 0;}
      #mashable {
          background: #EBEBEB;
          border: 1px solid #CCC;
          border-top: 1px solid white;
          padding: 2px 8px 2px 3px;
          text-align: right;
          border-image: initial;}
      #mashable .author-credit {}
      #mashable .author-credit a {
          font-size: 10px;
          font-weight: bold;
          text-shadow: 1px 1px white;
          color: #1E598E;
          text-decoration:none;}
      #email-news-subscribe .email-box{
          padding: 5px 10px;
          font-family: "Arial","Helvetica",sans-serif;
          border-top: 0;
          border-right: 1px solid #C7DBE2;
          border-left: 1px solid #C7DBE2;
          border-image: initial;
         height:35px;}
      #email-news-subscribe .email-box input.email{
          background:#FFFFFF;
          border: 1px solid #dedede;
          color: #999;
          padding: 7px 10px 8px 10px;
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
          -o-border-radius: 3px;
          -ms-border-radius: 3px;
          -khtml-border-radius: 3px;
          border-radius: 3px;
          border-image: initial;
          font-family: "Arial","Helvetica",sans-serif;}  
      #email-news-subscribe .email-box input.email:focus{color:#333}  
      #email-news-subscribe .email-box input.subscribe{
          background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
          background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00));
          background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
          -pie-background: linear-gradient(270deg,#ffca00,#ff9b00);
          font-family: "Arial","Helvetica",sans-serif;
          border-radius:3px;
          -moz-border-radius:3px;
          -webkit-border-radius:3px;
          border:1px solid #cc7c00;
          color:white;
          text-shadow:#d08d00 1px 1px 0;
          padding:7px 14px;
          margin-left:3px;
          font-weight:bold;
          font-size:12px;
          cursor:pointer;
          border-image: initial;}
      #email-news-subscribe .email-box input.subscribe:hover{
          background: #ff9b00;
          background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00);
          background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));
          filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
          outline:0;-moz-box-shadow:0 0 3px #999;
          -webkit-box-shadow:0 0 3px #999;
          box-shadow:0 0 3px #999
          background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00));
          background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%);
          -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
          border-radius:3px;
          -moz-border-radius:3px;
          -webkit-border-radius:3px;
          border:1px solid #cc7c00;
          color:#FFFFFF;
          text-shadow:#d08d00 1px 1px 0}  
      #other-social-bar {
          background-color: #D8E6EB;
          box-shadow: 0 1px 1px #FFFFFF inset;
          padding: 0px;
          font-family: "Arial","Helvetica",sans-serif;
          font-weight:bold;
          overflow: hidden;
          border: 1px solid #B6D0DA;
             height:37px;
      }
      #other-social-bar ul {list-style: none outside none; padding-left: 4px;}
      #other-social-bar .other-follow {
          float: left;
          color:#1E598E;
          overflow: hidden;
          height:20px;
          padding:5px;
          width: 270px;}
      #other-social-bar .other-follow ul {
          list-style: none outside none;
          padding-left: 4px;}
      #other-social-bar .other-follow ul li {
          font-size: 12px;
          font-weight: bold;
          display:inline;
          border:0;
          text-shadow: 1px 1px white;}  
      #other-social-bar .other-follow ul li a {
          font-size: 12px;
          color:#1E598E;
          font-weight: bold;
          display:inline;
          text-shadow: 1px 1px white;}
      #other-social-bar .other-follow li {
          font-size: 12px;
          font-weight: bold;
          display:inline;
          border:0;
          text-shadow: 1px 1px white;}
      #other-social-bar .other-follow li a {
          font-size: 12px;
          color:#1E598E;
          font-weight: bold;
          display:inline;
          text-shadow: 1px 1px white;}
      #other-social-bar .other-follow li.my-rss {
          background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuo1pTpVevGmSj-EfOjnHPNuxD33HeiYjOnki2cQyg3a-ut_UppAjo_ILqkrP4Z595TN8muNs5OiRi1amWl2NwLKlOCk1jFLT4wkMfNxFsHNSReE2_q1YDZcu9476XZc4yUXmoL2rnhA/s400/rss-16x16.png') no-repeat transparent;
          line-height: 1;
          padding: 0px 3px 1px 20px;
          width: 60px;
          margin-bottom:0px;
              margin-left:5px;}
      #other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-linkedin a, #other-social-bar .other-follow li.my-gplus a{
      text-decoration:none;
      }
      #other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-linkedin a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
      text-decoration:underline;
      }
      #other-social-bar .other-follow li.my-linkedin {
          background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhypXVNH0KvCrDEKlcCzXUq3QrR-lDsGHlf5vtUbFjLh8Owhbs523ctCXH3AUd-JVS90ghXBaakRb86M9kEfthLze69sHl8WXrX-RIvq-StQ2OPTICnEuivR4kV8yMhyphenhyphenCSEGXwZHufgsw/s400/linkedin-16x16.png') no-repeat transparent;
          line-height: 1;
          padding: 0px 3px 1px 20px;
          width: 60px;
          margin-bottom:0px;}
      #other-social-bar .other-follow li.my-gplus {
          background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8yr4zBDQrFo_SATWuJYULS33LWbSPLK5vdJQpzjjGCRJwMKdkpmsCQWiOHGm28SlPInlBbiWyLCQoS6XeGvgDwj8srzzI75Ip5KFWyEq4zDY0E8CClBSdob-2QfDU7eHuXTAmxqE95g/s400/gplus-16x16.png) no-repeat transparent;
          line-height: 1;
          width: 60px;
          padding: 0px 3px 1px 20px;
          margin-bottom:0px;}
      </style>

      <!--[if IE]>
      <style>
      #email-news-subscribe .email-box input.subscribe{
          background: #FFCA00;
          }
      </style>
      <![endif]-->

      <!--begin of social widget--> <div style="margin-bottom:10px;"> <div id="MBT-mashable-bar" > <!-- Begin Widget --> <div class="fb-likebox"><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FInformasi-Dunia-Maya-Terkini%2F144185582349542&amp;width=300&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23D8E6EB&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:292px;" allowtransparency="true"></iframe></div> <div class="googleplus"> <!-- Google --> <span>Recommend us on Google!</span><div class="g-plusone" data-size="medium"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> </div> <div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp;
      align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;
      lang=en&amp;link_color=&amp;screen_name=Johny Woods&amp;show_count=&amp;
      show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div> <div id="email-news-subscribe"> <!-- Email Subscribe --> <div class="email-box">
      <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER_URL', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">  
              <input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="Enter Your Email here.." onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" />      
              <input type="hidden" value="FEEDBURNER_URL" name="uri" />
              <input type="hidden" name="loc" value="en_US" />
              <input class="subscribe" name="commit" type="submit" value="Subscribe" />  
          </form>
      </div> </div> <div id="other-social-bar"> <!-- Other Social Bar --> <ul class="other-follow"> <li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/tntbystc" target="_blank">RSS Feed</a> </li> <li class="my-linkedin"> <a rel="nofollow" title="linkedin" rel="author" href="LINKEDIN PROFILE LINK" target="_blank">linkedin</a> </li> <li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href="http://plus.google.com/44448117245314564536" target="_blank">Google Plus</a> </li> </ul> </div> <div id="mashable" style="background: #EBEBEB;border: 1px solid #CCC;border-top: 1px solid white;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "arial","helvetica",sans-serif;"> <span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="http://creatingwebsite-Johny Woods.blogspot.com/" target="_blank" >Creating Website »</a></span></div></div>
      <!-- End Widget --> </div> <!--end of social widget-->
    What's more is that not so, seems to have all, as well as the template Johny Simple Magazine 2, this template does not feature any static page (static page) because the script summary and my thumb removed so as not to aggravate loading blog. Below is a link to see the demo and download link for those of you who are interested to try using this template. Good luck and hopefully useful.

    Upates:
    Because the google code repository is in trouble tabber menu on the sidebar is not the way, you are looking to overcome and replace the following code in the position edit HTML:

        
    <script src='http://creatingwebsite.googlecode.com/files/jquery.min.js' type='text/javascript'/>

        
    <script type='text/javascript'>

        
    starttab var = 0;

        
    endtab var = 3;

        
    sidebarname var = "sidebar";

        
    </ Script>

        
    <script src='http://creatingwebsite.googlecode.com/files/tabber.js' type='text/javascript'/>
    Replace the code below:

        
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>

        
    <script type='text/javascript'>

        
    starttab var = 0;

        
    endtab var = 3;

        
    sidebarname var = "sidebar";

        
    </ Script>

        
    <script src='http://johnytemplate.googlecode.com/files/tabber.js' type='text/javascript'/>
    And if the news headlines are also not able to walk, to solve it you need to replace the following code in the position edit HTML, then find the code below:

        
    <script src='http://Johny Woods.googlecode.com/files/ticker.js' type='text/javascript'/>
    and you replace it with the following code:

        
    <script src='http://johnytemplate.googlecode.com/files/newsticker.js' type='text/javascript'/>
    If the slider does not show up again replace this code:

        
    <script src='http://creatingwebsite.googlecode.com/files/contentslider.js'/>
    with the following code:

        
    <script src='http://dl.dropbox.com/u/12924430/contentslider.js'/>
    Last save templates, or if you do not want to bother looking for the above code to replace them one by one in the download re-wrote, which long has been my updates, apologize in advance.






    No comments :

    No comments :

    Post a Comment