Mas Paper Blogger Template Demo DownloadTEMPLATE FEATURES:
Mas Paper is a free blogger template with magazine style blogger template for portal news blog with auto recent per category. This template comes with an automatic image slider feature, 2/3 column blogger template with right sidebar, 3 column footer, magazine style blogspot template, featured content slider, accordion style, ads ready, pagination for blogger ready, dropdown menu, newsticker ready, clean design template, and more. This template designed for portal news blog with daily updates
Template Name : Mas Paper
Author : Maskolis
actually template pesenan ni my friend, but because he prefers to use this template wordpress would idle. Well than do not share my mending kepakai HERE, please for anyone who likes to be worn. This template is only a modification of the template Johny 2 Simple Magazine , on the slidernya I replace the automatic slider and sidebar wear my accordion instead of the tab view menu. The rest was just there at least an additional 3 columns below the sidebar in the first banner ads and additional social bookmark widget from Mashable.
I share these templates because there are some friends who want to use this template Mas Paper. Instead I sent the script one by one via email mending wrote'll be posting all can use. I'm confused about what the name given to this template, it's up to you what was not given a name, if I love the name of Mas Paper should not have to protest it.
The features on this template include:
- Banner above (above the header)
<head> Code located below the template, please replace with your banner or if you do not like to erase.
- News Headlines
To change the headlines from your blog, you just change the URL, because it seems now google API key is closed, or read more here .
- Automatic Slider.
To change the slider you find this code:
numposts1 = 5;
label1 = "mysteries";
Description:
Number 5 is the image displayed on the slider, you can replace it according to your taste. Mystery is a label or category that is displayed on the slider, you can also change them as needed More can be read here .
- Sidebar top center
How to install the add gadget >> HTML / Javascript and enter the code below: <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" recentpostslist <script type="text/javascript"> 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://crottt.blogspot.com /search/label/ mystery "11px style="float:right;font:normal Arial;padding:5px 0;"> More on this category» < / a> Description: color blue: the labels or categories are displayed in the sidebar. You can replace it with a label you adjust as needed. The red color: Replace URL with the URL of your blog. - Banner ads on the sidebar
There are two banner ads are the first under the content, and the other below the 3 rows of the sidebar on the second line. Please fill in your ad, and also can be replaced with the image twitter twitter from your own.
- For the second sidebar above footer as in the tutorial how to install Johny Magazine Widget Templates . For those who forgot please read again
- To view the menu tab on the right sidebar, you just make the top four will automatically become the widget and tab view menu. For more details read the tutorial here .
- If you want to add Mashable widget, place the following code in the box HTML / javascript: <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 # CCC;
border-right: 1px solid # D8E6EB;
border-left: 1px solid # D8E6EB;
border-image: initial;
font-size: .90 em;
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: # CCC;
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: 10px 5px;
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: 8px 10px 10px 7px;
-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 (top center, FFCA00 # 0, # FF9B00 100%);
background:-webkit-gradient (linear, left top, left bottom, color-stop (0, # FFCA00), color-stop (1, # FF9B00));
background:-moz-linear-gradient (top center, 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: 0 1px 1px # d08d00;
padding: 14px 7px;
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 = # CCC);
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 (top center, 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: 1px 1px # d08d00 0}
# Other-social-bar {
background-color: # D8E6EB;
box-shadow: 0 1px 1px inset # FFFFFF;
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 none outside;
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-li.my follow-rss {
background: url ('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_wcIQkuTUIdSC_6NvuSZzwOpNEZeHQjssxPsE9MgsqJHfQjh4EFew1dtYjJD2n83InXM42CWKIGL2tCklPXIMDl-lYgO28SYHAUd6urmV8mpWswIFP-eRAjlgELy6ih7cL1jfw8TYZpA/s400/rss-16x16.png') no-repeat transparent;
line-height: 1;
padding: 1px 3px 0px 20px;
width: 60px;
margin-bottom: 0px;
margin-left: 5px;}
# Other-social-bar. Other li.my follow-rss-a, # other-social-bar. Other li.my follow-linkedin-a, # other-social-bar. Other-li.my follow-gplus a {
text-decoration: none;
}
# Other-social-bar. Other-li.my follow-rss a: hover, # other-social-bar. Other follow-linkedin li.my a: hover, # other-social-bar. Other follow-li. my-gplus a: hover {
text-decoration: underline;
}
# Other-social-bar. Other li.my follow-linkedin-{
background: transparent no-repeat;
line-height: 1;
padding: 1px 3px 0px 20px;
width: 60px;
margin-bottom: 0px;}
# Other-social-bar. Other-li.my follow-gplus {
background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz96xU5nHOSVhCFs1uxxEa33aWtF7YMJzBFG2-WzWESbDEpSRoY8DxN55CyltfbDfdfPVclpspCI9_3osAAABdITUjZXVJvpZA56_NnhjWrNKQeiDivpt277wehAvlKbzwyo5KDzCWVDo/s400/gplus-16x16.png) no-repeat transparent;
line-height: 1;
width: 60px;
padding: 1px 3px 0px 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 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> class="twitter"> <! - Twitter -> <iframe title = "" style = "width: 300px; height: 20px;" class = "twitter-follow-button" src = "http://platform.twitter.com/widgets/follow_button.html # _ = 1319978796351 &
align = & button = blue & id = twitter_tweet_button_0 &
lang = en & link_color = & screen_name = maskolis & show_count = &
show_screen_name = & text_color = "frameborder =" 0 "scrolling =" no "> </ iframe> </ div> id="email-news-subscribe"> <! - Subscribe Email -> <div class = "mail-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 ='';" onblur = "if (this.value =='') this.value = this.defaultValue; "/>
<input type="hidden" value="FEEDBURNER_URL" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input type="submit" class="subscribe" name="commit" value="Subscribe" />
</ Form>
</ 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: # CCC; border: 1px solid # CCC; border-top: 1px solid white; padding: 1px 1px 3px 8px; 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-maskolis.blogspot.com/" target="_blank"> Creating Website» </ a> </ span> </ div> </ div >
<! - End Widget -> </ div> <! - End of social widget ->
Again this is not what it is, seems to have all, as well as the template Johny Simple Magazine 2 , no features of this template static page (static page) because the script summary and my thumb removed so as not to aggravate the loading blog. Below is the link to see the demo and download link for those of you who are interested to try to use this template. Good luck and hopefully useful.
Upates:
Because the google code repository is in trouble tabber menu in sidebar does not work, you are looking to fix and replace the following code in the HTML edit position:
<script src='http://creatingwebsite.googlecode.com/files/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
starttab var = 0;
var endtab = 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;
var endtab = 3;
sidebarname var = "sidebar";
</ Script>
<script src='http://johnytemplate.googlecode.com/files/tabber.js' type='text/javascript'/>
And if the headline news could not walk, to overcome this you must change the following code in HTML editing position, then find the code below:
<script src='http://maskolis.googlecode.com/files/ticker.js' type='text/javascript'/>
and you replace with the following code:
<script src='http://johnytemplate.googlecode.com/files/newsticker.js' type='text/javascript'/>
If it does not appear again slidernya 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.
