s4f11sn

menambah kolom

Mar 10th, 2013
44
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.46 KB | None | 0 0
  1. cara menambah kolom blog
  2. #1 kolom
  3. before ]]></b:skin>
  4. #satu_kolom{
  5. margin:10px 0;
  6. padding:1%;
  7. width:98%;
  8. }
  9.  
  10. >> code (susuaikan tempat)
  11. <div id="satu_kolom">
  12. <b:section class='header' id='satukolomajah' preferred='yes'/>
  13. </div>
  14.  
  15. #2 kolom
  16. before ]]></b:skin>
  17. #dua-kolom-dibawah-header {
  18. clear:both;
  19. }
  20. .dua-kolom {
  21. }
  22.  
  23. >> code (susuaikan tempat)
  24. </div>
  25. <div id='dua-kolom-dibawah-header'>
  26. <div id='kolom1' style='width: 50%; float: left; margin:0; text-align: left;'>
  27. <b:section class='dua-kolom' id='kolom1' preferred='yes' style='float:left;'/>
  28. </div>
  29. <div id='kolom2' style='width: 50%; float: right; margin:0; text-align: left;'>
  30. <b:section class='dua-kolom' id='kolom2' preferred='yes' style='float:right;'/>
  31. </div>
  32. <div style='clear:both;'/>
  33. </div>
  34.  
  35. #3 kolom
  36. before ]]></b:skin>
  37. #tiga-kolom-dibawah-header {
  38. clear:both;
  39. }
  40. .tiga-kolom {
  41. }
  42.  
  43. >> code (susuaikan tempat)
  44. <div id='tiga-kolom-dibawah-header'>
  45. <div id='kolom1' style='width: 35%; float: left; margin:0; text-align: left;'>
  46. <b:section class='tiga-kolom' id='kolom1' preferred='yes' style='float:left;'/>
  47. </div>
  48. <div id='kolom2' style='width: 35%; float: center; margin:0; text-align: left;'>
  49. <b:section class='tiga-kolom' id='kolom2' preferred='yes' style='float:center;'/>
  50. </div>
  51. <div id='kolom3' style='width: 30%; float: right; margin:0; text-align: left;'>
  52. <b:section class='tiga-kolom' id='kolom3' preferred='yes' style='float:right;'/>
  53. </div>
  54. <div style='clear:both;'/>
  55. </div>
Advertisement
Add Comment
Please, Sign In to add comment