46 lines
2.4 KiB
HTML
46 lines
2.4 KiB
HTML
<section class="container my-5">
|
|
<div class="card shadow-sm">
|
|
<div class="card-body context-main-bg">
|
|
<h2 class="card-title text-center mb-4">How to pin the extension to your toolbar in Opera</h2>
|
|
{tutorialCrumbs}
|
|
<hr>
|
|
<div class="alert alert-success w-100 text-center" role="alert">
|
|
If you have not already installed the AllTheBookmarks Opera extension, you can find it in the
|
|
<a href="#" class="text-decoration-none text-primary" target="_blank">Opera Store</a>.
|
|
</div>
|
|
<p class="card-text">
|
|
Once installed, you can add the extension to your Opera toolbar with just a few easy steps.
|
|
</p>
|
|
<h5 class="mt-4">Step 1: Find the extensions icon on your toolbar.</h5>
|
|
<p class="card-text">
|
|
It should look like this:
|
|
</p>
|
|
<div class="text-center">
|
|
<img src="/app/plugins/bookmarks/images/opera/extensions.png" class="img-fluid rounded mb-4" alt="Right-clicking on the extension icon">
|
|
</div>
|
|
|
|
<h5 class="mt-4">Step 0: Reveal the extensions toolbar. ( This step may not be required for all users ).</h5>
|
|
<p class="card-text">
|
|
If you find that you are having trouble locating the extensions icon, double check that the additional toolbar is expanded.
|
|
</p>
|
|
<div class="text-center">
|
|
<img src="/app/plugins/bookmarks/images/opera/toolbar.png" class="img-fluid rounded mb-4" alt="Right-clicking on the extension icon">
|
|
</div>
|
|
|
|
<h5>Step 2: Left click this icon and a list of your currently installed extensions should show.</h5>
|
|
<p class="card-text">
|
|
Next to AllTheBookmarks, on the right you should see an eye icon, click this.
|
|
</p>
|
|
<div class="text-center">
|
|
<img src="/app/plugins/bookmarks/images/opera/pin.png" class="img-fluid rounded mb-4" alt="Extension settings page">
|
|
</div>
|
|
|
|
<p class="card-text">
|
|
Once pinned, you should see the AllTheBookmarks icon on the toolbar.
|
|
</p>
|
|
<div class="text-center">
|
|
<img src="/app/plugins/bookmarks/images/opera/pinned.png" class="img-fluid rounded mb-4" alt="Extension settings page">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |