Hi friends if you want to add Resizeable Text boxes in your HTML or Javascript code this trick is useful for every new blogger.
PREVIEW:-
PREVIEW:-
Follow simple and easy step to adding this text box in blogger blog ---->>>>
* First go to your blogger Dashboard.
* Now click in design tab and edit HTML.
* Click in smal box to expand your blogger Template.
* Now find this code </head> by CTRL+F key.
* Copy below code and paste before </head>
<script src="http://yourjavascript.com/10231662315/resizebletextbox.js" type="text/javascript">
* Now when you post new code post with given below code--->>>>
<div id="textDiv" style="height: 100px; left: 10px; position: relative; top: 10px; width: 100px;">
<textarea id="textBox" style="height: 90px; left: 0px; position: absolute; top: 0px; width: 90px;">ADD HERE YOUR ENCODED HTML/JAVASCRIPT CODE OK </textarea>
<div id="handleRight" style="background-color: red; cursor: e-resize; height: 95px; left: 95px; position: absolute; top: 0px; width: 5px;">
</div>
<div id="handleCorner" style="background-color: lightgreen; cursor: se-resize; height: 5px; left: 95px; position: absolute; top: 95px; width: 5px;">
</div>
<div id="handleBottom" style="background-color: blue; cursor: s-resize; height: 5px; left: 0px; position: absolute; top: 95px; width: 95px;">
</div>
</div>NOTE:- Remove Red highlighted text in above code with your own ok.
* Now click to post your any code with this box now you are done.
|
0 Responses So Far: