Cara Menyimpan Bookmarklet Di Browser

badboy

27 Jul, 2020

Cara Menyimpan Bookmarklet Di Browser - Bookmark secara sederhana adalah shortcut URL pada browser untuk mempermudah masuk ke sebuah halaman website. Dan bookmarlet adalah bagian dari bookmark itu sendiri.

Bookmarklet adalah sebuah bookmark yang berfungsi untuk menjalankan sebuah perintah javascript. Biasanya javascript tersebut untuk menjalankan sebuah tool online.

Javascript untuk bookmarklet diubah menjadi sebuah URL javascript. Sebagai contoh, berikut adalah bookmark javascript untuk screen capture halaman website dari Staticaly.


javascript:(function()%7BSS_ENDPOINT%20%3D%20%22https%3A%2F%2Fcdn.statically.io%2Fss%2F%22%3BDOMAIN%20%3D%20window.location.hostname%3BPATH%20%3D%20window.location.pathname%3Bwindow.open(SS_ENDPOINT%20%2B%20DOMAIN%20%2B%20PATH)%7D)()

Untuk menyimpan bookmaklet ini, saya sudah membuatkan sebuah video agar menjadi lebih jelas. Silahkan tonton videonya berikut ini.

Semoga bermanfaat.

Javascript Trik

<!--

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/4134389116-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY4fL_L6V0WEGiyKMX58TpHFe_vTJw:1737679124434';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8672685282469197650','//fromail.blogspot.com/2019/08/cara-menyimpan-bookmarklet-di-browser.html','8672685282469197650');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '8672685282469197650', 'title': 'Emai', 'url': 'https://fromail.blogspot.com/2019/08/cara-menyimpan-bookmarklet-di-browser.html', 'canonicalUrl': 'https://fromail.blogspot.com/2019/08/cara-menyimpan-bookmarklet-di-browser.html', 'homepageUrl': 'https://fromail.blogspot.com/', 'searchUrl': 'https://fromail.blogspot.com/search', 'canonicalHomepageUrl': 'https://fromail.blogspot.com/', 'blogspotFaviconUrl': 'https://fromail.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Emai - Atom\x22 href\x3d\x22https://fromail.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Emai - RSS\x22 href\x3d\x22https://fromail.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Emai - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/8672685282469197650/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Emai - Atom\x22 href\x3d\x22https://fromail.blogspot.com/feeds/8676743434217564282/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/f8583d1780ec1446', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Bagikan ke X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'item', 'postId': '8676743434217564282', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN8Q25i7LGpnV8faN5pjM1cEMTQAMAl7c8jefSbszV8sUwVU0nd_35P0n5WzWku_22koKBjtTsgTI0Z2Ob1GNZ7XyMv_vOzNoP1g0zXrjbw7OBP3m6pGuFe2xf-PTVMLs2EAahhJq5MYQ/s72-c/bookmarklet.jpg', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN8Q25i7LGpnV8faN5pjM1cEMTQAMAl7c8jefSbszV8sUwVU0nd_35P0n5WzWku_22koKBjtTsgTI0Z2Ob1GNZ7XyMv_vOzNoP1g0zXrjbw7OBP3m6pGuFe2xf-PTVMLs2EAahhJq5MYQ/s1600/bookmarklet.jpg', 'pageName': 'Cara Menyimpan Bookmarklet Di Browser', 'pageTitle': 'Emai: Cara Menyimpan Bookmarklet Di Browser'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Cara Menyimpan Bookmarklet Di Browser', 'description': 'Cara Menyimpan Bookmarklet Di Browser - Bookmark secara sederhana adalah shortcut URL pada browser untuk mempermudah masuk ke sebuah halaman...', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN8Q25i7LGpnV8faN5pjM1cEMTQAMAl7c8jefSbszV8sUwVU0nd_35P0n5WzWku_22koKBjtTsgTI0Z2Ob1GNZ7XyMv_vOzNoP1g0zXrjbw7OBP3m6pGuFe2xf-PTVMLs2EAahhJq5MYQ/s1600/bookmarklet.jpg', 'url': 'https://fromail.blogspot.com/2019/08/cara-menyimpan-bookmarklet-di-browser.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8676743434217564282}}, {'name': 'widgets', 'data': [{'title': 'Logo', 'type': 'HTML', 'sectionId': 'header-main', 'id': 'HTML50'}, {'title': '#Search and Icons', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList52'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-blog', 'id': 'HTML51'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'before-blog', 'id': 'FeaturedPost50', 'postId': '3677656062929653062'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-post', 'id': 'HTML52'}, {'title': 'Postingan Blog', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog50', 'posts': [{'id': '8676743434217564282', 'title': 'Cara Menyimpan Bookmarklet Di Browser', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN8Q25i7LGpnV8faN5pjM1cEMTQAMAl7c8jefSbszV8sUwVU0nd_35P0n5WzWku_22koKBjtTsgTI0Z2Ob1GNZ7XyMv_vOzNoP1g0zXrjbw7OBP3m6pGuFe2xf-PTVMLs2EAahhJq5MYQ/s1600/bookmarklet.jpg', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Diposting oleh'}, {'name': 'comments', 'label': 'Review'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Diposting oleh'}, {'name': 'comments', 'label': 'Review'}]}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML61'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML62'}, {'title': '#You may also like', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML1'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML63'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML64'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sidebar-static', 'id': 'PopularPosts50', 'posts': [{'title': 'Getting started with conversion rate tracking', 'id': 5061500101070453479}, {'title': 'Kelebihan Dome Camera CCTV', 'id': 1776724894853110261}, {'title': 'Cara Mendaftarkan Blogger Ke Google News', 'id': 3883912735951900389}, {'title': 'Cara Membuat Thumbnail Postingan Dengan PhotoScape', 'id': 594911959804385712}, {'title': 'Jenis Truk Paling Populer Di Indonesia', 'id': 8911858009182497980}]}, {'title': 'Categories', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label50'}, {'title': 'Hashtag', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label51'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML53'}, {'title': 'About Us', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML55'}, {'title': 'Learn More', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList50'}, {'title': 'Follow Us', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList51'}, {'title': 'Newsletter', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML58'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML56'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML57'}, {'title': 'JetScript Options', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML59'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML50', 'header-main', document.getElementById('HTML50'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList52', 'header-main', document.getElementById('LinkList52'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML51', 'before-blog', document.getElementById('HTML51'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost50', 'before-blog', document.getElementById('FeaturedPost50'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML52', 'before-post', document.getElementById('HTML52'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog50', 'blog-post', document.getElementById('Blog50'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2630032620-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML61', 'ads-post', document.getElementById('HTML61'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML62', 'ads-post', document.getElementById('HTML62'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'ads-post', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML63', 'ads-post', document.getElementById('HTML63'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML64', 'ads-post', document.getElementById('HTML64'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts50', 'sidebar-static', document.getElementById('PopularPosts50'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label50', 'sidebar-static', document.getElementById('Label50'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label51', 'sidebar-static', document.getElementById('Label51'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML53', 'sidebar-sticky', document.getElementById('HTML53'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML55', 'footer-widget', document.getElementById('HTML55'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList50', 'footer-widget', document.getElementById('LinkList50'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList51', 'footer-widget', document.getElementById('LinkList51'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML58', 'footer-widget', document.getElementById('HTML58'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML56', 'copyright', document.getElementById('HTML56'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML57', 'jet-options', document.getElementById('HTML57'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML59', 'jet-options', document.getElementById('HTML59'), {}, 'displayModeFull'));
</script>
</body>

-->