Jump to content
Sign in to follow this  
yulianto86

Logo SSL

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)

Share this post


Link to post
Share on other sites

Sudah saya coba dan berhasil pak, tetapi dia muncul nya di bawah sekali di luar blok. 

bagaimana bisa seperti punya bapak yg di webindoshop.com

 

 

terima kasihUntitled.thumb.jpg.6c090ee3ae70bfcd0d1caeb7d3a1bb61.jpg

Share this post


Link to post
Share on other sites

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;
}

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More