CSS Template

Halo sobat, saya selalu berusaha keras membuat suatu inovasi, yang pada dasarnya itu semua bukanlah suatu perkara yang mudah. Kali ini saya telah melakukan cloning template Mobile default MWB ke CSS Template mobile www.nextwapblog.com beserta previewnya, karena banyaknya permintaan untuk hal ini, dan yang saya cloning adalah template untuk type mobile nextwapblog, meskipun ada sedikit perubahan pada selector CSS saya harap sobat dapat beradaptasi denganya dan berikut ini adalah review template default Mobile yang sudah saya clone. sobat bisa mengunduh berkas *.zip pada akhir postingan

HTML SYNTAX TAGS

error.html


follow.html


footer.html


header.html


home.html


modul.html


view_mp3.html


view_video.html


page.html


post.html


CSS Selector

Dan inilah CSS selectornya memang hanya 95% dapat diclone, kalau 100% banyak yang tidak berfungsi sobat silahkan dinikmati :

  1. 01.
  2. 02.
  3. 03.
  4. 04.
  5. 05.
  6. 06.
  7. 07.
  8. 08.
  9. 09.
  10. 10.
  11. 11.
  12. 12.
  13. 13.
  14. 14.
  15. 15.
  16. 16.
  17. 17.
  18. 18.
  19. 19.
  20. 20.
  21. 21.
  22. 22.
  23. 23.
  24. 24.
  25. 25.
  26. 26.
  27. 27.
  28. 28.
  29. 29.
  30. 30.
  31. 31.
  32. 32.
  33. 33.
  34. 34.
  35. 35.
  36. 36.
  37. 37.
  38. 38.
  39. 39.
  40. 40.
  41. 41.
  42. 42.
  43. 43.
  44. 44.
  45. 45.
  46. 46.
  47. 47.
  48. 48.
  49. 49.
  50. 50.
  51. 51.
  52. 52.
  53. 53.
  54. 54.
  55. 55.
  56. 56.
  57. 57.
  58. 58.
  59. 59.
  60. 60.
  61. 61.
  62. 62.
  63. 63.
  64. 64.
  65. 65.
  66. 66.
  67. 67.
  68. 68.
  69. 69.
  70. 70.
  71. 71.
  72. 72.
  73. 73.
  74. 74.
  75. 75.
  76. 76.
  77. 77.
  78. 78.
  79. 79.
  80. 80.
  81. 81.
  82. 82.
  83. 83.
  84. 84.
  85. 85.
  86. 86.
  87. 87.
  88. 88.
  89. 89.
  90. 90.
  91. 100.
  92. 102.
  93. 103.
  94. 104.
  95. 105.
  96. 106.
  97. 107.
  98. 108.
  99. 109.
  100. 110.
  101. 111.
  102. 112.
  103. 113.
  104. 114.
  105. 115.
  106. 116.
  107. 117.
  108. 118.
  109. 119.
  110. 120.
  111. 121.
  112. 122.
  113. 123.
  114. 124.
  115. 125.
  116. 126.
  117. 127.
  118. 128.
  119. 129.
  120. 130.
  121. body {
    margin: 0;
    padding: 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    }

    #header {}
    #header .heading {}
    #header .heading a {}
    #header .description {}
    /* 4 link navigasi */
    #navigation {}
    #navigation span {}
    #navigation span:nth-of-type(2) {}
    #navigation span:nth-of-type(3) {}
    #navigation span:last-child {}
    #navigation span a {}


    #top-content {}
    #search-form {}
    #search-form .inp-text {}
    #search-form .inp-btn {}

    #content {}
    .post .post-meta {}
    .post .post-meta .title {}
    .post .post-meta .title a {}
    .post .post-meta2 {}
    .post .post-content {}
    .post .thumbnail {}

    .post-single .post-meta {}
    .post-single .post-meta .title {}
    .post-single .post-meta .title a {}
    /* breadcrumb on nexwapblog */
    .post-single .breadcrumb {}
    .post-single .breadcrumb li {}

    .post-single .post-content {}
    /* jika post-single mp3 atau post-single video */
    .post-single .post-content .download {}
    .post-single .post-content .picture {}
    .post-single .post-content .responsive-frame {}
    .post-single .post-content .download {}
    .post-single .post-content .download span {}


    #recent-posts-list {}
    #recent-posts-list h4 {}
    #recent-posts-list ol {}
    #recent-posts-list ol li {}
    #recent-posts-list ol li a {}
    /* share buttons with span tag */
    #share-buttons {}
    #share-buttons span {}
    #share-buttons a {}
    #share-buttons span a > img {}


    /* nexwapblog pagination only */
    #pagination-links {}
    .pagination {}
    .pagination li {}
    .pagination li a {}
    .pagination > li > span {}
    .pagination > .active {}
    .pagination > .disabled {}


    #comments {}
    #comments h3 {}
    #comments h4 {}
    #comments h5 {}
    #comments h5 > .inp-checkbox {}

    #comments .comment {}
    /* comment avatar is only on nexwapblog */
    #comments .comment .avatar {}

    #comments .comment .comment-header {}
    #comments .comment .comment-header .title {}
    #comments .comment .comment-header .title a {}

    #bottom-content {}
    #bottom-content a {}
    #bottom-content a.no-link {}
    #bottom-content h3 {}

    #navigation-menu {}
    #navigation-menu h3 {}
    #navigation-menu ul {}
    #navigation-menu ul li {}

    #category-bottom {}
    #category-bottom h3 {}
    #category-bottom ul {}
    #category-bottom ul li {}
    #category-bottom ul li a {}

    #blogroll {}
    #blogroll h3 {}
    #blogroll ul {}
    #blogroll ul li {}
    lt;/html/textareagt; lt;/html/textareagt; #blogroll ul li a {}

    .highlight {}
    .highlight i {}
    .messages p {}


    #footer {}
    #footer a {}
    #footer #powered-by {}
    #footer #powered-by a {}

    .admin-post-action {}
    .admin-post-action a {}
    .admin-article-action {}
    .admin-article-action a {}
    .admin-comment-action {}
    .admin-comment-action a {}
NB : Jadi jika sobat ingin menggunakan CSS Mobile MWB yang sobat miliki sobat harus memodifikasi CSS pada bagian #navigation, #pagination-links. Dan menambah selector CSS sobat yaitu selector untuk .breadcrumb, .avatar, .download, .admin-post-control, .picture, .responsive-frame. Seperti kode berwarna merah diatas.

Cara pemasangan

Untuk cara memasang sudah saya sertakan file README.MD dalam berkas *.zip Saya sarankan membackup meta tag yang ada pada header.html sobat sebelum mengganti template.

Cukup sekian post kali ini, jika ada yang ditanyakan silahkan berkomentar ataupun bergabung di grup nextwaplog.com. Semoga bermanfaat !