0 Cara Merubah Postingan Template Blog Bergaya Gallery

Cara Merubah Postingan Template Blog Bergaya Gallery
Bosan dengan tampilan blog kita,,,,? pengin ganti tampilan tanpa harus ganti template...? Coba trik ini,,,,,, dengan sedikit kode html maka tampilan blog kita akan berubah seperti tampilan galery tanpa mengganti template dengan sedikit sentuhan edit mengedit tampilan blog anda akan berubah menjadi galery.
SILAHKAN IKUTI LANGKAH LANGKAH DIBAWAH INI ;

Setelah diedit menjadi galery

Untuk caranya silahkan login blog anda. Jangan lupa isi email dan password dengan benar
1. Klik menu template
2. Klik menu edit html
3. Teka F3 pada keyboard komputer anda
4. Cari kode berikut ]]></b:skin>
5. Copy kode dibawah ini lalu letakan diatas kode nomer 4 tadi

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>

/*homepage styles
-----------------------------------------------------------------------------------*/

#main-wrapper {
float:left;
overflow:hidden;
width:660px;
}

.post {
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXbOnn1K0pT29w9aO6IAeZY3fPp4cXCSIjMWEslWC8xQLIm98LsSRQF_NszNCHIH9gsMqfHZIeP5BUL3ES_FMMtncmuk6J5S_qh7rR64qePxj6-d5uKlzTZckD2NZJ5WXmqhbyirwG4qw/s1600/box.gif) repeat-x top left;
box-shadow: 0pt 3px 3px -1px rgba(0, 0, 0, 0.1);
border:1px solid #DBDBDB;
width:200px;
height:200px;
margin:0 0 7px 7px;
padding:10px 0 0 10px;
display:inline;
float:left;
overflow:hidden;
position:relative;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;}

.post h3 {
width:210px; height:20px;
padding-bottom:0px;
padding-top:1px;
font-family:arial;
font-size:14px;
text-align:left;
top:183px;
color:#333;
text-shadow:1px 1px #eee;
margin:0;
position:absolute;
}
.post h3 a{color:#333;
}
.post-body {
overflow:hidden;
width:190px;
padding-bottom:15px;
margin-left:15px;
height:160px;
padding:0px;
margin:20px 0 0;
}

</style>
</b:if>

6. Klik simpan
7. Ingat backup dahulu untuk menghindari hal hal yang tidak diinginkan

Komentar →