Home » 2-column » Template Islam » Template-Islam4 Template-Islam4 — 9:01 PM — 2-column, Template Islam Select All this Code & Copy paste in your blog <?xml version="1.0" encoding="UTF-8" ?><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /><html xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"><br /> <head><br /> <b:include data="'blog'" name="'all-head-content'/"><br /> <title><data:blog.pagetitle/></title><br /> <link href="'http://i79.photobucket.com/albums/j152/riniaisyah/blogger/icon.gif'" rel="'Shortcut"><br /> <b:skin><![CDATA[/* ------------------------------------------------ Name: The Book / Kitab / Al Qur'an Designer: Rini Aisyah URL: http://blogger-skin-resources.blogspot.com/ Date: 3 April 2008 / 26 Rabi' I 1429 H ------------------------------------------------ */ #navbar-iframe { /* this section hides the nav bar */ height: 0px; visibility: hidden; display: none; } body { background:#FFF url('http://i79.photobucket.com/albums/j152/riniaisyah/blogger/kitab_bg.gif') repeat-x; margin:0 auto; padding:0; color:#333; font:70%/1.1em verdana; line-height: 1.3em; text-align:center; } a:link { color:#E29344; text-decoration:none; } a:visited { color:#E29344; text-decoration:none; } a:hover { color:#000; text-decoration:underline; } .post-body a { text-decoration:underline; } a img { border-width:0; } /* Header ------------------------------------------------ */ #header-wrapper { background: url('http://i79.photobucket.com/albums/j152/riniaisyah/blogger/kitab_header.jpg') no-repeat left top; height:373px; margin:0; text-align:left; } #header { margin:0; padding:0 0 0 134px; text-align: left; width:450px; } #header h1 { margin:0; padding:355px 0 0px; font: 170% Verdana; line-height: 1.4em; letter-spacing:.1em; color:#200204; } #header a { color:#336699; text-decoration:none; } #header a:hover { color:#000; text-decoration:underline; } .descriptionwrapper { margin:0; padding:0; letter-spacing:.1em; line-height: 1.5em; text-align:left; font-style:italic; color:#666; } .descriptionwrapper p { margin:0; padding:0; } /* Outer-Wrapper ------------------------------------------------ */ #outer-wrapper { width: 770px; margin:0 auto; padding:0; text-align:left; } #main-wrapper { background:#FBDE9A url('http://i79.photobucket.com/albums/j152/riniaisyah/blogger/kitab_main.gif') repeat-y; padding:28px 8px 8px 20px; float:left; width:532px; } #sidebar-wrapper { width: 200px; margin-top:-302px; padding:0; float:right; color:#806850; } br { clear:both; } .post-body br { clear:none; } /* Headings ------------------------------------------------ */ h2 { margin:1.0em 0 .5em; padding:3px 5px; font-size:12px; line-height:1.3em; font-weight:bold; border-bottom:1px #806850 solid; color:#ccc; } #main-wrapper h2 { margin:0; padding:8px 8px 0 0; font-size:78%; color:#806850; line-height:1em; text-align:right; border-bottom:1px #E29344 dashed; } #main-wrapper a:link { color:#E29344; text-decoration:underline; } #main-wrapper a:visited { color:#E29344; text-decoration:underline; } #main-wrapper a:hover { color:#000; text-decoration:underline; } /* Posts ------------------------------------------------ */ .post { margin:.5em 0 .5em; padding-bottom:.7em; } #main .post h3 { margin:3px 0 8px 0; background:#E29344; line-height: 1.8em; padding:5px 8px 0 10px; font-size:13px; color:#200204; letter-spacing:.08em; font-weight:bold; height:30px; } #main .post h3 a, .post h3 a:visited, .post h3 strong { display:block; font-size:14px; text-decoration:none; color:#200204; font-weight:bold; } #main .post h3 strong, .post h3 a:hover { color:#3C3D3C; text-decoration:underline; } .post p, .post-body { margin:0 0 .75em; line-height:1.5em; } .post-footer { margin:.75em 0; padding:0 0 5px 0; color:#E29344; text-align:right; } .comment-link { margin-left:.6em; } .post a img, .post img { margin:4px; padding:2px; border:1px solid #D27B23; } .post blockquote { margin:1em 17px; padding: 0 8px 0 9px; line-height:1.3em; font-style:italic; color:#D27B23; border-left:#F1AC68 solid 8px; } /* Comments ------------------------------------------------ */ #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { 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; } /* Sidebar Content ------------------------------------------------ */ #sidebar-wrapper p { padding-left:10px; } #sidebar-wrapper ul { list-style:none; margin:0; padding:0; line-height:1.5em; } #sidebar-wrapper ul li { background: url('http://i79.photobucket.com/albums/j152/riniaisyah/blogger/kitab_item.gif') no-repeat; margin:0; padding:0 0 .25em 12px; text-indent:0; line-height:1.5em; } #sidebar-wrapper .widget, .main .widget { margin:0 0 .5em; padding:0 0 .5em; } .main .Blog { border-bottom-width: 0; } #ArchiveList { margin:0; padding-left:12px; } /* Profile ------------------------------------------------ */ .profile-img { float: left; margin: 0 5px 5px 0; padding: 2px; border: 1px solid #D27B23; } .profile-data { margin:0; font-weight: bold; letter-spacing: .1em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.3em; } .profile-link { text-transform: uppercase; letter-spacing: .1em; } #credits { margin:0; padding-left:12px; font-size:11px; } /** Page structure tweaks for layout editor wireframe */ body#layout #header { margin-left: 0px; margin-right: 0px; } .ayat { color:#000; height:233px; border:#200204 1px dotted; padding:1px 5px; } ]]></b:skin><br /><br /></head><br /><br /><body><br /> <div id="'outer-wrapper'"><br /><br /><div id="'header-wrapper'"><br /><b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"><br /><b:widget id="'Header1'" locked="'true'" title="'This" type="'Header'"><br /><b:includable id="'main'"><br /><br /> <b:if cond="'data:useImage'"><br /> <b:if cond="'data:imagePlacement"><br /> <!--Show just the image, no text--><br /> <div id="'header-inner'"><br /> <a href="'data:blog.homepageUrl'" style="'display:"><br /> <img alt="'data:title'" height="'data:height'" id="'data:widget.instanceId" src="'data:sourceUrl'" width="'data:width'" style="'display:" /><br /> </a><br /> </div><br /> <b:else/><br /> <!-- Show image as background to text. You can't really calculate the width reliably in JS because margins are not taken into account by any of clientWidth, offsetWidth or scrollWidth, so we don't force a minimum width if the user is using shrink to fit. This results in a margin-width's worth of pixels being cropped. If the user is not using shrink to fit then we expand the header. --><br /> <div style="'" id="'header-inner'"><br /> <div class="'titlewrapper'" style="'background:"><br /> <h1 class="'title'" style="'background:"><br /> <b:include name="'title'/"><br /> </h1><br /> </div><br /> <b:include name="'description'/"><br /> </div><br /> </b:if><br /> <b:else/><br /> <!--No header image --><br /> <div id="'header-inner'"><br /> <div class="'titlewrapper'"><br /> <h1 class="'title'"><br /> <b:include name="'title'/"><br /> </h1><br /> </div><br /> <b:include name="'description'/"><br /> </div><br /> </b:if><br /></b:includable><br /><b:includable id="'title'"><br /> <b:if cond="'data:blog.url"><br /> <data:title/><br /> <b:else/><br /> <a href="'data:blog.homepageUrl'"><data:title/></a><br /> </b:if><br /></b:includable><br /><b:includable id="'description'"><br /> <div class="'descriptionwrapper'"><br /> <p class="'description'"><span><data:description/></span></p><br /> </div><br /></b:includable><br /></b:widget><br /></b:section><br /></div><br /><br /><div id="'main-wrapper'"><br /><b:section class="'main'" id="'main'" showaddelement="'no'"><br /><b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'"><br /><b:includable id="'nextprev'"><br /> <div class="'blog-pager'" id="'blog-pager'"><br /> <b:if cond="'data:newerPageUrl'"><br /> <span id="'blog-pager-newer-link'"><br /> <a class="'blog-pager-newer-link'" href="'data:newerPageUrl'" id="'data:widget.instanceId" title="'data:newerPageTitle'"><data:newerpagetitle/></a><br /> </span><br /> </b:if><br /><br /> <b:if cond="'data:olderPageUrl'"><br /> <span id="'blog-pager-older-link'"><br /> <a class="'blog-pager-older-link'" href="'data:olderPageUrl'" id="'data:widget.instanceId" title="'data:olderPageTitle'"><data:olderpagetitle/></a><br /> </span><br /> </b:if><br /><br /> <b:if cond="'data:blog.homepageUrl"><br /> <a class="'home-link'" href="'data:blog.homepageUrl'"><data:homemsg/></a><br /> <b:else/><br /> <b:if cond="'data:newerPageUrl'"><br /> <a class="'home-link'" href="'data:blog.homepageUrl'"><data:homemsg/></a><br /> </b:if><br /> </b:if><br /><br /> </div><br /> <div class="'clear'/"><br /></b:includable><br /><b:includable id="'backlinks'" var="'post'"><br /> <a name="'links'/"><h4><data:post.backlinkslabel/></h4><br /> <b:if cond="'data:post.numBacklinks"><br /> <dl class="'comments-block'" id="'comments-block'"><br /> <b:loop values="'data:post.backlinks'" var="'backlink'"><br /> <div class="'collapsed-backlink"><br /> <dt class="'comment-title'"> <br /> <span class="'backlink-toggle-zippy'"> </span><br /> <a href="'data:backlink.url'" rel="'nofollow'"><data:backlink.title/></a><br /> <b:include data="'backlink'" name="'backlinkDeleteIcon'/"><br /> </dt><br /> <dd class="'comment-body"><br /> <data:backlink.snippet/><br /> </dd><br /> <dd class="'comment-footer"><br /> <span class="'comment-author'"><data:post.authorlabel/> <data:backlink.author/></span><br /> <span class="'comment-timestamp'"><data:post.timestamplabel/> <data:backlink.timestamp/></span><br /> </dd><br /> </div><br /> </b:loop><br /> </dl><br /> </b:if><br /> <p class="'comment-footer'"><br /> <a class="'comment-link'" href="'data:post.createLinkUrl'" id="'data:widget.instanceId" target="'_blank'"><data:post.createlinklabel/></a><br /> </p><br /></b:includable><br /><b:includable id="'post'" var="'post'"><br /> <div class="'post"><br /> <a name="'data:post.id'/"><br /> <b:if cond="'data:post.title'"><br /> <h3 class="'post-title"><br /> <b:if cond="'data:post.link'"><br /> <a href="'data:post.link'"><data:post.title/></a><br /> <b:else/><br /> <b:if cond="'data:post.url'"><br /> <a href="'data:post.url'"><data:post.title/></a><br /> <b:else/><br /> <data:post.title/><br /> </b:if><br /> </b:if><br /> </h3><br /> </b:if><br /><br /> <div class="'post-header-line-1'/"><br /><br /> <div class="'post-body"><br /> <p><data:post.body/></p><br /> <div style="'clear:"> <!-- clear for photos floats --><br /> </div><br /> <br /> <div class="'post-footer'"><br /> <div class="'post-footer-line"><span class="'post-author"><br /> <b:if cond="'data:top.showAuthor'"><br /> <data:top.authorlabel/><br /> <span class="'fn'"><data:post.author/></span><br /> </b:if><br /> </span> <span class="'post-timestamp'"><br /> <b:if cond="'data:top.showTimestamp'"><br /> <data:top.timestamplabel/><br /> <b:if cond="'data:post.url'"><br /> <a class="'timestamp-link'" href="'data:post.url'" rel="'bookmark'" title="'permanent"><abbr class="'published'" title="'data:post.timestampISO8601'"><data:post.timestamp/></abbr></a><br /> </b:if><br /> </b:if><br /> </span> <span class="'post-comment-link'"><br /> <b:if cond="'data:blog.pageType"><br /><br /> <b:if cond="'data:post.allowComments'"><br /> <a class="'comment-link'" href="'data:post.addCommentUrl'" onclick="'data:post.addCommentOnclick'"><b:if cond="'data:post.numComments">1 <data:top.commentlabel/><b:else/><data:post.numcomments/> <data:top.commentlabelplural/></b:if></a><br /> </b:if><br /> </b:if><br /> </span> <span class="'post-icons'"><br /> <!-- email post links --><br /> <b:if cond="'data:post.emailPostUrl'"><br /> <span class="'item-action'"><br /> <a href="'data:post.emailPostUrl'" title="'data:top.emailPostMsg'"><br /> <img alt="''" class="'icon-action'" src="'http://www.blogger.com/img/icon18_email.gif'/" /><br /> </a><br /> </span><br /> </b:if><br /><br /> <!-- quickedit pencil --><br /> <b:include data="'post'" name="'postQuickEdit'/"><br /> </span> </div><br /><br /> <div class="'post-footer-line"><span class="'post-labels'"><br /> <b:if cond="'data:post.labels'"><br /> <data:postlabelslabel/><br /> <b:loop values="'data:post.labels'" var="'label'"><br /> <a href="'data:label.url'" rel="'tag'"><data:label.name/></a><b:if cond="'data:label.isLast">,</b:if><br /> </b:loop><br /> </b:if><br /> </span> </div><br /><br /> <div class="'post-footer-line"><br /> </div><br /> </div><br /></b:includable><br /><b:includable id="'commentDeleteIcon'" var="'comment'"><br /> <span class="'"><br /> <a href="'data:comment.deleteUrl'" title="'data:top.deleteCommentMsg'"><br /> <span class="'delete-comment-icon'"> </span><br /> </a><br /> </span><br /></b:includable><br /><b:includable id="'status-message'"><br /> <b:if cond="'data:navMessage'"><br /> <div class="'status-msg-wrap'"><br /> <div class="'status-msg-body'"><br /> <data:navmessage/><br /> </div><br /> <div class="'status-msg-border'"><br /> <div class="'status-msg-bg'"><br /> <div class="'status-msg-hidden'"><data:navmessage/></div><br /> </div><br /> </div><br /> </div><br /> <div style="'clear:"><br /> </b:if><br /></b:includable><br /><b:includable id="'feedLinks'"><br /> <b:if cond="'data:blog.pageType"> <!-- Blog feed links --><br /> <b:if cond="'data:feedLinks'"><br /> <div class="'blog-feeds'"><br /> <b:include data="'feedLinks'" name="'feedLinksBody'/"><br /> </div><br /> </b:if><br /><br /> <b:else/> <!--Post feed links --><br /> <div class="'post-feeds'"><br /> <b:loop values="'data:posts'" var="'post'"><br /> <b:if cond="'data:post.allowComments'"><br /> <b:if cond="'data:post.feedLinks'"><br /> <b:include data="'post.feedLinks'" name="'feedLinksBody'/"><br /> </b:if><br /> </b:if><br /> </b:loop><br /> </div><br /> </b:if><br /></b:includable><br /><b:includable id="'backlinkDeleteIcon'" var="'backlink'"><br /> <span class="'"><br /> <a href="'data:backlink.deleteUrl'" title="'data:top.deleteBacklinkMsg'"><br /> <span class="'delete-comment-icon'"> </span><br /> </a><br /> </span><br /></b:includable><br /><b:includable id="'feedLinksBody'" var="'links'"><br /> <div class="'feed-links'"><br /> <data:feedlinksmsg/><br /> <b:loop values="'data:links'" var="'f'"><br /> <a class="'feed-link'" href="'data:f.url'" type="'data:f.mimeType'" target="'_blank'"><data:f.name/> (<data:f.feedtype/>)</a><br /> </b:loop><br /> </div><br /></b:includable><br /><b:includable id="'postQuickEdit'" var="'post'"><br /> <b:if cond="'data:post.editUrl'"><br /> <span class="'"><br /> <a href="'data:post.editUrl'" title="'data:top.editPostMsg'"><br /> <img alt="''" class="'icon-action'" src="'http://www.blogger.com/img/icon18_edit_allbkg.gif'/" /><br /> </a><br /> </span><br /> </b:if><br /></b:includable><br /><b:includable id="'comments'" var="'post'"><br /> <div class="'comments'" id="'comments'"><br /> <a name="'comments'/"><br /> <b:if cond="'data:post.allowComments'"><br /> <h4><br /> <b:if cond="'data:post.numComments"><br /> 1 <data:commentlabel/>:<br /> <b:else/><br /> <data:post.numcomments/> <data:commentlabelplural/>:<br /> </b:if><br /> </h4><br /><br /> <b:if cond="'data:post.commentPagingRequired'"><br /> <span class="'paging-control-container'"><br /> <a class="'data:post.oldLinkClass'" href="'data:post.oldestLinkUrl'"><data:post.oldestlinktext/></a><br /> <br /> <a class="'data:post.oldLinkClass'" href="'data:post.olderLinkUrl'"><data:post.olderlinktext/></a><br /> <br /> <data:post.commentrangetext/><br /> <br /> <a class="'data:post.newLinkClass'" href="'data:post.newerLinkUrl'"><data:post.newerlinktext/></a><br /> <br /> <a class="'data:post.newLinkClass'" href="'data:post.newestLinkUrl'"><data:post.newestlinktext/></a><br /> </span><br /> </b:if><br /><br /> <dl id="'comments-block'"><br /> <b:loop values="'data:post.comments'" var="'comment'"><br /> <dt class="'" id="'data:comment.anchorName'"><br /> <a name="'data:comment.anchorName'/"><br /> <b:if cond="'data:comment.authorUrl'"><br /> <a href="'data:comment.authorUrl'" rel="'nofollow'"><data:comment.author/></a><br /> <b:else/><br /> <data:comment.author/><br /> </b:if><br /> <data:commentpostedbymsg/><br /> </dt><br /> <dd class="'comment-body'"><br /> <b:if cond="'data:comment.isDeleted'"><br /> <span class="'deleted-comment'"><data:comment.body/></span><br /> <b:else/><br /> <p><data:comment.body/></p><br /> </b:if><br /> </dd><br /> <dd class="'comment-footer'"><br /> <span class="'comment-timestamp'"><br /> <a href="'data:comment.url'" title="'comment"><br /> <data:comment.timestamp/><br /> </a><br /> <b:include data="'comment'" name="'commentDeleteIcon'/"><br /> </span><br /> </dd><br /> </b:loop><br /> </dl><br /><br /> <b:if cond="'data:post.commentPagingRequired'"><br /> <span class="'paging-control-container'"><br /> <a class="'data:post.oldLinkClass'" href="'data:post.oldestLinkUrl'"><br /> <data:post.oldestlinktext/><br /> </a><br /> <a class="'data:post.oldLinkClass'" href="'data:post.olderLinkUrl'"><br /> <data:post.olderlinktext/><br /> </a><br /> <br /> <data:post.commentrangetext/><br /> <br /> <a class="'data:post.newLinkClass'" href="'data:post.newerLinkUrl'"><br /> <data:post.newerlinktext/><br /> </a><br /> <a class="'data:post.newLinkClass'" href="'data:post.newestLinkUrl'"><br /> <data:post.newestlinktext/><br /> </a><br /> </span><br /> </b:if><br /><br /> <p class="'comment-footer'"><br /> <a href="'data:post.addCommentUrl'" onclick="'data:post.addCommentOnclick'"><data:postcommentmsg/></a><br /> </p><br /> </b:if><br /><br /> <div id="'backlinks-container'"><br /> <div id="'data:widget.instanceId"><br /> <b:if cond="'data:post.showBacklinks'"><br /> <b:include data="'post'" name="'backlinks'/"><br /> </b:if><br /> </div><br /> </div><br /> </div><br /></b:includable><br /><b:includable id="'main'" var="'top'"><br /> <!-- posts --><br /> <div class="'blog-posts"><br /><br /> <b:include data="'top'" name="'status-message'/"><br /><br /> <data:adstart/><br /> <b:loop values="'data:posts'" var="'post'"><br /> <b:if cond="'data:post.dateHeader'"><br /> <h2 class="'date-header'"><data:post.dateheader/></h2><br /> </b:if><br /> <b:include data="'post'" name="'post'/"><br /> <b:if cond="'data:blog.pageType"><br /> <b:include data="'post'" name="'comments'/"><br /> </b:if><br /> <b:if cond="'data:post.includeAd'"><br /> <data:adend/><br /> <data:adcode/><br /> <data:adstart/><br /> </b:if><br /> </b:loop><br /> <data:adend/><br /> </div><br /><br /> <!-- navigation --><br /> <b:include name="'nextprev'/"><br /><br /> <!-- feed links --><br /> <b:include name="'feedLinks'/"><br /></b:includable><br /></b:widget><br /></b:section> <br /></div><br /><br /><div id="'sidebar-wrapper'"><br /><div class="'ayat'"><em><img height="'12'" src="'http://i79.photobucket.com/albums/j152/riniaisyah/blogger/kitab_item2.gif'" width="'12'/" />"Allah! <br /> None has the right to be worshipped but He, the Ever Living, the One Who <br /> sustains and protecs all the exists. It is Who has sent down the Book (Al <br /> Quran) to you with the truth, confirming what came before it, and He sent <br /> down the Taurat (Torah) & the Injil (Gospel)."</em> <strong>(Surah Ali <br /> Imran: 2-3)</strong> <br/><br /> <em><img height="'12'" src="'http://i79.photobucket.com/albums/j152/riniaisyah/blogger/kitab_item2.gif'" width="'12'/" />"And We have <br /> sent down to you the Book (Al Quran)</em> <em>as an exposition of everything, <br /> have submitted themselves (to Allah as Muslims)." </em><strong>(Surah <br /> an-Nahl: 89)</strong><br /></div><br /><br/><br/><br /><br /><b:section class="'sidebar-right'" id="'sidebar-right'" preferred="'yes'/"><br /><br /> <h2>Credits</h2><br /> Skin Design By:<br/><br /> <a href="'http://blogger-skin-resources.blogspot.com/'" target="'_blank'"><img alt="'Designed" border="'0'" src="'http://i79.photobucket.com/albums/j152/riniaisyah/logo-bunga.gif'/" /></a> <br /> <p><a href="'http://www.blogger.com'"><img alt="'Powered" src="'http://buttons.blogger.com/bloggerbutton1.gif'/" /></a></p> <br /><br /></div><br /><br /></div><br /><br /></body><br /></html><br /> Or Download here Tweet Related Posts :Showcase - GalleryDesigner Beauty - GalleryPoster Inc - GalleryBlue Folio - GalleryColorNotes - Slider Blogger ← Newer Post Older Post → Home
Template-Islam4 — 9:01 PM — 2-column, Template Islam Select All this Code & Copy paste in your blog <?xml version="1.0" encoding="UTF-8" ?><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /><html xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"><br /> <head><br /> <b:include data="'blog'" name="'all-head-content'/"><br /> <title><data:blog.pagetitle/></title><br /> <link href="'http://i79.photobucket.com/albums/j152/riniaisyah/blogger/icon.gif'" rel="'Shortcut"><br /> <b:skin><![CDATA[/* ------------------------------------------------ Name: The Book / Kitab / Al Qur'an Designer: Rini Aisyah URL: http://blogger-skin-resources.blogspot.com/ Date: 3 April 2008 / 26 Rabi' I 1429 H ------------------------------------------------ */ #navbar-iframe { /* this section hides the nav bar */ height: 0px; visibility: hidden; display: none; } body { background:#FFF url('http://i79.photobucket.com/albums/j152/riniaisyah/blogger/kitab_bg.gif') repeat-x; margin:0 auto; padding:0; color:#333; font:70%/1.1em verdana; line-height: 1.3em; text-align:center; } a:link { color:#E29344; text-decoration:none; } a:visited { color:#E29344; text-decoration:none; } a:hover { color:#000; text-decoration:underline; } .post-body a { text-decoration:underline; } a img { border-width:0; } /* Header ------------------------------------------------ */ #header-wrapper { background: url('http://i79.photobucket.com/albums/j152/riniaisyah/blogger/kitab_header.jpg') no-repeat left top; height:373px; margin:0; text-align:left; } #header { margin:0; padding:0 0 0 134px; text-align: left; width:450px; } #header h1 { margin:0; padding:355px 0 0px; font: 170% Verdana; line-height: 1.4em; letter-spacing:.1em; color:#200204; } #header a { color:#336699; text-decoration:none; } #header a:hover { color:#000; text-decoration:underline; } .descriptionwrapper { margin:0; padding:0; letter-spacing:.1em; line-height: 1.5em; text-align:left; font-style:italic; color:#666; } .descriptionwrapper p { margin:0; padding:0; } /* Outer-Wrapper ------------------------------------------------ */ #outer-wrapper { width: 770px; margin:0 auto; padding:0; text-align:left; } #main-wrapper { background:#FBDE9A url('http://i79.photobucket.com/albums/j152/riniaisyah/blogger/kitab_main.gif') repeat-y; padding:28px 8px 8px 20px; float:left; width:532px; } #sidebar-wrapper { width: 200px; margin-top:-302px; padding:0; float:right; color:#806850; } br { clear:both; } .post-body br { clear:none; } /* Headings ------------------------------------------------ */ h2 { margin:1.0em 0 .5em; padding:3px 5px; font-size:12px; line-height:1.3em; font-weight:bold; border-bottom:1px #806850 solid; color:#ccc; } #main-wrapper h2 { margin:0; padding:8px 8px 0 0; font-size:78%; color:#806850; line-height:1em; text-align:right; border-bottom:1px #E29344 dashed; } #main-wrapper a:link { color:#E29344; text-decoration:underline; } #main-wrapper a:visited { color:#E29344; text-decoration:underline; } #main-wrapper a:hover { color:#000; text-decoration:underline; } /* Posts ------------------------------------------------ */ .post { margin:.5em 0 .5em; padding-bottom:.7em; } #main .post h3 { margin:3px 0 8px 0; background:#E29344; line-height: 1.8em; padding:5px 8px 0 10px; font-size:13px; color:#200204; letter-spacing:.08em; font-weight:bold; height:30px; } #main .post h3 a, .post h3 a:visited, .post h3 strong { display:block; font-size:14px; text-decoration:none; color:#200204; font-weight:bold; } #main .post h3 strong, .post h3 a:hover { color:#3C3D3C; text-decoration:underline; } .post p, .post-body { margin:0 0 .75em; line-height:1.5em; } .post-footer { margin:.75em 0; padding:0 0 5px 0; color:#E29344; text-align:right; } .comment-link { margin-left:.6em; } .post a img, .post img { margin:4px; padding:2px; border:1px solid #D27B23; } .post blockquote { margin:1em 17px; padding: 0 8px 0 9px; line-height:1.3em; font-style:italic; color:#D27B23; border-left:#F1AC68 solid 8px; } /* Comments ------------------------------------------------ */ #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { 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; } /* Sidebar Content ------------------------------------------------ */ #sidebar-wrapper p { padding-left:10px; } #sidebar-wrapper ul { list-style:none; margin:0; padding:0; line-height:1.5em; } #sidebar-wrapper ul li { background: url('http://i79.photobucket.com/albums/j152/riniaisyah/blogger/kitab_item.gif') no-repeat; margin:0; padding:0 0 .25em 12px; text-indent:0; line-height:1.5em; } #sidebar-wrapper .widget, .main .widget { margin:0 0 .5em; padding:0 0 .5em; } .main .Blog { border-bottom-width: 0; } #ArchiveList { margin:0; padding-left:12px; } /* Profile ------------------------------------------------ */ .profile-img { float: left; margin: 0 5px 5px 0; padding: 2px; border: 1px solid #D27B23; } .profile-data { margin:0; font-weight: bold; letter-spacing: .1em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.3em; } .profile-link { text-transform: uppercase; letter-spacing: .1em; } #credits { margin:0; padding-left:12px; font-size:11px; } /** Page structure tweaks for layout editor wireframe */ body#layout #header { margin-left: 0px; margin-right: 0px; } .ayat { color:#000; height:233px; border:#200204 1px dotted; padding:1px 5px; } ]]></b:skin><br /><br /></head><br /><br /><body><br /> <div id="'outer-wrapper'"><br /><br /><div id="'header-wrapper'"><br /><b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"><br /><b:widget id="'Header1'" locked="'true'" title="'This" type="'Header'"><br /><b:includable id="'main'"><br /><br /> <b:if cond="'data:useImage'"><br /> <b:if cond="'data:imagePlacement"><br /> <!--Show just the image, no text--><br /> <div id="'header-inner'"><br /> <a href="'data:blog.homepageUrl'" style="'display:"><br /> <img alt="'data:title'" height="'data:height'" id="'data:widget.instanceId" src="'data:sourceUrl'" width="'data:width'" style="'display:" /><br /> </a><br /> </div><br /> <b:else/><br /> <!-- Show image as background to text. You can't really calculate the width reliably in JS because margins are not taken into account by any of clientWidth, offsetWidth or scrollWidth, so we don't force a minimum width if the user is using shrink to fit. This results in a margin-width's worth of pixels being cropped. If the user is not using shrink to fit then we expand the header. --><br /> <div style="'" id="'header-inner'"><br /> <div class="'titlewrapper'" style="'background:"><br /> <h1 class="'title'" style="'background:"><br /> <b:include name="'title'/"><br /> </h1><br /> </div><br /> <b:include name="'description'/"><br /> </div><br /> </b:if><br /> <b:else/><br /> <!--No header image --><br /> <div id="'header-inner'"><br /> <div class="'titlewrapper'"><br /> <h1 class="'title'"><br /> <b:include name="'title'/"><br /> </h1><br /> </div><br /> <b:include name="'description'/"><br /> </div><br /> </b:if><br /></b:includable><br /><b:includable id="'title'"><br /> <b:if cond="'data:blog.url"><br /> <data:title/><br /> <b:else/><br /> <a href="'data:blog.homepageUrl'"><data:title/></a><br /> </b:if><br /></b:includable><br /><b:includable id="'description'"><br /> <div class="'descriptionwrapper'"><br /> <p class="'description'"><span><data:description/></span></p><br /> </div><br /></b:includable><br /></b:widget><br /></b:section><br /></div><br /><br /><div id="'main-wrapper'"><br /><b:section class="'main'" id="'main'" showaddelement="'no'"><br /><b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'"><br /><b:includable id="'nextprev'"><br /> <div class="'blog-pager'" id="'blog-pager'"><br /> <b:if cond="'data:newerPageUrl'"><br /> <span id="'blog-pager-newer-link'"><br /> <a class="'blog-pager-newer-link'" href="'data:newerPageUrl'" id="'data:widget.instanceId" title="'data:newerPageTitle'"><data:newerpagetitle/></a><br /> </span><br /> </b:if><br /><br /> <b:if cond="'data:olderPageUrl'"><br /> <span id="'blog-pager-older-link'"><br /> <a class="'blog-pager-older-link'" href="'data:olderPageUrl'" id="'data:widget.instanceId" title="'data:olderPageTitle'"><data:olderpagetitle/></a><br /> </span><br /> </b:if><br /><br /> <b:if cond="'data:blog.homepageUrl"><br /> <a class="'home-link'" href="'data:blog.homepageUrl'"><data:homemsg/></a><br /> <b:else/><br /> <b:if cond="'data:newerPageUrl'"><br /> <a class="'home-link'" href="'data:blog.homepageUrl'"><data:homemsg/></a><br /> </b:if><br /> </b:if><br /><br /> </div><br /> <div class="'clear'/"><br /></b:includable><br /><b:includable id="'backlinks'" var="'post'"><br /> <a name="'links'/"><h4><data:post.backlinkslabel/></h4><br /> <b:if cond="'data:post.numBacklinks"><br /> <dl class="'comments-block'" id="'comments-block'"><br /> <b:loop values="'data:post.backlinks'" var="'backlink'"><br /> <div class="'collapsed-backlink"><br /> <dt class="'comment-title'"> <br /> <span class="'backlink-toggle-zippy'"> </span><br /> <a href="'data:backlink.url'" rel="'nofollow'"><data:backlink.title/></a><br /> <b:include data="'backlink'" name="'backlinkDeleteIcon'/"><br /> </dt><br /> <dd class="'comment-body"><br /> <data:backlink.snippet/><br /> </dd><br /> <dd class="'comment-footer"><br /> <span class="'comment-author'"><data:post.authorlabel/> <data:backlink.author/></span><br /> <span class="'comment-timestamp'"><data:post.timestamplabel/> <data:backlink.timestamp/></span><br /> </dd><br /> </div><br /> </b:loop><br /> </dl><br /> </b:if><br /> <p class="'comment-footer'"><br /> <a class="'comment-link'" href="'data:post.createLinkUrl'" id="'data:widget.instanceId" target="'_blank'"><data:post.createlinklabel/></a><br /> </p><br /></b:includable><br /><b:includable id="'post'" var="'post'"><br /> <div class="'post"><br /> <a name="'data:post.id'/"><br /> <b:if cond="'data:post.title'"><br /> <h3 class="'post-title"><br /> <b:if cond="'data:post.link'"><br /> <a href="'data:post.link'"><data:post.title/></a><br /> <b:else/><br /> <b:if cond="'data:post.url'"><br /> <a href="'data:post.url'"><data:post.title/></a><br /> <b:else/><br /> <data:post.title/><br /> </b:if><br /> </b:if><br /> </h3><br /> </b:if><br /><br /> <div class="'post-header-line-1'/"><br /><br /> <div class="'post-body"><br /> <p><data:post.body/></p><br /> <div style="'clear:"> <!-- clear for photos floats --><br /> </div><br /> <br /> <div class="'post-footer'"><br /> <div class="'post-footer-line"><span class="'post-author"><br /> <b:if cond="'data:top.showAuthor'"><br /> <data:top.authorlabel/><br /> <span class="'fn'"><data:post.author/></span><br /> </b:if><br /> </span> <span class="'post-timestamp'"><br /> <b:if cond="'data:top.showTimestamp'"><br /> <data:top.timestamplabel/><br /> <b:if cond="'data:post.url'"><br /> <a class="'timestamp-link'" href="'data:post.url'" rel="'bookmark'" title="'permanent"><abbr class="'published'" title="'data:post.timestampISO8601'"><data:post.timestamp/></abbr></a><br /> </b:if><br /> </b:if><br /> </span> <span class="'post-comment-link'"><br /> <b:if cond="'data:blog.pageType"><br /><br /> <b:if cond="'data:post.allowComments'"><br /> <a class="'comment-link'" href="'data:post.addCommentUrl'" onclick="'data:post.addCommentOnclick'"><b:if cond="'data:post.numComments">1 <data:top.commentlabel/><b:else/><data:post.numcomments/> <data:top.commentlabelplural/></b:if></a><br /> </b:if><br /> </b:if><br /> </span> <span class="'post-icons'"><br /> <!-- email post links --><br /> <b:if cond="'data:post.emailPostUrl'"><br /> <span class="'item-action'"><br /> <a href="'data:post.emailPostUrl'" title="'data:top.emailPostMsg'"><br /> <img alt="''" class="'icon-action'" src="'http://www.blogger.com/img/icon18_email.gif'/" /><br /> </a><br /> </span><br /> </b:if><br /><br /> <!-- quickedit pencil --><br /> <b:include data="'post'" name="'postQuickEdit'/"><br /> </span> </div><br /><br /> <div class="'post-footer-line"><span class="'post-labels'"><br /> <b:if cond="'data:post.labels'"><br /> <data:postlabelslabel/><br /> <b:loop values="'data:post.labels'" var="'label'"><br /> <a href="'data:label.url'" rel="'tag'"><data:label.name/></a><b:if cond="'data:label.isLast">,</b:if><br /> </b:loop><br /> </b:if><br /> </span> </div><br /><br /> <div class="'post-footer-line"><br /> </div><br /> </div><br /></b:includable><br /><b:includable id="'commentDeleteIcon'" var="'comment'"><br /> <span class="'"><br /> <a href="'data:comment.deleteUrl'" title="'data:top.deleteCommentMsg'"><br /> <span class="'delete-comment-icon'"> </span><br /> </a><br /> </span><br /></b:includable><br /><b:includable id="'status-message'"><br /> <b:if cond="'data:navMessage'"><br /> <div class="'status-msg-wrap'"><br /> <div class="'status-msg-body'"><br /> <data:navmessage/><br /> </div><br /> <div class="'status-msg-border'"><br /> <div class="'status-msg-bg'"><br /> <div class="'status-msg-hidden'"><data:navmessage/></div><br /> </div><br /> </div><br /> </div><br /> <div style="'clear:"><br /> </b:if><br /></b:includable><br /><b:includable id="'feedLinks'"><br /> <b:if cond="'data:blog.pageType"> <!-- Blog feed links --><br /> <b:if cond="'data:feedLinks'"><br /> <div class="'blog-feeds'"><br /> <b:include data="'feedLinks'" name="'feedLinksBody'/"><br /> </div><br /> </b:if><br /><br /> <b:else/> <!--Post feed links --><br /> <div class="'post-feeds'"><br /> <b:loop values="'data:posts'" var="'post'"><br /> <b:if cond="'data:post.allowComments'"><br /> <b:if cond="'data:post.feedLinks'"><br /> <b:include data="'post.feedLinks'" name="'feedLinksBody'/"><br /> </b:if><br /> </b:if><br /> </b:loop><br /> </div><br /> </b:if><br /></b:includable><br /><b:includable id="'backlinkDeleteIcon'" var="'backlink'"><br /> <span class="'"><br /> <a href="'data:backlink.deleteUrl'" title="'data:top.deleteBacklinkMsg'"><br /> <span class="'delete-comment-icon'"> </span><br /> </a><br /> </span><br /></b:includable><br /><b:includable id="'feedLinksBody'" var="'links'"><br /> <div class="'feed-links'"><br /> <data:feedlinksmsg/><br /> <b:loop values="'data:links'" var="'f'"><br /> <a class="'feed-link'" href="'data:f.url'" type="'data:f.mimeType'" target="'_blank'"><data:f.name/> (<data:f.feedtype/>)</a><br /> </b:loop><br /> </div><br /></b:includable><br /><b:includable id="'postQuickEdit'" var="'post'"><br /> <b:if cond="'data:post.editUrl'"><br /> <span class="'"><br /> <a href="'data:post.editUrl'" title="'data:top.editPostMsg'"><br /> <img alt="''" class="'icon-action'" src="'http://www.blogger.com/img/icon18_edit_allbkg.gif'/" /><br /> </a><br /> </span><br /> </b:if><br /></b:includable><br /><b:includable id="'comments'" var="'post'"><br /> <div class="'comments'" id="'comments'"><br /> <a name="'comments'/"><br /> <b:if cond="'data:post.allowComments'"><br /> <h4><br /> <b:if cond="'data:post.numComments"><br /> 1 <data:commentlabel/>:<br /> <b:else/><br /> <data:post.numcomments/> <data:commentlabelplural/>:<br /> </b:if><br /> </h4><br /><br /> <b:if cond="'data:post.commentPagingRequired'"><br /> <span class="'paging-control-container'"><br /> <a class="'data:post.oldLinkClass'" href="'data:post.oldestLinkUrl'"><data:post.oldestlinktext/></a><br /> <br /> <a class="'data:post.oldLinkClass'" href="'data:post.olderLinkUrl'"><data:post.olderlinktext/></a><br /> <br /> <data:post.commentrangetext/><br /> <br /> <a class="'data:post.newLinkClass'" href="'data:post.newerLinkUrl'"><data:post.newerlinktext/></a><br /> <br /> <a class="'data:post.newLinkClass'" href="'data:post.newestLinkUrl'"><data:post.newestlinktext/></a><br /> </span><br /> </b:if><br /><br /> <dl id="'comments-block'"><br /> <b:loop values="'data:post.comments'" var="'comment'"><br /> <dt class="'" id="'data:comment.anchorName'"><br /> <a name="'data:comment.anchorName'/"><br /> <b:if cond="'data:comment.authorUrl'"><br /> <a href="'data:comment.authorUrl'" rel="'nofollow'"><data:comment.author/></a><br /> <b:else/><br /> <data:comment.author/><br /> </b:if><br /> <data:commentpostedbymsg/><br /> </dt><br /> <dd class="'comment-body'"><br /> <b:if cond="'data:comment.isDeleted'"><br /> <span class="'deleted-comment'"><data:comment.body/></span><br /> <b:else/><br /> <p><data:comment.body/></p><br /> </b:if><br /> </dd><br /> <dd class="'comment-footer'"><br /> <span class="'comment-timestamp'"><br /> <a href="'data:comment.url'" title="'comment"><br /> <data:comment.timestamp/><br /> </a><br /> <b:include data="'comment'" name="'commentDeleteIcon'/"><br /> </span><br /> </dd><br /> </b:loop><br /> </dl><br /><br /> <b:if cond="'data:post.commentPagingRequired'"><br /> <span class="'paging-control-container'"><br /> <a class="'data:post.oldLinkClass'" href="'data:post.oldestLinkUrl'"><br /> <data:post.oldestlinktext/><br /> </a><br /> <a class="'data:post.oldLinkClass'" href="'data:post.olderLinkUrl'"><br /> <data:post.olderlinktext/><br /> </a><br /> <br /> <data:post.commentrangetext/><br /> <br /> <a class="'data:post.newLinkClass'" href="'data:post.newerLinkUrl'"><br /> <data:post.newerlinktext/><br /> </a><br /> <a class="'data:post.newLinkClass'" href="'data:post.newestLinkUrl'"><br /> <data:post.newestlinktext/><br /> </a><br /> </span><br /> </b:if><br /><br /> <p class="'comment-footer'"><br /> <a href="'data:post.addCommentUrl'" onclick="'data:post.addCommentOnclick'"><data:postcommentmsg/></a><br /> </p><br /> </b:if><br /><br /> <div id="'backlinks-container'"><br /> <div id="'data:widget.instanceId"><br /> <b:if cond="'data:post.showBacklinks'"><br /> <b:include data="'post'" name="'backlinks'/"><br /> </b:if><br /> </div><br /> </div><br /> </div><br /></b:includable><br /><b:includable id="'main'" var="'top'"><br /> <!-- posts --><br /> <div class="'blog-posts"><br /><br /> <b:include data="'top'" name="'status-message'/"><br /><br /> <data:adstart/><br /> <b:loop values="'data:posts'" var="'post'"><br /> <b:if cond="'data:post.dateHeader'"><br /> <h2 class="'date-header'"><data:post.dateheader/></h2><br /> </b:if><br /> <b:include data="'post'" name="'post'/"><br /> <b:if cond="'data:blog.pageType"><br /> <b:include data="'post'" name="'comments'/"><br /> </b:if><br /> <b:if cond="'data:post.includeAd'"><br /> <data:adend/><br /> <data:adcode/><br /> <data:adstart/><br /> </b:if><br /> </b:loop><br /> <data:adend/><br /> </div><br /><br /> <!-- navigation --><br /> <b:include name="'nextprev'/"><br /><br /> <!-- feed links --><br /> <b:include name="'feedLinks'/"><br /></b:includable><br /></b:widget><br /></b:section> <br /></div><br /><br /><div id="'sidebar-wrapper'"><br /><div class="'ayat'"><em><img height="'12'" src="'http://i79.photobucket.com/albums/j152/riniaisyah/blogger/kitab_item2.gif'" width="'12'/" />"Allah! <br /> None has the right to be worshipped but He, the Ever Living, the One Who <br /> sustains and protecs all the exists. It is Who has sent down the Book (Al <br /> Quran) to you with the truth, confirming what came before it, and He sent <br /> down the Taurat (Torah) & the Injil (Gospel)."</em> <strong>(Surah Ali <br /> Imran: 2-3)</strong> <br/><br /> <em><img height="'12'" src="'http://i79.photobucket.com/albums/j152/riniaisyah/blogger/kitab_item2.gif'" width="'12'/" />"And We have <br /> sent down to you the Book (Al Quran)</em> <em>as an exposition of everything, <br /> have submitted themselves (to Allah as Muslims)." </em><strong>(Surah <br /> an-Nahl: 89)</strong><br /></div><br /><br/><br/><br /><br /><b:section class="'sidebar-right'" id="'sidebar-right'" preferred="'yes'/"><br /><br /> <h2>Credits</h2><br /> Skin Design By:<br/><br /> <a href="'http://blogger-skin-resources.blogspot.com/'" target="'_blank'"><img alt="'Designed" border="'0'" src="'http://i79.photobucket.com/albums/j152/riniaisyah/logo-bunga.gif'/" /></a> <br /> <p><a href="'http://www.blogger.com'"><img alt="'Powered" src="'http://buttons.blogger.com/bloggerbutton1.gif'/" /></a></p> <br /><br /></div><br /><br /></div><br /><br /></body><br /></html><br /> Or Download here Tweet Related Posts :Showcase - GalleryDesigner Beauty - GalleryPoster Inc - GalleryBlue Folio - GalleryColorNotes - Slider Blogger