TamilAndroidNet: WEB DESIGN

Showing posts with label WEB DESIGN. Show all posts

How to Change background in custom blogger template that hasn't body.backround

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="background-color: white; border: 0px; clear: both; color: #242729; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 15px; margin-bottom: 1em; padding: 0px; user-select: text;"><a href="https://3.bp.blogspot.com/-9ZTkCodLGCM/WDbvZZUkA9I/AAAAAAAAAXw/fAEm2M_Sk6kAPtWdFs2Zz5XnhcUh1i8jQCLcB/s1600/screenshot-www.no1techweb.in-2016-11-24-19-16-30.png" imageanchor="1" style="background-color: transparent; margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="318" src="https://3.bp.blogspot.com/-9ZTkCodLGCM/WDbvZZUkA9I/AAAAAAAAAXw/fAEm2M_Sk6kAPtWdFs2Zz5XnhcUh1i8jQCLcB/s640/screenshot-www.no1techweb.in-2016-11-24-19-16-30.png" width="640" /></a></div><div style="background-color: white; border: 0px; clear: both; color: #242729; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 15px; margin-bottom: 1em; padding: 0px; user-select: text;">I have custom Galauness template on blogger (<a href="http://nethoroskop.blogspot.com/" rel="nofollow" style="border: 0px; color: #005999; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none; user-select: text !important;">http://www.no1techweb.in/</a>) but I would like to upload my own image...Can you tell me how? In html code there is NOT</div><pre class="default prettyprint prettyprinted" style="background-color: #eff0f1; border: 0px; color: #393318; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; font-size: 13px; margin-bottom: 1em; max-height: 600px; overflow: auto; padding: 5px; user-select: text !important; width: auto; word-wrap: normal;"><code style="border: 0px; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; margin: 0px; padding: 0px; user-select: text !important; white-space: inherit;">body{ background</code></pre><div style="background-color: white; border: 0px; clear: both; color: #242729; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 15px; margin-bottom: 1em; padding: 0px; user-select: text !important;">There a lot of other <code style="background-color: #eff0f1; border: 0px; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; font-size: 13px; margin: 0px; padding: 1px 5px; user-select: text !important; white-space: pre-wrap;">background</code>s (like <code style="background-color: #eff0f1; border: 0px; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; font-size: 13px; margin: 0px; padding: 1px 5px; user-select: text !important; white-space: pre-wrap;">post background</code>,<code style="background-color: #eff0f1; border: 0px; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; font-size: 13px; margin: 0px; padding: 1px 5px; user-select: text !important; white-space: pre-wrap;">total-wrapper background</code>, <code style="background-color: #eff0f1; border: 0px; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; font-size: 13px; margin: 0px; padding: 1px 5px; user-select: text !important; white-space: pre-wrap;">lightbox-container-image-data-box</code> <code style="background-color: #eff0f1; border: 0px; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; font-size: 13px; margin: 0px; padding: 1px 5px; user-select: text !important; white-space: pre-wrap;">background</code>,etc) but not <code style="background-color: #eff0f1; border: 0px; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; font-size: 13px; margin: 0px; padding: 1px 5px; user-select: text !important; white-space: pre-wrap;">body.background</code> at all!</div><div style="background-color: white; border: 0px; clear: both; color: #242729; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 15px; margin-bottom: 1em; padding: 0px; user-select: text;">You need to find and edit this section to add your own background image:</div><pre class="lang-css prettyprint prettyprinted" style="background-color: #eff0f1; border: 0px; color: #393318; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; font-size: 13px; margin-bottom: 1em; max-height: 600px; overflow: auto; padding: 5px; user-select: text !important; width: auto; word-wrap: normal;"><code style="border: 0px; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; margin: 0px; padding: 0px; user-select: text !important; white-space: inherit;">body { background: #ffffff; background-image: url(http://i1273.photobucket.com/albums/y417/trynitezoo/winterpaper_zps5a2f39a3.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; width: 100%; margin: 0; }</code></pre><div style="background-color: white; border: 0px; clear: both; color: #242729; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 15px; margin-bottom: 1em; padding: 0px; user-select: text !important;">or you can override the background image. You only need to copy and paste the following code in the header tag section and replace the YOUR NEW IMAGE PATH to the image url you needed:</div><pre class="default prettyprint prettyprinted" style="background-color: #eff0f1; border: 0px; color: #393318; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; font-size: 13px; margin-bottom: 1em; max-height: 600px; overflow: auto; padding: 5px; user-select: text !important; width: auto; word-wrap: normal;"><code style="border: 0px; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; margin: 0px; padding: 0px; user-select: text !important; white-space: inherit;"><style> body { background-image: url('http://YOUR NEW IMAGE PATH') !important; } </style></code></pre><pre class="default prettyprint prettyprinted" style="background-color: #eff0f1; border: 0px; color: #393318; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; font-size: 13px; margin-bottom: 1em; max-height: 600px; overflow: auto; padding: 5px; user-select: text !important; width: auto; word-wrap: normal;"><div style="background-color: white; border: 0px; clear: both; color: #242729; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 15px; margin-bottom: 1em; padding: 0px; user-select: text; white-space: normal;"> If you want to change the background of the body to an image this would be the best way. Change the <code style="background-color: #eff0f1; border: 0px; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; font-size: 13px; margin: 0px; padding: 1px 5px; user-select: text !important; white-space: pre-wrap;"><body></code> to this:</div> <pre class="default prettyprint prettyprinted" style="border: 0px; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; margin-bottom: 1em; max-height: 600px; overflow: auto; padding: 5px; user-select: text !important; width: auto; word-wrap: normal;"><code style="border: 0px; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; margin: 0px; padding: 0px; user-select: text !important; white-space: inherit;"><body background="image.jpg"></code></pre><div style="background-color: white; border: 0px; clear: both; color: #242729; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 15px; margin-bottom: 1em; padding: 0px; user-select: text !important; white-space: normal;">Tutorial from : <a href="http://www.w3schools.com/tags/att_body_background.asp" rel="nofollow noreferrer" style="border: 0px; color: #005999; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none; user-select: text !important;">http://www.w3schools.com/tags/att_body_background.asp</a></div><div style="background-color: white; border: 0px; clear: both; color: #242729; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 15px; margin-bottom: 1em; padding: 0px; user-select: text !important; white-space: normal;">Than You stackoverflow</div></pre></div>

