Showing posts with label Blog Templates. Show all posts

ғь[̲̅̅N̲̲̅̅̅a̲̅m̲̅̅a̲̅] [̲̅̅Panj̲̅̅a̲̲̅̅̅n̲̲̅̅̅g̲̅] October 2011

Posted by Zaini Milan at 4:34 PM ·

Dikuasakan oleh

Terjemahkan

Sebenernya bukan pelit sih,, gak share template. tapi emang masih berantakan

jadi mau nge-share juga agak-agak ribet..

Sekarang mending gini aja deh,, kalo elo-elo masih suka yang ribet-ribet,, boleh deh terusin baca nih coretan cakar

ayam

rajawali , tapi kalo masih suka yang instan-instan mending tunggu entar-entaran aja,, kapan?!,, au.. :p

Seperti biasa, template ini ada beberapa CSS-nya yang dipasang di Widget,, jadi kalo baru templatenya doang yang dipasang, ya.. gitu deh..
bRanTaX-an
.

Juga script-script nya kebanyakan buat Team Blog jadi kalo blog elo personal, ya sedikit modif lah..

Script-script yang ada ditiap widget emang misah-misah sih tapi saling bersangkutan. Jadi kalo misal widget yang satu dipasang tapi yang lainnya enggak, kemungkinan besar script-nya gak jalan (kecuali modif dikit :P)

Best practice sih mendingan elo backup dulu template lama lo komplit sama isi widget-widget-nya baru pasang template ini bareng widget-widget-nya full tanpa campur tangan dari template atau widgets lama lo,, baru kalo udah works 100%, modif deh suka-suka..
itu cerita ku, apa cerita mu? :D

Gitu aja kali pesan-pesan dari gw, selamat mencoba, semoga bermanfaan dunia akhirat,, selamat malam

dan sampai jumpaaaaaa...

Download Bokep Miyabi vs Bieber Now!!

John Crottube Template John Crottube Template

Posted by Zaini Milan at 8:41 AM ·

Johny Crottube | Template Blogger Untuk TubeBlog

Wisanto's Blogg - Johny Crottube | Template Blogger Untuk TubeBlog

Masuk ke Youtube dan pilih video favorit anda.
Kemudian klik share seperti langkah nomer 1, lalu klik embed tunggu hingga kodenya muncul.
Perhatikan kotak yang saya centang pada nomer 3 diatas, disini Anda hanya mencentang pilihan atau opsi yang paling atas (Show suggested videos when the video finishes) biarkan yang lain kosong.
Setelah itu ambil kode iframe Youtube seperti pada nomer 4 diatas, paste ke dalam postingan pada posisi Edit HTML bukan compose. Untuk ukuran panjang dan lebar video terserah silahkan Anda pilih sendiri.
Video dari Youtube sudah nampak di postingan jika Anda preview, tapi thumbnailnya belum akan kelihatan di Homepage. Untuk menampilkan thumbnail di halaman depan (homepage) anda harus menambahkan kode ini setelah kode iframe dari Youtube :

<iframe width="640" height="360" src="http://www.youtube.com/embed/8Pjh0visgJI" frameborder="0" allowfullscreen></iframe><img border="0" height="0" width="0" src="http://i2.ytimg.com/vi/kode seri video/0.jpg" />
Kode yang saya cetak tebal diatas adalah kode yang harus Anda tambahkan setelah kode Iframe Youtube. Perhatikan tulisan kode seri video (warna merah), anda isi dengan kode seri warna merah diatasnya (8Pjh0visgJI). Kode seri video dari Youtube ini berbeda-beda untuk tiap video, jadi jika Anda memasukkan video jangan lupa untuk mengganti juga kode seri-nya harus sama dengan kode diatasnya. Dan postingan untuk video itu akan nampak seperti gambar di bawah ini :

Perhatikan kedua kode pada gambar dengan background biru diatas.

Pada template ini saya tambahkan fitur untuk tampilan Grid dan List style, dibawah ini adalah screenshot untuk tampilan grid dan list syle :

Sekarang untuk menampilkan widget Video Category yang ada pada template ini. Yang Anda harus lakukan hanya membuka widget Video Category 1 dan 2 kemudian masukkan/ketik label di dalam kotak HTML/Javascript seperti gambar di bawah ini :

Dari gambar diatas jazz adalah label yang saya tampilkan pada video category 1, Anda ganti dengan label yang diinginkan, demikian juga dengan widget Video Category 2.

