Monday 2 February 2015

cara memodifikasi tampilan bolg

Cara Modifikasi Popular Post #Keren

1. Login ke blogger anda.
2. Klik Template > Edit HTML.
3. Anda cari kode ]]></b:skin> dan letakan kode di bawah tepat di atasnya.
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUBsjBR9nJrJybdZVdyQV7oNODDQz4qI7_iX6SXn7106VQYNPXLWsjUF0vNmytb8EEZZab6rqcY_aJpl-2ngUvrh0uog2NAM9SiRM6KvDLiFXflELXJHrGR3cKugrCITHCQh0lCI-Vwhw/s1600/1.gif)  no-repeat scroll 5px 10px;
  list-style-type: none;
  margin:0 0 5px 0px;
  padding:5px 5px 5px 20px !important;
  border: 1px solid #ddd;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
.popular-posts ul
  li:hover {
  border:2px solid #6BB5FF;
background:#000000;
}
.popular-posts ul
  li a:hover {
  text-decoration:none;
color:#FFF8DC;
}
.popular-posts .item-thumbnail img {
  webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
4. Simpan template blog anda.

Lalu lihat hasil modifikasi popular post #keren ini, semoga anda suka hasil modifikasi popular post ini ya :) hehehe. dan hanya itulah artikel  Cara Modifikasi Popular Post #Keren semoga bisa bermanfaat bagi anda.

No comments:

Post a Comment