Jump to content

Logo SSL


yulianto86

Recommended Posts

Menampilkan SSL Trust logo tidak harus menggunakan code snippets (javascript) dari SSL cert. provider terkait dan bisa dengan menampilkan logo image dengan/tanpa `click to action` (link URL) ke SSL cert. analyzer.

Menampilkan SSL Trust logo menggunakan HTML image, lebih bebas utk menampilkan logo image sesuai selera anda dan juga akan relatif lebih cepat dimuat dibandingkan menggunakan code snippets  (javascript).

Silahkan ikuti saran dari duredo diatas, atau gunakan code HTML berikut (dgn `click to action`), jgn lupa ganti domain.com dengan domain anda :

<a class="_blank ssl_seal" href="https://sslanalyzer.comodoca.com/?url=domain.com" title="SSL Analyzer Report" target="_blank"> <img class="img-responsive" alt="SSL Seal" src="https://domain.com/themes/default-bootstrap/img/sslseal.png"> <img class="img-responsive" alt="Comodo Secure Seal" src="https://domain.com/themes/default-bootstrap/img/comodo_secure_seal_113x59_transp.png"> </a>

Code tsb dapat anda tempatkan di manapun yang anda inginkan. Umumnya di tempatkan di footer sehingga tampil disemua halaman.

 

Jika masih ingin menggunakan code snippets (javascript) silahkan ikuti petunjuk instalasinya sebagaimana di pandu pada https://ssl.comodo.com/free-trust-logo.php

  1. Download TrusLogo image file yang di inginkan (simpan dalam komputer anda)
  2. Upload TrusLogo image file tsb via FTP ke directory instalasi PrestaShop anda, misalnya ke dalam directory `img` dalam theme yang aktif digunakan : .../public_html/themes/default-bootstrap/img/comodo_secure_seal_100x85_transp.png
  3. Kunjungi/lihat TrusLogo image tsb di browser anda pada URL :
    https://domain-anda.com/themes/bootstrap-default/img/comodo_secure_seal_100x85_transp.png
    pastikan gambar dimuat dengan baik dan anda bisa melihat gambar tsb
  4. Kembali ke https://ssl.comodo.com/free-trust-logo.php kemudian click "Continue to verify"
  5. Pada input field "URL of image file" isikan link URL sebagaimana disebutkan pada point-3 kemudian klik "VERIFY"
  6. Lanjutkan dengan klik "Continue to Position TrustLogo"
  7. Anda akan melihat 2 code snippets : 
    1 utk ditempatkan sebelum </head> tag (modifikasi theme file header.tpl)
    2 utk ditempatkan sebelum </body> tag (modifikasi theme file footer.tpl)
Link to comment
Share on other sites

  • 1 month later...

Jika ingin tampil seperti apa yang terlihat di webindoshop.com
silahkan ikuti petunjuk dibawah ini :

Edit module template file /themes/default-bootstrap/modules/blockcontactinfos/blockcontactinfos.tpl
Tambahkan kode HTML smarty berikut diakhir bagian tepat sebelum </section> :

<div class="text-center clearfix">
<a class="_blank ssl_seal" href="https://sslanalyzer.comodoca.com/?url=domain.com" title="SSL Analyzer Report" target="_blank"> <img class="img-responsive" alt="SSL Seal" src="https://domain.com/themes/default-bootstrap/img/sslseal.png"> <img class="img-responsive" alt="Comodo Secure Seal" src="https://domain.com/themes/default-bootstrap/img/comodo_secure_seal_113x59_transp.png"></a>
</div>

Edit CSS file /themes/default-bootstrap/css/global.css
Lalu tambahkan css berikut :

.ssl_seal img {
    display: inline-block;
    text-decoration: none;
}

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...