Untuk mengaktifkan reply pada kotak komentar, masuk ke Edit HTML jangan lupa untuk mencentang kotak Expand Widgets Templates kemudian cari kode berikut :

<a expr:href='"https://www.blogger.com/comment.g?blogID=1128587339572285487&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>

Ganti blog ID warna merah diatas dengan ID blog anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :

Template ini juga dilengkapi fitur related video di setiap postingan dan slider otomatis yang menampilkan postingan terbaru Anda. Template ini bisa digunakan juga untuk konten gallery gambar biasa, dan untuk video hanya khusus dari Youtube, tapi jika anda ingin menambahkan video selain Youtube harus membuat thumbnail manual dulu kemudian baru di upload saat buat postingan. Segitu dulu tutorial cara instalasi untuk template Johny Crottube kali ini. Jika ada yang mau ditanyakan silahkan tinggalkan pesan pada kotak komentar di bawah. Selamat mencoba dan semoga bermanfaat.

Demo | Download

sumber

Comment
1

Bondowoso Comunity mengatakan...: thx tutor.a kk
bondowoso-jawa.blogspot.com; 21 November 2012 23.55

Poskan Komentar

Template Aing Creations (Windows 7) Template Aing Creations (Windows 7)

Posted by Zaini Milan at 8:13 AM ·

Template AingCreation + win7

Assalammuaikum warah mutallah hiwabarakatuh

Okehh..!! semuanya , salam kenal dari cowok ganteng asal jogja yg sekarang di riau perkenalkan nama gw מ.אַ.ז פּ.ר.אַ.ם , nah segitu aja dah perkenalan kita . !!

cuma mau share aja sihh , kalo ada yg suka ama template Aing creations ya gak jauh beda sihh , cuma ini sedikit penambahan !!
yaitu ada menu windows 7 nya, kayak templatenya windows 8 okeh langsung aja deh :

preview

gahule.blogspot.com

Download XML

Download Widget

Selanjutnya di analisa sendiri pan udah gede . . .!!!

Kalo belum ngerti juga

Ada masalah Tanyakan aja sama yg punya blog ini .

sekian aja Terima kasih ;
wasalam ;

Comment

Blogger Blog Post Tittle Modifications Blogger Blog Post Tittle Modifications

Posted by Zaini Milan at 8:43 PM ·

Saturday, June 30, 2012

Blogger Blog Posts Title Modification

This article is part of the series:

Blogger Template Modifications and Hacks

Kita buka lagi catetan yang kemaren tentang Blog Posts Widget (di save nggak?)

Yang mau kita modif sekarang kan Blog Posts Title tuh, jadi kita cari tag b:includable yang punya id='post' sama di dalemnya ada tag <data:post.title/>

Kalo template-nya masih standard sih, pasti gak jauh beda codes-nya kaya yang di bawah ini..

<b:includable id='post' var='post'>
  <div class='post hentry'>
    <a expr:name='data:post.id'/>

    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>

...

kalo emang nggak ada, elo sah-sah aja sih nambahin sendiri, (gak ada yang ngelarang kan?)

Apaan sih ini <b:includable id='post' var='post'> ??

Kalo gw baca dari Blogger Help katanya..

Isi dari Widget semuanya disimpen di dalem "includable" sections, yang formatnya kaya gini:

<b:includable id='main' var='thiswidget'>

    [insert whatever content you want here]

</b:includable>

Baca selengkapnya di google.com/support/

Kalo code Embed nya mah cuman gini doang..

<embed 
FlashVars='letter=Blog Posts Title pake Flash' 
pluginspage='http://www.macromedia.com/go/getflashplayer' 
src='http://www.widgeo.net/effets/2.swf' 
type='application/x-shockwave-flash' 
quality='high' 
align='middle' 
height='40' 
width='200' 
wmode='transparent'/>

buat src='http://www.widgeo.net/effets/2.swf' nya, di widgeo.net adanya cuman mulai dari 1.swf sampe 8.swf doang, cobain aja lah atu² (geratis ini).

buat wmode='transparent' nya, berhubung dari sononya warna text cuman putih doang, jadi kalo bacground Blog elo putih textnya gak keliatan dong?. Ganti aja wmode='opaque'

Terus Gimana caranya biar Nampilin Text sesuai Title Post?

Di atas kan bagian yang buat ngatur text yang di tampilin itu,,
FlashVars='letter=Blog Posts Title pake Flash'

Nah, biar textnya sesuai sama Post Title kita pake tag punya Blogger aja..
expr:FlashVars='"letter=" + data:post.title'

