Template blogspot

download Template blogspot

If you can't read please download the document

description

Free Blogspot Templates by Isnaini Dot Com and Porsche Cars. Powered by Blogger

Transcript of Template blogspot

var txt=":::::: ";var kecepatan=200;var segarkan=null;function bergerak() { document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);segarkan=setTimeout("bergerak()",kecepatan);}bergerak();

----------------------------------------------------------------------Blogger Template StyleName: Batman - The Dark KnightDesigner: IsnainiURL: www.blogspottemplate.comDate: July 24, 2008----------------------------------------------------------------------*/

/* Variable definitions====================

*/

body {cursor: url("http://cursors3.totallyfreecursors.com/thumbnails/eagle-feather.gif"), default;font: $bodyFont;text-align: center;margin: 0px;padding: 0px;color: $textColor;background: $bgColor;}

#page {text-align: left;width: 780px;margin-top: 20px;margin-right: auto;margin-bottom: 0px;margin-left: auto;background-image: url(http://i288.photobucket.com/albums/ll175/simplychicblogs/pinkflowers.jpg);background-position: center; background-repeat:no-repeat; background-attachment: fixed;);background-repeat: repeat-y;}

#header {height: 180px;margin: 0px;padding: 0px;background-image: url(http://i33.tinypic.com/29mxezq.jpg);background-repeat: no-repeat;}.narrowcolumn {width: 520px;float: left;padding-left: 10px;}#sidebar{font: $SBFontSize;width: 220px;position: static;top: 0px;color: $SBtextColor;background-color: $SBbgColor;border: 1px solid $SBbdColor;padding-top: 0px;padding-right: 4px;padding-bottom: 0px;padding-left: 4px;margin-left: 530px;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}#sidebar a {color: $SBLinkColor;}#sidebar .widget { margin-bottom: 1em;

}

#sidebar .widget-content {margin-top: 5px;margin-right: 0px;margin-bottom: 5px;margin-left: 0px;}#sidebar h2{font-size: 12px;font-weight: bold;color: $sidebarTitleTextColor;font: $SBTitleFont;background-color: $sidebarTitleBgColor;margin-top: 5px;margin-right: 0px;margin-bottom: 5px;margin-left: 0px;padding: 4px 5px;}#kotakkanan{margin: 0px;}#kotakkanan1{margin: 0px;}#footer {padding: 0px;width: 780px;clear: both;height: 115px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;color: $footrTextcolor;background-image: url(http://i33.tinypic.com/3149sie.jpg);}#footer a {color: $footrTextcolor;}

#footer .widget {margin: 0px;padding-left: 20px;font-size: 10px;text-align: center;}/* Posts----------------------------------------------- */.date-header {margin: 1.5em 0 0;font-weight: normal;color: $dateHeaderColor;font-size: 100%;}.post {padding: 5px;text-align: justify;margin: 5px;}.post-title {margin: 0;padding: 0;font: $PostTitleFont;line-height: 1.1em;padding-top: 4px;padding-bottom: 4px;text-align: left;}.post-title a, .post-title a:visited, .post-title strong {text-decoration: none;color: $postTitleTxtColor;font-weight: bold;}.post-title a:hover {text-decoration: none;color: $PostTitleHoverlinkColor;}.post div {margin: 0 0 .75em;line-height: 1.3em;}p.post-footer {margin: -.25em 0 0;font-size: 10px;}.post-labels {font-size: 10px;}.post-labels a {color: $AltLinkColor1;text-decoration: none;

}.post-footer .span {margin-right: .3em;font-size: 10px;}.post-footer {font-size: 10px;}

.comment-link {margin-left: .3em;}

.post blockquote {margin: 1em 20px;font-style: italic;}}.post blockquote p {margin: .75em 0;}.post img {margin-top: 4px;margin-right: 5px;margin-bottom: 0px;margin-left: 4px;padding: 6px;border: 1px solid $postImgBdColor;display: inline;}.post .pic{float: right;border: 1px solid $postImgBdColor;text-align: center;margin-top: 5px;margin-right: 15px;margin-bottom: 0px;margin-left: 0px;width: 180px;font-size: 9px;padding: 6px;font-family: Arial, Helvetica, sans-serif;display: inline;}

/* Comments----------------------------------------------- */#comments h4 {margin: 1em 0;color: $dateHeaderColor;}#comments h4 strong {font-size: 90%;}#comments-block {margin: 1em 0 1.5em;line-height: 1.3em;}#comments-block dt {margin: .5em 0;}#comments-block dd {margin: .25em 0 0;}#comments-block dd.comment-footer {margin: -.25em 0 2em;line-height: 1.4em;font-size: 78%;}#comments-block dd p {margin: 0 0 .75em;}

.deleted-comment {font-style:italic;color:gray;}

.feed-links {clear: both;line-height: 2.5em;}

#blog-pager-newer-link {float: left;}

#blog-pager-older-link {float: right;}

#blog-pager { text-align: center; }

small {font-family: Arial, Verdana, sans-serif;font-size: 9px;line-height: 11px;}

h1, h2, h3 {font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;}

h1, h1 a, h1 a:hover, h1 a:visited, .description {text-decoration: none;}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #leftsidebar h2, #rightsidebar h2, #wp-calendar caption, cite {text-decoration: none;}

acronym, abbr, span.caps{font-size: 0.9em;letter-spacing: .07em;}

a, h2 a:hover, h3 a:hover {color: $linkColor;text-decoration: none;

}

a:hover {color: $HoverlinkColor;text-decoration: underline;}

.widecolumn .post {margin: 0;}

.narrowcolumn .postmetadata {padding-top: 5px;}

.widecolumn .postmetadata {margin: 30px 0;}h2 {margin-top: 20px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}h3 {padding: 0px;margin-top: 20px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}

h3.comments {padding: 0;margin: 40px auto 20px ;}/* End Headers */

/* Begin Images */p img {padding: 0;max-width: 100%;}

/*Using 'class="alignright"' on an image will (who would'vethought?!) align the image to the right. And using 'class="centered',will of course center the image. This is much better than usingalign="center", being much more futureproof (and valid) */img.centered {display: block;margin-left: auto;margin-right: auto;}img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}

img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}

.alignright {float: right;}.alignleft {float: left}/* End Images */

/* lain----------------------------------------------- */.title h1{color: $titleTextColor;font-size: 18px;text-align: center;font: $titleFont;}.title h1 a{color: $titleTextColor;}.title{margin-right: 0px;margin-bottom: 0px;margin-left: 20px;padding-top: 20px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;margin-top: 0px;color: $titleTextColor;}.description {font-size: 12px;font-weight: bold;margin-left: 50px;margin-top: 10px;margin-right: 260px;color: $titleTextColor;}.kosong {clear: both;}

/* Begin Lists

Special stylized non-IE bulletsDo not work in Internet Explorer, which merely default to normal bullets. */html>body .entry ul {

}

html>body .entry li {list-style-type: square;padding: 0px;margin-left: 10px;}

#sidebar ul, #sidebar ul ol, #sidebar ul {padding-left: 10px;margin-left: 10px;}

#sidebar ul li {margin-bottom: 2px;}

#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}

#sidebar ul ul, #sidebar ul ol{margin: 5px 0 0 5px;}

#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}

ol li, #sidebar ul ol li {list-style: decimal outside;}

#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0px 0px;padding: 0px;}/* End Entry Lists */

.entry form {text-align:center;background-color: $SBbgColor; }

select {width: 130px;}

/* Begin Various Tags & Classes */acronym, abbr, span.caps {cursor: help;}

acronym, abbr {border: 1px solid $SBbdColor;}

blockquote {margin: 15px 30px 0 10px;padding-left: 25px;font-family: Arial, Verdana, sans-serif;background-image: url(images/quote.gif);background-repeat: no-repeat;background-position: left top;}

blockquote cite {margin: 5px 0 0;display: block;}

.center {text-align: center;}

hr {display: none;}

a img {border: none;}

input, textarea, select, button {border: 1px solid $SBbdColor;background-color: $SBbgColor; font-size: 11px;padding-right: 2px;padding-left: 2px;}

