How to Center Page Tab And Header In Blogger

23 March 2013


How to Center Page Tab And Header In Blogger

Bagaimana untuk Center kan Header Blog,
kaedahnya seperti berikut,
  1. go to TEMPLATE
  2. go to CUSTOMIZE
  3. go to ADVANCED
  4. then scroll to click CSS
  5. paste kan kod dibawah
#Header1_headerimg {margin:0 auto;}

Bagaimana pula caranya untuk center Menu tab di Blogger,
kaedahnya seperti berikut,
  1. ulang cara yang sama seperti diatas dari 1-5
  2. paste kan kod CSS dibawah kedalam box
.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;} 

Bagaimana untuk Center Footer Picture,
kaedahnya seperti berikut, 
  1. ulang cara yang sama seperti diatas dari 1-5
  2. paste kan kod CSS dibawah kedalam box
.Image img{
display: block;
margin-left: auto;
margin-right: auto;
}

Bagaimana untuk Remove Picture Shadow,
kaedahnya seperti berikut, 
  1. ulang cara yang sama seperti diatas dari 1-5
  2. paste kan kod CSS dibawah kedalam box
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}

Bagaimana untuk Add Post Seperator,
kaedahnya seperti berikut,
  1. ulang cara yang sama seperti diatas dari 1-5
  2. paste kan kod CSS dibawah kedalam box
.post{
margin: 0 0 40px 0;
width: 90%;
background: url(URL IMAGE SEPERATOR ANDA);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:3.7em;

Bagaimana untuk Tukar Perkataan 'Read More',
kaedahnya seperti berikut,
  1. cari <data:post.jumpText/> dan gantikan dengan 'PERKATAAN ANDA'


Mudah sahaja caranya untuk center kan header Blog dan centre kan Menu Tab di Blogspot.

Khadijah Firdaus
Superjo...Supermen...
Sudah baco...Harap komen...

1 comment: