Skip to main content

How to Edit Websites Live in Browser Screen

There are many chances that you can face difficulties in editing your website. It will be great time consuming if you are to edit your blog template and preview it again and again until you get your desired look. And that's awkward too. So, just forget about those and start editing your blog template and website live in your browser screen without fearing from breaking of your template. It is free and very easy to edit your blog template with the help of browsers. There are two ways of editing site with the help of browsers. The first method is about JavaScript of editing website in browser screen and the second one deals editing with the help of Chrome browser (other browser also support but it will best work in chrome browser). Not only this, but you can edit any website like Google or Facebook or any site you would like to edit. You can also take screenshots of webpage and show it to your users. If you are interested in knowing this trick than follow the below given easy methods to edit website live in browser screen.

As I said above, the first method will be about the use of JavaScript code. For that to work you will need to save the JavaScript link as a bookmark on your browser and than go to that link to start editing. Confused! Let's explain the trick. Before proceeding you would like to see an Example. Just see the image given below and than follow two methods of editing website in browser screen.

How to Edit Websites Live in Browser Screen

  1. At first bookmark the link given in this line. You can simply drag the link given below to your Browsers bookmark bar. Now drag or bookmark this link to your browsers Bookmark bar.
  2. Now go to the website which you want to edit live in your browser screen. Let's say you want to edit Google than simply go to Google.
  3. After visiting Google (the site which you want to edit) click on the link which you have bookmarked now from your bookmark bar.
  4. Great! Now you were able to edit the website live in your browsers screen. To test if it is working than click on this link and after clicking the link you will be able to edit my site.
That was the JavaScript method of editing website. But there are many chances that you will want to use CSS stylesheet to test the CSS code. It can be very time consuming to first testing the CSS in your test blog and than adding it to your main blog. But with the help of Google Chrome you can apply CSS styles live in your blog without publishing your blog to see the CSS working live on your Blog. You can edit almost every part of your or any other site. To do this follow the very easy steps given below.
  • At first go to the site or your blog in which you want to apply CSS styles with your Chrome browser.
  • Now press F12 to open Inspect Element tab. You can also open this tab by first pressing right mouse button and than click on Inspect Element. After that you will see tab something like below.
How to Edit Websites Live in Browser Screen

  • Now Right click on head tag and than click on edit as HTML. See image given below to know what I mean to say.
How to Edit Websites Live in Browser Screen
  • Now you can apply CSS style that will be inside your head tag of your template. You can wrap style sheet inside the style tags (<style></style>). Just see the working example of this in the image given below.
How to Edit Websites Live in Browser Screen
Just apply CSS styles inside Style Tags
That's All about editing website or blog live in Chrome browser. I hope you like this post and this post will be helping you in editing your blog.
Labels:

Comments

Post a Comment

Popular posts from this blog

Need for Speed (NFS) Carbon Cheats, Codes and Unlock Parts

Need for Speed makes some great racing games like NFS Most Wanted, Rivals etc. and Need for Speed Carbon is another 10th addition to their NFS series. It's the first game to get the PEGI rating 12+. It's a very good game with it's story line. If you are looking for some adventure and a good racing than this one will be in your game list. While playing the game you will face some difficulty in completing this game. And from than onwards you may look some cheat codes that can help you in completing NFS carbon. And to make it easier for you here is the list of some working cheat codes and trainer. But you proceed to know about cheats and tricks for Need for Speed Carbon you would like to know the adventurous story of the game. So let's start. The game is set in the fictitious city of Palmont. Soon after the player leaves the Rockport City ( remember jumping of an old bridge in last scene of NFS Most Wanted) the player drives on a route to Palmont city with his BMW ca...
2 comments
Read more

How to Watch Any TV Show or Movie on Kodi

Kodi is a cross-platform media center solution developed by XBMC/Kodi Foundation, a non-profit technology association. Kodi which was previously known as XBMC has been growing rapidly from last few years. While the application offers to play local media files, but, it has plethora of third party add-ons, which, we can use to increase it's usefulness. In this post, you'll learn the process to install Indigo and Exodus on Kodi 18 (64-bit). The process is similar on version 17 of this app, however, I haven't checked the previous versions. Note : Streaming copyrighted content is illegal, nevertheless, it's completely legal to use Kodi for viewing the content you've purchased. First, we'll need to add Indigo Installer. Follow the following steps to know how to do it: Open Kodi . Click on the Gear button (settings). Select File Manager . Double Click on Add Source . Click on <None> ... ...type  http://fusion.tvaddons.ag and...
Post a Comment
Read more

Top 5 Alternatives to Extratorrent

In an unforeseen move, Extratorrent decided to shut down few months ago. It was one of the most popular torrent site, but now users who visit it's homepage are greeted with a message which clearly states they are not going to return in the future. Now that they are gone, various clone sites such as extratorrent.cd has been setup to squeeze money from the confused visitors via its advertisements. People visiting these clone sites should know that the original ExtraTorrent owners have deleted all data, and none of the impostors have access to the old ExtraTorrent files. There are many alternatives out there. You just need to look at the right place. Take a look at the following original torrent sites which might entice you. 1337x.to 1337x is probably the best designed torrent site you'll ever come across. Although it lacks the ExtraTorrents' rating system, nonetheless, most of the contents are verified by moderators. The site has easy-to-navigate subsections whic...
Post a Comment
Read more