48 lines
2.3 KiB
HTML
48 lines
2.3 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 Import bookmarks in Opera</h2>
|
|
{tutorialCrumbs}
|
|
<hr>
|
|
<p class="card-text">
|
|
Importing your bookmarks from AllTheBookmarks is lightning fast and simple inside of Opera.
|
|
</p>
|
|
|
|
<h5 class="mt-4">Step 1: open the main application menu </h5>
|
|
<p class="card-text">
|
|
Simply left-click these three dots in the bottom left of the browser window.
|
|
</p>
|
|
<div class="text-center">
|
|
<img src="/app/plugins/bookmarks/images/opera/sidebar.png" class="img-fluid rounded mb-4" alt="Right-clicking on the extension icon">
|
|
</div>
|
|
|
|
<h5>Step 2: Open the Bookmark Menu</h5>
|
|
<p class="card-text">
|
|
In the list, click the icon next to <strong>Bookmarks</strong> and another window should open.
|
|
</p>
|
|
<div class="text-center">
|
|
<img src="/app/plugins/bookmarks/images/opera/bookmarks.png" class="img-fluid rounded mb-4" alt="Extension settings page">
|
|
</div>
|
|
|
|
<h5>Step 3: Open the Import Page</h5>
|
|
<p class="card-text">
|
|
In the bottom right of the page, click <strong>Import / Export</strong> and select <strong>Import Bookmarks</strong> and you should be taken to the import page.
|
|
</p>
|
|
<div class="text-center">
|
|
<img src="/app/plugins/bookmarks/images/opera/import.png" class="img-fluid rounded mb-4" alt="Extension settings page">
|
|
</div>
|
|
|
|
<h5>Step 4: Begin Importing</h5>
|
|
<p class="card-text">
|
|
In this menu, click the dropdown and make sure to select <strong>Bookmarks HTML file</strong>.
|
|
</p>
|
|
<div class="text-center">
|
|
<img src="/app/plugins/bookmarks/images/opera/import-select.png" class="img-fluid rounded mb-4" alt="Extension settings page">
|
|
</div>
|
|
|
|
<p class="card-text">
|
|
Finally, select the <strong>.html</strong> file you saved when using the <a href="/bookmarks/export" class="text-decoration-none atb-green">exports</a> feature.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section> |