buzzing your bizz-Tutorial of HTML, SEO and online publishers

Hackasaurus

goggles hackasaurus by malik3978

Sorry, but the goggles don't yet work on Microsoft Internet Explorer.
Until they do, please use the latest version of Firefox, Opera, Chrome, or Safari.

Make your first hack in three easy steps!

Copy this URL to your clipboard:
Activate the X-Ray Goggles.
Move your mouse over the image on the right to see what it's made of, and tap R to make it point to the URL from your clipboard!
The Very Easy HTML Will Be Coming On This Blog Soon!

… And then, the world!

Install the goggles into your bookmarks bar and use them to remix any web page!

Share with friends!

Tap P to publish your hacks and share your creations with your friends.

Become a ninja!

Tap H to learn about more awesome powers like undo/redo and computed style editing.

Achievement Unlocked

Image Source Hacker

Click on an attribute’s value to edit it.

Tap R to change the source code of an element.

[{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > section#content:nth-of-type(1) > div.wrapper:nth-of-type(1) > ol:nth-of-type(1) > li:nth-of-type(1) > p:nth-of-type(1) > input#image-url:nth-of-type(1)","html":"<input class=\"\" id=\"image-url\" autocomplete=\"off\" value=\"http://seriouscat.com/serious_cat_is_serious.jpg\" type=\"text\">","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > section#content:nth-of-type(1) > div.wrapper:nth-of-type(1)","html":"<div class=\"wrapper\">\n \n<div id=\"content-header\">\n <h1 style=\"goggles hackasaurus by malik3978\" goggles=\"\" by=\"\" malik3978<=\"\" h1=\"\"></h1>\n <aside>Remix, make and share webpages instantly.</aside>\n</div>\n\n<noscript>\n <div class=\"alert\">\n <p>In order to use the goggles, you need to have JavaScript enabled.</p>\n <p>Please enable it or use a browser that supports it.</p>\n </div>\n</noscript>\n<div class=\"alert msie-only\">\n <p>Sorry, but the goggles don't yet work on Microsoft Internet Explorer.</p>\n <p>Until they do, please use the latest version of <a href=\"http://mozilla.org/firefox\">Firefox</a>, Opera, Chrome, or Safari.</p>\n</div>\n\n<div class=\"remix-chamber\"><img src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEktQ9XhU4pyUZEtcREO5Tb21gXCXsBSleb4XcoTWXR5igftL2GC2hC6WsuHwvVUfzhY96XmNhV4rbla7VjQLaf0uaftN1pF9e6pSKzwl99CsP1CFXLOh5zSTbuczqbb5rUuzxojBzfwSu/s1600/zhen4.jpg\"></div>\n<h1>Make your first hack in three easy steps!</h1>\n<ol>\n <li><p>Copy this URL to your clipboard: \n <input id=\"image-url\" autocomplete=\"off\" value=\"http://seriouscat.com/serious_cat_is_serious.jpg\" type=\"text\"></p>\n </li>\n <li><p>Activate the <a id=\"bookmarklet\" href=\"javascript:(function(){var%20script=document.createElement('script');script.src='http://webxray.hackasaurus.org/webxray.js';script.className='webxray';document.head.appendChild(script);})();\">X-Ray Goggles</a>.</p></li>\n <li><p>Move your mouse over the image on the right to see what it's made of, and tap <kbd><span>R</span></kbd> to make it point to the URL from your clipboard!</p></li>\n</ol>\n<div class=\"secondary\">\n <div class=\"blurb\">\n <h1>… And then, the world!</h1>\n <p><a href=\"http://hackasaurus.org/en-US/goggles/install/\">Install</a> the goggles into your bookmarks bar and use them to remix <em>any</em> web page!</p>\n </div>\n <div class=\"blurb\">\n <h1>Share with friends!</h1>\n <p>Tap <kbd><span>P</span></kbd> to publish your hacks and share your creations with your friends.</p>\n </div>\n <div class=\"blurb\">\n <h1>Become a ninja!</h1>\n <p>Tap <kbd><span>H</span></kbd> to learn about more awesome powers like undo/redo and computed style editing.</p>\n </div>\n</div>\n\n\n\n<div class=\"achievements\">\n <div id=\"url-hacker\" class=\"achievement\">\n <h3>Achievement Unlocked</h3>\n <p>Image Source Hacker</p>\n </div>\n</div>\n\n\n\n<div class=\"hints\">\n <div class=\"remix-dialog-hints\">\n <div class=\"attr hint\">Click on an attribute’s value to edit it.</div>\n </div>\n\n <div class=\"remix hint\">Tap <kbd><span>R</span></kbd> to change the source code of an element.</div>\n</div>\n\n\n </div>","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > section#content:nth-of-type(1) > div.wrapper:nth-of-type(1) > div#content-header:nth-of-type(1)","html":"<div class=\"\" id=\"content-header\">\n <h1 style=\"\" goggles=\"\" by=\"\" malik3978<=\"\" h1=\"\"></h1>\n <aside>Remix, make and share webpages instantly.</aside>\n</div>","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > section#content:nth-of-type(1) > div.wrapper:nth-of-type(1) > div#content-header:nth-of-type(1) > h1:nth-of-type(1)","html":"<h1 class=\"\">X-Ray Goggles by malik3978</h1>","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > section#content:nth-of-type(1) > div.wrapper:nth-of-type(1) > div#content-header:nth-of-type(1) > h1:nth-of-type(1)","html":"<h1 class=\"\">X-Ray Goggles by malik3978</h1>","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > section#content:nth-of-type(1) > div.wrapper:nth-of-type(1)","html":"<div class=\"wrapper\">\n \n<div id=\"content-header\">\n <h1>X-Ray Goggles by malik3978</h1>\n <aside>Remix, make and share webpages instantly.</aside>\n</div>\n\n<noscript>\n <div class=\"alert\">\n <p>In order to use the goggles, you need to have JavaScript enabled.</p>\n <p>Please enable it or use a browser that supports it.</p>\n </div>\n</noscript>\n<div class=\"alert msie-only\">\n <p>Sorry, but the goggles don't yet work on Microsoft Internet Explorer.</p>\n <p>Until they do, please use the latest version of <a href=\"http://mozilla.org/firefox\">Firefox</a>, Opera, Chrome, or Safari.</p>\n</div>\n\n<div class=\"remix-chamber\"><img src=\"http://buzzingyourbizz.blogspot.com/images/zhen4.jpg%22alt=%22my%20little%20angel%22width=%22175%22height=%22120\"></div>\n<h1>Make your first hack in three easy steps!</h1>\n<ol>\n <li><p>Copy this URL to your clipboard: \n <input id=\"image-url\" autocomplete=\"off\" value=\"http://seriouscat.com/serious_cat_is_serious.jpg\" type=\"text\"></p>\n </li>\n <li><p>Activate the <a class=\"\" id=\"bookmarklet\" href=\"javascript:(function(){var%20script=document.createElement('script');script.src='http://webxray.hackasaurus.org/webxray.js';script.className='webxray';document.head.appendChild(script);})();\">X-Ray Goggles</a>.</p></li>\n <li><p>Move your mouse over the image on the right to see what it's made of, and tap <kbd><span>R</span></kbd> to make it point to the URL from your clipboard!</p></li>\n</ol>\n<div class=\"secondary\">\n <div class=\"blurb\">\n <h1>… And then, the world!</h1>\n <p><a href=\"http://hackasaurus.org/en-US/goggles/install/\">Install</a> the goggles into your bookmarks bar and use them to remix <em>any</em> web page!</p>\n </div>\n <div class=\"blurb\">\n <h1>Share with friends!</h1>\n <p>Tap <kbd><span>P</span></kbd> to publish your hacks and share your creations with your friends.</p>\n </div>\n <div class=\"blurb\">\n <h1>Become a ninja!</h1>\n <p>Tap <kbd><span>H</span></kbd> to learn about more awesome powers like undo/redo and computed style editing.</p>\n </div>\n</div>\n\n\n\n<div class=\"achievements\">\n <div id=\"url-hacker\" class=\"achievement\">\n <h3>Achievement Unlocked</h3>\n <p>Image Source Hacker</p>\n </div>\n</div>\n\n\n\n<div class=\"hints\">\n <div class=\"remix-dialog-hints\">\n <div class=\"attr hint\">Click on an attribute’s value to edit it.</div>\n </div>\n\n <div class=\"remix hint\">Tap <kbd><span>R</span></kbd> to change the source code of an element.</div>\n</div>\n\n\n </div>","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > section#content:nth-of-type(1) > div.wrapper:nth-of-type(1)","html":"<div class=\"wrapper\">\n \n<div id=\"content-header\">\n <h1>X-Ray Goggles by malik3978</h1>\n <aside>Remix, make and share webpages instantly.</aside>\n</div>\n\n<noscript>\n <div class=\"alert\">\n <p>In order to use the goggles, you need to have JavaScript enabled.</p>\n <p>Please enable it or use a browser that supports it.</p>\n </div>\n</noscript>\n<div class=\"alert msie-only\">\n <p>Sorry, but the goggles don't yet work on Microsoft Internet Explorer.</p>\n <p>Until they do, please use the latest version of <a href=\"http://mozilla.org/firefox\">Firefox</a>, Opera, Chrome, or Safari.</p>\n</div>\n\n<div class=\"remix-chamber\"><img src=\"http://hackasaurus.org/en-US/goggles/zhen1.jpg%22width=%22200%22height=%22230/\"></div>\n<h1>Make your first hack in three easy steps!</h1>\n<ol>\n <li><p>Copy this URL to your clipboard: \n <input id=\"image-url\" autocomplete=\"off\" value=\"http://seriouscat.com/serious_cat_is_serious.jpg\" type=\"text\"></p>\n </li>\n <li><p>Activate the <a class=\"\" id=\"bookmarklet\" href=\"javascript:(function(){var%20script=document.createElement('script');script.src='http://webxray.hackasaurus.org/webxray.js';script.className='webxray';document.head.appendChild(script);})();\">X-Ray Goggles</a>.</p></li>\n <li><p>Move your mouse over the image on the right to see what it's made of, and tap <kbd><span>R</span></kbd> to make it point to the URL from your clipboard!</p></li>\n</ol>\n<div class=\"secondary\">\n <div class=\"blurb\">\n <h1>… And then, the world!</h1>\n <p><a href=\"http://hackasaurus.org/en-US/goggles/install/\">Install</a> the goggles into your bookmarks bar and use them to remix <em>any</em> web page!</p>\n </div>\n <div class=\"blurb\">\n <h1>Share with friends!</h1>\n <p>Tap <kbd><span>P</span></kbd> to publish your hacks and share your creations with your friends.</p>\n </div>\n <div class=\"blurb\">\n <h1>Become a ninja!</h1>\n <p>Tap <kbd><span>H</span></kbd> to learn about more awesome powers like undo/redo and computed style editing.</p>\n </div>\n</div>\n\n\n\n<div class=\"achievements\">\n <div id=\"url-hacker\" class=\"achievement\">\n <h3>Achievement Unlocked</h3>\n <p>Image Source Hacker</p>\n </div>\n</div>\n\n\n\n<div class=\"hints\">\n <div class=\"remix-dialog-hints\">\n <div class=\"attr hint\">Click on an attribute’s value to edit it.</div>\n </div>\n\n <div class=\"remix hint\">Tap <kbd><span>R</span></kbd> to change the source code of an element.</div>\n</div>\n\n\n </div>","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > section#content:nth-of-type(1) > div.wrapper:nth-of-type(1) > div#content-header:nth-of-type(1) > h1:nth-of-type(1)","html":"<h1 class=\"\">X-Ray Goggles by zhen 1</h1>","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > section#content:nth-of-type(1) > div.wrapper:nth-of-type(1) > div#content-header:nth-of-type(1) > h1:nth-of-type(1)","html":"<h1 class=\"\">X-Ray Goggles</h1>","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > section#content:nth-of-type(1) > div.wrapper:nth-of-type(1)","html":"<div class=\"wrapper\">\n \n<div id=\"content-header\">\n <h1>X-Ray Goggles</h1>\n <aside>Remix, make and share webpages instantly.</aside>\n</div>\n\n<noscript>\n <div class=\"alert\">\n <p>In order to use the goggles, you need to have JavaScript enabled.</p>\n <p>Please enable it or use a browser that supports it.</p>\n </div>\n</noscript>\n<div class=\"alert msie-only\">\n <p>Sorry, but the goggles don't yet work on Microsoft Internet Explorer.</p>\n <p>Until they do, please use the latest version of <a href=\"http://mozilla.org/firefox\">Firefox</a>, Opera, Chrome, or Safari.</p>\n</div>\n\n<div class=\"remix-chamber\"><img src=\"zhen1.jpg%22width=%22200%22height=%22230/\"></div>\n<h1>Make your first hack in three easy steps!</h1>\n<ol>\n <li><p>Copy this URL to your clipboard: \n <input id=\"image-url\" autocomplete=\"off\" value=\"http://seriouscat.com/serious_cat_is_serious.jpg\" type=\"text\"></p>\n </li>\n <li><p>Activate the <a class=\"\" id=\"bookmarklet\" href=\"javascript:(function(){var script=document.createElement('script');script.src='http://webxray.hackasaurus.org/webxray.js';script.className='webxray';document.head.appendChild(script);})();\">X-Ray Goggles</a>.</p></li>\n <li><p>Move your mouse over the image on the right to see what it's made of, and tap <kbd><span>R</span></kbd> to make it point to the URL from your clipboard!</p></li>\n</ol>\n<div class=\"secondary\">\n <div class=\"blurb\">\n <h1>… And then, the world!</h1>\n <p><a target="_blank" href=\"install/\">Install</a> the goggles into your bookmarks bar and use them to remix <em>any</em> web page!</p>\n </div>\n <div class=\"blurb\">\n <h1>Share with friends!</h1>\n <p>Tap <kbd><span>P</span></kbd> to publish your hacks and share your creations with your friends.</p>\n </div>\n <div class=\"blurb\">\n <h1>Become a ninja!</h1>\n <p>Tap <kbd><span>H</span></kbd> to learn about more awesome powers like undo/redo and computed style editing.</p>\n </div>\n</div>\n\n\n\n<div class=\"achievements\">\n <div id=\"url-hacker\" class=\"achievement\">\n <h3>Achievement Unlocked</h3>\n <p>Image Source Hacker</p>\n </div>\n</div>\n\n\n\n<div class=\"hints\">\n <div class=\"remix-dialog-hints\">\n <div class=\"attr hint\">Click on an attribute’s value to edit it.</div>\n </div>\n\n <div class=\"remix hint\">Tap <kbd><span>R</span></kbd> to change the source code of an element.</div>\n</div>\n\n\n </div>","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > section#content:nth-of-type(1) > div.wrapper:nth-of-type(1) > div.remix-chamber:nth-of-type(3) > img:nth-of-type(1)","html":"<img class=\"\" src=\"/images/goggles/supergirl.png\">","__cmd__":"ReplaceWithCmd"}]