Anda di halaman 1dari 20

<?xml version="1.0" encoding="UTF-8" ?

>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection'
xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
----------------------------------------------Blogger Template Style
Name: Jonga Blogger Templates
Designer: Abdul Munir
URL: http://www.99computercity.com
Blog: http://layout4all.blogspot.com
Date: 17 april 2008
----------------------------------------------- */
/* Variable font for body n blog name --------------------<Variable name="bodyFont" description="Text Font"
type="font" default="normal normal 78% Georgia, Times, serif;"
value="normal normal 78% Georgia, Times, serif">
<Variable name="headerFont" description="Page Header Font"
type="font" default="normal normal 135% Trebuchet, Trebuchet MS, Arial,
sans-seri;" value="normal normal 244% Georgia, Times, serif">
*/
#navbar-iframe {

height: 0px;
visibility: hidden;
display: none;
}
/* -- dasar -- */
body {
background: #FBFBFB
url(http://i217.photobucket.com/albums/cc189/layout4all/back_body.jpg) repeat-y
top center;
margin: 0;
padding: 0;
font: $bodyFont;
}
#luar {
width: 876px;
margin: 0 auto;
}
#deretan_1 {
background: url(http://1.bp.blogspot.com/_nmef6MhZA4/SNVvIPxJ4YI/AAAAAAAAAVU/O_mBvPkLKw0/s1600/deretan_1.jpg) norepeat;
width: 876px;
height: 72px;
float: left;
padding-top: 3px;
}
.nama_blog {

background: url(http://3.bp.blogspot.com/_nmef6MhZA4/SNVvgFdbOtI/AAAAAAAAAWU/E7Km6VK8n6A/s1600/nama_blog.jpg) norepeat;


width: 281px;
height: 75px;
float: left;
font-size: 14px;
}
#diskripsi{
background: url(http://4.bp.blogspot.com/_nmef6MhZA4/SNVvLJKUXLI/AAAAAAAAAVc/xxS0hkKUv3Q/s1600/diskripsi.jpg) no-repeat;
width: 595px;
height: 75px;
float: right;
}

h1.title {
padding: 0px;
margin-left: 14px;
line-height: 1.2em;
font-style: italic;
color: #fff;
width: 261px;
height: 35px;
font: $headerFont;
float: left;
}

h1.title a {
color:#fecb00;
}
.descriptionwrapper {
position: absolute;
padding: 0;
margin: 0;
font-size: 11px;
width: 450px;
height: 40px;
left: 450px;
float: right;
text-align: right;
color: #fff;
font-style: italic;
}

#header_besar {
background: url(http://1.bp.blogspot.com/_nmef6MhZA4/SNVvPVkQJVI/AAAAAAAAAVk/tAfLY6CnxAQ/s1600/header_besar.jpg) norepeat;
width: 876px;
height: 173px;
float: left;
}
#deretan_3 {
width: 876px;

background:#f60 url() no-repeat;


}
.header_kecil {
background: url(http://2.bp.blogspot.com/_nmef6MhZA4/SNVvSVQFRgI/AAAAAAAAAVs/viz0Q2JiVtA/s1600/header_kecil.jpg) norepeat;
width: 377px;
height: 44px;
float: left;
}
#menu{
background:url(http://1.bp.blogspot.com/_nmef6MhZA4/SNVvagO_DTI/AAAAAAAAAWE/FnPmBU0znYk/s1600/menu.jpg) no-repeat;
width: 499px;
height: 44px;
float: right;
}
ul#menu{
margin:0;
padding:0;
list-style-type:none;
position:relative;
display:block;
text-transform:uppercase;
font-size:13px;
font-family:Helvetica,Arial,Verdana,sans-serif;
}

