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,
Features contained in this template include:
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.
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,
Features contained in this template include:
- 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. - Headlines NewsTo change the headlines from your blog.
- Automatic Slider.
To change the slider you find this code:numposts1 = 5;
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.
label1 = "misteri"; - Sidebar top center
How to install add gadget >> HTML / Javascript and then enter the code below:
<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 »</a>
- <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&width=300&height=290&colorscheme=light&show_faces=true&border_color=%23D8E6EB&stream=false&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&
align=&button=blue&id=twitter_tweet_button_0&
lang=en&link_color=&screen_name=Johny Woods&show_count=&
show_screen_name=&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='';" 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 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.
Subscribe to:
Post Comments
(
Atom
)
No comments :
Post a Comment