[̲̅̅A̲̅][̲̅̅R̲̅][̲̅̅I̲̅]][̲̅̅P̲̅]
Cari Blog Ini
NavBar
global variable
Minggu, 15 April 2012
template kaya punxa (◣_◢)Fµ©K(◣_◢)
template kaya punxa (◣_◢)Fµ©K(◣_◢)
Diposting oleh
Muhammad Syarif (Arip)
di
22.26
·
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/AVvXsEjtzFYwF_eM0f5ZrffNQ68KxIf-9rWaa-_t6IjJFyzsip1D-Meq2OtvKc6b17-WhgFJzOFpQjzT_A0pDuxOLIooIEO-Prve01KW8_IPyCFy8U_3xnptZaWaY8KCOYy72WuztXXzd4IrSZ7t/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/AVvXsEi_GDPAqNnRHqbmdvlDX0PRs49nbmq7Zong31xzY_IBY06AMBGCpeXIvdHGspZuAhj_AUHOYE8raYfhrmbyBTeDRrs548bIfcuDXMz1FgYyMwwD9yIeZrBf7WaH6v8gPCOQ2XMc70DTTS69/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/AVvXsEi_GDPAqNnRHqbmdvlDX0PRs49nbmq7Zong31xzY_IBY06AMBGCpeXIvdHGspZuAhj_AUHOYE8raYfhrmbyBTeDRrs548bIfcuDXMz1FgYyMwwD9yIeZrBf7WaH6v8gPCOQ2XMc70DTTS69/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/AVvXsEhxM1BT_nmCs1Hb2WI6cj64kHUXTg-bfUQSFCwhzZUtg9Jo9beu7Awrlifk68IR7qXrGVehq5plNrzIXoKNCJbBTKjKtWU_9Bs9ybi4Dw_r8jN9RaXzeblRbT8jp1rUhhvEJYwvN_VqiRDV/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/AVvXsEjEKt7ycmmTJkDca-KPNpqPmaea2fS8gdDenHkWF23CDNAhgO3Xm2he6MxujzxQnQbzrMRpx0Ro4UzsYR6nk_oTAKZtGWh83ebwa0TWHyqiHWorAkhElVz-itZVVUqKYAhED6HriiWtJa6j/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/AVvXsEh3OoX2a8APPSdWppwOnBev6xMPTWSq8SR-JjTtbUu6KNWMux5KsZH8J2TKdp_xteQU7bWy4OBFRoXc_Gs0rVczhQECQhtWNNO8aN5OW07r6LbaR-v-E3CfQGOXnJOWj2UTpsEOezhPX5WA/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/AVvXsEi_GDPAqNnRHqbmdvlDX0PRs49nbmq7Zong31xzY_IBY06AMBGCpeXIvdHGspZuAhj_AUHOYE8raYfhrmbyBTeDRrs548bIfcuDXMz1FgYyMwwD9yIeZrBf7WaH6v8gPCOQ2XMc70DTTS69/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/AVvXsEjy4h2w2XlT6OW4u0KCkU7wfr0SdMsupkqZv4LHHFrM8Ae-b8U9vDe4A3P_wzVz-rrJOYk7VXK0kcEWO3K2Kx5xuYKrsR_F7ozB8hQgBvCF6EpTQOv-whfcZPEjcLvojDOnxRSFihzfpR8/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/AVvXsEjoK1iV55SPdTCX9Hz9TMXhUPTsw4hq981KuJkwMjIEJ4hLuEFQ-pmWH9S8F5zZnjy0Tn1Og77MYujsnF0t7rk7BJRLNOF33AIuU6wycpXgAQqGR5Rvwjz62iuuDBFEtLQrZXpMH0TZ5Sk/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/AVvXsEhIP5dT11XgiSd6oJobpLtAkvjf-Q1j2M1JT8gh-MMGkZ7sXPiNf86QoczbEzdNXwi4andRzxCQjLPbyfI7io43icEg12rAeHaIhRPqXGIff7uVIc2TB6hFohlB9IRFI0SrRCwLwT3ZDCg/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
Tidak ada komentar:
Posting Komentar
Posting Lebih Baru
Posting Lama
Beranda
Langganan:
Posting Komentar (Atom)
handapeunpost
Tidak ada komentar:
Posting Komentar