SERCH POST

Cara membuat template blog seperti facebook

5 komentar

1. Login ke Blogger, Rancangan, Edit HTML,
 Download template:faceblogV43.xml
2. Upload xml faceblog tadi, ke Element Laman isi bagian2:
Navbar


<a id="gbr-sama-nama-pesbuk" href="javascript:void(0)" title="Aing Creations" target="_blank"></a>

<a class="garis"></a>

<script type="text/javascript">
<!--
document.write('<a href="http://'+window.location.hostname+'" class="middle">Home</a>');
document.write('<a href="http://www.facebook.com/100003167696243" class="middle">My FaceBook</a>');

function bukaNavBar(){
  if(document.getElementById('navbar').style.display=='block'){
    document.getElementById('navbar').style.display='none';
    document.getElementsByClassName('header-outer')[0].style.top='0px';
  }else{
    document.getElementById('navbar').style.display='block';
    document.getElementsByClassName('header-outer')[0].style.top='30px';
  }
}
//-->
</script>

<a class="garis"></a>
<a href="javascript:void(0)" onclick="bukaNavBar()" class="drop-down"></a>

Global Variables


<script type="text/javascript">
<!--
// ID APLIKASI FACEBOOK
var idAplikasiGue = '338702316161314';

// ID BLOG
var idBlogGue = '2413285391341550265';

// ID GOOGLE FRIEND CONNECT
var idSiteFriendConnectGue = '06098827024843277985';

// FACEBOOK POST ID (PRIVACY HARUS PUBLIC!!)
var postIdBuatFbLikers = '276602519055008_276611005720826';

// APPLICATION ACCESS TOKEN (PAKE APLIKASI YANG UDAH GAK KEPAKE ATAU BIKIN BARU AJA)
var accessTokenBuatRecentVisitor = '338702316161314|PJaetpeWcVa_EJlmtt3sWXSV1Y4';

var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "32";
    skin['TITLE'] = "";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#000000";
    skin['ENDCAP_LINK_COLOR'] = "#000000";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#000000";
    skin['CONTENT_TEXT_COLOR'] = "#000000";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
    skin['CONTENT_HEADLINE_COLOR'] = "#000000";
    skin['FONT_FACE'] = "verdana";
//-->
</script>

3. Untuk photo profile Visitor, Tambah Gadget isi script di bawah:


<td>
      <fb:profile-pic uid="loggedinuser" size="normal">
        <img src="http://a2.sphotos.ak.fbcdn.net/hphotos-ak-snc3/30690_1374230609013_1629256153_868867_6871848_n.jpg" style="max-width:200px; _width:200px;"/>
      </fb:profile-pic>
    </td>
<div class="transparent" style="left: 4px; margin-top: -75px; position: absolute;"><iframe src="http://www.facebook.com/plugins/like.php?href=http://faceblog-lutfi.blogspot.com/&amp;layout=box_count&amp;show_faces=false&amp;width=55" style="width: 55px; height: 62px; background: none repeat scroll 0% 0% transparent; padding: 0pt; margin: 0pt; border: medium none;"></iframe></div>

Untuk menggunakan emoticon ini, COPAS kode ke kotak komentar.
:a: :b: :c: :d: :e: :f: :g: :h: :i:
:j: :k: :l: :m: :n: :o: :p: :q: :r:
:s: :t: :u: :v: :w: :x: :y: :z: :ab:

5 Responses so far

  1. :r: Thanks Mas Brooo.... Izin sedot

Leave a Reply

peraturan komentar:
1. menggunakan bahasa yang baik dan benar
2. komentarlah yang baik dan sehat.
3. no SPAM
4. jangan lupa share ke facebook kalo menarik postingan ini.
trimakasih^_^