demo blog

nahh sebelumnya kan saya share tentang membuat efek post hover pada homepage blog nah kalau sekarang saya akan share yang buat postingan blog kita

nahh gimana pengen gak?wahh bagi untuk para webdesign sih biasa tapi bagi newbie seperti saya ini wahh lumayan namanya aja proses belajar lo gan

langsung saja yuk
1.Login ke akun blogger anda
2.Masuk ke dashboard blogger anda
3.Pilih template kemudian pilih edit html
4.Cari kode berikut :

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

5.Nah jika sudah ketemu letakkan kode css berikut tepat dibawahnya 

 

<style type='text/css'> h3.date-header,.post-timestamp,.post-footer,.feed-links {display:none} .post { float:left; height:220px; width:540px; margin: 0 10px 10px 10px; padding:0px 5px 0px 6px; border:1px solid #fff; background: #fff;overflow:hidden; border-radius: 30px 0 30px 0; -moz-border-radius: 30px 0 30px 0; -webkit-border-radius: 30px 0 30px 0; -o-border-radius: 30px 0 30px 0; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;} .post:hover{float:left; height:220px; width:540px; margin: 0 10px 10px 10px; padding:0px 5px 0px 6px; border:1px solid #fff; background: #cccccc;overflow:hidden; box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.5); border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0;} </style>

kalau ada yang kurang mengerti tanya aja ya gan insyaallah saya akan menjawab semua pertanyaan anda jika bisa