{"id":12,"date":"2010-04-03T23:27:00","date_gmt":"2010-04-03T23:27:00","guid":{"rendered":"http:\/\/mikemartinezonline.com\/blog\/?p=12"},"modified":"2010-04-03T23:27:00","modified_gmt":"2010-04-03T23:27:00","slug":"creating-bookmarklets-and-smart-bookmarks","status":"publish","type":"post","link":"https:\/\/mikemartinezonline.com\/blog\/2010\/04\/03\/creating-bookmarklets-and-smart-bookmarks\/","title":{"rendered":"Creating Bookmarklets and Smart Bookmarks"},"content":{"rendered":"<p>Bookmarklets are small pieces of JavaScript code that can be bookmarked to perform the intended action later on any web page. The are a way of making your browsing and web searching much more productive.   <br \/>With the advent of more applications being \u2018cloud based\u2019 the browser is becoming the \u2018operating system or portal\u2019 to most information and applications. Using bookmarklets to better perform repeated and common tasks makes lots of sense.  <br \/>Bookmarklets and Smart bookmarks can be made and used in Firefox, IE and Chrome.  <br \/>I primarily use Firefox so I will demonstrate how to create them there. The process is nearly identical in Chrome, and Internet Explorer.  <\/p>\n<p>Here is one way to create some custom ones.  <br \/>Open up the Bookmarks Organizer by going to the <strong>Bookmarks Menu<\/strong>, and click the <strong>Organize Bookmarks<\/strong> option.   <br \/><a href=\"http:\/\/lh5.ggpht.com\/_WjVexuqdNfY\/S7g0OinuyaI\/AAAAAAAAAHM\/iTgKLM3-0pk\/s1600-h\/image%5B3%5D.png\"><img loading=\"lazy\" decoding=\"async\" style=\"border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px\" title=\"image\" border=\"0\" alt=\"image\" src=\"http:\/\/lh3.ggpht.com\/_WjVexuqdNfY\/S7g0PYuJplI\/AAAAAAAAAHQ\/QzT56KGfW50\/image_thumb%5B1%5D.png?imgmax=800\" width=\"244\" height=\"194\" \/><\/a> <br \/>In the \u2018Library\u2019 windows that pops up select the \u2018<strong>Bookmarks Menu\u2019<\/strong> <br \/><a href=\"http:\/\/lh4.ggpht.com\/_WjVexuqdNfY\/S7gxRifZ9oI\/AAAAAAAAAGs\/KbwAUOzpQTc\/s1600-h\/image%5B2%5D.png\"><img loading=\"lazy\" decoding=\"async\" style=\"border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px\" title=\"image\" border=\"0\" alt=\"image\" src=\"http:\/\/lh6.ggpht.com\/_WjVexuqdNfY\/S7gxSEMBTsI\/AAAAAAAAAGw\/R99e97WWrUk\/image_thumb.png?imgmax=800\" width=\"244\" height=\"194\" \/><\/a> <br \/>Click the <strong>Organize Menu<\/strong> and choose the <strong>New Bookmark<\/strong> option:   <br \/><a href=\"http:\/\/lh5.ggpht.com\/_WjVexuqdNfY\/S7g0QtjukRI\/AAAAAAAAAHU\/dZTWfixuXTc\/s1600-h\/image%5B6%5D.png\"><img loading=\"lazy\" decoding=\"async\" style=\"border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px\" title=\"image\" border=\"0\" alt=\"image\" src=\"http:\/\/lh6.ggpht.com\/_WjVexuqdNfY\/S7g0RQ-k2kI\/AAAAAAAAAHY\/v7l7y1DGxvY\/image_thumb%5B2%5D.png?imgmax=800\" width=\"244\" height=\"164\" \/><\/a> <br \/>Now you need to type in whatever name you would like for the Smart Bookmark. In the location field, however, is where you will insert the specialized \u201cURL\u201d which we\u2019ll cover in the next section. This screenshot shows an example location that will return the top 10 bookmarks you visit the most:   <\/p>\n<p>The Smart Bookmark that you just created should now be visible in the Bookmark Organizer, and you can place it wherever you would like. The content will dynamically change based on the criteria that you specified in the previous step.   <\/p>\n<p>The beauty is that you can create all kinds of specialized queries and actions.  <\/p>\n<p>As an example someone asked me about searching for films that certain actors or actresses have been in. Since IMDB is pretty much <em>the<\/em> place to start looking why not do a Google search OF the IMDB.COM site?  <\/p>\n<p>So just follow the steps above and call your bookmark \u2018IMDBfinder\u2019 or something and copy in this java code into the \u2018Location\u2019:  <\/p>\n<p><em>javascript:var searchterms = escape(prompt(&#8216;Actor or Actress&#8217;));var query = searchterms + &#8216; site:imdb.com&#8217;;window.location=&#8217;<\/em><a href=\"http:\/\/www.google.com\/search?q='\"><em>http:\/\/www.google.com\/search?q=&#8217;<\/em><\/a><em> + query;<\/em> <\/p>\n<p>to make a Google search of that site.  <br \/><a href=\"http:\/\/lh5.ggpht.com\/_WjVexuqdNfY\/S7gxSnNiDxI\/AAAAAAAAAG0\/QTyzQwhhrSc\/s1600-h\/image%5B5%5D.png\"><img loading=\"lazy\" decoding=\"async\" style=\"border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px\" title=\"image\" border=\"0\" alt=\"image\" src=\"http:\/\/lh4.ggpht.com\/_WjVexuqdNfY\/S7gxTAkH7mI\/AAAAAAAAAG4\/5MHpnNhE8VE\/image_thumb%5B1%5D.png?imgmax=800\" width=\"244\" height=\"167\" \/><\/a> <br \/>In action \u2013 when I click on that new bookmark I am prompted to enter a name  <br \/><a href=\"http:\/\/lh6.ggpht.com\/_WjVexuqdNfY\/S7gxT4YiTYI\/AAAAAAAAAG8\/v7NH6jdM3WQ\/s1600-h\/image%5B8%5D.png\"><img loading=\"lazy\" decoding=\"async\" style=\"border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px\" title=\"image\" border=\"0\" alt=\"image\" src=\"http:\/\/lh5.ggpht.com\/_WjVexuqdNfY\/S7gxUP8gYrI\/AAAAAAAAAHA\/I4jDae85_JU\/image_thumb%5B2%5D.png?imgmax=800\" width=\"244\" height=\"106\" \/><\/a> <br \/>and the results are then presented. Google searches only that specific site and returns all results from it.  <br \/><a href=\"http:\/\/lh3.ggpht.com\/_WjVexuqdNfY\/S7gxUv-UABI\/AAAAAAAAAHE\/GLqwA8s_jr0\/s1600-h\/image%5B11%5D.png\"><img loading=\"lazy\" decoding=\"async\" style=\"border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px\" title=\"image\" border=\"0\" alt=\"image\" src=\"http:\/\/lh5.ggpht.com\/_WjVexuqdNfY\/S7gxVcn3zmI\/AAAAAAAAAHI\/Z6_Lu5eJPUE\/image_thumb%5B3%5D.png?imgmax=800\" width=\"244\" height=\"189\" \/><\/a> <br \/>This can be really valuable for limiting searches to specific sites you may frequent.&#160; I have some for Lifehacker, HowToGeek, Drudgereport, Mediafire and many others.  <\/p>\n<p>The really cool thing is that bookmarklets can run <strong>all kinds of code<\/strong> to do things like resize images, browser windows, do translations and much more! The limit is up to you and your creativity and willingness to learn.  <br \/>Mozilla has some pretty good ones here:  <br \/><a title=\"http:\/\/mozillalinks.org\/wp\/resources\/bookmarklets-collection\/\" href=\"http:\/\/mozillalinks.org\/wp\/resources\/bookmarklets-collection\/\">http:\/\/mozillalinks.org\/wp\/resources\/bookmarklets-collection\/<\/a> <br \/>Simply right-click and choose \u2018Bookmark this site\u2019 (in Firefox) or \u2018Add to Favorites\u2019 (in Internet Explorer).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bookmarklets are small pieces of JavaScript code that can be bookmarked to perform the intended action later on any web page. The are a way of making your browsing and web searching much more productive. With the advent of more applications being \u2018cloud based\u2019 the browser is becoming the \u2018operating system or portal\u2019 to most &hellip; <a href=\"https:\/\/mikemartinezonline.com\/blog\/2010\/04\/03\/creating-bookmarklets-and-smart-bookmarks\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Creating Bookmarklets and Smart Bookmarks&#8221;<\/span><\/a><\/p>\n","protected":false},"author":587,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[18,7,20,26,19,1,15],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/mikemartinezonline.com\/blog\/wp-json\/wp\/v2\/posts\/12"}],"collection":[{"href":"https:\/\/mikemartinezonline.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mikemartinezonline.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mikemartinezonline.com\/blog\/wp-json\/wp\/v2\/users\/587"}],"replies":[{"embeddable":true,"href":"https:\/\/mikemartinezonline.com\/blog\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":0,"href":"https:\/\/mikemartinezonline.com\/blog\/wp-json\/wp\/v2\/posts\/12\/revisions"}],"wp:attachment":[{"href":"https:\/\/mikemartinezonline.com\/blog\/wp-json\/wp\/v2\/media?parent=12"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mikemartinezonline.com\/blog\/wp-json\/wp\/v2\/categories?post=12"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mikemartinezonline.com\/blog\/wp-json\/wp\/v2\/tags?post=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}