ul#menu li{
display:block;
float:left;
margin:0;
pading:0;
border-right:1px solid #ffffff;
}
ul#menu li a{
display:block;
float:left;
color:#ffffff;
text-decoration:none;
padding:15px 20px 0 20px;
height:20px;
height:30px;
}
ul#menu li a:hover{
background:transparent url(http://4.bp.blogspot.com/_nmef6MhZA4/SNVvdE_oNJI/AAAAAAAAAWM/KUOI9dH1faA/s1600/menu_hover.jpg)
repeat-x top left;
}

#sela_atas{
background: url(http://2.bp.blogspot.com/_nmef6MhZA4/SNVvi3NX7XI/AAAAAAAAAWc/Lm2SonJkSt8/s1600/sela.jpg) no-repeat;
width: 876px;
height: 63px;

float: left;
}
td.sbutton {
color: #f60;
padding-left: 2px;
border: #f60 1px solid;
}
#main{
background: url(http://2.bp.blogspot.com/_nmef6MhZA4/SNVvX_9rcyI/AAAAAAAAAV8/lB36gGsmuPs/s1600/main_tengah.jpg)
repeat-y left top;
width: 876px;
float:left;
}
#posting {
width: 585px;
float: left;
padding-left: 10px;
padding-right: 10px;
}
#kanan {
width: 247px;
float: right;
padding-left: 10px;
padding-right: 10px;
}
.tutup_main {

background:url(http://1.bp.blogspot.com/_nmef6MhZA4/SNVvl3U6akI/AAAAAAAAAWk/7z7ia7XepUc/s1600/tutup_main.jpg) norepeat;
width: 876px;
height: 69px;
float: left;
clear: both;
padding: 0;
margin: 0;
}
.link_ku {
color: #fff;
font-size: 11px;
margin-left: 666px;
padding-top: 27px;
}
.link_ku a {
color: #eee;
}
#kaki {
background: url(http://1.bp.blogspot.com/_nmef6MhZA4/SNVvVF9dEvI/AAAAAAAAAV0/LXwFRnj6HmE/s1600/kaki.jpg) no-repeat;
width: 876px;
height: 41px;
float: left;
}
/* -- embel-embelnya -- */

a{
color: #f60;
text-decoration: none;
}
a:hover, a:actived {
color: #AC6230;
text-decoration: none;
}
#kanan img {
border: 0;
}
h2, h3 {
font-size: 18px;
}
/* kanan Content
----------------------------------------------- */
.kanan {
color: #666666;
line-height: 1.5em;
}
.kanan h2 {
color: #fff;
font-size: 13px;
font-family: "arial";
font-weight: bold;
background: #fc9200;

padding: 2px 5px;


border-top : 1px solid #fefad5;
border-right : 2px solid #d0cdd8;
border-bottom : 3px solid #d0cdd8;
border-left : 1px solid #fefad5;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
}
.kanan ul {
margin:0 0 0;
padding:0 0 0;
list-style-type: none;
}
.kanan li {
margin:0;
padding-top:0;
background:
url(http://images.manggatiga.multiply.com/attachment/0/SNTdzQoKCBkAAHbPNbg1/
Untitled-2_03.jpg?nmid=114547980) 0 5px no-repeat;
padding-right:0;
padding-bottom:0;
padding-left:15px;
text-indent:0px;
line-height:1.5em;
}
.kanan .widget, .main .widget {
border-bottom:0px dotted #cccccc;

margin:0 0 0.5em;
padding:0 0 0.5em;
}
.main .Blog {
border-bottom-width: 0;
}

