Box for List Contest

 

Aku mau post basic tutorial nih.. tapi bingung mau mulai dari mana. Cekidot yuk! cr: Kak Afiqah

Previewnya di atas. Mau? Yok, kita lakukan dengan mengikuti steps!

• Untuk designer, paste di HTML/JavaScript
• Untuk skin, paste di bawah kode :

</style>

Kodenya :

<style>.list{margin:10px;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL9nYw-DCirttqF9CbBHymfxPPO8nATNDHix2O3SfrRBXYa35rPU8Ut7vLQUoTBy4GeY6OI1uP2GLqR0azsO6ZAXQMJSSlSChkVHacPd1DFw5OGazu7Ia2B2-vR5pIVsndoa5UPyKixYk/s1600/stripe_31ddbc4976bf8c38e62a614944fb6a33.png);border-radius:none!important; padding:15px; width:300PX!important;border:1px dashed #bbb;height:160px;font:10px everyday; color:#666;line-height:14px;}@font-face{font-family:everyday;src:url('http://static.tumblr.com/eq1rpir/nBVm54bb6/everyday.ttf')}td{font-family: everyday;font-size: 10px;background:url(http://media.tumblr.com/tumblr_mc45il3O8n1qdlkyg.gif) left center;background-repeat:no-repeat;border:none!important;padding:3px 3px 3px 31px!important;-webkit-transition: 1.0s;-moz-transition: 1.0s;height:20px;}td:hover{background:url(http://media.tumblr.com/tumblr_mc4642ngvu1qdlkyg.gif) left center;background-repeat:no-repeat;-webkit-transition: 1.0s;-moz-transition: 1.0s;padding:3px 3px 3px 45px!important;}td a{text-decoration:none!important;color:#000!important;-webkit-transition: 1.0s;-moz-transition: 1.0s;}td a:hover{color:brown!important;-webkit-transition: 1.0s;-moz-transition: 1.0s;}</style>
<div class="list" style="font:10px everyday; color:#666;line-height:14px;width:585px!important;"><div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-7L-iZLWiMAxsZFa2XrcgesXCKi6wsev4fjWsdOJz3bc-lGZYxl88yu5WpQTCJRb21yrtf-m1Py0PveJDejMfow8_MDHD9tNdPVzX-Op6B8RJDjhFw11OdLglSjmeVTe_aZ5cAItkqcU/s1600/red.png); padding:5px;border:1px dashed pink;height:145px;text-align:left!important;"><div style="height:145px; overflow:scroll;overflow-x:hidden !important;overflow-y:scroll !important;">
<center><table border="1" style="border:none;width:535px;"><tr><td style="width:295px;padding:3px;"><strike><a href="">Coming Soon</a></strike></td><td style="width:295px;padding:3px;"><strike><a href="">Coming Soon</a></strike></td></tr><tr><td style="width:295px;padding:3px;"><a href="">Contest</a></td><td style="width:295px;padding:3px;"><a href="">Contest</a></td></tr><tr><td style="width:295px;padding:3px;"><a href="">Contest</a></td><td style="width:295px;padding:3px;"><a href="">Contest</a></td></tr><tr><td style="width:295px;padding:3px;"><a href="">Contest</a></td><td style="width:295px;padding:3px;"><a href="">Contest</a></td></tr><tr><td style="width:295px;padding:3px;"><a href="">Contest</a></td><td style="width:295px;padding:3px;"><a href="">Contest</a></td></tr><tr><td style="width:295px;padding:3px;"><a href="">Contest</a></td><td style="width:295px;padding:3px;"><a href="">Contest</a></td></tr><tr><td style="width:295px;padding:3px;"><a href="">Contest</a></td><td style="width:295px;padding:3px;"><a href="">Contest</a></td></tr></table></center>