Thursday, October 10, 2013

Using wiki style in blogger



Download wiki style template from blogger from:
http://aryakamandhanuputraseplawan.blogspot.ca/2012/02/simple-wiki-wikipedia-style-blogger.html
unzip and you can find wikiWP.xml

Create new blog in blogger use simple view:
http://jiansenlucodelogger.blogspot.com/

Go to template: backup/restore, upload: wikiWP.xml
This template can not add Adsense automatically at sidebar, but OK at bottom.  I added it via  blogger settings
->Post and comments ->Post template, put Adsense JS code inside.

Another wiki blogger demo site:
http://wptb-wikiwp.blogspot.ca/


Do the following modification:
All links in home page are  stuck, but for each page OK.
line 287 remove
.excerpt
{
  margin-bottom:32px;
  float:left;
  width:100%;
}


Upload image directory to your server, replace all http://www.opendrive.com/files/
to your servers.

change logo.png to your logo and modify line 51 accordingly
#logo { position:absolute; top:0; left:0; cursor:pointer; width:155px; height:155px; margin:0; padding:0; z-index:1; }

Due to archive list in sidebar background image overlap with the first letter
remove line 129 and 134
 background:url('http://www.opendrive.com/files/6964790_2IFXV/bullet.jpg') no-repeat 0 4px;

The message box is too far from the post title, line 1549 remove   <div style='clear: both;'/> under
       <b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>

No comments:

Post a Comment