Link source
Install Guide & Template Setting New Johny Wuss V3
- Click the "Template"> "Edit HTML"> Find (Ctrl + F) the code <div id = "homepage">
- Change siteurl = "http://newjohnywussv3.blogspot.com/p/sitemap.html" with Url Sitemap / Contents Your Blog!
1. FEATURED POST!
Add LABEL Featured on a post that will be displayed in the "Featured Post" front page on top.
2. EDIT also with your version:
Template> Edit HTML> find code <span class = 'fn author'>. Look under code and replace the red with your version.<span class = 'fn author ">
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop =' name '> Sample Blog - SEO Tips, Design, Free Templates! </ span>
</a>
</ span>
<b: else />
<span class = 'fn author "> <span itemprop =' name '> Sample Blog - SEO Tips, Design, Free Templates! < / span> </ span>
</ b: if>
</ b: if>
</ span>
3. Change <! - Title Tags ->
<title> <data: blog.pageTitle /> | Best SEO Friendly Blogger Template </ title>
<meta content = 'new johny whoosh, seo template, responsive theme, fast loading'name = 'keywords' />
4. Change also link <div class = 'right'>.
Links are on it (credit link footer) MUST NOT BE CHANGED !!!Only this section may be amended:
<div class = 'right'>
Links: <a href=' #'> Your Link1 Here </a>. <a href=' #'> Your Link2 Here </a>. <a href=' #'> Your Link3 </a>. <a href=' #'> Your Link4 </a> <br/> <! - The following may be amended, should also be left alone -> Powered by <a href = 'http: //www.blogger .com 'target =' _ blank '> Blogger </a> & amp; <a href='http://www.google.com' target='_blank'> Google </a>. <a href='http://www.sepakbolamagz.com' target='_blank'> Football Mania </a>
5. CODE SEARCH BOX
1. Layout> Add a Gadget> Choose "Javascript / HTML"2. Enter the following code in the "content"
<style>
# search-box {position: relative; width: 100%; margin: 0;}
# search-form {height: 40px; border: 1px solid # 999; -webkit-border-radius: 5px; -moz- border-radius: 5px; border-radius: 5px; background-color: # fff; overflow: hidden;}
# search-text {font-size: 14px; color: #ddd; border-width: 0; background: transparent; }
# search-box input [type = "text"] {width: 90%; padding: 11px 0 12px 1em; color: # 333; outline: none;}
# search-button {position: absolute; top: 0; right : 0; height: 42px; width: 80px; font-size: 14px; color: # fff; text-align: center; line-height: 42px; border-width: 0; background-color: # 4d90fe; -webkit- border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; cursor: pointer;} <div style = "display: none"> <a href = ' http://contohblognih.blogspot.com 'target =' _ blank '> CB Design Seacr Box </a> </ div> </ style> <div id =' search-box "> <form action =" / search ' id = 'search-form "method =" get "target =" _ top ">
<input id =" search-text' name = 'q' placeholder = 'Search here ...' type = 'text' />
<button id = 'search-button' type = "submit"> <span> Search </ span> </ button> </ form> </ div>
<br/>
6. REMOVE GOOGLE ADVERTISING CODE!
Find the code <div class = 'post-footer-line post-footer-line-3'>under no Google ad code like this and REMOVE all or replace with your Adsense code!
<br/>
<script type = "text / javascript"> <! -
google_ad_client = "ca-pub-99362565352XXXX";
/ * 300x250 Text & amp; Picture * /
google_ad_slot = "9008658208";
google_ad_width = 300;
google_ad_height = 250;
// ->
</ script>
<script type = "text / javascript"
src = "// pagead2.googlesyndication.com/pagead/show_ads. js ">
</ script>
UPDATE!
If the display "Layout" in dashboar looked disheveled alias, add the following code:body # layout .outer-wrapper {width: 970px}
body # layout .content-wrapper {width: 970px}
body # layout #header {width: 300px; float: left; margin-top: 30px}
body # layout # header2 { width: 500px; float: right}
body # layout .main-wrapper {width: 550px}
body # layout .sidebar-wrapper, .sidebar1-wrapper {width: 300px; float: right}
body # layout #footer {width: 970px }
.footer {width: 215px; float: left}
body # layout ul {display: none}
The above code
# navbar-iframe {height: 0; visibility: hidden; display: none}
Raises BLOG PAGER
On the front page demo old template, there are menu See All Posts leading to the Table of Contents.You can replace it with Blog Pager or Menu page Fair (Older Posts) by replacing the code between the <b: includable id = 'NextPrev'> and <div class = 'clear' /> with the following code:
<b: includable id = 'NextPrev'>
<div class = "blog-pager 'id =' blog-pager '>
<b: if cond =' data: the newerPageUrl '>
<span id =" blog-pager-newer- link ">
<a class = 'blog-pager-newer-link' expr: href = 'Data: newerPageUrl' expr: id = 'Data: widget.instanceId + & quot; _blog-pager-newer-link & quot;' expr: title = 'Data: newerPageTitle'> <data: newerPageTitle /> </a>
</ span>
</ b: if>
<b: if cond = 'data: the olderPageUrl'>
<span id = "blog-pager -older-link '>
<a class =' blog-pager-older-link 'expr: href =' Data: olderPageUrl 'expr: id =' Data: widget.instanceId + & quot; _blog-pager-older-link & quot; ' expr: title = 'Data: olderPageTitle'> <data: olderPageTitle /> </a>
</ span>
</ b: if>
<b: if cond = 'data: the blog.pageType == "item"'>
< a class = 'home-link' expr: href = 'Data: blog.homepageUrl'> <data: homeMsg /> </a>
</ b: if>
<b: if cond = 'data: the mobileLinkUrl ">
<div class = "blog-mobile-link">
<a expr:href='data:mobileLinkUrl'> <data: mobileLinkMsg /> </a>
</ div>
</ b: if>
</ div>
<div class = 'clear' />
Thus Guide Install & Settings Templates New Johny Wuss V3