Sunday, November 6, 2016
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 != "item">
<style>
/*homepage styles
-----------------------------------------------------------------------------------*/
#main-wrapper {
float:left;
overflow:hidden;
width:660px;
}
.post {
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoIsKtIOnjGsH4y2v1Igb7VFm7aqs39RICOg8LMxJUFGol91gZHNMEAE-dAWCNnsmk9b_uX1csO4r_9aAr-XcyHUuR_TGeuDQenlwSat47Vx0a6vSLWgM0g7Iy-0tEiD7AxRRRKCU7i0Q/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>
<style>
/*homepage styles
-----------------------------------------------------------------------------------*/
#main-wrapper {
float:left;
overflow:hidden;
width:660px;
}
.post {
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoIsKtIOnjGsH4y2v1Igb7VFm7aqs39RICOg8LMxJUFGol91gZHNMEAE-dAWCNnsmk9b_uX1csO4r_9aAr-XcyHUuR_TGeuDQenlwSat47Vx0a6vSLWgM0g7Iy-0tEiD7AxRRRKCU7i0Q/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
Go to link Download
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.