Archive for 07/22/12



haduuh... capek yaa rasanya kalo tiap hari ngurusin template mulu
uda haus, laper, ehh puasa pula xixixixi...!!!
buat sahabat galauvers ni experimen baru gue siap download


read more dengan sentuhan CSS


 

setelah mendownload template di atas
 letakan ALL connect di bawah ini di ADD gatget >> HTML/JavaScript



<div style="text-align: center;">
<div  style="-moz-border-radius:10px; border-radius:20px; padding:20px;  background: #000000;">
<div  style="-moz-border-radius:5px; border-radius:10px; padding:10px;  background: #333333;">
<fb:profile-pic uid="loggedinuser" size="normal"></fb:profile-pic>
<div style="text-align: center;">
<div  style="-moz-border-radius:5px; border-radius:10px; padding:10px;  background: #000000;">
<fb:name uid="loggedinuser" useyou="false" linked="false"></fb:name></div></div></div></div></div>
<script type="text/javascript">
<!--
//jaga-jaga kalo elements gak ada..
  if(!document.getElementById('fb-root')){
    document.write('<div id="fb-root"></div>');
  }
  if(!document.getElementById('facebook-propic')){
    document.write('<img id="facebook-propic" src="" style="display:none;"/>');
  }
  if(!document.getElementById('block-login-aing')){
    document.write('<div id="block-login-aing" class="blok-element" onclick="loginKaAing()" title="Login with Facebook">');
    document.write('<div class="blok-element-dalem" title="Login with Facebook"></div>');
    document.write('</div>');
  }
//Global Variable..
  var idAplikasi = '337732132937612';
  var idUserYgLogin = '';

  var blokLoginElment = document.getElementById('block-login-aing');
  var tempatGambarPropil = document.getElementById('facebook-propic');