form .button {border: 1px solid $SBbdColor;background-color: $SBbgColor; }input, textarea, select, button {border: 1px solid $SBbdColor;background-color: $SBbgColor; color: $sidebarTitleTextColor;font-size: 11px;padding-right: 2px;padding-left: 2px;}#blog-pager-newer-link a, #blog-pager-older-link a, #home-link a {font-weight: bold;text-decoration: none;padding-right: 4px;padding-left: 4px;border: 1px solid $SBbdColor;background-color: $SBbgColor; }#blog-pager-newer-link a:hover, #blog-pager-older-link a:hover, #home-link a:hover {font-weight: bold;text-decoration: none;padding-right: 4px;padding-left: 4px;border: 1px solid $SBbdColor;background-color: $SBbgColor; }#powered {color: $linkColor;text-align: center; padding: 4px; font-size: 10px}#powered a {color: $linkColor;}div.TabView div.Tabs{height: 24px;overflow: hidden;}div.TabView div.Tabs a{float: left;display: block;width: 1024px; /* Lebar Menu Utama Atas */ text-align: center;height: 20px; /* Tinggi Menu Utama Atas */padding-top: 3px;vertical-align: middle;border: 1px solid #000; /* Warna border Menu Atas */border-bottom-width: 0;text-decoration: none;font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */font-weight: 900;color: #000; /* Warna Font Menu Utama Atas */}div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active{background-color: #FF9900; /* Warna background Menu Utama Atas */}div.TabView div.Pages{clear: both;border: 1px solid #6E6E6E; /* Warna border Kotak Utama */overflow: hidden;background-color: #FF9900; /* Warna background Kotak Utama */}div.TabView div.Pages div.Page{height: 100%;padding: 0px;overflow: hidden;}div.TabView div.Pages div.Page div.Pad{padding: 3px 5px;}4. Perhatikan text-text yang dicetak tebal, itu adalah keterangan yang ada di Tab View. Ada ukuran dan warna dll. Sobat bisa menyesuaikan dengan blog sobat.5. Langkah berikutnya copy kode berikut ini sebelum kode

6. Kemudian " save"7. Truzz pilih "Page Elements"8. Trus Pilih "Add a Gadget" --> "HTML/Javascript" utnuk meletakkan Tab Menu View ini.9. Copy script ini kedalam nya:

Tab 1Tab 2Tab 3

Tab 1.1
Tab 1.2
Tab 1.3

Tab 2.1
Tab 2.2
Tab 2.3

Tab 3.1
Tab 3.2
Tab 3.3

tabview_initialize('TabView');

