Tutorial: One Click to Select Code Inside Blockqoute in Blogger

Sharing post in Blogger mostly required the use of blockqoute. Blockqoute highlight the text or code that you want to emphasize to your reader. If your into giving Blogging Tutorials, then blockqoute is often use to display your code within tag. The advantages is it will be easy for your visitor/s to copy the code, all code will be select instantly and less hassle in copying especially when there are bunch of code.

Now this tutorial, "One Click to Select Code Inside Blockqoute in Blogger" will be a great help to your visitor/s. Let's proceed in installing this feature in your blog.

Demo

This is a demo page for this tutorial: One Click to Select Code inside "Blockqoute" in Blogger.
Just simply do "one click" inside this blockqoute and all this text will be selected.
Thank you!

Follow the steps below:

Step #1: Log in to your Blogger Account and Go to your Blogger Dashboard

Step #2: Click ->Template -> Edit HTML
Step #3: Find  </body> by Pressing CTRL + F (Windows) or CMD + F (MAC)

Step #4: Copy the code below and Paste it above/before </body>

<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;blockquote&quot;);
for (var i = 0; i &lt; pres.length; i++) {
pres[i].addEventListener(&quot;click&quot;, function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
 }, false);
}
</script>

Step #5: Save your Template

Customization:

- If you want to use double click simply change click to dblclick.



That's all for this tutorial. Check your blog to see it live.

Similiar tagsBlogging TipsTutorials