2013: Blogger Buzz: Improvements to the Blogger template HTML editor


.dp-highlighter { font-family: "Consolas", "Monaco", "Courier New", Courier, monospace; font-size: 12px; background-color: #E7E5DC; width: 99%; overflow: auto; margin: 18px 0 18px 0 !important; padding-top: 1px; /* adds a little border on top when controls are hidden / } / clear styles / .dp-highlighter ol, .dp-highlighter ol li, .dp-highlighter ol li span { margin: 0; padding: 0; border: none; } .dp-highlighter a, .dp-highlighter a:hover { background: none; border: none; padding: 0; margin: 0; } .dp-highlighter .bar { padding-left: 45px; } .dp-highlighter.collapsed .bar, .dp-highlighter.nogutter .bar { padding-left: 0px; } .dp-highlighter ol { list-style: decimal; / for ie / background-color: #fff; margin: 0px 0px 1px 45px !important; / 1px bottom margin seems to fix occasional Firefox scrolling / padding: 0px; color: #5C5C5C; } .dp-highlighter.nogutter ol, .dp-highlighter.nogutter ol li { list-style: none !important; margin-left: 0px !important; } .dp-highlighter ol li, .dp-highlighter .columns div { list-style: decimal-leading-zero; / better look for others, override cascade from OL / list-style-position: outside !important; border-left: 3px solid #6CE26C; background-color: #F8F8F8; color: #5C5C5C; padding: 0 3px 0 10px !important; margin: 0 !important; line-height: 14px; } .dp-highlighter.nogutter ol li, .dp-highlighter.nogutter .columns div { border: 0; } .dp-highlighter .columns { background-color: #F8F8F8; color: gray; overflow: hidden; width: 100%; } .dp-highlighter .columns div { padding-bottom: 5px; } .dp-highlighter ol li.alt { background-color: #FFF; color: inherit; } .dp-highlighter ol li span { color: black; background-color: inherit; } / Adjust some properties when collapsed / .dp-highlighter.collapsed ol { margin: 0px; } .dp-highlighter.collapsed ol li { display: none; } / Additional modifications when in print-view / .dp-highlighter.printing { border: none; } .dp-highlighter.printing .tools { display: none !important; } .dp-highlighter.printing li { display: list-item !important; } / Styles for the tools / .dp-highlighter .tools { padding: 3px 8px 3px 10px; font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; color: silver; background-color: #f8f8f8; padding-bottom: 10px; border-left: 3px solid #6CE26C; } .dp-highlighter.nogutter .tools { border-left: 0; } .dp-highlighter.collapsed .tools { border-bottom: 0; } .dp-highlighter .tools a { font-size: 9px; color: #a0a0a0; background-color: inherit; text-decoration: none; margin-right: 10px; } .dp-highlighter .tools a:hover { color: red; background-color: inherit; text-decoration: underline; } / About dialog styles / .dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; } .dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; } .dp-about td { padding: 10px; vertical-align: top; } .dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; } .dp-about .title { color: red; background-color: inherit; font-weight: bold; } .dp-about .para { margin: 0 0 4px 0; } .dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; } .dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; } / Language specific styles */ .dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; } .dp-highlighter .string { color: blue; background-color: inherit; } .dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; } .dp-highlighter .preprocessor { color: gray; background-color: inherit; } com. HTML Comment Box is loading comments... comments Comments: Hey... say something!	expr:content='data:blog.pageTitle + " - your blog description here (up to 200 characters)"' name='description'/> expr:content='data:blog.pageName + ", Keyword 1, Keyword 2, Keyword 3, Keyword 4,Keyword 5"' name='keywords'/> dd Google 10+ FREE Premium High Quality Magazine Style Blogger Templates [Part 1] - tipsOtricks x !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Advertisement ads v My First Heading My first paragraph. new Blogger API Example ne2013.blogspot.inne2013.blogspot.inne2013.blogspot.inne2013.blogspot.inne2013.blogspot.inne2013.blogspot.inne2013.blogspot.inne2013.blogspot.inne2013.blogspot.inne2013.blogspot.inne2013.blogspot.inne2013.blogspot.inne2013.blogspot.inne2013.blogspot.inne2013.blogspot.inne2013.blogspot.inne2013.blogspot.inne2013.blogspot.inne2013.blogspot.inne2013.blogspot.inne2013.blogspot.in /* * xbMarquee.js * $Revision: 1.2 $ $Date: 2003/02/07 16:04:20 $ / / *** BEGIN LICENSE BLOCK *** * Version: MPL 1.1/GPL 2.0/LGPL 2.1 * * The contents of this file are subject to the Mozilla Public License Version * 1.1 (the "License"); you may not use this file except in compliance with * the License. You may obtain a copy of the License at * http://www.mozilla.org/MPL/ * * Software distributed under the License is distributed on an "AS IS" basis, * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License * for the specific language governing rights and limitations under the * License. * * The Original Code is Netscape code. * * The Initial Developer of the Original Code is * Netscape Corporation. * Portions created by the Initial Developer are Copyright (C) 2002 * the Initial Developer. All Rights Reserved. * * Contributor(s): Doron Rosenberg * Bob Clary * * *** END LICENSE BLOCK *** / document.writeln(''); function xbMarquee(id, height, width, scrollAmount, scrollDelay, direction, behavior, html) { this.id = id; this.scrollAmount = scrollAmount ? scrollAmount : 6; this.scrollDelay = scrollDelay ? scrollDelay : 85; this.direction = direction ? direction.toLowerCase() : 'left'; this.behavior = behavior ? behavior.toLowerCase() : 'scroll'; // this.name = 'xbMarquee_' + (++xbMarquee._name); this.name = id; this.runId = null; this.html = html; this.isHorizontal = ('up,down'.indexOf(this.direction) == -1); if (typeof(height) == 'number') { this.height = height; this.heightUnit = 'px'; } else if (typeof(height) == 'string') { this.height = parseInt('0' + height, 10); this.heightUnit = height.toLowerCase().replace(/^[0-9]+/, ''); } else { this.height = 100; this.heightUnit = 'px'; } if (typeof(width) == 'number') { this.width = width; this.widthUnit = 'px'; } else if (typeof(width) == 'string') { this.width = parseInt('0' + width, 10); this.widthUnit = width.toLowerCase().replace(/^[0-9]+/, ''); } else { this.width = 100; this.widthUnit = 'px'; } // xbMarquee UI events this.onmouseover = null; this.onmouseout = null; this.onclick = null; // xbMarquee state events this.onstart = null; this.onbounce = null; var markup = ''; if (document.layers) { markup = '' + '<\/ilayer>'; } else if (document.body && typeof(document.body.innerHTML) != 'string') { markup = ' ' + ' ' + (this.isHorizontal ? '' : '') + this.html + (this.isHorizontal ? '<\/nobr>' : '') + '<\/div>' + '<\/div>'; } else { markup = ' ' + '<\/div>'; } document.write(markup); window[this.name] = this; } // Class Properties/Methods xbMarquee._name = -1; xbMarquee._getInnerSize = function(elm, propName) { var val = 0; if (document.layers) { // navigator 4 val = elm.document[propName]; } else if (elm.style && typeof(elm.style[propName]) == 'number') { // opera // bug in Opera 6 width/offsetWidth. Use clientWidth if (propName == 'width' && typeof(elm.clientWidth) == 'number') val = elm.clientWidth; else val = elm.style[propName]; } else { //mozilla and IE switch (propName) { case 'height': if (typeof(elm.offsetHeight) == 'number') val = elm.offsetHeight; break; case 'width': if (typeof(elm.offsetWidth) == 'number') { val = elm.offsetWidth; } break; } } return val; }; xbMarquee.getElm = function(id) { var elm = null; if (document.getElementById) { elm = document.getElementById(id); } else { elm = document.all[id]; } return elm; } xbMarquee.dispatchUIEvent = function (event, marqueeName, eventName) { var marquee = window[marqueeName]; var eventAttr = 'on' + eventName; if (!marquee) { return false; } if (!event && window.event) { event = window.event; } switch (eventName) { case 'mouseover': case 'mouseout': case 'click': if (marquee[eventAttr]) return marquee['on' + eventName](event); } return false; }; xbMarquee.createDispatchEventAttr = function (marqueeName, eventName) { return 'on' + eventName + '="xbMarquee.dispatchUIEvent(event, \'' + marqueeName + '\', \'' + eventName + '\')" '; }; // Instance properties/methods xbMarquee.prototype.start = function () { var markup = ''; this.stop(); if (!this.dirsign) { if (!document.layers) { this.containerDiv = xbMarquee.getElm(this.id + 'container') if (typeof(this.containerDiv.innerHTML) != 'string') { return; } // adjust the container size before inner div is filled in // so IE will not hork the size of percentage units var parentNode = null; if (this.containerDiv.parentNode) parentNode = this.containerDiv.parentNode; else if (this.containerDiv.parentElement) parentNode = this.containerDiv.parentElement; if (parentNode && typeof(parentNode.offsetHeight) == 'number' && typeof(parentNode.offsetWidth) == 'number') { if (this.heightUnit == '%') { this.containerDiv.style.height = parentNode.offsetHeight (this.height/100) + 'px'; } if (this.widthUnit == '%') { this.containerDiv.style.width = parentNode.offsetWidth * (this.width/100) + 'px'; } } markup += ' ' + (this.isHorizontal ? '' : '') + this.html + (this.isHorizontal ? '<\/nobr>' : '') + '<\/div>'; this.containerDiv.innerHTML = markup; this.div = xbMarquee.getElm(this.id); this.styleObj = this.div.style; } else /* if (document.layers) / { this.containerDiv = document.layers[this.id + 'container']; markup = '' + (this.isHorizontal ? '' : '') + this.html + (this.isHorizontal ? '<\/nobr>' : '') + '<\/layer>'; this.containerDiv.document.write(markup); this.containerDiv.document.close(); this.div = this.containerDiv.document.layers[this.id]; this.styleObj = this.div; } if (this.isHorizontal && this.height < xbMarquee._getInnerSize(this.div, 'height') ) { this.height = xbMarquee._getInnerSize(this.div, 'height') this.containerDiv.style.height = this.height + this.heightUnit; this.containerDiv.style.clip = 'rect(0px, ' + this.width + this.widthUnit + ', ' + this.height + this.heightUnit + ', 0px)'; } // Start must not run until the page load event has fired // due to Internet Explorer not setting the height and width of // the dynamically written content until then switch (this.direction) { case 'down': this.dirsign = 1; this.startAt = -xbMarquee._getInnerSize(this.div, 'height'); this._setTop(this.startAt); if (this.heightUnit == '%') this.stopAt = this.height xbMarquee._getInnerSize(this.containerDiv, 'height') / 100; else this.stopAt = this.height; break; case 'up': this.dirsign = -1; if (this.heightUnit == '%') this.startAt = this.height * xbMarquee._getInnerSize(this.containerDiv, 'height') / 100; else this.startAt = this.height; this._setTop(this.startAt); this.stopAt = -xbMarquee._getInnerSize(this.div, 'height'); break; case 'right': this.dirsign = 1; this.startAt = -xbMarquee._getInnerSize(this.div, 'width'); this._setLeft(this.startAt); if (this.widthUnit == '%') this.stopAt = this.width * xbMarquee._getInnerSize(this.containerDiv, 'width') / 100; else this.stopAt = this.width; break; case 'left': default: this.dirsign = -1; if (this.widthUnit == '%') this.startAt = this.width * xbMarquee._getInnerSize(this.containerDiv, 'width') / 100; else this.startAt = this.width this._setLeft(this.startAt); // this.stopAt = -xbMarquee._getInnerSize(this.div,'width')2; // this method does not work very well with FireFox. offsetWidth property used in this function returns the absolute width of the div container // instead of the new offsetWidth when innerHTML is added or when the div becomes wider. To overcome this a new span element is added to // the document body to measure the new offsetwidth and then it is removed. var temp_span = document.createElement('span'); temp_span.id = 'span_' + this.div.id; temp_span.innerHTML = this.html; document.body.appendChild(temp_span); this.stopAt = - temp_span.firstChild.firstChild.offsetWidth; document.body.removeChild(temp_span); break; } this.newPosition = this.startAt; this.styleObj.visibility = 'visible'; } this.newPosition += this.dirsign this.scrollAmount; if ( (this.dirsign == 1 && this.newPosition > this.stopAt) \|\| (this.dirsign == -1 && this.newPosition < this.stopAt) ) { if (this.behavior == 'alternate') { if (this.onbounce) { // fire bounce when alternate changes directions this.onbounce(); } this.dirsign = -this.dirsign; var temp = this.stopAt; this.stopAt = this.startAt; this.startAt = temp; } else { // fire start when position is a start if (this.onstart) { this.onstart(); } this.newPosition = this.startAt; } } switch(this.direction) { case 'up': case 'down': this._setTop(this.newPosition); break; case 'left': case 'right': default: this._setLeft(this.newPosition); break; } this.runId = setTimeout(this.name + '.start()', this.scrollDelay); }; xbMarquee.prototype.stop = function () { if (this.runId) clearTimeout(this.runId); this.runId = null; }; xbMarquee.prototype.setInnerHTML = function (html) { if (typeof(this.div.innerHTML) != 'string') { return; } var running = false; if (this.runId) { running = true; this.stop(); } this.html = html; this.dirsign = null; if (running) { this.start(); } }; // fixes standards mode in gecko // since units are required if (document.layers) { xbMarquee.prototype._setLeft = function (left) { this.styleObj.left = left; }; xbMarquee.prototype._setTop = function (top) { this.styleObj.top = top; }; } else { xbMarquee.prototype._setLeft = function (left) { this.styleObj.left = left + 'px'; }; xbMarquee.prototype._setTop = function (top) { this.styleObj.top = top + 'px'; }; } HTML Tutorial Example Less than 5 minutes into this HTML tutorial and I've already created my first homepage!

Account Active

An AdSense account does not exist for this login, as it is associated with an unapproved application. For more information about your application, please review the message we sent to the email address you provided with your application.

Return to AdSense home.

2013

Monday, April 15, 2013

Blogger Buzz: Improvements to the Blogger template HTML editor

No comments:

Toys

css

WordPress

Error: PHP is not running

com.

comments

dd

x

ads

v

My First Heading

new