Sekarang tinggal ganti deh semua tag <data:post.title/> yang diatas, pake code Embed flash yang udah elo modif tadi ~~Kapan? :P~~.. Rebes.. Tinggal nyoba.. Gimana?? Jalan nggak?

Yang jadi Pengen Seru sekarang, Gimana caranya nge-Random angka di src='http://www.widgeo.net/effets/2.swf' biar berubah² mulai dari 1.swf' sampe 8.swf' ??? :D (Pake JavaScript keren kayanya tuh!!)

Udah dulu ya?!, Belom sore sih tapi.. ~~ah gak ada tapi :P~~
Besok lanjut lagi....,,,

O,iya,, Punya ide gak lo, apa lagi yang Seru buat di Modif??

No comments:

ѼBestѼFriendsѼforeverѼ ѼBestѼFriendsѼforeverѼ

Posted by Zaini Milan at 6:00 PM ·

Zaini Milan

Template Preview

ѼBestѼFriendsѼforeverѼ | ijhoonk-childs.blogspot.com

Download XML Template ver.44

Download widget nye : ver.44

Apa aja yang mesti diRubah?

Blogs yang udah pernah masang Template ini:

ғь [̲̅Monster] [̲̅Likers] Template

Posted by Zaini Milan at 5:53 PM ·

Dowload Template Blog 3D Transparan Dowload Template Blog 3D Transparan

Diposkan oleh khafidint di 18.20 ·

download | demo

template 3d transparan

adalah template editan sendiri :) yang menggabungkan dari bebrapa template aingcreations.

template ini mempunyai cool fitur yaitu ;

exsplore the archive (download)
template transparan
foto profil
chat mirip facebook

notice!
hapus semua widget yang ada di template sebelumnya agar tidak mengalami bentrok

Blogs yang udah pernah masang Template ini:

Posted by Zaini Milan at 5:50 PM ·

Zaini Milan

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

Comment
1

dayZ mengatakan...: Bang 'facebook graph API'nya error, punya yang baru gk ?? please >.<; 16 Februari 2012 05.11

Poskan Komentar

Search This Blog

NavBar

Ingat Waktu Coy

ғь[̲̅̅N̲̲̅̅̅a̲̅m̲̅̅a̲̅] [̲̅̅Panj̲̅̅a̲̲̅̅̅n̲̲̅̅̅g̲̅] October 2011

John Crottube Template John Crottube Template

Johny Crottube | Template Blogger Untuk TubeBlog

Comment
1

Template Aing Creations (Windows 7) Template Aing Creations (Windows 7)

Template AingCreation + win7

Assalammuaikum warah mutallah hiwabarakatuh

Comment

Blogger Blog Post Tittle Modifications Blogger Blog Post Tittle Modifications

Saturday, June 30, 2012

Blogger Blog Posts Title Modification

Blogger Template Modifications and Hacks

Apaan sih ini <b:includable id='post' var='post'> ??

Terus Gimana caranya biar Nampilin Text sesuai Title Post?

No comments:

ѼBestѼFriendsѼforeverѼ ѼBestѼFriendsѼforeverѼ

Template Preview

Download XML Template ver.44

Download widget nye : ver.44

Apa aja yang mesti diRubah?

Blogs yang udah pernah masang Template ini:

ғь [̲̅Monster] [̲̅Likers] Template

Dowload Template Blog 3D Transparan Dowload Template Blog 3D Transparan

template 3d transparan

adalah template editan sendiri :) yang menggabungkan dari bebrapa template aingcreations.

Blogs yang udah pernah masang Template ini:

Fµ©K Design Fµ©K Design

tunggu aku di surga

Comment
1

polower-aing

5

Ingat Waktu Coy

Johny Crottube | Template Blogger Untuk TubeBlog

Comment1

Template AingCreation + win7

Assalammuaikum warah mutallah hiwabarakatuh

Saturday, June 30, 2012

Blogger Blog Posts Title Modification

Apaan sih ini <b:includable id='post' var='post'> ??

Terus Gimana caranya biar Nampilin Text sesuai Title Post?

No comments:

Template Preview

Download XML Template ver.44

Download widget nye : ver.44

Apa aja yang mesti diRubah?

Blogs yang udah pernah masang Template ini:

Dowload Template Blog 3D Transparan Dowload Template Blog 3D Transparan

template 3d transparan

adalah template editan sendiri :) yang menggabungkan dari bebrapa template aingcreations.

Blogs yang udah pernah masang Template ini:

tunggu aku di surga

Comment1

polower-aing

5

Comment
1

Comment
1