Blesta Theme Integration


hehehe. maaf kalau bahasanya blepotan & ini bukan ahlinya di design web

1. Buat folder theme baru pada path /app/views/client (misal folder saya kasih nama blesta)
2. kopikan isi folder theme default (theme default adalah pada folder bootstrap) pada folder theme yang baru kita buat
jadi ada 2 folder seperti ini https://prnt.sc/10pj5oe

3. masuk pada folder theme yang baru kita buat untuk theme yang baru, buka file config.json
ganti nama theme, agar tidak bingung saat memilih theme pada admin area.

4. buka theme yang baru kita download tadi (https://templatemo.com/tm-541-host-cloud)
gambar isi theme html baru

kopikan 2 folder yang saya beri kotak merah pada folder theme baru (folder theme baru contoh saya adalah blesta).

5. untuk editing theme hanya terletak pada satu file yaitu structure.pdt

OK. sampai sini dulu.... habis ini saya lanjut :peep:
 
Selamat siang Mba @trias

Saya baru ingat bahwa Blesta saya dapat license dari akun yg saya ambil saat ini dan sudah saya pasang di https://cs.tepiair.com yang mana ini sudah perlahan saya jalankan dengan promo sana-sini.

Jika saya install Blesta baru berarti itu tanpa license ya Mba @trias .... Untuk "lokasi" ujicoba tidak ada masalah, karena saya dulu ada akun nganggur di R**web, tinggal saya pakai disana.

Thanks Mba.
 
Selamat siang Mba @trias

Saya baru ingat bahwa Blesta saya dapat license dari akun yg saya ambil saat ini dan sudah saya pasang di https://cs.tepiair.com yang mana ini sudah perlahan saya jalankan dengan promo sana-sini.

Jika saya install Blesta baru berarti itu tanpa license ya Mba @trias .... Untuk "lokasi" ujicoba tidak ada masalah, karena saya dulu ada akun nganggur di R**web, tinggal saya pakai disana.

Thanks Mba.

ada tial 30 hari kalau gak salah

dilanjut ya.. saya upload dulu yang sudah jadi, baru kita bahas lagi
 
Download theme nya : https://portal.blesta.my.id/blesta.zip
web utama bisa download di : https://templatemo.com/tm-541-host-cloud

Index Page Content on Portal Plugin:
Code:
<div class="services-section services-page" style="margin-top:0px;">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="section-heading">
              <span>Hosting Services</span>
              <h2>Best Services We Provide</h2>
              <p>Aenean molestie, odio quis viverra ultricies, leo tellus lacinia neque, sit amet maximus tortor nunc aliquet felis. Duis sit amet nibh non sapien tincidunt bibendum. Curabitur rutrum justo id leo ornare, suscipit lobortis augue volutpat.</p>
            </div>
          </div>
          <div class="col-md-4 col-sm-6 col-xs-12">
            <a href="{client_url}login/">
                <div class="service-item">
                  <i class="fa fa-cogs"></i>
                  <h4>My Account</h4>
                  <p>Have an account with us? Log in here to manage your account.</p>
                </div>
            </a>
          </div>
          {% if plugins.support_manager.enabled %}
          <div class="col-md-4 col-sm-6 col-xs-12">
            <a href="{client_url}plugin/support_manager/client_tickets/add/">
                <div class="service-item">
                  <i class="fa fa-support"></i>
                  <h4>Support</h4>
                  <p>Looking for help? You can open a trouble ticket here.</p>
                </div>
            </a>
          </div>
          <div class="col-md-4 col-sm-6 col-xs-12">
            <a href="{client_url}plugin/support_manager/knowledgebase/">
                <div class="service-item">
                  <i class="fa fa-info-circle"></i>
                  <h4>Knowledge Base</h4>
                  <p>Have a question? Search the knowledge base for an answer.</p>
                </div>
            </a>
          </div>
          {% endif %}
          {% if plugins.order.enabled %}
          <div class="col-md-4 col-sm-6 col-xs-12">
            <a href="{blesta_url}order/">
                <div class="service-item">
                  <i class="fa fa-shopping-cart"></i>
                  <h4>Order</h4>
                  <p>Visit the order form to sign up and purchase new products and services.</p>
                </div>
            </a>
          </div>
          {% endif %}
          {% if plugins.download_manager.enabled %}
          <div class="col-md-4 col-sm-6 col-xs-12">
            <a href="{client_url}plugin/download_manager/">
                <div class="service-item">
                  <i class="fa fa-download"></i>
                  <h4>Download</h4>
                  <p>You may need to be logged in to access certain downloads here.</p>
                </div>
            </a>
          </div>{% endif %}
        </div>
      </div>
    </div>


untiuk theme warna klientnya bebas:

kalau bisa warna sesuaikan
 
hehehe. maaf kalau bahasanya blepotan & ini bukan ahlinya di design web

1. Buat folder theme baru pada path /app/views/client (misal folder saya kasih nama blesta)
2. kopikan isi folder theme default (theme default adalah pada folder bootstrap) pada folder theme yang baru kita buat
jadi ada 2 folder seperti ini https://prnt.sc/10pj5oe

3. masuk pada folder theme yang baru kita buat untuk theme yang baru, buka file config.json
ganti nama theme, agar tidak bingung saat memilih theme pada admin area.

4. buka theme yang baru kita download tadi (https://templatemo.com/tm-541-host-cloud)
gambar isi theme html baru

kopikan 2 folder yang saya beri kotak merah pada folder theme baru (folder theme baru contoh saya adalah blesta).

5. untuk editing theme hanya terletak pada satu file yaitu structure.pdt

OK. sampai sini dulu.... habis ini saya lanjut :peep:

Maaf Mba @trias ini entah kenapa ini Softaculous error terus, sebentar Timeout, sebentar macet tidak sampai 100%, dsb..... Jadi harus berulang-ulang-ulang-ulang coba install lagi dan lagi..... :18::18:
20210320-blesta-softaculous-1.png

Berikut ini langkah yang diajarakan dan sudah saya lakukan Mba @trias :

1 & 2. Folder theme baru sudah dibuat.
20210320-folder-app-client.png


3. File config.json sudah diedit.

20210320-isi-json.png

4. Folder assets dan vendor sudah di copy kan.
20210320-assets-vendor.png


5. Siap menyimak :)

Terima kasih Mba @trias :77::77:
 
Download theme nya : https://portal.blesta.my.id/blesta.zip
web utama bisa download di : https://templatemo.com/tm-541-host-cloud

Index Page Content on Portal Plugin:
Code:
<div class="services-section services-page" style="margin-top:0px;">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="section-heading">
              <span>Hosting Services</span>
              <h2>Best Services We Provide</h2>
              <p>Aenean molestie, odio quis viverra ultricies, leo tellus lacinia neque, sit amet maximus tortor nunc aliquet felis. Duis sit amet nibh non sapien tincidunt bibendum. Curabitur rutrum justo id leo ornare, suscipit lobortis augue volutpat.</p>
            </div>
          </div>
          <div class="col-md-4 col-sm-6 col-xs-12">
            <a href="{client_url}login/">
                <div class="service-item">
                  <i class="fa fa-cogs"></i>
                  <h4>My Account</h4>
                  <p>Have an account with us? Log in here to manage your account.</p>
                </div>
            </a>
          </div>
          {% if plugins.support_manager.enabled %}
          <div class="col-md-4 col-sm-6 col-xs-12">
            <a href="{client_url}plugin/support_manager/client_tickets/add/">
                <div class="service-item">
                  <i class="fa fa-support"></i>
                  <h4>Support</h4>
                  <p>Looking for help? You can open a trouble ticket here.</p>
                </div>
            </a>
          </div>
          <div class="col-md-4 col-sm-6 col-xs-12">
            <a href="{client_url}plugin/support_manager/knowledgebase/">
                <div class="service-item">
                  <i class="fa fa-info-circle"></i>
                  <h4>Knowledge Base</h4>
                  <p>Have a question? Search the knowledge base for an answer.</p>
                </div>
            </a>
          </div>
          {% endif %}
          {% if plugins.order.enabled %}
          <div class="col-md-4 col-sm-6 col-xs-12">
            <a href="{blesta_url}order/">
                <div class="service-item">
                  <i class="fa fa-shopping-cart"></i>
                  <h4>Order</h4>
                  <p>Visit the order form to sign up and purchase new products and services.</p>
                </div>
            </a>
          </div>
          {% endif %}
          {% if plugins.download_manager.enabled %}
          <div class="col-md-4 col-sm-6 col-xs-12">
            <a href="{client_url}plugin/download_manager/">
                <div class="service-item">
                  <i class="fa fa-download"></i>
                  <h4>Download</h4>
                  <p>You may need to be logged in to access certain downloads here.</p>
                </div>
            </a>
          </div>{% endif %}
        </div>
      </div>
    </div>


untiuk theme warna klientnya bebas:

kalau bisa warna sesuaikan

Mba @trias theme baru saya namakan "Blesta Biru", namun tidak muncul di Themes. Nama "Blesta Blue" itu kan bawaan Blesta nya ya....

20210320-pilihan-themes.png
 
Back
Top