Fµ©K Design

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/AVvXsEjd1zIbQQbZ0JaBhK2CEWKEB1gt3jV0cYTMiAThSSi5d87q5wUzIvcq8F7-yxRYPa8_SgRX6D80QaUZUfn6TMTRvlgWrdTkonl2o4_PGoBTJ3zgrvWe9p0nlURdxebFnwkcMOSfriuRy3IB/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/AVvXsEgkFxvwCsaT9jXzCcvaLgWG8pY8Ud3FkuiCbQF76kbQBKn3Cjyu7towezQoJmqlnV7XoPcixktiliNPpevakHQtZ5yqADd29zQhGonns7kgrDJk0WaGxZbCUXA8pwqy9uSBbq0lFyv5Bcfh/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/AVvXsEgkFxvwCsaT9jXzCcvaLgWG8pY8Ud3FkuiCbQF76kbQBKn3Cjyu7towezQoJmqlnV7XoPcixktiliNPpevakHQtZ5yqADd29zQhGonns7kgrDJk0WaGxZbCUXA8pwqy9uSBbq0lFyv5Bcfh/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/AVvXsEiAjHZpkzVcy7dNwUDgGF8S9ZRXxKuc8qD-OUlhYbKrwSDoNLCdRQD4_q9pAWVtfAEPvpQcNaTQiCxJElf8RonN8D-3fs9Y25KD6QaFKt8WmuxbrmdPOxrO82otR3xlkFE0JnwvT89Cuhns/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/AVvXsEi6KHnxx4q5fhUiSGbix9ZfDzc0IVotwbdXc_jC4pfc6IDP0Bw9a46uqWYxMnxM6UDucR-KGh7YOuDH9jPwsmZRSgvQB2tMyqjbJ2I8tEXi7dA6AQwhgCdxQrnkpm5MUKlrkqmaCZNe3f6C/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/AVvXsEhKNOz3pHa5K3JNOgnMa23Dy5T-LtYk0_kmkle9QKlE10CeJh7LEYBlIF7xyo5SbNCOkErHNYT38FTavdxRlGtgUQm6GTg2TCIJBIsjXbiz2lfiWmE4sG6gz_tvIDNoRClwrRpsyLTL8obC/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/AVvXsEgkFxvwCsaT9jXzCcvaLgWG8pY8Ud3FkuiCbQF76kbQBKn3Cjyu7towezQoJmqlnV7XoPcixktiliNPpevakHQtZ5yqADd29zQhGonns7kgrDJk0WaGxZbCUXA8pwqy9uSBbq0lFyv5Bcfh/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>

Photo Profile

<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/AVvXsEjpkQUUOPpjI9oqPCmX12-wR-pCybLpFecCodUQbN3XJ8KGHN6ifWN9Z7FmruRdz6kqCUkWLl9QhY2UlAfBdhIwgtZ_-5IL4yHn_PTszevo1KwLEjh7d3NtYrUZqGNmM4mREPClRWeYYu0/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/AVvXsEj0IoDEJDaFuiCrUbmodGSfHZ15L4kKWmR0jiKZY3F-JKfKGKWLTlUxu3jZEO-JNA0PrJTFFQnBkpZqO-Se9GCbN3bTKdX9TDkuI_kavVAs2Bb3lp0cMe526akXYIirin7JEMPUjtual8c/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/AVvXsEheyYYobeXIF1GgAbYMitzNTlur0tu5z7s3C1BvYZGdwRQCtEBjIj7lv3I0yKr6lCmbVzOd7u8HucD6-hSwlSwqG_YbGX0Xx9tbLXt0JpZKvNYT1JZU5rKfcWTuF3tV6c-82S9J837WuCU/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>

<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 di surga~~