Credit Hover Slide

Ciao, guys! aduuh yaampun dah lamaa banget gak post tutorial *serasa kehabisan ide*! oke, menu tutorial hari ini *ceilaah* adalah tengok judul ^v^




  • Login ke blogger << dasbor
  • Tata Letak / layout
  • Tambahkan gadget / add a gadget
  • Nah, di html box itu copast kode ini 
 <center><style type="text/css"> #side{margin-right:-1px;width:200px;height:200px;overflow:hidden;}    #text{text-align:center;width:200px;height:200px;padding:5px;overflow:auto;color:#363636;background: #FFFFFF; }
    #picture{margin-left:-200px;width:200px;height:220px;overflow:hidden;-webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;}    #side:hover #picture{margin-left:-590px;}    </style>    <table id="side" border="0" cellpadding="0" cellspacing="0" ><tr><td><div id="text"><center>Put with your word</center></div></td><td><center><div id="picture"><img src="Image URL" /></div></center></td></tr></table></center>


  • Sudah? preview dulu.. baru save kalau tidak ada yang eror!
  • Gampang, kan?
IMPORTAND!
Credit by : Elmo Blaster

No comments:

Post a Comment

1 ) Berikan komentar yang baik

2 ) Jangan pernah berkata kasar, jorok, dan menyakiti perasaan orang lain

3 ) Jangan sampai bikin gaduh di kotak comment

4 ) Blog ini secara otomatis memilah mana yang komen spam (termasuk yang menawarkan produk-produk seperti produk diet, dll). Jadi, hati-hati komennya

Related Posts Plugin for WordPress, Blogger...