template kaya punxa (◣_◢)Fµ©K(◣_◢)

assalamualaikum warahmatullahi wabarakatuh .. yang mao template kaya punya anne sokk attuh donlon ~~gratizz ...~~

kelamaa'n donnlod mah ... niih langssung llah copy ajjha ... tinggal paste di edit html nnah ..

<?xml   version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html  b:version='2' class='v2' 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'   xmlns:fb='http://www.facebook.com/2008/fbml'   xmlns:og='http://ogp.me/ns#'>   <head>     <meta  content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>      <b:if  cond='data:blog.isMobile'>       <meta   content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0'   name='viewport'/>     <b:else/>       <meta  content='width=1100' name='viewport'/>     </b:if>       <b:include data='blog' name='all-head-content'/>      <b:if  cond='data:blog.pageType == "index"'>         <title><data:blog.title/></title>      <b:else/>        <title><data:blog.pageName/> |   <data:blog.title/></title>      </b:if>      <link   href='http://static.ak.fbcdn.net/rsrc.php/v1/yR/r/I0YvHLrgaAw.css'   rel='stylesheet' type='text/css'/>     <link   href='http://static.ak.fbcdn.net/rsrc.php/v1/ye/r/7mPr8mAlEta.css'   rel='stylesheet' type='text/css'/>      <meta   content='xml,tutorial,html,dhtml,css,xsl,xhtml,javascript,asp,ado,vbscript,dom,sql,colors,soap,php,authoring,programming,training,learning,beginners   guide,primer,lessons,school,howto,reference,examples,samples,source   code,tags,demos,tips,links,FAQ,tag list,forms,frames,color   table,w3c,cascading style sheets,active server pages,dynamic   html,internet,database,development,Web building,Webmaster,html guide'   name='Keywords'/>     <meta content='global'  name='distribution'/>     <meta content='7 days'  name='revisit'/>     <meta content='7 days'  name='revisit-after'/>     <meta content='document'  name='resource-type'/>     <meta content='all'  name='audience'/>     <meta content='general' name='rating'/>      <meta content='English' http-equiv='content-language'/>      <meta content='all' name='robots'/>     <meta content='index,  follow' name='robots'/>     <meta content='NamaPanjang Team'  name='author'/>     <meta content='en' name='language'/>      <meta content='blogger' name='generator'/>      <meta  content='blog' property='og:type'/>     <meta  content='264887889270' property='fb:app_id'/>     <meta  content='264887889270' property='fb:page_id'/>      <link   href='http://static.ak.fbcdn.net/rsrc.php/yi/r/q9U99v3_saj.ico'   rel='icon' type='image/vnd.microsoft.icon'/>     <link   href='http://i1090.photobucket.com/albums/i366/ijhoonk/FUCK.png'   rel='shortcut icon' type='image/x-icon'/>       <b:skin><![CDATA[  /*----------------------------------------------- THEME NAME:  Smells  Like Facebook  DESIGNER: NamaPanjang Team: namapanjang.blogspot.com  Date: June 2011 ----------------------------------------------- */  @font-face {font-family: 'Kristi';font-style: normal;font-weight:   normal;src: local('Kristi'),   url('http://themes.googleusercontent.com/font?kit=EBOxo6OoarykMRxohIxAtw')   format('truetype');} @font-face {font-family: 'Just Me Again Down  Here'; font-style:  normal;font-weight: normal;src: local('Just Me Again  Down Here'),  local('JustMeAgainDownHere'),   url('http://themes.googleusercontent.com/font?kit=sN06iTc9ITubLTgXoG-kc1kSerjmKQx4_8bS0O3fSGc')   format('truetype');} @font-face {font-family: 'Dancing Script';  font-style: normal;  font-weight: normal; src: local('Dancing Script'),   local('DancingScript'),   url('http://themes.googleusercontent.com/font?kit=DK0eTGXiZjN6yA8zAEyM2S5FJMZltoAAwO2fP7iHu2o')   format('truetype');} @font-face {font-family: 'Schoolbell';font-style:  normal;font-weight:  normal;src: local('Schoolbell'),   url('http://themes.googleusercontent.com/font?kit=BSqn7FernLolrt-MFco9Wi3USBnSvpkopQaUR-2r7iU')   format('truetype');} @font-face {font-family: 'Reenie  Beanie';font-style: normal;font-weight:  normal;src: local('Reenie  Beanie'), local('ReenieBeanie'),   url('http://themes.googleusercontent.com/font?kit=ljpKc6CdXusL1cnGUSamXybsRidxnYrfzLNRqJkHfFo')   format('truetype');} @font-face {font-family: 'Sunshiney';font-style:  normal;font-weight:  normal;src: local('Sunshiney'),   url('http://themes.googleusercontent.com/font?kit=Qyy6HDeMPsv9ES6PzMFxeKCWcynf_cDxXwCLxiixG1c')   format('truetype');} @font-face {font-family: 'Walter  Turncoat';font-style:  normal;font-weight: normal;src: local('Walter  Turncoat'),  local('WalterTurncoat'),   url('http://themes.googleusercontent.com/font?kit=sG9su5g4GXy1KP73cU3hvVtilBVlnnYjrhQJoWzUtmo')   format('truetype');} @font-face {font-family: 'Mountains of  Christmas';font-style:  normal;font-weight: normal;src: local('Mountains  of Christmas'),  local('MountainsofChristmas-Regular'),   url('http://themes.googleusercontent.com/font?kit=dVGBFPwd6G44IWDbQtPew1bt-oIll-RyBOVQqGBP3Ww')   format('truetype');} @font-face {font-family: 'Indie  Flower';font-style: normal;font-weight:  normal;src: local('Indie  Flower'), local('IndieFlower'),   url('http://themes.googleusercontent.com/font?kit=10JVD_humAd5zP2yrFqw6nhCUOGz7vYGh680lGh-uXM')   format('woff');} @font-face {font-family: 'Architects  Daughter';font-style:  normal;font-weight: normal;src: local('Architects  Daughter'),  local('ArchitectsDaughter'),   url('http://themes.googleusercontent.com/font?kit=RXTgOOQ9AAtaVOHxx0IUBOkI_DLF4EgbZt3mhU8gQFo')   format('woff');}  * a{outline:none;}  .transparent {   width: 100%;    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";    filter: alpha(opacity=70);  -moz-opacity:0.7;  -khtml-opacity: 0.7;    opacity: 0.7; } .HTML h2.title, .Followers h2.title, table.gsc-branding,  .CustomSearch  h2, .PopularPosts .popular-posts .item-thumbnail,   .PopularPosts .popular-posts .item-snippet{display:none} .section,  .header-inner .widget, .tabs-inner .widget{margin:0px;}  .content-inner,   .footer-inner,  .main-inner,  .main-inner .column-left-inner,  .BlogArchive #ArchiveList ul.posts li,  .PopularPosts .popular-posts ul  li,  .PopularPosts ul,  .Profile ul li,  .Profile ul,  .Profile ol li,   .Feed ul,  .Feed ul li{padding:0px;}  .main-inner .column-left-inner  img{max-width:180px; _width:180px;} .column-right-inner .widget  ul{list-style:none;}  body{   background:black   url(http://2.bp.blogspot.com/-HfP74oMpqDc/Tj2qUVPl3qI/AAAAAAAAAbg/swYU7donnZo/s1600/the_fusion.jpg)   repeat-y fixed center center;   -moz-background-size:auto 100%;    -o-background-size:auto 100%;   -webkit-background-size:auto 100%;     -moz-border-image: url() 0;    background-size:auto 100%;    -moz-background-origin:content;     background-origin:content;    color:#cccccc; }  .item-title a, .BlogArchive ul.posts li a,  .popular-posts ul li a{   text-indent:0px;   margin-top:1px;    display:block;   padding:3px 5px;   border:1px outset transparent;    -moz-border-radius:5px 5px 10px 10px; border-radius:5px 5px 10px 10px;        background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCnnjOF6wctaJCA76a8BLOjiLiqRR7ZVLzFNAKwS4jnbsbENaa03p8RX6VTF04pl0s-3p2HLKLO6nUkvt4GV4SpVpo_XRMmmWWQpBEGYPtEGy2TDW13iNSPcyEL2I0ll96ui8xZD22UZxE/s1600/biru50.png);     color:white;   font-weight:bold;   -moz-text-shadow:0px 0px 7px  darkblue; text-shadow:0px 0px 7px  darkblue;  } .item-title a:visited,  .BlogArchive ul.posts li a:visited,  .popular-posts ul li a:visited{    border:1px inset transparent;     background-image:url(http://3.bp.blogspot.com/_bBL9ze_JZsw/TT_XA8lKqMI/AAAAAAAAAM0/uiy-BP_zbN8/s1600/black25.png);     color:#eaeaea; } .item-title a:active, .item-title a:focus,  .item-title a:hover,  .BlogArchive ul.posts li a:active, .BlogArchive  ul.posts li a:focus,  .BlogArchive ul.posts li a:hover, .popular-posts  ul li a:active,  .popular-posts ul li a:focus, .popular-posts ul li  a:hover{   border:1px outset black;     background-image:url(http://1.bp.blogspot.com/_bBL9ze_JZsw/TT_VysqlknI/AAAAAAAAAMs/OgtZMowV_m4/s1600/black50.png);     text-decoration:none;   color:yellow; }  pre, #kode {   padding:7px;    margin:0;   white-space:pre-wrap;   cursor:text;   border:1px outset  black;  -moz-border-radius:10px; border-radius:10px;    text-align:left;    overflow:auto; }  #propil {   font-family: 'Walter  Turncoat',verdana,tahoma,arial,sans-serif;   color:#ddcccc;    padding:1px 5px 1px 1px;    margin:0px -9px 5px 5px;    -moz-border-radius:5px 50px 50px 5px;   moz-border-radius:5px 50px 50px  5px;   max-width: 300px;   clear:both;   border:1px outset black;    float: right;  -moz-text-shadow:1px 1px 1px darkblue; text-shadow:1px  1px 1px  darkblue; } #propil a, .post-author .fn a, .post-timestamp  a.timestamp-link{   color:yellow;   font-family: 'Reenie Beanie';     font-size:20px; } #propil a:hover, .post-author .fn a:hover,  .post-timestamp  a.timestamp-link:hover{   color:lightgreen;  } #propil  img {   float: left;   padding:5px;   border:1px outset black;    /*max-width:50px; _width:50px;*/   margin:-20px 5px -7px -7px; }    .column-right-inner .widget h2:first-child, .BlogList h2.title, .widget   h2.tanggal{   background-color:transparent;     background-image:url(http://3.bp.blogspot.com/_bBL9ze_JZsw/TT_XA8lKqMI/AAAAAAAAAM0/uiy-BP_zbN8/s1600/black25.png);     color:#F2F2F2;   border-top:1px solid #626262;   border-bottom:1px  solid #626262;   font-size:11px;   padding:5px;   margin-bottom:5px; }  .Blog *, .column-left-inner .widget *{   color:#cccccc; }  .body-fauxcolumns{   height:41px;   background:transparent   url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMeAmYXhAjtMD4LAOYL5OzxULuxBI8l6xMH8DlIWngQCrdnRTheeQvDlonaNdXGlQl7sSyi3DHf13nkyaTAvEdx7yIiGag11XMHVij7fskL_2B6xm-0Fc006mja4qrZ0_PecQZcI0W_0jn/s1600/biru25.png)   repeat scroll top left; } .content-outer{ } .CustomSearch{    width:350px;   margin-left:-10px;   padding:6px 0px 0px 0px; }  .CustomSearch td.gsc-input input.gsc-input{   border:1px solid #bdc7d8;    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;    font-size: 11px;   padding:3px;   width:300px; height:12px; }  .CustomSearch .gsc-search-button input{   background:transparent   url(http://a5.sphotos.ak.fbcdn.net/hphotos-ak-ash4/246973_218623861490123_100000275327010_806996_3066554_n.jpg)   no-repeat scroll center center;    width:23px;    height:20px;     padding:0px;    margin-left:-3px;    border:1px solid #BEC7D8;     border-left:0px;    color:transparent;    cursor:pointer; }  .CustomSearch .gsc-search-button{   width:50px; } #uds-searchControl{    position:relative;    z-index:99;  }    .fauxcolumn-center-outer,  .fauxcolumn-right-outer{   background:transparent   url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMeAmYXhAjtMD4LAOYL5OzxULuxBI8l6xMH8DlIWngQCrdnRTheeQvDlonaNdXGlQl7sSyi3DHf13nkyaTAvEdx7yIiGag11XMHVij7fskL_2B6xm-0Fc006mja4qrZ0_PecQZcI0W_0jn/s1600/biru25.png)   repeat scroll top left;   border-top:1px solid #1D4088;   height:30px;  } .fauxcolumn-center-outer{   border-left:1px solid #1D4088;    margin-left:-1px;   margin-right:2px; } .fauxcolumn-right-outer{    border-right:1px solid #1D4088;   margin-right:1px; }    .blog-pager{    border:1px solid #D8DFEA;   padding:7px; } .blog-feeds, .feed-links,  .HTML h2.title:first-child, .comment-form p,  .comment-form iframe,  #Blog1_backlinks-container{   display:none; } h2.date-header span{    font-size:11px; } .column-right-inner .widget .widget-content,  .comments, .post-footer,  .blog-pager, .content-inner, .PageList  .widget-content ul,  .cap-bottom{     background-image:url(http://3.bp.blogspot.com/_bBL9ze_JZsw/TT_XA8lKqMI/AAAAAAAAAM0/uiy-BP_zbN8/s1600/black25.png);     color:white; } .column-right-inner .widget:first-child  .widget-content{   background-image:none; }    .column-left-inner  .widget .widget-content a, .column-right-inner  .widget .widget-content  a, .Blog a, .fcg a{   color:yellow; } .column-left-inner .widget  .widget-content a:visited,  .column-right-inner .widget .widget-content  a:visited, .Blog a:visited,  .fcg a:visited{   color:#CCCC99; }  .column-left-inner .widget .widget-content a:hover, .column-right-inner   .widget .widget-content a:hover, .Blog a:hover, .fcg a:hover{    color:lightgreen; } .column-right-inner .widget .widget-content  a.uiButton, .Blog  a.uiButton, b.uiButton{   color:#3D5A99; }    h2, h3,  dt.comment-author a{   font-family: 'Walter  Turncoat',verdana,tahoma,arial,sans-serif;   color:#BFC4BA; } .post-body  input, .post-body select{   color:black; } .post-body, .Profile,  #kotak-ditel-propil{  -moz-border-radius:10px 200px 10px 10px / 10px  100px 10px 10px;    border-radius:10px 200px 10px 10px / 10px 100px 10px  10px;     background-image:url(http://1.bp.blogspot.com/_bBL9ze_JZsw/TT_VysqlknI/AAAAAAAAAMs/OgtZMowV_m4/s1600/black50.png);     border:1px outset black;   padding:7px;   width:auto; } .post-body{    margin-top:5px;   margin-bottom:5px;   color:#cccccc;     background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikgCC0_EWkdiRKKJ2EvWCOt4UwniEXNzSwTOiOIaMTCmizyZ7Av3sfUSPEsNDB6NGJhRFjxLQxjoS_Gf4FWdetufVXTTbdm8C3aZElfpqijtdV2ng9qoOwlgua9ipyVhv5wCOzYTGKWGbu/s1600/black70.png);  } .post-body  p{    font-family:Schoolbell,verdana,tahoma,arial,sans-serif;    font-size:16px; } .post-body:first-child{   margin-top:0px; } .Profile{    border-right:1px outset transparent;  -moz-border-radius:200px 10px  10px 10px / 100px 10px 10px 10px;    border-radius:200px 10px 10px 10px /  100px 10px 10px 10px; } #kotak-ditel-propil{   border-top:1px outset  transparent;   border-right:1px outset transparent;   border-left:1px  outset transparent;  -moz-border-radius:0px 0px 10px 200px / 0px 0px  10px 100px;    border-radius:0px 0px 10px 200px / 0px 0px 10px 100px; }  .post-body img{   padding:7px;    border:1px outset black;   -moz-border-radius:7px; border-radius:7px;   max-width:488px;    vertical-align:middle; } .post-body q {   color:#FFC133; } .post-body q  q{   color:#FFE133; } .post-body b {   color:lightblue; } .post-body  del, .post-body strike{   color:lightgreen; } .post-body i{    color:#7BA381; } .post-body textarea {   background-color:transparent; }   hr{background-color:#626262;} a.profile-link{display:none;}  .Blog,  .main .HTML{   margin-right:-15px; }    .button, input.button{    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;    background:#617AAC   url(http://2.bp.blogspot.com/_bBL9ze_JZsw/TTkfFTP1LiI/AAAAAAAAALM/88pCEE5Ck0M/s1600/rock.gif)   no-repeat scroll 4px 2px;   color: #FFFFFF;   font-weight: bold;    border: 1px outset #29447E;  -moz-border-radius: 5px; border-radius:  5px;   padding:2px 7px 2px 20px;   cursor: pointer;   margin-top:5px; }  .button:hover, input.button:hover{   background-color: #011A4C;   color:  yellow; } h3.post-title, h3.post-title a{   font-size:120%;   -moz-text-shadow:1px 1px 0px black; text-shadow:1px 1px 0px black; }  h3.post-title, h3.post-title a:hover{   color:yellow;  } h2.date-header,  h3.post-title{   margin:0px; } pre {   position: relative;     background-color:transparent;     background-image:url(http://3.bp.blogspot.com/_bBL9ze_JZsw/TT_XA8lKqMI/AAAAAAAAAM0/uiy-BP_zbN8/s1600/black25.png);     color: white;    font-family: Courier, MonoSpace;    -moz-border-radius: 8px;   -webkit-border-radius: 8px;   border-radius:  8px;    font-size: 12px;    padding: 7px;    margin: 0 0 10px 0;     overflow: auto;  } .str { color: #ff8400; } .kwd { color: #e8ed97; }    /* Some CSS Values */ .com { color: #999; }       /* CSS Selector, CSS  Comments */ .typ { color: #9a848c; } /* e.g. Math.whatever */ .lit {  color: #c9783e; }    /* Some CSS Values */ .pun { color: #eee; }      /*  Separators, e.g. =, : */ .pln { color: #dfc484; }   /* CSS Property */  .tag { color: #dfc484; }    /* HTML Tag */ .atn { color: #dfc484; }       /* HTML Attribute */ .atv { color: #8e9c5c; }     /* String (quotes) */  .dec { color: #ccc; }       /* Sometimes DOCTYPE */    .comment-author,  .comment-body, dd.comment-footer{   padding:10px;     background-image:url(http://3.bp.blogspot.com/_bBL9ze_JZsw/TT_XA8lKqMI/AAAAAAAAAM0/uiy-BP_zbN8/s1600/black25.png);     border:1px outset black;    margin-right:5px;   display:block; }  .comment-author{   padding-bottom:5px;   margin-bottom:0px;    border-bottom:0px outset black;   -moz-border-radius:10px 10px 0px 0px;  border-radius:10px 10px 0px 0px; } .comment-body{   font-size:12px;    padding-bottom:5px;   padding-top:5px;   margin-bottom:0px;    margin-top:0px;   border-bottom:0px outset black;    border-top:0px  outset black;   -moz-border-radius:0px 0px 0px 0px; border-radius:0px  0px 0px 0px; } dd.comment-footer{   padding-top:5px;   margin-top:0px;    border-top:0px outset black;   -moz-border-radius:0px 0px 10px 10px;  border-radius:0px 0px 10px 10px;   font-style:italic;   font-size:9px; }    .avatar-comment-indent b{-moz-text-shadow:1px 1px 0px black;   text-shadow:1px 1px 0px black; font-size:110%; color:#BAAB00;}  .avatar-comment-indent i{color:lightgreen;}  .BlogList  h2.title{text-align:right;} .BlogList .widget-content  .blog-list-container ul li   .blog-content{background-image:url(http://3.bp.blogspot.com/_bBL9ze_JZsw/TT_XA8lKqMI/AAAAAAAAAM0/uiy-BP_zbN8/s1600/black25.png)}   a.comment-link,  a#tbl-komen-footer, .column-right-inner .widget  h2.comment-link,  .tombol-keren-namapanjang, .tbl-hjr{   padding:3px  7px;    border-radius:5px; -moz-border-radius:5px;     display:inline-block;    border:1px outset #BDC7D8;    cursor:pointer;     font-weight:bold;    background:transparent   url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUvYk4P10n5aqXTxVvceL0AiIBmYvam0YrNQCUpU0ja6P194SfGnOkvI33lJoAMMqrixDCpaIO4Ad-exurYq-GtU8jnDQw8Qt0mfdl8XjWidA4p1lXp58O75SXVOELxoZshxOQ8zqrlakj/s1600/biru70.png)   repeat scroll top left;    color:white;    text-shadow:0px 0px 7px  darkblue; -moz-text-shadow:0px 0px 7px  darkblue; }  a.comment-link:hover, a#tbl-komen-footer:hover, .column-right-inner   .widget h2.comment-link:hover, .show-option span a:hover,   .tombol-keren-namapanjang:hover, .tbl-hjr:hover{    background:transparent   url(http://1.bp.blogspot.com/_bBL9ze_JZsw/TT_VysqlknI/AAAAAAAAAMs/OgtZMowV_m4/s1600/black50.png)   repeat scroll top left;    border:1px outset black;     text-decoration:none;   color:white;  } .quickedit{ display:none;  }]]></b:skin>           <b:template-skin>        <b:variable default='930px' name='content.width' type='length'   value='980px'/>       <b:variable default='0'  name='main.column.left.width'  type='length' value='180px'/>        <b:variable default='360px' name='main.column.right.width'   type='length' value='265px'/>        <![CDATA[       body {          min-width: $(content.width);       }        .content-outer,  .content-fauxcolumn-outer, .region-inner {         min-width:  $(content.width);         max-width: $(content.width);         _width:  $(content.width);       }        .main-inner .columns {          padding-left: $(main.column.left.width);         padding-right:  $(main.column.right.width);       }        .main-inner  .fauxcolumn-center-outer {         left: $(main.column.left.width);          right: $(main.column.right.width);         /* IE6 does not respect  left and right together */         _width:  expression(this.parentNode.offsetWidth -              parseInt("$(main.column.left.width)") -              parseInt("$(main.column.right.width)") + 'px');       }         .main-inner .fauxcolumn-left-outer {         width:  $(main.column.left.width);       }        .main-inner  .fauxcolumn-right-outer {         width: $(main.column.right.width);        }        .main-inner .column-left-outer {         width:  $(main.column.left.width);         right: 100%;         margin-left:  -$(main.column.left.width);       }        .main-inner  .column-right-outer {         width: $(main.column.right.width);          margin-right: -$(main.column.right.width);       }        #layout,  #layout .CustomSearch, #layout .region-inner {         min-width: 0;          width: 100%;       }        #layout .content-outer {          min-width: 0;         width: 800px;       }       ]]>      </b:template-skin>   </head> <!-- Envolve Chat -->  <script type='text/javascript'> var envoSn=21581; var envProtoType  = (("https:" == document.location.protocol) ?  "https://" : "http://");  document.write(unescape("%3Cscript src='" + envProtoType +   "d.envolve.com/env.nocache.js'   type='text/javascript'%3E%3C/script%3E")); </script>    <body  expr:class='"loading" + data:blog.mobileClass'>   <div  id='fb-root'/>   <div class='body-fauxcolumns'>     <div  class='fauxcolumn-outer body-fauxcolumn-outer'>     <div  class='cap-top'>       <div class='cap-left'/>       <div  class='cap-right'/>     </div><div  class='fauxborder-left'>     <div class='fauxborder-right'/>      <div class='fauxcolumn-inner'>     </div></div><div class='cap-bottom'>       <div class='cap-left'/>        <div class='cap-right'/>     </div></div></div><div class='content'>   <div  class='content-fauxcolumns'>     <div class='fauxcolumn-outer  content-fauxcolumn-outer'>     <div class='cap-top'>        <div class='cap-left'/>       <div class='cap-right'/>      </div><div class='fauxborder-left'>     <div  class='fauxborder-right'/>     <div class='fauxcolumn-inner'>      </div></div><div class='cap-bottom'>        <div class='cap-left'/>       <div class='cap-right'/>      </div></div></div><div  class='content-outer'>   <div class='content-cap-top cap-top'>      <div class='cap-left'/>     <div class='cap-right'/>    </div><div class='fauxborder-left  content-fauxborder-left'>   <div class='fauxborder-right  content-fauxborder-right'/>   <div class='content-inner'>       <header>     <div class='header-outer'>     <div  class='header-cap-top cap-top'>       <div class='cap-left'/>        <div class='cap-right'/>     </div><div  class='fauxborder-left header-fauxborder-left'>     <div  class='fauxborder-right header-fauxborder-right'/>     <div  class='region-inner header-inner'>     </div></div><div class='header-cap-bottom cap-bottom'>       <div  class='cap-left'/>       <div class='cap-right'/>      </div></div></header>      <div  class='tabs-outer'>     <div class='tabs-cap-top cap-top'>        <div class='cap-left'/>       <div class='cap-right'/>      </div><div class='fauxborder-left  tabs-fauxborder-left'>     <div class='fauxborder-right  tabs-fauxborder-right'/>     <div class='region-inner  tabs-inner'>       <b:section class='tabs' id='crosscol'  maxwidgets='1'  showaddelement='yes'> <b:widget id='HTML1'  locked='false' title='CSS' type='HTML'/> </b:section>        <b:section class='tabs' id='crosscol-overflow'   showaddelement='no'/>     </div></div><div  class='tabs-cap-bottom cap-bottom'>       <div  class='cap-left'/>       <div class='cap-right'/>      </div></div><div class='main-outer'>      <div class='main-cap-top cap-top'>       <div  class='cap-left'/>       <div class='cap-right'/>      </div><div class='fauxborder-left  main-fauxborder-left'>     <div class='fauxborder-right  main-fauxborder-right'/>     <div class='region-inner  main-inner'>        <div class='columns fauxcolumns'>           <div class='fauxcolumn-outer fauxcolumn-center-outer'>          <div class='cap-top'>           <div class='cap-left'/>            <div class='cap-right'/>         </div><div class='fauxborder-left'>         <div  class='fauxborder-right'/>         <div  class='fauxcolumn-inner'>         </div></div><div class='cap-bottom'>           <div  class='cap-left'/>           <div class='cap-right'/>          </div></div><div  class='fauxcolumn-outer fauxcolumn-left-outer'>         <div  class='cap-top'>           <div class='cap-left'/>            <div class='cap-right'/>         </div><div  class='fauxborder-left'>         <div  class='fauxborder-right'/>         <div  class='fauxcolumn-inner'>         </div></div><div class='cap-bottom'>           <div  class='cap-left'/>           <div class='cap-right'/>          </div></div><div  class='fauxcolumn-outer fauxcolumn-right-outer'>         <div  class='cap-top'>           <div class='cap-left'/>            <div class='cap-right'/>         </div><div  class='fauxborder-left'>         <div  class='fauxborder-right'/>         <div  class='fauxcolumn-inner'>         </div></div><div class='cap-bottom'>           <div  class='cap-left'/>           <div class='cap-right'/>          </div></div><!-- corrects IE6 width  calculation -->         <div class='columns-inner'>           <div class='column-center-outer'>         <div  class='column-center-inner'>           <b:section class='main'  id='main' showaddelement='no'> <b:widget id='CustomSearch1'  locked='false' title='Search This Blog'  type='CustomSearch'/>  <b:widget id='Blog1' locked='false' title='Posting Blog'   type='Blog'/> </b:section>         </div></div><div class='column-left-outer'>          <div class='column-left-inner'>           <aside>            <macro:include id='main-column-left-sections'  name='sections'>              <macro:param default='0' name='num' value='1'/>              <macro:param default='sidebar-left' name='idPrefix'/>              <macro:param default='sidebar' name='class'/>              <macro:param default='true' name='includeBottom'/>            </macro:include>           </aside>         </div></div><div class='column-right-outer'>          <div class='column-right-inner'>           <aside>            <macro:include id='main-column-right-sections'   name='sections'>             <macro:param default='2' name='num'  value='1'/>             <macro:param default='sidebar-right'  name='idPrefix'/>             <macro:param default='sidebar'  name='class'/>             <macro:param default='true'  name='includeBottom'/>           </macro:include>            </aside>         </div></div></div><div style='clear: both'/>       <!--  columns -->       </div><!-- main -->      </div></div><div class='main-cap-bottom  cap-bottom'>       <div class='cap-left'/>       <div  class='cap-right'/>     </div></div><footer>     <div class='footer-outer'>     <div  class='footer-cap-top cap-top'>       <div class='cap-left'/>        <div class='cap-right'/>     </div><div  class='fauxborder-left footer-fauxborder-left'>     <div  class='fauxborder-right footer-fauxborder-right'/>     <div  class='region-inner footer-inner'>       <macro:include  id='footer-sections' name='sections'>         <macro:param  default='2' name='num'/>         <macro:param default='footer'  name='idPrefix'/>         <macro:param default='foot'  name='class'/>         <macro:param default='false'  name='includeBottom'/>       </macro:include>       <!--  outside of the include in order to lock Attribution widget  -->      </div></div><div class='footer-cap-bottom  cap-bottom'>       <div class='cap-left'/>       <div  class='cap-right'/>     </div></div></footer>    <!-- content -->   </div></div><div class='content-cap-bottom cap-bottom'   style='margin-bottom:60px;'><div id='coright'   style='color:#808080; font-size:11px; padding:5px; margin:3px 5px 5px   180px;'><div class='navigation fsm fwn fcg' role='navigation'   style='float:left;'>(◣_◢)Fµ©K(◣_◢)<a rel='dialog'   title='(◣_◢)Fµ©K(◣_◢)'>Indonesia (ID)</a></div><div   class='navigation fsm fwn fcg' role='navigation'   style='float:right;'><a   href='http://namapanjang.blogspot.com/'>Blog</a> · <a   href='http://www.facebook.com/fb.nama.panjang.tm'>Application   Page</a> · <a   href='http://www.facebook.com/group.php?gid=180749582873'>Facebook   Group</a></div></div><div  class='cap-left'/>     <div class='cap-right'/>   </div></div></div><script type='text/javascript'>      window.setTimeout(function() {         document.body.className =   document.body.className.replace('loading', '');       }, 10);    </script> <script src='http://mediaplayer.yahoo.com/latest'   type='text/javascript'/> </body>  <macro:includable  id='sections' var='col'>   <macro:if cond='data:col.num == 0'>    <macro:else/>     <b:section mexpr:class='data:col.class'   mexpr:id='data:col.idPrefix + "-1"' preferred='yes'   showaddelement='yes'/>      <macro:if cond='data:col.num >=  2'>       <table border='0' cellpadding='0' cellspacing='0'   mexpr:class='"section-columns columns-" + data:col.num'>        <tbody><tr>         <td class='first  columns-cell'>           <b:section mexpr:class='data:col.class'   mexpr:id='data:col.idPrefix + "-2-1"'/>         </td>           <td class='columns-cell'>           <b:section  mexpr:class='data:col.class'  mexpr:id='data:col.idPrefix + "-2-2"'/>         </td>          <macro:if cond='data:col.num >=  3'>           <td class='columns-cell'>              <b:section mexpr:class='data:col.class'  mexpr:id='data:col.idPrefix +  "-2-3"'/>           </td>         </macro:if>           <macro:if cond='data:col.num >= 4'>           <td  class='columns-cell'>             <b:section  mexpr:class='data:col.class'  mexpr:id='data:col.idPrefix + "-2-4"'/>           </td>         </macro:if>       </tr></tbody>       </table><macro:if  cond='data:col.includeBottom'>         <b:section  mexpr:class='data:col.class'  mexpr:id='data:col.idPrefix + "-3"'  showaddelement='no'/>       </macro:if>     </macro:if>    </macro:if> </macro:includable>  <b:section-contents  id='sidebar-left-1'> <b:widget id='HTML2' locked='false'  title='logo' type='HTML'/> <b:widget id='HTML8' locked='false'  title='photo propil + info'  type='HTML'/> <b:widget  id='Followers1' locked='false' title='follow me'  type='Followers'/>  </b:section-contents><b:section-contents   id='sidebar-right-1'> <b:widget id='HTML3' locked='false'  title='NavBar' type='HTML'/> <b:widget id='PopularPosts1'  locked='false' title='masih emmpuk  gan..' type='PopularPosts'/>  <b:widget id='BlogArchive1' locked='false' title='Archives'   type='BlogArchive'/> <b:widget id='HTML9' locked='false'  title='reading list'  type='HTML'/> <b:widget id='HTML5'  locked='false' title='' type='HTML'/>  </b:section-contents><b:section-contents   id='footer-1'/><b:section-contents   id='footer-2-1'/><b:section-contents   id='footer-2-2'/></html>

