Docstoc

nich templet 002

Document Sample
nich templet 002 Powered By Docstoc
					/* ---------------------------------------------------------- Blogger Template Name: Ikhsan Magazine II Designer:
Daris A URL: http://www.ikhsanhafiyudin.blogspot.com Date: May 2010 ----------------------------------------
------------------ */ /* Variable definitions ==================== <Variable type="font"
name="pagefont" default="normal normal 100% trebuchet, arial, verdana, sans-serif" description="General
Font Properties" value="normal normal 100% trebuchet, arial, verdana, sans-serif"> <Variable
type="color" name="pagefontcolor" default="#444444" description="Page Font Color" value="#444444">
<Variable type="color" name="pagelinkcolor" default="#cc6600" description="Page Link Color"
value="#003366"> <Variable type="color" name="pagelinkcolorhover" default="#990000"
description="Page Link Hover Color" value="#003366"> <Variable type="color" name="mainbarbgcolor"
default="#F8F8F8" description="Mainbar Background Color" value="#F8F8F8"> <Variable type="font"
name="headertitlefont" default="normal bold 100% trebuchet, arial, verdana, sans-serif"
description="Header Title Font Properties" value="normal bold 100% trebuchet, arial, verdana, sans-
serif"> <Variable type="color" name="headertitlecolor" default="#793c39" description="Header Title
Color" value="#003366"> <Variable type="color" name="headerdescrcolor" default="#222222"
description="Header Description Color" value="#003366"> <Variable type="color"
name="menufontcolor" default="#F8F8F8" description="Menu Font Color" value="#333333"> <Variable
type="color" name="menufontcolorhover" default="#555555" description="Menu Font Hover Color"
value="#4c4c4c"> <Variable type="color" name="searchbgcolor" default="#F8F8F8" description="Search
Form Background Color" value="#e6e6e6"> <Variable type="color" name="searchbdcolor"
default="#999999" description="Search Form Border Color" value="#999999"> <Variable type="color"
name="widgettitlebgcolor" default="#F8F8F8" description="Widget Title Background Color"
value="#F8F8F8"> <Variable type="color" name="widgettitlebdcolor" default="#dddddd"
description="Widget Title Border Color" value="#cccccc"> <Variable type="color"
name="widgettitlecolor" default="#793c39" description="Widget Title Color" value="#215670">
<Variable type="color" name="widgetbdcolor" default="#cccccc" description="Widget Border Color"
value="#cccccc"> <Variable type="color" name="widgetbgcolor" default="#F8F8F8" description="Widget
Background Color" value="#F8F8F8"> <Variable type="color" name="widgettextcolor"
default="#ee0000" description="Widget Text Color" value="#215670"> <Variable type="color"
name="posttitlecolor" default="#334964" description="Post Title Color" value="#334964"> <Variable
type="color" name="postheadercolor" default="#cc6600" description="Post Header Text Color"
value="#215670"> <Variable type="color" name="postfootercolor" default="#cc6600" description="Post
Footer Text Color" value="#215670"> <Variable type="color" name="boxbgcolor" default="#F8F8F8"
description="Commnet and Blockquote Background Color" value="#F8F8F8"> <Variable type="color"
name="boxbdcolor" default="#cccccc" description="Commnet and Blockquote Border Color"
value="#cccccc"> <Variable type="color" name="copyrightcolor" default="#444444"
description="Copyright Text Color" value="#215670"> <Variable type="color" name="footbarbdcolor"
default="#aaaaaa" description="Footbar Border Color" value="#aaaaaa"> <Variable type="color"
name="footbarbgcolor" default="#F8F8F8" description="Footbar Background Color" value="#F8F8F8">
*/ body { margin:0; padding:0; background:#F8F8F8; font-family:verdana,arial; text-align:center; font-
size:12px } a, a:visited { padding:0; margin:0; color:$pagelinkcolor; text-decoration:none } a:hover { text-
decoration:underline; color:$pagelinkcolorhover} a img { border-width:0 } ul,ol { margin:0; padding:0 } li
{ margin:0; padding:1px 0 } div { margin:0; padding:0 } .clear { clear:both; padding: 0; margin: 0;
width:1px; height:1px } #navbar-iframe { height:0px; visibility:hidden; display:none } /* -------------- *
WRAPPER LAYOUT * ------------------- */ #outer-wrapper { margin:0 auto; width:980px; text-align:left;
font:$pagefont; color:$pagefontcolor } #header-wrapper { height:70px; width:980px; padding-top:20px }
#header-inner { float:left } #header-left { float:left; width:420px; height:60px; padding-left:10px }
#header-right {float:right; width:540px; height:60px; text-align:right } #mainframe-top { clear:both;
background:url() no-repeat -5px 6px; width:980px; height:20px } #mainframe-bottom { clear:both;
background:url() no-repeat -5px 0; width:980px; height:20px } #content-wrapper { clear:both; margin-
top:7px; background:#F8F8F8; border:1px solid #F8F8F8 } #content-pad { margin:0 6px 0 5px } #main-
wrapper { float:left; padding:0; width:630px; word-wrap: break-word; overflow: hidden;
background:$mainbarbgcolor } #main-left { float:left; width:200px } #main-right { float:right;
width:420px } #sidebar-wrapper { padding:0 0 10px 0; float:right; width:330px; word-wrap:break-word;
overflow:hidden; /* fix for long text & non-text content breaking sidebar float in IE */ } #top-sidebar-
wrapper {} #left-sidebar-wrapper { width:160px; float:left } #right-sidebar-wrapper { width:160px;
float:right } #footer-wrapper { margin:0 auto; width:980px; background:#F8F8F8 } #footer { text-
align:center } #footbar { margin-top:15px; padding:7px; background:$footbarbgcolor; border:1px solid
$footbarbdcolor} #footbar-a { float:left; width:310px } #footbar-b { float:left; margin-left:17px;
width:310px } #footbar-c { float:right; width:310px } #footbar .widget { background:none } #footbar
.widget h2 { background-color:transparent; } #footbar .widget-content { background:transparent }
#copyright { margin:0 0 20px 0; padding:15px 0; text-align:center; font-size:11px; color:$copyrightcolor }
#copyright a { color:$copyrightcolor; text-decoration:none} /* -------------- * SIDEBAR & WIDGET * ---
---------------- */ .sidebar { } .sidebar .widget { margin:0 0 10px 0; padding:0 0 6px 0; border:1px solid
$widgetbdcolor; background:$widgetbgcolor } .widget h2 { margin:0; padding:7px 0 7px 28px; text-
transform:uppercase; font-size:12px; font-weight: bold; background:$widgettitlebgcolor
url(http://4.bp.blogspot.com/_Z8F7gBEfQSU/S_2RnA9wyzI/AAAAAAAAAxA/Tvqjt6O_rXw/s1600/labe
l_bg1.png) repeat-x top left; height:10px; color:$widgettitlecolor; border-bottom:1px solid
$widgettitlebdcolor } .widget-content { margin:0; padding:4px 6px 6px 6px; } .main { } .widget-content
ul { list-style-type:none} .widget-content li { border:0; padding:3px 0; background:url() repeat-x left
bottom } .Label li, .LinkList li { } .Label li a, .LinkList li a { padding-left:12px;
background:url(http://1.bp.blogspot.com/_Z8F7gBEfQSU/S_2RnZzc7-
I/AAAAAAAAAxI/vtY_0AXO1Mk/s1600/link_arrow.png) no-repeat 2px 5px } /* -------------- *
HEADER * ------------------- */ #header { text-align:left; color:#060; padding:0 } #header img { margin:0;
padding:0; vertical-align:text-bottom } #header h1 { margin:0; padding:0; font-size:26px } #header a {
font:$headertitlefont; color:$headertitlecolor; text-decoration:none; letter-spacing:-1px } #header
.description { margin:3px 0; padding:0; font-weight:normal; max-width:900px; font-size:14px;
color:$headerdescrcolor } /* -------------- * MENU & SEARCH* ------------------- */ #menu-bar {
padding:6px 20px 0 0; height:35px; background:
url(http://4.bp.blogspot.com/_Z8F7gBEfQSU/S_2RnA9wyzI/AAAAAAAAAxA/Tvqjt6O_rXw/s1600/labe
l_bg1.png) repeat-x left; height:38px; } .menu { width:500px; float:left } .menu ul { float:left } .menu li
{float:left; padding:5px 0; list-style:none } .menu a { padding:0 10px; height:30px; font-size:12px; font-
weight:bold; color:$menufontcolor } .menu a:hover {color:$menufontcolorhover } .search { width:440px;
float:right } .search form { margin:0; padding:0; float:right } .search .s{ height:18px; border:1px solid
$searchbdcolor; background:$searchbgcolor
url(http://4.bp.blogspot.com/_Z8F7gBEfQSU/S_2RlDO0kCI/AAAAAAAAAwQ/cj9h4rhqSPM/s1600/sear
ch-icon-orange.gif) no-repeat 6px 3px; margin-top:2px; padding-left:25px; color:$searchbdcolor }
.search ul { float:right; width:240px } .search li {float:right; list-style:none;
background:url(http://3.bp.blogspot.com/_Z8F7gBEfQSU/S_2Rm_TEJRI/AAAAAAAAAw4/mB5Jm4cU
A6k/s1600/feed.png) no-repeat 5px 5px; padding:6px 0 0 27px; margin:0 0 0 5px } .search a { text-
decoration:normal; font-size:12px; font-weight:normal; color:$menufontcolor } /* -------------- * POSTS *
------------------- */ .blog-posts { } h2.date-header { margin:5px 0 0 0; padding:0; font-size:10px; font-
weight:bold } .post { margin:0; padding-bottom:1.5em } .post h3 { font-size:14px; margin:5px 0; font-
weight:bold } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none;
color:$posttitlecolor; font-weight:bold; } .post h3 strong, .post h3 a:hover { text-decoration:underline }
.post-body { $pagefontcolor } .post-body blockquote{ margin:.8em 0; padding:5px 0 5px 26px;
background:url(http://4.bp.blogspot.com/_Z8F7gBEfQSU/S_2T1M5U8mI/AAAAAAAAAxY/LkMPxzqQ
8rI/s1600/blockquote.gif) no-repeat 2px 5px } .post-body blockquote p { margin:0; padding:0 0 0 8px;
border:1px solid #ddd; background:$boxbgcolor} .post-body ul,ol {margin:0; padding:0 0 0 20px} .post-
body li { } .post-comment-link { } .post-author{ padding:0 0 0 13px;
background:url(http://1.bp.blogspot.com/_Z8F7gBEfQSU/S_2RnmBnhcI/AAAAAAAAAxQ/rzZX55P6Q
R0/s1600/person.gif) no-repeat 0 2px } .post-labels { padding:0 6px 0 13px;
background:url(http://3.bp.blogspot.com/_Z8F7gBEfQSU/S_2Rlge9UqI/AAAAAAAAAwg/rovs3I0D2mk/
s1600/clipboard.gif) no-repeat 0 2px } .comment-link { padding:0 6px 0 13px;
background:url(http://3.bp.blogspot.com/_Z8F7gBEfQSU/S_2RmiudiPI/AAAAAAAAAww/OQ5BU3ai3I
c/s1600/comment.gif) no-repeat 0 2px } .post-timestamp { padding:0 6px 0 0 } .post-header-line-1 {
margin:5px 0; font-size:11px; text-transform:none } .post-header-line-1 a { color:$postheadercolor }
.post-footer { margin:5px 0; font-size:11px; text-transform:none } .post-footer a { color:$postfootercolor }
.post img { margin:0; padding:3px; border:1px solid #aaa } /* -------------- * COMMENTS * ---------------
---- */ #comments h4 { padding:0 6px 0 19px; background:url() no-repeat; font-weight:bold; text-
transform:uppercase; font-size:12px } #comments-block { margin:0 } #comments-block .comment-bg { }
#comments-block .comment-author { height:15px; border:0px solid; padding:5px 0 0 22px; font-
weight:bold } .comment-au1 { float:left } .comment-au2 { float:right; text-align:right; font-size:10px;
padding-top:2px} #comments-block .comment-body { margin:0; padding:15px 10px 5px 10px;
background:$boxbgcolor
url(http://1.bp.blogspot.com/_Z8F7gBEfQSU/S_2T1TVASLI/AAAAAAAAAxg/loXnkqBXWcU/s1600/c
omment-triangle2-1.gif) no-repeat left top; } #comments-block .comment-body p { margin:0 }
#comments-block .comment-footer { margin:0; text-transform:none; font-size:10px; border-top:1px solid
#ddd } .deleted-comment { font-style:italic; color:gray } #blog-pager-newer-link { float: left } #blog-
pager-older-link { float: right } #blog-pager { text-align: center } .feed-links { clear: both; line-height:
2.5em } /* -------------- * PROFILE * ------------------- */ .profile-img { float: left; margin: 0 5px 5px 0;
padding: 4px; border:1px solid #444 } .profile-data { text-transform:uppercase; font-weight: bold }
.profile-datablock { margin:0 .5em } .profile-textblock { margin:0.5em 0; } .profile-link { text-transform:
uppercase; font-size:10px } /* CSS Guideline to style rokbox */ /* When adding your own theme,make
sure to replace "custom" with your theme name */ /* use lowercase characters and no space. For
example,we name our theme "mytheme" */ /* we replace every "rokbox-light" with "rokbox-mytheme" */
/* Wrapper,the very outside container of rokbox */ #rokbox-wrapper.rokbox-light{} #rokbox-wrapper .clr
{clear:both;} #rokbox-
close{height:30px;width:20px;display:block;background:url(http://1.bp.blogspot.com/_Z8F7gBEfQSU/S_
2Rl8AGXwI/AAAAAAAAAwo/TRVB2s1TvbE/s1600/close.png) 0 0 no-repeat;clear:both;} #rokbox-
close span{display:none;} /* Table for border look and feel */ #rokbox-top.rokbox-left{background: 0 0
no-repeat;clear:both;} #rokbox-top .rokbox-right{background: 100% 0 no-repeat;} #rokbox-top .rokbox-
center{background: 0 0 repeat-x;height:20px;margin-left:20px;margin-right:20px;} #rokbox-middle
{overflow: hidden;} #rokbox-middle.rokbox-left{background: 0 0 repeat-y;clear:both;} #rokbox-middle
.rokbox-right{background: 100% 0 repeat-y;} #rokbox-middle .rokbox-
center{background:#F8F8F8;margin-left:20px;margin-right:20px;} #rokbox-bottom.rokbox-
left{background: 0 0 no-repeat;} #rokbox-bottom .rokbox-right{background: 100% 0 no-repeat;} #rokbox-
bottom .rokbox-
center{background:url(http://3.bp.blogspot.com/_Z8F7gBEfQSU/S_2RlYLCyZI/AAAAAAAAAwY/W2_
BkbZGBXY/s1600/bottom.png) 0 0 repeat-x;height:20px;margin-left:20px;margin-right:20px;} /*
Object/Image container */ #rokbox-container{} /* Spinner class that gets added when loading content and
removed when loaded */ #rokbox-
container.spinner{background:url(http://lh5.ggpht.com/_x1yc7EbpqMY/S_OCaQysSOI/AAAAAAAAAnI
/QMRieUia_Qo/s128/ajaxloader.gif) 50% 50% no-repeat;} /* Warning class that gets added when erroring
*/ #rokbox-
container.warning{background:url(http://lh6.ggpht.com/_x1yc7EbpqMY/S_OCsWFpbUI/AAAAAAAAA
n0/u7P03LGt-Hw/s128/warning.png) 50% 50% no-repeat;} #rokbox-container.warning h1 {position:
absolute;text-align: center;margin-left: -20px;} /* Arrows wrapper (for previous and next when visible) */
#rokbox-arrows{margin-top:15px;position:absolute;right:0;width:70px;height:20px;} #rokbox-arrows
a{float:left;display:block;width:20px;height:20px;margin-right:5px;} /* Previous arrow and its text span */
#rokbox-arrows #rokbox-previous{background:url(http://lh5.ggpht.com/_x1yc7EbpqMY/S_OCnb2kj-
I/AAAAAAAAAng/52jG5-UgnGU/s128/prev.png) 0 0 no-repeat} #rokbox-arrows #rokbox-previous
span{display:none;} /* text wrapper,useful to set as display none when using images */ /* Next arrow and
its text span */ #rokbox-arrows #rokbox-
next{background:url(http://lh6.ggpht.com/_x1yc7EbpqMY/S_OCnWM5IDI/AAAAAAAAAnc/JTjAfwok
5Zg/s128/next.png) 0 0 no-repeat} #rokbox-arrows #rokbox-next span{display:none;} /* text
wrapper,useful to set as display none when using images */ #rokbox-arrows #rokbox-previous.inactive,
#rokbox-arrows #rokbox-next.inactive{background-position:0 -20px;} /* Captions wrapper and titles and
descriptions */ #rokbox-caption{padding-top:25px;font-family:Helvetica,Arial,sans-serif;} #rokbox-
caption h2{/* titles */ margin:0 0 10px 0;padding:0;color:#333;font-size:18px;font-weight:bold;} #rokbox-
caption p{/* description */ margin:0;color:#999;font-size:12px;}
var thumbnail_mode = "float" ; summary_noimg = 350; summary_img = 350; img_thumb_height = 220;
img_thumb_width = 220;
// /****************************************** Auto-readmore link script, version 2.0 (for
blogspot) (C)2008 by Anhvo visit http://en.vietwebguide.com to get more cool hacks
********************************************/ function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ?
chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx =
strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div =
document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var
summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px
0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px"
height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div>'
+ removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //




              skip to main
              |
              skip to sidebar
(

)
(

)
(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 '<span
class="deleted-comment">' + entry.content.$t + '</span>';
}        }       }      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 format              var 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) + 1
callback(parsed);               window.bloggercomments = null;
}         url += '&callback=bloggercomments';                     var script
= document.createElement('script');                  script.type =
'text/javascript';           script.src = url;
document.getElementsByTagName('head')[0].appendChild(scr
ipt);       }      };       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);                        }
})(); //
1
,
BLOG_CMT_createIframe('

', '

');




1

:
:




&lsaquo;




&rsaquo;
1
</div></div>

<div class="date-outer">




<div class="date-posts">
</div></div>




google.load("annotations", "1", {"locale": "

"});     function initialize() {
google.annotations.setApplicationId(

);      google.annotations.createAll();
google.annotations.fetch();     }
google.setOnLoadCallback(initialize);
BLOG_CMT_createIframe('

', '

');
&rsaquo;




1




(

)
1

:



:
(

)




(

)
(

)




▼




◄

►
Copyright ©



| Powered by
Blogger
& Template by
Ikhsan Hafiyudin

				
DOCUMENT INFO
Shared By:
Categories:
Stats:
views:23
posted:7/15/2012
language:English
pages:27
Description: Free and easy to use blogger templates in 2, 3 & 4 column layouts available for download.