html>body .entry ul {

html>body .entry li {
list-style-type: square;
padding: 0px;
margin-left: 10px;
}
.post blockquote {
font-family: Georgia, "Times New Roman", Times, serif;
background : url(http://3.bp.blogspot.com/_nmef6MhZA4/SM1rkByrMeI/AAAAAAAAASg/_NPvHJsYzQ0/s1600/blockquote.jpg) norepeat left top;
padding : 5px 5px 5px 30px;
display: block;
text-align: left;
border-top : 1px solid #ccc;
border-right : 2px solid #333;

border-bottom : 3px solid #333;


border-left : 1px solid #eee;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
margin: 5px 10px 5px 5px;
font-style: italic;
}
.post blockquote p {
margin : 0.75em 0;
}

/* Posts
----------------------------------------------*/
h2.date-header {
text-align: right; font-size: 10px; font-style: italic;
}
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted #cccccc;
padding-bottom:1.5em; background:
url(http://4.bp.blogspot.com/_bcO1S3v97Ug/SNFPA7s9WqI/AAAAAAAAAI/uk7j1_QN3L0/s1600/bg-post.jpg) no-repeat bottom right;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;

font-size:180%;
font-weight:normal;
line-height:1.4em;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#f60;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:#333333;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
margin-top:10px;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
margin: .75em 0;
color:#999999;
text-transform:uppercase;
letter-spacing:.1em;

font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
line-height: 1.4em;
}
.comment-link {
margin-left:.6em;
}
.post img {
padding:8px;
background: #f4f4f4;
border: 1px solid #ddd;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
.comments h4 {
text-align: right;
font-size: 16px;
}
dt.comment-author {
text-align: left;
padding-bottom: 1px;

}
dt.comment-author a {
color: #f60;
text-decoration: none;
}
dd.comment-body {
margin-left:18px;
font-size: 12px;
background:
url(http://2.bp.blogspot.com/_bcO1S3v97Ug/SNFNQy0_tJI/AAAAAAAAA9w/9b4haH2fJ
gI/s1600/comment.jpg) no-repeat top left;
}
dd.comment-footer {
display : none;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
line-height: 2.5em;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
padding: 4px;
border: 1px solid #cccccc;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;

}
.profile-link {
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
}

]]></b:skin>
</head>

<body>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>

<div id='luar'>

<div id='deratan_1'>

<b:section class='nama_blog' id='deretan_1' maxwidgets='1'


showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blog Usman (Header)' type='Header'/>
</b:section>

</div>
<div id='header_besar'>

</div>
<div id='deretan_3'>
<div class='header_kecil'/>
<!-- ganti link (url anda)/input your own link or URL bellow -->
<ul id='menu'>
<li><a href='http://blokgusman.blogspot.com'>HOME</a></li>
<li><a href='http://blokgusmanblogspot.com/2011/01/nonton-tv-online.html'>TVOL</a></li>
<li><a
href='http://blokgusman.blogspot.com/search/label/Inspirasi'>MOTIVASI</a></li>
<li><a
href='http://blokgusman.blogspot.com/search/label/Hikmah'>HIKMAH</a></li>
<li><a
href='http://blokgusman.blogspot.com/search/label/download'>DOWNLOAD</a></li
>
</ul>

</div>
<div id='sela_atas'>
<div style='float: right; margin:20px 10px;'><form
action='http://99computercity.com/search' id='searchthis' method='get'
style='display: inline;'>
<table cellpadding='0' cellspacing='0' style='width: 200px; height: 100%;'>
<tbody>
<tr>
<td valign='middle'>

<input id='b-query' name='q' type='text'/>


</td>
<td class='sbutton' valign='middle'>
<input id='submit' name='submit' tabindex='1' type='submit' value='Search'/>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>

<div id='main'>

<b:section class='posting' id='posting' showaddelement='yes'>


<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>

<b:section class='kanan' id='kanan' preferred='yes'>


<b:widget id='HTML2' locked='false' title='Music On' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Kirim SMS Gratis' type='HTML'/>
<b:widget id='HTML4' locked='false' title='Kalender Islam' type='HTML'/>
<b:widget id='Label1' locked='false' title='Kategori' type='Label'/>
<b:widget id='LinkList1' locked='false' title='links' type='LinkList'/>
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'/>
<b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'/>

</b:section>

</div>
<!-- DON'T remove, delete or replace link bellow -->
<div class='tutup_main'><div class='link_ku'>Template by : <a
href='http://blokgusman.blogspot.com/'>Budi Usmanto</a><br/>
</div></div>
<div id='kaki'/>
</div>
</body>
</html>

Anda mungkin juga menyukai