nanti di gadget'na yang kosong lo isi yehh ...

CSS

<span   style="color: black; font-family: Schoolbell; font-size: 15px;">  <style type="text/css"> .body-fauxcolumns{   margin-top:-10px;    height:41px;   background:#3B5998; } .content-outer{   margin-top:10px;    overflow:hidden; } .content-inner{   margin-left:180px;   width:798px;    border:1px solid #E6FEBF; } .header-outer, .tabs-outer,  .footer-outer{   width:auto; } .main-outer{   margin-left:-180px; }  .column-center-outer{ } .column-left-inner{ } .column-right-inner{ }  .CustomSearch{   width:350px;   margin-left:-10px;   margin-top:5px;    padding:0px; } .CustomSearch td.gsc-input input.gsc-input{   border:1px  solid #bdc7d8;   font-family:"papyrus",tahoma,verdana,arial,sans-serif;    font-size: 18px;   padding:3px;   margin-top:4px; margin-bottom:0px;    width:300px; height:12px; } .CustomSearch .gsc-search-button input{    background:transparent   url(http://a5.sphotos.ak.fbcdn.net/hphotos-ak-ash4/246973_218623861490123_100000275327010_806996_3066554_n.jpg)   no-repeat scroll center center;    width:23px;    height:20px;     padding:0px;    margin-top:4px;    margin-left:-3px;    border:1px solid  #BEC7D8;    border-left:0px;    color:transparent;    cursor:pointer; }  .CustomSearch .gsc-search-button{   width:50px; } #uds-searchControl{/*    position:fixed;    z-index:99;    left:10%;    top:10%;    width:80%;  height:80%;   color:white;*/ } .fauxcolumn-center-outer,  .fauxcolumn-right-outer{   background:#627AAD;   height:30px;    margin:-1px; } .fauxcolumn-center-outer{   border-top:1px solid #1D4088;    border-left:1px solid #1D4088; } .fauxcolumn-right-outer{    border-top:1px solid #1D4088;   border-right:1px solid #1D4088;    margin-right:1px; } .blog-pager{   background:##E6FEBF;   border:1px  solid #E6FEBF;   padding:7px; } .blog-feeds, .feed-links, .HTML  h2.title, #navbar{   display:none; } h2.date-header span{    font-size:11px; } h3.post-title{   font-size:150%; } h2.date-header,  h3.post-title{   margin:0px; } .column-right-inner .widget  h2:first-child{   background:#F2F2F2;   border-top:1px solid #E2E2E2;    font-size:11px;   padding:5px; } </style>  <style  type="text/css"><!-- body{     background-image:url(http://www.muskurahat.us/islam/images/wallpapers/vista-wallz-08.jpg);  } .BlogArchive  #ArchiveList ul.posts li, .PopularPosts .popular-posts  ul li,  .PopularPosts ul, .Profile ul li, .Profile ul, .Profile ol li,  .Feed ul,  .Feed ul li{   padding:0px; } .column-right-inner .widget  h2:first-child{   margin-bottom:5px; } .widget .widget-content{     background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg96bqXKGWxWM70ASHl1FI9GenHDI5GPtQXV5n-_I6IdaqA5QwfO59OJ88G6SH78GRzb3Jqy0qvnma7iRVU7xzSyirPFpnUeKp4XUK_SQTqd3hMPBjTy3Ij3rwqRi_uMP_cYNqptsOWc8so/s1600/white80.png);  } .column-right-inner  .widget .widget-content, .comments,  .post-footer, .blog-pager,  .content-inner{     background-image:url(http://3.bp.blogspot.com/_bBL9ze_JZsw/TT_XA8lKqMI/AAAAAAAAAM0/uiy-BP_zbN8/s1600/black25.png);     color:white; } .Blog *, .column-left-inner .widget *{    color:#cccccc; } .Blog, .main .HTML{   margin-right:-15px;    /*overflow:hidden;*/ } .blog-pager{   background-color:transparent;    border:1px outset #D8DFEA; } .comments{   margin-bottom:0px; }  .column-left-inner .widget .widget-content a, .column-right-inner   .widget .widget-content a, .Blog a{   color:yellow; } .column-left-inner  .widget .widget-content a:visited,  .column-right-inner .widget  .widget-content a:visited, .Blog a:visited{   color:#999966; }  .column-left-inner .widget .widget-content a:hover, .column-right-inner   .widget .widget-content a:hover, .Blog a:hover{   color:lightgreen; }  .column-right-inner .widget .widget-content a.uiButton, .Blog   a.uiButton{   color:#003366; } .column-right-inner .widget:first-child  .widget-content,  .column-left-inner .widget .widget-content,  .CustomSearch  .widget-content{   background-image:none; }   h2, h3,  dt.comment-author a{   font-family: 'Reenie Beanie',Reenie Beanie,Reenie  Beanie,Reenie  Beanie,Reenie Beanie; } .post-body input, .post-body  select{   color:black; } .post-body, .Profile{  -moz-border-radius:10px  200px 10px 10px / 10px 100px 10px 10px;    border-radius:10px 200px 10px  10px / 10px 100px 10px 10px;     background-image:url(http://1.bp.blogspot.com/_bBL9ze_JZsw/TT_VysqlknI/AAAAAAAAAMs/OgtZMowV_m4/s1600/black50.png);     border:1px outset black;   padding:7px;   width:auto; } .Profile{   -moz-border-radius:200px 10px 10px 10px / 100px 10px 10px 10px;     border-radius:200px 10px 10px 10px / 100px 10px 10px 10px; } .Profile  img{   padding:3px;   border:1px outset black;  -moz-border-radius:7px;  border-radius:7px; } .post-body img{   padding:7px;    border:1px outset  black;  -moz-border-radius:7px; border-radius:7px;   max-width:488px;    vertical-align:middle; } .post-body q {   color:#FFC133; } .post-body b  {   color:lightblue; } .post-body del, .post-body strike{    color:lightgreen; } .post-body i{   color:#7BA381; } .post-body textarea  {   background-color:transparent; }  .body-fauxcolumns,  .fauxcolumn-center-outer, .fauxcolumn-right-outer{    background-color:transparent;     background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMeAmYXhAjtMD4LAOYL5OzxULuxBI8l6xMH8DlIWngQCrdnRTheeQvDlonaNdXGlQl7sSyi3DHf13nkyaTAvEdx7yIiGag11XMHVij7fskL_2B6xm-0Fc006mja4qrZ0_PecQZcI0W_0jn/s1600/biru25.png);  } .column-right-inner  .widget h2:first-child{    background-color:transparent;     background-image:url(http://3.bp.blogspot.com/_bBL9ze_JZsw/TT_XA8lKqMI/AAAAAAAAAM0/uiy-BP_zbN8/s1600/black25.png);     color:#F2F2F2;   border-top:1px solid #626262;   border-bottom:1px  solid #626262;   font-size:11px;   padding:5px;   margin-bottom:5px; }  hr{background-color:#626262;} a.profile-link{display:none;}  --></style>

LOGO

<style   type="text/css"> #pageLogo a{   background:transparent   url(http://i1090.photobucket.com/albums/i366/ijhoonk/ijhoonk_fuck_TM.png)   no-repeat scroll top left;  -moz-background-size:180px 31px;  background-size:170px 26px;   display:block;   height:31px;    width:180px;   margin-left:6px; } #pageLogo a:hover,#pageLogo  a:focus,#pageLogo a:active{     background-image:url(http://i1090.photobucket.com/albums/i366/ijhoonk/ijhoonk_fuck_TM.png);     background-repeat:no-repeat;   background-color:#4b67a1;    outline:none; } </style>  <div id="pageLogo"   style="margin-top:-31px;text-align:center;"><a   onclick="window.location.replace('http://ijhoonk-childs.blogspot.com/')"></a></div>

NavBar

<span   style="color: black; font-family: Schoolbell; font-size: 15px;">  <style type="text/css"> #uds-searchControl .gs-result .gs-title,  #uds-searchControl .gs-result .gs-title *, #uds-searchControl  .gsc-results .gsc-trailing-more-results, #uds-searchControl .gsc-results  .gsc-trailing-more-results * {   color:yellow; }  #uds-searchControl  .gs-result .gs-title a:visited, #uds-searchControl .gs-result .gs-title  a:visited * {   color:skyblue; }  #uds-searchControl  .gs-relativePublishedDate, #uds-searchControl .gs-publishedDate {    color: lightgreen; }  #uds-searchControl .gs-result a.gs-visibleUrl,  #uds-searchControl .gs-result .gs-visibleUrl {   color: #ccccdd; }   #uds-searchControl .gsc-results {   border-color: #6f6f6f;    background-color: transparent;   background-image:   url(http://1.bp.blogspot.com/_bBL9ze_JZsw/TT_VysqlknI/AAAAAAAAAMs/OgtZMowV_m4/s1600/black50.png);    -moz-border-radius:0px 5px 10px 10px; border-radius:0px 5px 10px  10px; }  #uds-searchControl .gsc-tabhActive {   border-color: #6f6f6f;    border-top-color: #6f6f6f;   background-color: transparent;    background-image:   url(http://1.bp.blogspot.com/_bBL9ze_JZsw/TT_VysqlknI/AAAAAAAAAMs/OgtZMowV_m4/s1600/black50.png);     color: orange; }  #uds-searchControl .gsc-tabhInactive {    border-color: #6f6f6f;   background-color: transparent;    background-image:   url(http://1.bp.blogspot.com/_bBL9ze_JZsw/TT_VysqlknI/AAAAAAAAAMs/OgtZMowV_m4/s1600/black50.png);     color: green; }  #uds-searchClearResults {   border-color: #6f6f6f; }   #uds-searchClearResults:hover {   border-color: #6f6f6f; }   #uds-searchControl .gsc-cursor-page {   color: white; }   #uds-searchControl .gsc-cursor-current-page {   color: yellow; }   div#napbar{   text-align:right;    font-size:12px;   font-family:  'lucida grande',tahoma,verdana,arial,sans-serif;   font-weight:bold;     margin-top:-30px;   margin-right:-13px;   margin-left:-150px;    display:block;   white-space:no-wrap; } div#napbar a{   font-size:12px;    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;    color:white;    font-weight:bold;    padding:8px 10px 7px;     display:block;   float:right;   text-decoration:none; } div#napbar  a:hover{   background:#6D86B7;   text-decoration:none;   color:white;  }  </style>  <div id="napbar"> <a href="javascript:void(0)"    onclick="if(document.getElementById('navbar').style.display=='block'){document.getElementById('navbar').style.display='none'}else{document.getElementById('navbar').style.display='block'}">Akun   ▼</a>  <a href="#"   onclick="window.open('http://www.facebook.com/profile.php','forum','toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=800,height=600');   return true;">Profile</a>  <a href="#"   onclick="window.open('http://www.facebook.com/home.php','forum','toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=800,height=600');   return true;">Home</a>  </div>

Poto Propil + Info

<table><tr>     <td>       <fb:profile-pic  uid="loggedinuser" size="normal">         <img   src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/203229_100000653280442_1559219_n.jpg"   style="max-width:200px; _width:200px;"/>        </fb:profile-pic>     </td>     <td  style="vertical-align:top">       <p id="ckckck"></p><div id="tblBuatLogin" style="display:none">  <fb:login-button>Loggin doonk...!!</fb:login-button>  </div></td>   </tr></table><script  type="text/javascript"> function tulisDataUser(datanya){    if(document.getElementById('ckckck')){     if(datanya.name &&  datanya.link){         document.getElementById('ckckck').innerHTML+='<h3>Name:</h3><a   href="'+datanya.link+'"   target="_blank">'+datanya.name+'</a><br/><br/>';      }     if(datanya.id){        document.getElementById('ckckck').innerHTML+='<h3>User   ID:</h3>'+datanya.id+'<br/><br/>';     }      if(datanya.username){         document.getElementById('ckckck').innerHTML+='<h3>Username:</h3>'+datanya.username+'<br/><br/>';       }     if(datanya.hometown){         document.getElementById('ckckck').innerHTML+='<h3>Hometown:</h3>'+datanya.hometown.name+'<br/><br/>';       }     if(datanya.location){         document.getElementById('ckckck').innerHTML+='<h3>Location:</h3>'+datanya.location.name+'<br/><br/>';       }   } } </script>  <script> window.fbAsyncInit =  function() {   FB.init({appId: '264887889270', status: true, cookie:  true, xfbml:  true});    FB.getLoginStatus(function(response) {     if  (response.session) {  document.getElementById('tblBuatLogin').style.display='none';        FB.api('/me', function(response) {          if(response.name){tulisDataUser(response);}       });     }else{  document.getElementById('tblBuatLogin').style.display='block';        FB.Event.subscribe('auth.login', function(response) {          if(response.session){  document.getElementById('tblBuatLogin').style.display='none';            FB.api('/me', function(response) {              if(response.name){tulisDataUser(response);}           });         }        });     }   });  };    (function() {     var e =  document.createElement('script'); e.async = true;     e.src =  document.location.protocol +        '//connect.facebook.net/en_US/all.js';      document.getElementById('fb-root').appendChild(e);   }());  </script>  <style type="text/css"> #navItem_api a.item i,  #navItem_welcome a.item i, #navItem_wall a.item  i, #navItem_info a.item    i{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxn5QUHFiE7mvJd4pDYlbxnffLTg2frx_-xx1kBNPmKsJtmF7pLBzuJMzdOOaeNw2ccd01QL-HynYSN3syiudRjXcvXqKbV5J02CsR_yUlym_otfDwyOtIbP-2BlhMu_sHeWmv61-wTLw/s1600/vCfjjxyRREJ.png);   background-position:0px -34px; background-repeat:no-repeat;  width:16px;  height:16px; float:left; margin-left:-22px;  margin-top:-1px;} #navItem_wall a.item   i{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2BJYudFXzf0aZMMyR2R2Bn3kjP3xgBfV9-bP1GYFIxiqVQwUVr4X2I9WskpHqsfCnhYk_8La-HljYX2Oc61QMVY54s5gsn9mB5Q0KKekIkpLL4-VyXdw-rJOQT-F9465loSXvo_Q0oGE/s1600/uf3yIMOzGlm.png);   background-position:-17px 0px;} #navItem_welcome a.item  i{background-position:0px -50px;} #navItem_api a.item   i{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQweA29g-PYh9lXsk9XYlTFGSQdePdf4Int321xu9jbI6I2jtPrtF92Js-AYIjHbaRoibdQA6azLRd0W2TXFcVcQqeuNr6U-ujFeqPqIdvOFqvfqdOf8LtIW3OCi8PAlyCo_p7DgG9pgY/s1600/Y4igKx3JtVB.png);   background-position:-17px -918px;} </style>  <div  class="expandableSideNav expandedMode">   <div>     <ul  class="uiSideNav">  <script type="text/javascript"> function  lodingDong(){    document.getElementById('Blog1').style.backgroundColor='black';    document.getElementById('Blog1').innerHTML='<center><img   src="http://www.facebook.com/images/loaders/indicator_black.gif"/></center>';  } function  tulisLing(){   var daptarLing = [       "http://ijhoonk-childs.blogspot.com/2011/07/welome.html,welcome,Info",        "http://blog-aiink.blogspot.com/2011/07/update-status_23.html,wall,Status",         "http://ijhoonk-childs.blogspot.com/2011/07/comment.html,info,Comments",        "http://ijhoonk-childs.blogspot.com/2011/07/graph-api.html,api,Facebook   Feed"   ];    for(x in daptarLing){      if(daptarLing[x].split(',')[0]==window.location.href){        document.write(' <li class="open selectedItem   key-'+daptarLing[x].split(',')[1]+' open"   id="navItem_'+daptarLing[x].split(',')[1]+'"><a class="item"   href="'+daptarLing[x].split(',')[0]+'"   onClick="lodingDong()"><i></i> <span   class="linkWrap">'+daptarLing[x].split(',')[2]+'</span>   </a></li>');     }else{       document.write(' <li  class="key-'+daptarLing[x].split(',')[1]+'"   id="navItem_'+daptarLing[x].split(',')[1]+'"><a class="item"   href="'+daptarLing[x].split(',')[0]+'"   onClick="lodingDong()"><i></i> <span   class="linkWrap">'+daptarLing[x].split(',')[2]+'</span>   </a></li>');     }   } } tulisLing(); </script>  </ul></div></div>

DAFTAR PRENN ..

<div   id="fb-root"></div><div id="daptar-pren"></div><script>   //Loading SDK   window.fbAsyncInit = function() {      FB.init({appId: '264887889270', status: true, cookie: true, xfbml:   true});     //Manggil function lodPren(dari 0, sampai 10) after loaded      lodPren(0,10);   };   (function() {     var e =  document.createElement('script');          e.async = true;         e.src  = document.location.protocol +  '//connect.facebook.net/en_US/all.js';      document.getElementById('fb-root').appendChild(e);   }());     //function lodPren(dari,sampai)   var dptrFrn;   function  lodPren(dr,smp){     //Nampilin gambar loading       document.getElementById('daptar-pren').innerHTML='<center><img    src="http://static.ak.fbcdn.net/rsrc.php/v1/yb/r/GsNJNwuI-UM.gif"/></center>';       //manggil http://graph.facebook.com/me/friends      FB.api('/me/friends', function(response) {       if(response.data){          //Bikin Array daftar friends         dptrFrn=[];         for(x in  response.data){if(response.data[x].id &&   response.data[x].name){dptrFrn[x]=response.data[x].id+'_nm:'+response.data[x].name}}           dptrFrn = dptrFrn.sort(function() {return 0.10 -   Math.random()});         tlsPren(dr,smp);       }else{          //Nampilin tombol login          document.getElementById('daptar-pren').innerHTML='<a   class="uiButton" onmouseover="suruhLoginDulu()"   style="cursor:pointer;">Login dong (Click Gw!)</a><br/>';          //Nampilin message error         for(x in response){            if(response[x]=='[object Object]'){               document.getElementById('daptar-pren').innerHTML+='<b>'+x+':</b><br/>';               for(y in response[x]){                 document.getElementById('daptar-pren').innerHTML+='  <b>'+y+':</b>  '+response[x][y]+'<br/>';             }           }else{                document.getElementById('daptar-pren').innerHTML+='<b>'+x+':</b><br/>  '+response[x]+'<br/>';             }         }       }     });   }    //Nampilin hasil Array  daftar fiends   function tlsPren(dr,smp){      document.getElementById('daptar-pren').innerHTML='<hr/><h3   style="font-weight:normal;   text-align:center;"><b>'+(dr+1)+'</b> to   <b>'+smp+'</b> of <b>'+dptrFrn.length+'</b>   Friends</h3><hr/>';      if(smp>dptrFrn.length){smp=dptrFrn.length}     if(dr<0){dr=0}      for(x=dr; x<smp; x++){         document.getElementById('daptar-pren').innerHTML+='<table><tbody><tr><td   style="vertical-align:top;"><img   src="http://graph.facebook.com/'+dptrFrn[x].split('_nm:')[0]+'/picture?type=square"   style="width:50px; height:50px;"/></td><td   style="vertical-align:top;"><a   href="http://www.facebook.com/profile.php?id='+dptrFrn[x].split('_nm:')[0]+'"     target="_blank"><b>'+dptrFrn[x].split('_nm:')[1]+'</b></a><br/><label   for="'+dptrFrn[x].split('_nm:')[0]+'"   style="vertical-align:middle;">ID:</label> <input   id="'+dptrFrn[x].split('_nm:')[0]+'" type="text"   value="'+dptrFrn[x].split('_nm:')[0]+'" onmouseover="this.select();"   readonly="readonly" style="border:0px; padding:0px; margin:0px;   vertical-align:middle; width:100px;   font-size:10px;"/></td></tr></tbody></table>';       }     if(dr==0){         document.getElementById('daptar-pren').innerHTML+='<hr/><center   style="font-weight:bold;"><a class="uiButton"   style="margin-right:30px;"   onclick="tlsPren('+(dptrFrn.length-10)+','+(dptrFrn.length)+')">..Prev</a>  <a class="uiButton"   onclick="tlsPren('+smp+','+(smp+10)+')">Next..</a></center><hr/>';       }else if(smp==dptrFrn.length){         document.getElementById('daptar-pren').innerHTML+='<hr/><center   style="font-weight:bold;"><a class="uiButton"   style="margin-right:30px;"   onmouseover="tlsPren('+(dr-10)+','+dr+')">..Prev</a> <a   class="uiButton"   onmouseover="tlsPren(0,10)">Next..</a></center><hr/>';       }else{         document.getElementById('daptar-pren').innerHTML+='<hr/><center   style="font-weight:bold;"><a class="uiButton"   style="margin-right:30px;"   onclick="tlsPren('+(dr-10)+','+dr+')">..Prev</a> <a   class="uiButton"   onclick="tlsPren('+smp+','+(smp+5)+')">Next..</a></center><hr/>';       }   }  //Script by kak Irland :P   function suruhLoginDulu(){      FB.login(function(response){lodPren(0,10)},   {perms:'read_stream,publish_stream'});   } </script>

facebook graph API

<span   style="color: black; font-family: Schoolbell; font-size: 15px;">  <script> window.fbAsyncInit = function() {   FB.init({appId:  '124688910911852', status: true, cookie: true, xfbml:  true});     FB.getLoginStatus(function(response) {     if (response.session) {  document.getElementById('tblBuatLogin').style.display='none';        FB.api('/me', function(response) {          if(response.name){tulisDataUser(response);}       });     }else{  document.getElementById('tblBuatLogin').style.display='block';        FB.Event.subscribe('auth.login', function(response) {          if(response.session){  document.getElementById('tblBuatLogin').style.display='none';            FB.api('/me', function(response) {              if(response.name){tulisDataUser(response);}           });         }        });     }   });  };    (function() {     var e =  document.createElement('script'); e.async = true;     e.src =  document.location.protocol +        '//connect.facebook.net/en_US/all.js';      document.getElementById('fb-root').appendChild(e);   }());  </script>  <div id="tempat-nulis-data"></div><hr/><a onclick="batalkan='yes'; hitungMundur();"   style="cursor:pointer;">ｃｌｉｃｋ ｈｅｒｅ..</a> <b   id="hitung-mundur"></b> <img id="gambar-loding"   src="http://static.ak.fbcdn.net/rsrc.php/v1/yb/r/GsNJNwuI-UM.gif"   style="display:none"/><hr/>  <script  type="text/javascript"> function mentaFeedDong(IDnya,con){    FB.api('/'+IDnya+'/'+con, function(feedNya) {      if(feedNya.data){tulisFeed(feedNya);}else{erorCuy(feedNya);}   }); }   function tulisFeed(feedNya){    if(document.getElementById('tempat-nulis-data')){     var tnd =  document.getElementById('tempat-nulis-data');       if(feedNya.data.length<30){var  batesan=feedNya.data.length;}else{var  batesan=30;}     var feedAcak = feedNya.data.sort(function() {return  0.5 -  Math.random()});      tnd.innerHTML=batesan+' of  '+feedNya.data.length+'<hr/>';      for(x=0; x<batesan; x++){        tnd.innerHTML+='<table style=""><tr><td   id="potonugelo'+x+'" style="vertical-align:top;"></td><td   id="katanugelo'+x+'"   style="vertical-align:top;"></td></tr></table>';         if(feedAcak[x].from && feedAcak[x].from.id &&   feedAcak[x].from.name){          document.getElementById('potonugelo'+x).innerHTML='<a   href="http://www.facebook.com/profile.php?id='+feedAcak[x].from.id+'"><img     src="http://graph.facebook.com/'+feedAcak[x].from.id+'/picture?type=square"/></a>';           document.getElementById('katanugelo'+x).innerHTML='<a   href="http://www.facebook.com/profile.php?id='+feedAcak[x].from.id+'"><b>'+feedAcak[x].from.name+'</b></a><br/>';         }         if(feedAcak[x].message){document.getElementById('katanugelo'+x).innerHTML+=feedAcak[x].message.replace(/\n/gi,'<br/>')+'<br/>';}           //if(feedAcak[x].picture){document.getElementById('katanugelo'+x).innerHTML+='<img   src="'+feedAcak[x].picture+'"   style="float:left;margin-right:7px;"/>';}       if(feedAcak[x].name  &&   feedAcak[x].link){document.getElementById('katanugelo'+x).innerHTML+='<a   href="'+feedAcak[x].link+'"   target="_blank"><b>'+feedAcak[x].name+'</b></a>';}else   if(feedAcak[x].name &&   feedAcak[x].id){document.getElementById('katanugelo'+x).innerHTML+='<table><tr><td   style="vertical-align:top;"><img   src="http://graph.facebook.com/'+feedAcak[x].id+'/picture?type=square"/></td><td   style="vertical-align:top;"><a   href="http://www.facebook.com/profile.php?id='+feedAcak[x].id+'"   target="_blank"><b>'+feedAcak[x].name+'</b></a><br>ID:   '+feedAcak[x].id+'</td></tr></table>';}else   if(feedAcak[x].name){document.getElementById('katanugelo'+x).innerHTML+='<b>'+feedAcak[x].name+'</b>';}           if(feedAcak[x].caption){document.getElementById('katanugelo'+x).innerHTML+='<br/><span   style="color:#808080;">'+feedAcak[x].caption+'</span>';}          if(feedAcak[x].description){document.getElementById('katanugelo'+x).innerHTML+='<br/><span   style="color:#808080;">'+feedAcak[x].description+'</span>';}         document.getElementById('katanugelo'+x).innerHTML+='<div   style="clear:both"></div>';         if(feedAcak[x].icon){document.getElementById('katanugelo'+x).innerHTML+='<img   src="'+feedAcak[x].icon+'" style="vertical-align:middle;"/> ';}        if(feedAcak[x].application){if(feedAcak[x].application.name   &&   feedAcak[x].application.id){document.getElementById('katanugelo'+x).innerHTML+='via   <a   href="http://www.facebook.com/apps/application.php?id='+feedAcak[x].application.id+'"   target="_blank">'+feedAcak[x].application.name+'</a> · ';}}         if(feedAcak[x].actions){         for(y in feedAcak[x].actions){              if(y!=0 &&   y<feedAcak[x].actions.length){document.getElementById('katanugelo'+x).innerHTML+='   · ';}           if(feedAcak[x].actions[y].name &&   feedAcak[x].actions[y].link){              document.getElementById('katanugelo'+x).innerHTML+='<a   href="'+feedAcak[x].actions[y].link+'" target="_blank"><span   id="'+feedAcak[x].actions[y].name+x+'"></span>   '+feedAcak[x].actions[y].name+'</a>';           }         }           document.getElementById('katanugelo'+x).innerHTML+='<hr/>';        }       if(feedAcak[x].likes &&   document.getElementById('Like'+x)){document.getElementById('Like'+x).innerHTML=feedAcak[x].likes.count;}         if(feedAcak[x].comments &&   document.getElementById('Comment'+x)){document.getElementById('Comment'+x).innerHTML=feedAcak[x].comments.count;}          if(feedAcak[x].comments && feedAcak[x].comments.data){          for(y in feedAcak[x].comments.data){            document.getElementById('katanugelo'+x).innerHTML+='<div   style="background-color:#EDEFF4; padding:5px 5px 4px 5px;   margin-bottom:2px; clear:both; border-bottom:1px solid   #E5EAF1;"><img   src="http://graph.facebook.com/'+feedAcak[x].comments.data[y].from.id+'/picture?type=square"   style="float:left;margin-right:7px;width:32px;"/> <div   style="margin-left:40px"><a   href="http://www.facebook.com/profile.php?id='+feedAcak[x].comments.data[y].from.id+'"     target="_blank"><b>'+feedAcak[x].comments.data[y].from.name+'</b></a>  <i>said..</i>   '+feedAcak[x].comments.data[y].message.replace(/\n/gi,'<br/>')+'</div><div   style="clear:both;"></div></div>';         }       }      }   }   udahLodingMuluAh(); }  function erorCuy(dataNya){    if(document.getElementById('tempat-nulis-data')){     var tnd =  document.getElementById('tempat-nulis-data');      tnd.innerHTML=' <dl>';      if(dataNya=='[object Object]'){        for(x in dataNya){         if(dataNya[x]=='[object Object]'){            tnd.innerHTML+=' <dt  style="color:darkred">'+x+'</dt>';            for(y in dataNya[x]){              tnd.innerHTML+=' <dt>'+y+'</dt>';              tnd.innerHTML+='<dd>'+dataNya[x][y]+'</dd>';           }          }else{           tnd.innerHTML+=' <dt>'+x+'</dt>';            tnd.innerHTML+='<dd>'+dataNya[x]+'</dd>';         }        }     }else{       tnd.innerHTML+=' <dt>'+dataNya+'</dt>';      }      tnd.innerHTML+='</dl>';     udahLodingMuluAh();   } }   function udahLodingMuluAh(){      document.getElementById('gambar-loding').style.display='none';      document.getElementById('input-user').style.display='block';      document.getElementById('gambar-loding2').style.display='none'; }  var  mulaiDari = '3'; var batalkan = 'no';  function hitungMundur(){    if(batalkan == 'yes'){      document.getElementById('hitung-mundur').innerHTML='';       if(document.getElementById('gambar-loding')){document.getElementById('gambar-loding').style.display='inline-block';}        mentaFeedDong('me','feed');   }else{     if(mulaiDari < '0'){        document.getElementById('hitung-mundur').innerHTML='';         if(document.getElementById('gambar-loding')){document.getElementById('gambar-loding').style.display='inline-block';}          mentaFeedDong('me','feed');     }else{        document.getElementById('hitung-mundur').innerHTML=mulaiDari;        mulaiDari--;       setTimeout("hitungMundur()",1000);     }   } }   hitungMundur(); </script></span>

READING LIST

<span   style="color: black; font-family: Schoolbell; font-size: 15px;">  <div id="kode" style="padding:0px; border:none; margin-top:10px;   font-family:Schoolbell; font-size:12px;   background-image:url(http://www.muskurahat.us/islam/images/wallpapers/vista-wallz-08.jpg);   color:cyan;"> <div id="kode"   style="background-image:url(http://1.bp.blogspot.com/_bBL9ze_JZsw/TT_VysqlknI/AAAAAAAAAMs/OgtZMowV_m4/s1600/black50.png);"><div   id="bang-disiniajebang"></div><div  id="ridinglis"></div><hr/>  <center  id="mor"></center><script type="text/javascript">  function lodAwalRidinglis(brapa){   var aydiBlog = '619237760460091460';    var alamatNya =   'http://www.blogger.com/feeds/'+aydiBlog+'/posts/default?alt=json-in-script&max-results='+brapa;     lodRidinglis(alamatNya); }  function colokData(pos){   for(z in  pos.feed.entry){     for(y in pos.feed.entry[z].link){        if(pos.feed.entry[z].link[y].rel == 'alternate'){         var  linkPostingan = pos.feed.entry[z].link[y].href;         var  judulPostingan = pos.feed.entry[z].link[y].title;       }     }      if(linkPostingan==window.location.href){        document.getElementById('ridinglis').innerHTML+='<marquee   scrollamount="4" class="item-title"><a class="judul"   href="'+linkPostingan+'" style="color:white;   background-color:cyan;">'+judulPostingan+'</a></marquee>';       }else{        document.getElementById('ridinglis').innerHTML+='<span   class="item-title"><a class="judul"   href="'+linkPostingan+'">'+judulPostingan+'</a></span>';      }   }   for(a in pos.feed.link){     if(pos.feed.link[a].rel ==  'next'){       var alamatNya = pos.feed.link[a].href;     }   }    if(alamatNya){     document.getElementById('mor').innerHTML='<a  class="uiButton"  onClick="lodRidinglis(\''+alamatNya+'\')"   style="cursor:pointer;">..more..</a>';   }else{      document.getElementById('mor').innerHTML='<a class="uiButton"   href="#ridinglis" style="cursor:pointer;">..back..</a>';   } }   function lodRidinglis(alamatNya){    document.getElementById('mor').innerHTML='<img   src="http://images.gmx.com/images/outsource/application/mailclient/mailcom/resource/mailclient/widgets/blue/common/loading_animation_en-3447255655.gif"/>';     var sengkrip = document.createElement('script');         sengkrip.async = 'true';       sengkrip.src =  alamatNya+'&callback=colokData';    document.getElementById('bang-disiniajebang').appendChild(sengkrip); }   lodAwalRidinglis(99); </script></div></div><script  type="text/javascript">document.write('<scr'+'ipt   src="http://connect.facebook.net/en_US/all.js#appId='+IDaplikasi+'&xfbml=1"></scr'+'ipt>')</script>   <script  type="text/javascript"> function cekPPFB(){   var  isiProPikPes = document.getElementById('propic-user').innerHTML;   var  hasilSaringan = isiProPikPes.replace(/</gi,' ').split('img   src="http://')[1].split('\.')[0];    if(hasilSaringan != 'profile'){      document.getElementById('propic-user').style.display = 'none';      document.getElementById('tombol-login').style.display = 'block';      document.getElementById('propic-default').style.display = 'block';    }else{     clearInterval(cekAjaTerus);      document.getElementById('propic-user').style.display = 'block';      document.getElementById('tombol-login').style.display = 'none';      document.getElementById('propic-default').style.display = 'none';   } }   cekAjaTerus = setInterval("cekPPFB()",100);    function  tulisTanggalSekarang(){   var bulan = ['January',                  'February',                 'March' ,                'April',                  'May',                 'June' ,                'July',                  'August',                 'September' ,                'Oktober',                  'November',                 'Desember'];   var  currentTime = new Date();   var mth = currentTime.getMonth();   var  month = bulan[mth];   var day = currentTime.getDate();   var year =  currentTime.getFullYear();   document.write(month + ' ' + day + ', ' +  year +' '); }  function tulisJamSekarang(){   var currentTime = new  Date();   var jambarateh = currentTime.getHours();   if(jambarateh >  11){     var jambara = jambarateh - 12;     var iraha = 'PM';   }else{      var jambara = jambarateh;     var iraha = 'AM';   }    var  sabaramenit = currentTime.getMinutes();   if (sabaramenit < 10){      var menit = '0' + sabaramenit;   }else{     var menit = sabaramenit;   }     document.write(' @ ' + jambara + ':' + menit + ' ' + iraha); }   function printParaAuthors(){if(document.getElementById('Profile1')){    if(document.getElementById('Profile1').getElementsByTagName('li')[0]  !=  undefined){     var daptarAuthors =   document.getElementById('Profile1').getElementsByTagName('li');     var  yangLgPosting =  document.getElementById('nama-yang-posting').innerHTML;      var banyaknyaAuthors = daptarAuthors.length;     for(x = 0; x <  banyaknyaAuthors; x++){       var uriAuthor =   daptarAuthors[x].getElementsByTagName('a')[0].href;       var namaAuthor  =  daptarAuthors[x].getElementsByTagName('a')[0].innerHTML;        if(namaAuthor == yangLgPosting){          document.getElementById('nama-yang-posting').innerHTML = '<a   href="'+uriAuthor+'" target="_blank">'+namaAuthor+'</a>'       }      }   }else   if(document.getElementById('Profile1').getElementsByTagName('dt')[0] !=   undefined){     var daptarAuthors =   document.getElementById('Profile1').getElementsByTagName('dt');      document.getElementById('nama-yang-posting').innerHTML =   daptarAuthors[0].innerHTML;       document.getElementById('Profile1').getElementsByTagName('h2')[0].innerHTML='About   me';     document.write('<style type="text/css">#Profile1   a.profile-link{display:none}</style>');   } } }  printParaAuthors(); </script>                    <center>    <div id='tengkiw'         onclick='tagklaud();'          onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40'             onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100'>       <br/>Terimakasih Sudah Berkunjung..      <fb:name  uid='loggedinuser' useyou='false'></fb:name>      <div  id='kopirait'>       ©        <script   type='text/javascript'>tulisTanggalSekarang()</script>        <script   type='text/javascript'>document.write(namaBlog)</script>        <script  type='text/javascript'>tulisJamSekarang()</script>      </div></div></center>

selamat mencoba semoga ~~tidak ~~berhasil~~~~
~~tunggu aku disurga~~

0 Comments

Peraturan Berkomentar :

√ Jangan berkomentar berbau SARA ( Suku, Agama, Ras, AntarGolongan ).
√ Berkomentar sesuai topik.
√ Komentar yang melanggar peraturan akan dihapus dan dianggap sebagai spam.
√ Anda boleh copy paste artikel tersebut, asalkan disertakan link artikel tersebut karena artikel dari blog renaldyways.blogspot.com sudah memiliki hak cipta google dan dipantau oleh DMCA.
√ Anda dapat berkomentar dengan link aktif asalkan, sebelumnya sudah melakukan perjanjian tukar link.

Tambahan :

√ Untuk berkomentar dengan Emoticon, silahkan klik tombol "Emoticon" dan copy dan paste kodenya di form komentar.
√ Untuk menyisipkan script, Anda bisa menggunakan fasilitas konversi kode di bawah.
√ Untuk menyisipkan gambar copy script Tulis URL gambar di sini dan jangan lupa tambahkan URL gambarnya.

Terima Kasih

Kang Aditya ^_^

Konversi KodeTutup Konverter!Out Of Topic Emoticon

Terima kasih telah berkomentar