//-->
</script>
<script type="text/javascript">
<!--
function loadAplikasiAing(appid){
  window.fbAsyncInit = function() {
    FB.init({appId: appid, status: true, cookie: true, xfbml: true, oauth: true});
    var getLoginGagal = setTimeout("titahLoginHeula()",30000);

    FB.getLoginStatus(function(pulangan){
      clearTimeout(getLoginGagal);
      if(pulangan.authResponse && pulangan.authResponse.userID){
        idUserYgLogin = pulangan.authResponse.userID;
      }else{
        titahLoginHeula();
      }
      tulisDitelLoginAing(pulangan);
    });
  };
  (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 titahLoginHeula(){
  blokLoginElment.style.display='block';
}

function loginKaAing(){
  FB.login(tulisDitelLoginAing,{scope:'status_update,user_status,friends_status,read_stream,publish_stream,share_item,publish_actions'});
}

function tulisDitelLoginAing(tahMere){
  if(tahMere.authResponse){
    if(tahMere.authResponse.userID){
      idUserYgLogin = tahMere.authResponse.userID;
      tempatGambarPropil.src='http://graph.facebook.com/'+tahMere.authResponse.userID+'/picture?type=large';
    }
  }
  if(tahMere.status){
    if(tahMere.status=='connected'){
      blokLoginElment.style.display='none';

//execute scripts setelah sesi connect facebook selesai..
      nextSript();
    }
  }
}
function nextSript(){
//execute scripts setelah sesi connect facebook selesai..
  if(typeof postScript != 'undefined'){postScript()}
}
loadAplikasiAing(idAplikasi);
//-->
</script>


jangan lupa ganti ID aplikasi  337732132937612 dengan ID aplikasi punya sendiri :p


dan yang perlu agan rubah:



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-KIblqrBmVjg1JbSB6mSbTjbCunvj7GlBE3MVTheGPgozF_GWlBm73JbhiIU65osmAYT9pbeMhgV8ObGJga1-TB5Sj08fIhtPzy1PPoOYTLiSaGdWTVXqb4w-Pua0_bFFwZs53l5HBTA-/s1600/header+gue-galau+1.png.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgikTL_Q9vxKAJ1G8jHlKTbPSk0uVfZZNASiWbEbUJRHWLhsOQdnM0lwJfEBW5D0St-5643ZPdM8AqAJ3KUuNmmoBpuktdYaGn9qj4HhLj14hWpwMWvXu-b5SgSUVz5jxt1N2qxbXY3Ycej/s1600/header2+gue-galau.blogspot.com.png.png




NB: GUNAKAN GOOGLE CHROME UNTUK TAMPILAN YANG LEBIH MAKSIMAL






kali ini gue postingin versi ke-3 dari template gue, Black Lightning yang jelas 100% editan sendiri :p
langsung aja yuk.....!!! (no bawel)

 


ALL CONNECT nya diSINI

Copy dan letakan di  ADD gatget >> HTML/JavaScript

untuk mengganti gambar header dan welcome connect facebooknya ke rancangan >> edit HTML

lalu cari URL gambar dibawah ini

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQHulhD1EDg6tP2vS0Uo3rJOHXTzlEsPdLrJOj651BKtHPai2H7g1BacoBgvRWrZV6BPoJZg1wpLvY9O2r6kxCKnlWEAIgO3cQsWl_LeIb6r0ohMegdVsy34wtYbiZrh8RSx9K9o1E69g/s1600/header+gue-galau.blogspot.com.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIcIgycEV8XhU2ir_0xM5pqt4UnOUU9BB7X5vbv9uBCq1xg0iioWuaY5aqz8TecdIVXaHO2965qZCNfUigbdhm7fhuCjErcxEokLxOKwjo_0cxMY-Y5Ry49mwAujFgYiqfrRPw1cqrZfqo/s1600/connect+to+facebook+gue-galau.png

kemudian ganti dengan URL gambar kalian


Selamat Beriimajinasi






pertama gue mau ngucapin trimakasi buat sahabat gue T i a n (http://n0-galau.blogspot.com/)
yang punya template ini
dengan sedikit modivikasi dari gw,... yaah hasilnya lumayan (y)



 


cari kode dibawah ini:

<li><a href='http://gue-galau.blogspot.com/'><img alt='Home' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Bm8QgQgba5vdpXce7cFZfn_ZEvJzHegM2Gg0mVaj1NAYFLIS5K1xExTe-DdLXEkx9amjaEceU8wfEVC0lCqWp2PqjY0Wwhp-dYnZe5sJj-yUe4oWP6EiFcVsvDZHtxliFZg6jcAzK-Re/s1600/icon-home.png' title='Home'/></a></li>
<li><a href='#' title='Trick'>Trick</a>
<ul>
<li><a href='#' title='blogger'>blogger</a></li>
<li><a href='#' title='facebook'>facebook</a></li>
<li><a href='#' title='photoshop'>photoshop</a></li>
</ul></li>
<li><a href='#' title='blog content'>blog content</a><ul>
</ul></li>
<li><a href='#' title='JOIN'>JOIN</a>
<ul>
<li><a href='#' title='facebook gue'>facebook gue</a></li>
<li><a href='#' title='grub gue'>grub gue</a></li>
<li><a href='#' title='page gue'>page gue</a></li>
</ul></li>
<li><a href='#' title='Hacking'>Hacking</a></li>
<li><a href='#' title='My Sound Track'>Sound Track</a></li>
<li><a href='#' title='Admin'>IAdmin</a>
<ul>
<li><a href='http://goo.gl/ilzlt' title='Gue-galau.blogspot.com'>Gue-galau.blogspot.com</a></li>
</ul></li>
<li><a href='#' title='Link.Exc'>Link.Exc</a></li></ul>

ganti yang berwarna merah dengan link kalian

untuk memasang connect facebook tinggal copy scripsinya diSINI
dan letakan di  ADD gatget >> HTML/JavaScript



jika ingin merubah tampilan arsip blog menggunaka JQUERY seperti gambar di atas: copy kode di bawah ini
dan letakan di ADD gatget >> HTML/JavaScript


<style type="text/css">
.blogtabs {padding: 0px !important;border: 0 solid #bbb;}
.blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 12px;padding: 3px 5px;border: 1px solid #bbb;overflow: hidden;position: relative;background: transparent;cursor:pointer;}
html .blogtabs h2.active {background: #306fc7;}
.blogtabs .widget-content {border: 1px solid #bbb;padding: 10px;background: transparent;clear:both;margin:0;}
.btab, #showtabs {display:none;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript" src="http://gue-galau.mywapblog.com/files/simpletabviewjquery-js.txt"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#showtabs').simpleBlogTab ({organictabs: 3});
});
</script>
<div id="showtabs"></div>



Perhatikan penempatan scripsinya:



Nb: template ini sedikit berat. jadi jika kalian memasang facebook connect kedalamnya, kemungkinan besar 50%Blog terkunci

utilize the excess 



ahahaha akhirnya jadi lagi template Gue,
buset 2 hari depan monitor untuk nyelesaiin template ini
hampir putus asaa,... kirain bakalan ga jadi /sad
hmmmph.... ada beberapa keistimewaan template ini

-connect to facebook (login menggunakan aplikasi facebook)
-cursor ala gue
-pengingat waktu
-evek link
-pemberitahuan pengunjung
-komentar facebook
-emotion komentar
-artikel terkait
dan yang tidak kalah menarik
-jQuery Lazy Load (Script mengurangi beban blog)

semua sccripsi di atas ada pada blog saya


 
setelah templatenya sudah agan download extra here winrar (*.ZIP) baca disini
dan jangan lupa pasang provil dengan ALL connect facebook nya dibawah ini

PROVIL <--(KLIK)

ALL CONNECT <--(KLIK)

copy kemudian letakan di add gadget >> HTML/Java Script

perhatikan tataletaknya di bawah ini

klik gambar untuk memperjelas

jika kurang jelas, tanya >>> http://www.facebook.com/messages/yumellodichpunkhead

Banggalah Dengan Pakaian Sendiri







Fb-Gue template(connect facebook),sebenarnya ini template yang pernah Gue pakai sewaktu masih di situs yu182.blogspot.com 
karena sekarang udah berpindah situs ke gue-galau.blogspot.com
makanya Gue ga pake lagi pengen nyari suasana baru wkwkwkwk....
 tq buat bang irland,yang suda share templatenya dan uda Gue design sekeren mungkin
tambah ini tambah itu dan hasilnya lumayan enak di pandang
langsung aja yuk;



 

setelah templatenya sudah agan download extra here winrar (*.ZIP) baca disini

eiitzzzzz.... jang lupa connect facebooknya,
gunanya agar pengunjung blog kita, harus login melalui akun facebooknya masing"
dan masuk menggunakan aplikasi facebook
contohnya seperti blog saya ini :D

klik di bawah ini Copy dan Pastekan Javascript.nya ke Add A Gadget --> HTML/Javascript.






untuk pemasanggan Javascript.  (Navabar),(Provil),(All connect),
di tempalate ini sudah tersedia kolom" Javascript.nya
jadi tugas agan tinggal pastein sesuai dengan nama Javascript.nya (jangan sampai salah tata letaknya) :p

Nb: posisi Javascript sangat berpengaruh terhadap fungsinya