How to Change background in custom blogger template that hasn't body.backround

I have custom Galauness template on blogger ( http://www.no1techweb.in/ ) but I would like to upload my own image...Can you tell me how? In ...

05:50

Show Todays Date And Current Time As Simple Text On Your Blogger Website

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-rJn-YnJHpJM/WC2hLK7emuI/AAAAAAAAARQ/pS02rPfx3xQto5-Wv2-jV8V1dJJrGE6hACLcB/s1600/6E9Qlg.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://2.bp.blogspot.com/-rJn-YnJHpJM/WC2hLK7emuI/AAAAAAAAARQ/pS02rPfx3xQto5-Wv2-jV8V1dJJrGE6hACLcB/s640/6E9Qlg.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"> </div><div style="border: 0px; box-sizing: border-box; font-family: "Open Sans"; font-size: 15px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">Here's a simple JavaScript to show the current date anywhere in the blog. You can place this code either in any HTML/JavaScript widget, or anywhere else in the template as per you wish.</div><div class="separator" style="clear: both;"> The output will be like this:</div><center style="background-color: white; border: 0px; box-sizing: border-box; color: #444444; font-family: "Open Sans"; font-size: 15px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Today is Thursday, November 17.</center><div class="separator" style="clear: both;"> And the required code, to be added is this:<span class="fullpost" style="background-color: white; border: 0px; box-sizing: border-box; color: #444444; font-family: "Open Sans"; font-size: 15px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </div><blockquote style="background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8LazSD8uXFQ_hELbzK1zsK0zR8FoCdj4X3279zprQ21hbJ3-qnwnQbFFtjLPgg82m2CHhcHZRA_ICBz1wM_9ZDIrnG93hjYQQtzJM-ykJWIh-Kv_Ggwx4YM-PffXX3R3DEWgsFIUirabE/s1600/openquote5.gif"); background-repeat: no-repeat; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-image: initial; border-left-color: initial; border-left-style: initial; border-right-color: initial; border-right-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-width: 1px 0px; box-sizing: border-box; color: white; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 5px; min-height: 100px; padding: 2px 0px 2px 70px; quotes: none; vertical-align: baseline;"><script language="Javascript">  </script></blockquote><div class="separator" style="clear: both;"><span class="fullpost" style="background-color: white; border: 0px; box-sizing: border-box; color: #444444; font-family: "Open Sans"; font-size: 15px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> There's an even simpler code, to display date(like this):</div><center style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">17/10/116</center><div class="separator" style="clear: both;"><span class="fullpost" style="background-color: white; border: 0px; box-sizing: border-box; color: #444444; font-family: "Open Sans"; font-size: 15px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> Here's the code:</div><blockquote style="background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8LazSD8uXFQ_hELbzK1zsK0zR8FoCdj4X3279zprQ21hbJ3-qnwnQbFFtjLPgg82m2CHhcHZRA_ICBz1wM_9ZDIrnG93hjYQQtzJM-ykJWIh-Kv_Ggwx4YM-PffXX3R3DEWgsFIUirabE/s1600/openquote5.gif"); background-repeat: no-repeat; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-image: initial; border-left-color: initial; border-left-style: initial; border-right-color: initial; border-right-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-width: 1px 0px; box-sizing: border-box; color: white; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 5px; min-height: 100px; padding: 2px 0px 2px 70px; quotes: none; vertical-align: baseline;"><script language="Javascript">  </script></blockquote><div class="separator" style="clear: both;"><span class="fullpost" style="background-color: white; border: 0px; box-sizing: border-box; color: #444444; font-family: "Open Sans"; font-size: 15px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">And to show current time in text format, like this:</div><center style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">5:43:27<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;"> PM</center><div class="separator" style="clear: both;"><span class="fullpost" style="background-color: white; border: 0px; box-sizing: border-box; color: #444444; font-family: "Open Sans"; font-size: 15px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> Add this code:</div><blockquote style="background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8LazSD8uXFQ_hELbzK1zsK0zR8FoCdj4X3279zprQ21hbJ3-qnwnQbFFtjLPgg82m2CHhcHZRA_ICBz1wM_9ZDIrnG93hjYQQtzJM-ykJWIh-Kv_Ggwx4YM-PffXX3R3DEWgsFIUirabE/s1600/openquote5.gif"); background-repeat: no-repeat; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-image: initial; border-left-color: initial; border-left-style: initial; border-right-color: initial; border-right-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-width: 1px 0px; box-sizing: border-box; color: white; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 5px; min-height: 100px; padding: 2px 0px 2px 70px; quotes: none; vertical-align: baseline;"><script> atoj = new Date(); atoj1= atoj.getHours(); atoj2 = atoj.getMinutes(); atoj3= atoj.getSeconds(); if(atoj1==0){atoj4=" AM";atoj1=12} else if(atoj1 <= 11){atoj4=" AM"} else if(atoj1 == 12){atoj4=" PM";atoj1=12} else if(atoj1 >= 13){atoj4=" PM";atoj1-=12} if(atoj2 <= 9){atoj2="0"+atoj2} document.write(""+atoj1+":"+atoj2+":"+atoj3+"<b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;">"+atoj4+""+""); </script></blockquote> </div>

Show Todays Date And Current Time As Simple Text On Your Blogger Website

Here's a simple JavaScript to show the current date anywhere in the blog. You can place this code either in any HTML/JavaScript widget,...

04:29