chickensoup
July 27th, 2012, 04:34 PM
Hi all, I recently resolved on the google chrome forum. Figured I should share it here since all of us here love our dark themes and well that ugly gray bar just doesn't work for me.
This solution involves a little bit of hacking. If you follow the following steps you'll have successfully modified google chrome's new tab page. Follow these steps and you'll get rid of that annoying bar at the bottom of the new tab page.
EDIT: I created a video for this hack on youtube! See my next post below!
If you are running the latest version of Google Chrome as of 8/1/2012, Folder 556 no longer holds the new tab page code, the code can now be found in folder 756!
Step 1: Download the greatest hacker tool ever created
http://www.angusj.com/resourcehacker/ (http://www.angusj.com/resourcehacker/)
Step 2: Once you have resource hacker successfully installed, you must find Chrome's program files on your pc.
In Windows XP Google Chrome will be installed in C:\Documents and Settings\UserName\Local Settings\Application Data\Google\Chrome\ directory.
In Windows Vista Google Chrome will be installed in C:\Users\UserName\AppData\Local\Google\Chrome\ directory.
Read more at http://techie-buzz.com/tips-and-tricks/where-does-google-chrome-install-itself.html#cCMJgxDxx6XZ0MW6.99
Note: You may have to enable hidden folders as the folder AppData is set to hidden by default. See how to enable hidden folders below.
http://www.howtogeek.com/howto/windows-vista/show-hidden-files-and-folders-in-windows-vista/
Step 3: Once inside the chrome folder, navigate to the following path. /Application/YourVersionOfChrome(mine is 20.0.1132.57)/
It should look something like this (I'm currently using Mr. Grim's HUD Launch theme)
57205
Step 4: Once inside your version of Google Chromes folder, search for a file named "chrome.dll". Right-Click that file and select "Open Using Resource Hacker"
57206
57207
Step 5: Once resource hacker is opened, use the tree on the left hand side and expand the folder name "BINDATA".
57208
Step 6: Once inside the folder "BINDATA" find the folder titled "556" and expand it. There should be one file inside of that titled "0". Click on that file in order for its code snippet to appear in the editor to the right.
If you are running chrome version 21.0.1180.60, the code is located in folder 756!!!!
57209
57210
Note: Don't be worried if you make any changed any of the files by mistake. Whenever you make a change to a file, resource hacker automatically saves a backup file name "chrome_original.dll"
Step 7: Crunch Time (THE MOST IMPORTANT STEP, PAY CLOSE ATTENTION)
In order to get rid of the bar you have to delete the code that puts it there in the first place.
With a bit of knowledge of HTML this shouldn't be too hard to figure out. You have to search for this code snippet and delete it towards the bottom of the document.
<div id="footer">
<div id="footer-border"></div>
<div id="footer-content">
<img id="logo-img" src="chrome://theme/IDR_PRODUCT_LOGO">
<ul id="dot-list">
</ul>
<div class="menu-container">
<button id="other-sessions-menu-button"
class="footer-menu-button custom-appearance invisible">
<span i18n-content="otherSessions"></span>
<div class="disclosure-triangle"></div>
</button>
<button id="recently-closed-menu-button"
class="footer-menu-button custom-appearance">
<span i18n-content="recentlyclosed"></span>
<div class="disclosure-triangle"></div>
</button>
<div id="vertical-separator"></div>
</div>
<a id="chrome-web-store-href">
<span id="chrome-web-store-title" i18n-content="webStoreTitleShort">
</span>
</a>
<div id="trash" class="trash">
<span class="lid"></span>
<span class="can"></span>
<span class="trash-text" i18n-content="appuninstall"></span>
</div>
</div>
</div>
Note: You can quickly find this by scrolling down to the bottom of the document and then work your way up until you come across the </body> tag. Start highlighting from the line above the </body> tag (DO NOT HIGHLIGHT THE </body> TAG)all the way until you reach the top of the code snippet.
Step 7: Select "Compile" in Resource Hacker.
Step 8: Proceed by saving the file (File -> Save)
Step 9: Close Resource Hacker
Step 10: Restart Chrome and enjoy!
Email me at kylemarimon@gmail.com
follow me on twitter @kylemarimon
Visit my website http://pagetuneup.com/
This solution involves a little bit of hacking. If you follow the following steps you'll have successfully modified google chrome's new tab page. Follow these steps and you'll get rid of that annoying bar at the bottom of the new tab page.
EDIT: I created a video for this hack on youtube! See my next post below!
If you are running the latest version of Google Chrome as of 8/1/2012, Folder 556 no longer holds the new tab page code, the code can now be found in folder 756!
Step 1: Download the greatest hacker tool ever created
http://www.angusj.com/resourcehacker/ (http://www.angusj.com/resourcehacker/)
Step 2: Once you have resource hacker successfully installed, you must find Chrome's program files on your pc.
In Windows XP Google Chrome will be installed in C:\Documents and Settings\UserName\Local Settings\Application Data\Google\Chrome\ directory.
In Windows Vista Google Chrome will be installed in C:\Users\UserName\AppData\Local\Google\Chrome\ directory.
Read more at http://techie-buzz.com/tips-and-tricks/where-does-google-chrome-install-itself.html#cCMJgxDxx6XZ0MW6.99
Note: You may have to enable hidden folders as the folder AppData is set to hidden by default. See how to enable hidden folders below.
http://www.howtogeek.com/howto/windows-vista/show-hidden-files-and-folders-in-windows-vista/
Step 3: Once inside the chrome folder, navigate to the following path. /Application/YourVersionOfChrome(mine is 20.0.1132.57)/
It should look something like this (I'm currently using Mr. Grim's HUD Launch theme)
57205
Step 4: Once inside your version of Google Chromes folder, search for a file named "chrome.dll". Right-Click that file and select "Open Using Resource Hacker"
57206
57207
Step 5: Once resource hacker is opened, use the tree on the left hand side and expand the folder name "BINDATA".
57208
Step 6: Once inside the folder "BINDATA" find the folder titled "556" and expand it. There should be one file inside of that titled "0". Click on that file in order for its code snippet to appear in the editor to the right.
If you are running chrome version 21.0.1180.60, the code is located in folder 756!!!!
57209
57210
Note: Don't be worried if you make any changed any of the files by mistake. Whenever you make a change to a file, resource hacker automatically saves a backup file name "chrome_original.dll"
Step 7: Crunch Time (THE MOST IMPORTANT STEP, PAY CLOSE ATTENTION)
In order to get rid of the bar you have to delete the code that puts it there in the first place.
With a bit of knowledge of HTML this shouldn't be too hard to figure out. You have to search for this code snippet and delete it towards the bottom of the document.
<div id="footer">
<div id="footer-border"></div>
<div id="footer-content">
<img id="logo-img" src="chrome://theme/IDR_PRODUCT_LOGO">
<ul id="dot-list">
</ul>
<div class="menu-container">
<button id="other-sessions-menu-button"
class="footer-menu-button custom-appearance invisible">
<span i18n-content="otherSessions"></span>
<div class="disclosure-triangle"></div>
</button>
<button id="recently-closed-menu-button"
class="footer-menu-button custom-appearance">
<span i18n-content="recentlyclosed"></span>
<div class="disclosure-triangle"></div>
</button>
<div id="vertical-separator"></div>
</div>
<a id="chrome-web-store-href">
<span id="chrome-web-store-title" i18n-content="webStoreTitleShort">
</span>
</a>
<div id="trash" class="trash">
<span class="lid"></span>
<span class="can"></span>
<span class="trash-text" i18n-content="appuninstall"></span>
</div>
</div>
</div>
Note: You can quickly find this by scrolling down to the bottom of the document and then work your way up until you come across the </body> tag. Start highlighting from the line above the </body> tag (DO NOT HIGHLIGHT THE </body> TAG)all the way until you reach the top of the code snippet.
Step 7: Select "Compile" in Resource Hacker.
Step 8: Proceed by saving the file (File -> Save)
Step 9: Close Resource Hacker
Step 10: Restart Chrome and enjoy!
Email me at kylemarimon@gmail.com
follow me on twitter @kylemarimon
Visit my website http://pagetuneup.com/