Johny Sonpret Banget Tempalete | Instruction how to Use

Johny Sonpret Banget Tempalete | Instruction how to Use

Posted by Blog User on January 31, 2017

How to Install Slider:

To install slider below head in this template just add a HTML/Javascript gadget below header and paste the below code in it.

<div id='featuredContent'>
<div id='slideshow'>
<div id='slideshowThumbs'>
<ul><script>
document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script> </ul>
</div>
<div class='post' id='slideshowContent'>
<script>
document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script></div>
</div>
<script type='text/javascript'>
$(function() {
$("#slideshowThumbs ul").tabs("#slideshowContent > div", {
effect: 'fade',
fadeOutSpeed: 1000,
rotate: true
}).slideshow({
clickable: true,
autoplay: true,
interval: 3000
});
});
</script>
<div class='clear'>
</div>
</div>

Tab view widget:

To cahnge the tabs name find the following code in Edit HTML and replace it with your desired titles.

Title1="DIARY";Title2="JAZZ";Title3="HEALTH";Title4="SPORT";Title5="COMEDY"

Change Tab widget labels:

To change the widget labels find the below code in template.

<div class='tabber' id='tab1'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/sport?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts9\"><\/script>");
</script></div>
<div class='tabber' id='tab2'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/lifestyle?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts9\"><\/script>");
</script></div>
<div class='tabber' id='tab3'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/economics?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts9\"><\/script>");
</script></div>
<div class='tabber' id='tab4'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/diary?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts9\"><\/script>");
</script></div>
<div class='tabber' id='tab5'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/health?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts9\"><\/script>");
</script></div>
<div class='clear'>
</div>

Replace The green color background text/code with your own labels.

Install social Subscription widget:

To install the social subscription widget in sidebar of this template paste the below code in HTML/javascript widget.

<style type='text/css'>
.social a{color: #6e6e6e;font: bold 12px Calibri,Helvetica, Arial, sans-serif;text-decoration: none;padding: 3px 5px 2px;position: relative;display: inline-block;text-shadow: 0 1px 0 #fff;-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s; background: #f3f3f3;border: solid 1px #dcdcdc;}
.social a:hover {color: #333;border-color: #999;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
.social a:active{color:#000;border-color: #444;}
.sub-box{width:300px;background:();padding: 2px 5px 7px 2px;font-family:Droid Sans,Helvetica,Arial;}
.emailform{margin:16px 0 0; display:block; clear:both;}
.emailtext{margin:10px 0 0;background:#f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNRYZBogVO-X38tPvT8NnDH422Iyg6bbpt9WpQbPHAC90Rd03puZ4BIDOS3EWZHQWaeKuwwVReCkwiC85PL8WUqjazM-ODYq88vlr6io2jWuCmckKYrpQZJcdKG7zsVbnMLY3Nkm8DAOo/s1600/email.png) no-repeat scroll 4px center;padding:6px 5px 6px 34px;color:#444;font-weight:bold; text-decoration:none;border:1px solid #ccc;width:175px;}
.emailtext:hover{background: #f3f3f3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNRYZBogVO-X38tPvT8NnDH422Iyg6bbpt9WpQbPHAC90Rd03puZ4BIDOS3EWZHQWaeKuwwVReCkwiC85PL8WUqjazM-ODYq88vlr6io2jWuCmckKYrpQZJcdKG7zsVbnMLY3Nkm8DAOo/s1600/email.png) no-repeat scroll 4px center;border-color:#999;}
.emailtext:focus{outline:none;}
.sub-button{color:#eee;font-weight:bold; text-decoration:none;padding:5px 10px; border:1px solid #666;cursor:pointer;background:#999}
.sub-button:hover{color:#444;border-color: #999;background:#ccc}
</style>
<center><div class="social" style="padding: 0pt 0pt 0pt 5px;">
<table><tbody><tr><td>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=maskolis' target='_blank'><img alt='newsletters' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgejhDbNKw_NEmuIq1oDI6I1VSBiGcOY-_hMi0k-c8IBxtqaYrghXSK05DRoEv9HuUlZQfBqIp9RFIXDo9wwcKF0ZoVuX0j-EJOglnVj-Y0eq7q6d8gMuDO0nd5xs28yHFt0QqhcQMzKQ/s1600/mail.png" border="0" title='newsletters'/></a> </td>
<td> <a href='http://feeds.feedburner.com/maskolis' target='_blank'><img alt='rss' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge29rFIABYStV-XtORBz11t60sHS6PsdSR10oiGy7PsuY8IjAo5aWrWuG9XRH3gghDj01R0kWiPFeQWt9Ld6SFkBs_WfFwSWqqorfyBgSUp5MDX11ubUvMjhfMetUba2mt99LelcaA3g8/s1600/rss.png" border="0" title='rss'/></a> </td>
<td> <a href='http://twitter.com/maskolis' target='_blank'><img alt='twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDRWDjK1TrDI_nY20J1pN8-wcSJoPenvuZf3RAv464VKN5mN911gf28c_hxl8qVG3XnJQiVrOmorUw66aiPTK3v3FdCFpWv5go1HvBgjaXkHfMWTwOG-BPrgpciKuYpHQynMrfvf4MNA/s1600/twitter.png" border="0" title='twitter'/></a> </td>
<td> <a href='http://www.facebook.com/maskolis' target='_blank'><img alt='facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrne_PCyubXtpfRpWaz27mgzwRkUDCLaON6zZRzjyCGUNhqrfDSd18mZT0GYaZi5lNVejdFizdo18W7scRge38EuEJXafdb9U2pDS3k4UtOZhsG6vWIQHWd8WebkNEOrA6I-ghrUhTdto/s1600/facebook.png" border="0" title='facebook'/></a> </td>
<td> <a href='http://www.youtube.com/maskoli' target='_blank'><img alt=' youtube' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibcSDHZDMNQBP-uz_ZMbJeko0yeFxb-GoeKNguvSJjK6BlpW3zL7kdtIxGyT_DrO5SHbRG1KJ23eB5jfnHkyuzigW0IOZE9fAmyzHc3XtNuvaxGL248b0LezQoKPyL-i1dHfMX3OlOjFo/s1600/youtube.png" border="0" title='youtube'/></a>
</td></tr></tbody></table> </div></center>
<center>
<div class='sub-box'>
<div style="text-align: left; display: inline-block;">
<h8 style="display:block;font-family:'calibri';font-size:15px;font-weight:bold;">Subscribe via RSS Feed</h8>
<small><i>If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'>
<b>click here</b></a>, or subscribe to receive more great content just like it.</i></small>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=maskolis', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="maskolis" name="uri"/>
<input type="hidden" name="loc" value="fr_FR" />
<input type="text" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" value="Enter your email..." name="email" class="emailtext" />
<input type="submit" class="sub-button" value="Enter" title='' alt='' />
</form></div></div></center>

Activate comment reply:

To activate comment reply in this template find the below code in edit HTML and replace it with your own Blog ID.

6056708173853814595

Search Tags:

Johny crottmag bloger template
Johny crottmag blogspot template
Johny crottmag B template
Johny crottmag Blogger theme
Johny crottmag blogspot theme

Print This Page

Comments