/* tab model 1 ateonsoft.com */div.Tabateonsoft div.TFs{height: 30px; overflow: hidden;}div.Tabateonsoft div.TFs a{float: right; display: block; text-align: center; text-decoration: none; font: normal 12px arial; padding:3px 3px 3px 5px; margin:0 5px 0 0;letter-spacing:-0.07em; background:#f0f0f0;color: #333;border-top:1px solid #CCCCCC;border-right:1px solid #999999;border-bottom:1px solid #999999;border-left:1px solid #cccccc;-moz-border-radius-bottomleft: 10px; -moz-border-radius-topleft: 10px;}div.Tabateonsoft div.TFs a:hover{ background:#E8E8E8;border-top:1px solid #999999;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;border-left:1px solid #999999;}div.Tabateonsoft div.TFs a.Active{ background: #E8E8E8;color: #000000;border-top:1px solid #999999;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;border-left:1px solid #999999; font-weight:bold;}div.Tabateonsoft div.Pages{ clear: both; overflow: hidden; height:240px; border:1px solid #EFF0F1; padding:0;background: #ffffff url('bg-tabateonsoft.jpg') no-repeat bottom right; -moz-border-radius:5px;}div.Tabateonsoft div.Pages div.Page{height: 100%;padding: 0px; overflow: hidden; }div.Tabateonsoft div.Pages div.Page div.floor{ font-size:11px;padding: 3px 5px; text-align:left;}div.TabView div.Tabs{height: 24px;overflow: hidden;}div.TabView div.Tabs a{float: left;display: block;width: 90px; /* Lebar Menu Utama Atas */ text-align: center;height: 24px; /* Tinggi Menu Utama Atas */padding-top: 3px;vertical-align: middle;border: 1px solid #000; /* Warna border Menu Atas */border-bottom-width: 0;text-decoration: none;font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */font-weight: 900;color: #000; /* Warna Font Menu Utama Atas */}div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active{background-color: #FF9900; /* Warna background Menu Utama Atas */}div.TabView div.Pages{clear: both;border: 1px solid #6E6E6E; /* Warna border Kotak Utama */overflow: hidden;background-color: #FF9900; /* Warna background Kotak Utama */}div.TabView div.Pages div.Page{height: 100%;padding: 0px;overflow: hidden;}div.TabView div.Pages div.Page div.Pad{padding: 3px 5px;}]]>

BLOG_CMT_createIframe('');

:

1 :

:

()

,

1

BLOG_CMT_createIframe('');

(function() {var items = ;var msgs = ;var config = ;

// var cursor = null;if (items && items.length > 0) {cursor = parseInt(items[items.length - 1].timestamp) + 1;}

var bodyFromEntry = function(entry) {if (entry.gd$extendedProperty) {for (var k in entry.gd$extendedProperty) {if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {return '' + entry.content.$t + '';}}}return entry.content.$t;}

var parse = function(data) {cursor = null;var comments = [];if (data && data.feed && data.feed.entry) {for (var i = 0, entry; entry = data.feed.entry[i]; i++) {var comment = {};// comment ID, parsed out of the original id formatvar id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);comment.id = id ? id[2] : null;comment.body = bodyFromEntry(entry);comment.timestamp = Date.parse(entry.published.$t) + '';if (entry.author && entry.author.constructor === Array) {var auth = entry.author[0];if (auth) {comment.author = {name: (auth.name ? auth.name.$t : undefined),profileUrl: (auth.uri ? auth.uri.$t : undefined),avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)};}}if (entry.link) {if (entry.link[2]) {comment.link = comment.permalink = entry.link[2].href;}if (entry.link[3]) {var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);if (pid && pid[1]) {comment.parentId = pid[1];}}}comment.deleteclass = 'item-control blog-admin';if (entry.gd$extendedProperty) {for (var k in entry.gd$extendedProperty) {if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {comment.displayTime = entry.gd$extendedProperty[k].value;}}}comments.push(comment);}}return comments;};

var paginator = function(callback) {if (hasMore()) {var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';if (cursor) {url += '&published-min=' + new Date(cursor).toISOString();}window.bloggercomments = function(data) {var parsed = parse(data);cursor = parsed.length < 50 ? null: parseInt(parsed[parsed.length - 1].timestamp) + 1callback(parsed);window.bloggercomments = null;}url += '&callback=bloggercomments';var script = document.createElement('script');script.type = 'text/javascript';script.src = url;document.getElementsByTagName('head')[0].appendChild(script);}};var hasMore = function() {return !!cursor;};var getMeta = function(key, comment) {if ('iswriter' == key) {var matches = !!comment.author&& comment.author.name == config.authorName&& comment.author.profileUrl == config.authorUrl;return matches ? 'true' : '';} else if ('deletelink' == key) {return config.baseUri + '/delete-comment.g?blogID='+ config.blogId + '&postID=' + comment.id;} else if ('deleteclass' == key) {return comment.deleteclass;}return '';};

var replybox = null;var replyUrlParts = null;var replyParent = undefined;

var onReply = function(commentId, domId) {if (replybox == null) {// lazily cache replybox, and adjust to suit this style:replybox = document.getElementById('comment-editor');if (replybox != null) {replybox.height = '250px';replybox.style.display = 'block';replyUrlParts = replybox.src.split('#');}}if (replybox && (commentId !== replyParent)) {document.getElementById(domId).insertBefore(replybox, null);replybox.src = replyUrlParts[0]+ (commentId ? '&parentID=' + commentId : '')+ '#' + replyUrlParts[1];replyParent = commentId;}};

var hash = (window.location.hash || '#').substring(1);var startThread, targetComment;if (/^comment-form_/.test(hash)) {startThread = hash.substring('comment-form_'.length);} else if (/^c[0-9]+$/.test(hash)) {targetComment = hash.substring(1);}

// Configure commenting API:var configJso = {'maxDepth': config.maxThreadDepth};var provider = {'id': config.postId,'data': items,'loadNext': paginator,'hasMore': hasMore,'getMeta': getMeta,'onReply': onReply,'rendered': true,'initComment': targetComment,'initReplyThread': startThread,'config': configJso,'messages': msgs};

var render = function() {if (window.goog && window.goog.comments) {var holder = document.getElementById('comment-holder');window.goog.comments.render(holder, provider);}};

// render now, or queue to render when library loads:if (window.goog && window.goog.comments) {render();} else {window.goog = window.goog || {};window.goog.comments = window.goog.comments || {};window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];window.goog.comments.loadQueue.push(render);}})();// ]]>

:


  • ()
  • ()

()

  • ()

()

Free Blogspot Templates by Isnaini Dot Com and Porsche Cars. Powered by Blogger

Introducing Snap Shots from Snap.comI just installed a nice little tool on this site called Snap Shots that enhances links with visual previews of the destination site, interactive excerpts of Wikipedia articles, MySpace profiles, IMDb profiles and Amazon products, display inline videos, RSS, MP3s, photos, stock charts and more.Sometimes Snap Shots bring you the information you need, without your having to leave the site, while other times it lets you "look ahead," before deciding if you want to follow a link or not.Should you decide this is not for you, just click the Options icon in the upper right corner of the Snap Shot and opt-out.